@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');
body{margin:0;background:#faf9f4}*{box-sizing:border-box}.motion{--ink:#132f3a;--navy:#112d39;--orange:#f3bf58;--paper:#faf9f4;color:var(--ink);font-family:'IBM Plex Sans',Arial,sans-serif}.motion a{color:inherit}.motion h1,.motion h2,.motion h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;line-height:.98;margin:0 0 22px}.motion h1{font-size:clamp(80px,10.5vw,156px);letter-spacing:-.025em}.motion h2{font-size:clamp(45px,5.2vw,76px)}.motion h3{font-size:32px}.motion p{line-height:1.7;margin:0 0 20px}.motion .wrap{max-width:1320px;margin:auto}.motion .section{padding:85px clamp(22px,5vw,74px)}.motion .kicker{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px}.motion .lead{font-size:clamp(19px,2vw,24px);line-height:1.55}.motion .hero{background:var(--navy);color:#fff;padding-top:62px;padding-bottom:58px;overflow:hidden}.motion .hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px}.motion .hero h1 span{display:block;color:var(--orange)}.motion .hero .kicker{color:#ffc97b}.motion .hero-copy>p{max-width:540px}.motion .hero-photo{position:relative;background:#f0f2ec;border-radius:3px 80px 3px 3px;padding:35px 20px 14px;min-width:0}.motion .hero-photo img{display:block;width:100%;height:420px;object-fit:contain}.motion .hero-photo figcaption{color:#30464a;font:11px 'IBM Plex Mono',monospace;padding:18px 8px 8px;border-top:1px solid #bfc9c8;line-height:1.6}.motion figure{margin:0}.motion .btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--orange);color:#132f3a;text-decoration:none;font:600 12px 'IBM Plex Mono',monospace;padding:18px 23px;line-height:1.4}.motion .btn:hover{background:#ffd296}.motion .btn.alt{background:transparent;border:1px solid #a8babd;color:white}.motion .actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.motion .hero-note{font:11px 'IBM Plex Mono',monospace;color:#c7d4d4}.motion .jump{background:#f3bf58;padding:17px 24px}.motion .jump .wrap{display:flex;gap:16px 28px;justify-content:space-between;flex-wrap:wrap}.motion .jump a{text-decoration:none;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.04em}.motion .jump a:hover{text-decoration:underline}.motion .split{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:start}.motion .intro{max-width:920px;font-size:20px}.motion .principles{border-top:1px solid #bbc9c8}.motion .principles article{display:grid;grid-template-columns:38px 1fr;gap:15px;border-bottom:1px solid #bbc9c8;padding:23px 0}.motion .principles b{font:12px 'IBM Plex Mono',monospace;color:#9c5512}.motion .principles h3{font-size:27px;margin-bottom:8px}.motion .principles p{margin:0;font-size:15px}.motion .light-blue{background:#ecf0e8}.motion .section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px}.motion .section-head p{max-width:420px;margin-bottom:0}.motion .config-list{display:grid;gap:25px}.motion .configuration{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #ccd7d5;min-width:0}.motion .configuration:nth-child(even) .product-picture{order:2}.motion .product-picture{display:flex;flex-direction:column;justify-content:center;min-width:0;background:#f5f6f2;padding:25px}.motion .product-picture img{width:100%;height:330px;object-fit:contain}.motion .product-picture figcaption{font:11px 'IBM Plex Mono',monospace;color:#536a6d;line-height:1.6;margin-top:12px}.motion .config-copy{padding:42px;align-self:center}.motion .config-copy h3{font-size:clamp(34px,3.5vw,49px)}.motion .config-copy .kicker{color:#965214;margin-bottom:15px}.motion .chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.motion .chips span{border:1px solid #bed0cb;padding:7px 10px;font:11px 'IBM Plex Mono',monospace}.motion .text-link{font-weight:700;text-underline-offset:5px}.motion .dark{background:var(--navy);color:white}.motion .dark .kicker{color:#ffc97b}.motion .upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.motion .upgrade-grid article{border-top:3px solid var(--orange);padding-top:24px}.motion .upgrade-grid .number{font:12px 'IBM Plex Mono',monospace;color:#ffbe66;display:block;margin-bottom:24px}.motion .upgrade-grid p{color:#d2dfde}.motion .note{border-top:1px solid #617b80;padding-top:20px;color:#cfdddc;font-size:14px}.motion .family-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.motion .family{padding:34px;border:1px solid #b7c9c4;border-top:6px solid #f3bf58}.motion .family:last-child{border-top-color:#45a768}.motion .family h3{font-size:50px}.motion .family p{max-width:490px}.motion .ways{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.motion .ways article{border-top:1px solid #b0c4c0;padding-top:22px}.motion .ways h3{font-size:29px}.motion .faq{max-width:1000px}.motion details{border-bottom:1px solid #b8c8c4;padding:23px 0}.motion summary{font-size:19px;font-weight:700;cursor:pointer;padding-right:22px}.motion details p{margin-top:18px;max-width:830px}.motion .cta{background:#f3bf58}.motion .cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}.motion .cta h2{margin-bottom:18px}.motion .cta p{max-width:710px}.motion .cta .btn{background:#112d39;color:white;white-space:nowrap}.motion .phone{font-size:22px;font-weight:700;text-decoration:none}.motion a:focus-visible,.motion summary:focus-visible{outline:3px solid #e08017;outline-offset:6px}.motion .muted{color:#4e6669;font-size:14px}.motion .sources{font-size:13px;line-height:1.7;margin-top:30px}.motion .sources a{margin-right:15px}html{scroll-behavior:smooth}section[id],article[id]{scroll-margin-top:130px}
@media(min-width:1500px){.motion .hero-photo img{height:460px}}@media(max-width:900px){.motion .hero-grid,.motion .split{grid-template-columns:1fr;gap:30px}.motion .hero-photo{max-width:650px;width:100%;margin:auto}.motion .section-head{display:block}.motion .section-head p{max-width:750px}.motion .config-copy{padding:28px}.motion .product-picture img{height:280px}.motion .upgrade-grid{gap:20px}.motion .cta .wrap{display:block}}@media(max-width:620px){.motion .section{padding:58px 22px}.motion .hero h1{font-size:clamp(78px,23vw,130px)}.motion .hero-photo img{height:290px}.motion .configuration,.motion .family-grid,.motion .ways,.motion .upgrade-grid{grid-template-columns:1fr}.motion .configuration:nth-child(even) .product-picture{order:0}.motion .product-picture{padding:20px}.motion .product-picture img{height:260px}.motion .config-copy{padding:26px}.motion .jump .wrap{justify-content:flex-start;gap:17px 22px}.motion .family{padding:26px}.motion .lead{font-size:20px}.motion .btn{padding:16px 18px}.motion .section-head{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.motion .hero-grid{grid-template-columns:.95fr 1.05fr}.motion .hero h1{font-size:clamp(72px,8.6vw,130px)}.motion .hero-photo{padding:0;border-radius:4px 60px 4px 4px;overflow:hidden;background:#253f43}.motion .hero-photo img{height:auto;object-fit:contain}.motion .hero-photo figcaption{padding:18px 23px;color:#e1e9e5;border:0;font-size:11px}.motion .credits{background:#f3bf58;padding:36px clamp(22px,5vw,74px)}.motion .credits .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.motion .credits small{display:block;font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.motion .credits b{font:700 32px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.motion .credits p{font-size:13px;margin:12px 0 0}.motion .production-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.motion .work-list article{display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:1px solid #b4c6bd;padding:24px 0}.motion .work-list .number{font:12px 'IBM Plex Mono',monospace;color:#87612b}.motion .work-list h3{font-size:30px;margin-bottom:12px}.motion .work-list p{margin:0;font-size:15px}.motion .field-photo img{display:block;width:100%;height:380px;object-fit:cover}.motion .field-photo figcaption{font-size:12px;line-height:1.6;margin-top:15px;color:#4f6862}.motion .scale-row{display:grid;grid-template-columns:190px .85fr 1.2fr;gap:42px;padding:32px 0;border-top:1px solid #668079;align-items:start}.motion .scale-row .size{font:700 62px 'Barlow Condensed',Impact,sans-serif;color:#f3bf58}.motion .scale-row h3{font-size:34px}.motion .scale-row p{color:#d5e1dd;margin:0}.motion .scale-row small{font:11px 'IBM Plex Mono',monospace;display:block;color:#d3b87b;margin-top:15px}.motion .workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.motion .workflow-grid img{width:100%;height:450px;object-fit:cover}.motion .workflow-grid p{max-width:580px}.motion .onboarding{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.motion .onboarding article{border-top:3px solid #cc9735;padding-top:25px}.motion .onboarding h3{font-size:31px}.motion .onboarding p{font-size:15px}.motion .planning{display:grid;grid-template-columns:1fr 1fr;gap:50px}.motion .planning ul{padding-left:20px;line-height:1.9}.motion .planning h3{font-size:32px}.motion .fine{font-size:13px;color:#4e6861}.motion .dark .fine{color:#c9d7d1}.motion .cta .btn{white-space:normal}.motion .label{font:11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px;color:#856226}.motion .editorial{font-size:24px;line-height:1.6;border-left:4px solid #daa54d;padding-left:25px}.motion .source-note{margin-top:25px;font-size:12px;color:#546a63}
@media(max-width:950px){.motion .hero-grid,.motion .production-grid,.motion .workflow-grid{grid-template-columns:1fr;gap:30px}.motion .hero-photo img{height:auto}.motion .credits .wrap{grid-template-columns:1fr 1fr}.motion .credits .wrap>div:first-child{grid-column:1/-1}.motion .scale-row{grid-template-columns:180px 1fr}.motion .scale-row p{grid-column:2}.motion .planning{gap:30px}}@media(max-width:620px){.motion .hero h1{font-size:clamp(60px,18vw,95px)}.motion .hero-photo img{height:auto}.motion .credits .wrap,.motion .onboarding,.motion .planning{grid-template-columns:1fr}.motion .credits .wrap>div:first-child{grid-column:auto}.motion .scale-row{grid-template-columns:1fr;gap:12px}.motion .scale-row p{grid-column:auto}.motion .scale-row .size{font-size:48px}.motion .workflow-grid img,.motion .field-photo img{height:300px}.motion .editorial{font-size:21px}}