.design-page{--paper:#050505;--ink:#f3f3f0;--muted:#929292;--line:#292929;background:var(--paper);color:var(--ink)}.desktop-nav .active{color:#fff}.design-page .section{padding-block:145px}.design-hero{min-height:940px;padding-top:80px;border-bottom:1px solid var(--line);overflow:hidden}.design-hero-grid{min-height:850px;display:grid;grid-template-columns:1.08fr .92fr;gap:74px;align-items:center}.hero-copy h1{font-size:clamp(58px,6.6vw,96px);line-height:.92;font-weight:500;letter-spacing:-.065em;margin:28px 0 32px;text-wrap:balance}.hero-copy>p{max-width:680px;color:#aaa;font-size:19px;line-height:1.55;margin:0 0 36px}.hero-actions{display:flex;align-items:center;gap:28px}.prototype-ui{border:1px solid #353535;border-radius:15px;background:#080808;box-shadow:0 35px 100px #000;overflow:hidden}.proto-top{height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#777;font-size:10px}.proto-top>span{display:flex;gap:7px}.proto-top i{display:block;width:7px;height:7px;border:1px solid #777;border-radius:50%}.proto-canvas{position:relative;min-height:480px;display:grid;grid-template-columns:58px 1fr;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px}.proto-canvas aside{padding-top:30px;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:18px}.proto-canvas aside i{width:18px;border-top:2px solid #555}.proto-screen{padding:76px 42px}.proto-screen>span{color:#777;font-size:10px;text-transform:uppercase}.proto-screen h2{font:500 37px/1.02 "Space Grotesk",sans-serif;letter-spacing:-.04em;margin:17px 0 30px}.proto-cta{width:132px;height:38px;background:#efefec}.proto-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:65px}.proto-cards i{height:76px;border:1px solid #3a3a3a}.cursor-note{position:absolute;right:25px;top:52%;padding:8px 10px;background:#efefec;color:#080808;font-size:9px;transform:rotate(-4deg)}.design-brief{border-bottom:1px solid var(--line)}.brief-grid{min-height:190px;display:grid;grid-template-columns:105px repeat(4,1fr);gap:35px;align-items:center}.brief-grid>span,.section-index{color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.brief-grid b{font:500 17px "Space Grotesk",sans-serif}.brief-grid p{color:#888;font-size:14px;margin:7px 0 0}
.design-problem{background:#070707;border-bottom:1px solid var(--line)}.direction-list{border-top:1px solid var(--line)}.direction-list article{display:grid;grid-template-columns:48px 1fr 48px;gap:20px;align-items:center;min-height:155px;border-bottom:1px solid var(--line)}.direction-list article>span{color:#777;font-size:10px}.direction-list h3{font:500 clamp(25px,3vw,38px)/1.1 "Space Grotesk",sans-serif;margin:0 0 8px}.direction-list p{color:#929292;font-size:16px;margin:0}.direction-list a,.price-list article>a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #383838;border-radius:50%;color:#fff}.direction-list a:hover,.price-list article>a:hover{background:#eee;color:#080808}.design-process{border-bottom:1px solid var(--line)}.process-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:110px}.sticky-copy{position:sticky;top:125px;align-self:start}.sticky-copy h2,.prototype-copy h2,.faq-copy h2{font-size:clamp(50px,5.6vw,76px);line-height:.98;font-weight:500;letter-spacing:-.06em;margin:24px 0 30px}.sticky-copy p,.prototype-copy>p{color:#929292;font-size:17px}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.process-list li>span{color:#777;font-size:10px}.process-list b{font:500 23px "Space Grotesk",sans-serif}.process-list p{color:#929292;font-size:16px;margin:8px 0 0}.process-list .process-focus{padding-inline:20px;background:#efefec;color:#080808}.process-focus span,.process-focus p{color:#555}
.prototype-section{border-bottom:1px solid var(--line)}.prototype-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;align-items:center}.prototype-copy ul{list-style:none;padding:0;margin:38px 0 0;border-top:1px solid var(--line)}.prototype-copy li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.prototype-copy li span{color:#8d8d8d}.wireframe{border:1px solid #373737;border-radius:13px;background:#070707;overflow:hidden}.wire-head,.wire-foot{min-height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:9px;border-bottom:1px solid var(--line)}.wire-body{padding:42px;min-height:430px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.wire-nav{width:100%;height:22px;border:1px solid #555;margin-bottom:68px}.wire-title{width:68%;height:40px;background:#ddd}.wire-text{width:48%;height:9px;background:#555;margin-top:19px}.wire-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:60px}.wire-columns i{height:105px;border:1px solid #4a4a4a}.wire-button{width:115px;height:36px;background:#ddd;margin-top:28px}.wire-foot{border-top:1px solid var(--line);border-bottom:0}.wire-foot span+span{border-left:1px solid var(--line);padding-left:18px}.system-section{background:#070707;border-bottom:1px solid var(--line)}.component-board{display:grid;grid-template-columns:.8fr .9fr 1.3fr;border:1px solid #363636}.component-board>div{min-height:330px;padding:30px;display:flex;flex-direction:column}.component-board>div+div{border-left:1px solid #363636}.component-board>div>span{color:#777;font-size:10px}.component-type>b{font:500 112px/1 "Space Grotesk",sans-serif;margin:auto 0}.component-type p{color:#929292}.component-actions{gap:12px}.component-actions>span{margin-bottom:auto}.component-actions button{min-height:46px;border:1px solid #ddd;background:#eee;color:#080808}.component-actions button:lastlast{background:transparent;color:#eee}.component-fields{gap:22px}.component-fields>span{margin-bottom:auto}.component-fields label{color:#888;font-size:10px;text-transform:uppercase}.component-fields input{width:100%;height:48px;margin-top:8px;padding:0 12px;border:1px solid #444;background:transparent;color:#eee}
.price-section{border-bottom:1px solid var(--line)}.price-list{border-top:1px solid var(--line)}.price-list article{display:grid;grid-template-columns:48px 1fr 170px 48px;gap:22px;align-items:center;min-height:145px;border-bottom:1px solid var(--line)}.price-list article>span{color:#777;font-size:10px}.price-list h3{font:500 25px "Space Grotesk",sans-serif;margin:0 0 7px}.price-list p{color:#8c8c8c;font-size:15px;margin:0}.price-list strong{font:500 17px "Space Grotesk",sans-serif;text-align:right}.price-list .price-focus{padding-inline:18px;background:#efefec;color:#080808}.price-focus span,.price-focus p{color:#555}.price-focus a{border-color:#777;color:#080808}.faq-section{background:#070707;border-bottom:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:110px}.faq-copy h2{margin-bottom:0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;font:500 20px "Space Grotesk",sans-serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{max-width:650px;color:#999;font-size:16px;padding:0 0 28px;margin:0}.contact-section{border-bottom:1px solid var(--line)}
@media(max-width:1000px){.design-page .section{padding-block:110px}.design-hero-grid{grid-template-columns:1fr;gap:55px;padding-block:135px 75px}.design-hero{min-height:auto}.prototype-ui{max-width:760px}.brief-grid{grid-template-columns:90px repeat(2,1fr);padding-block:45px}.brief-grid>span{grid-row:span 2}.process-layout,.prototype-layout,.faq-layout{grid-template-columns:1fr;gap:60px}.sticky-copy{position:static}.component-board{grid-template-columns:1fr 1fr}.component-fields{grid-column:span 2;border-left:0!important;border-top:1px solid #363636}}
@media(max-width:680px){.design-page .section{padding-block:82px}.design-hero-grid{padding-top:110px}.hero-copy h1{font-size:clamp(42px,12vw,56px);line-height:.96}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.proto-canvas{min-height:390px}.proto-screen{padding:55px 20px}.proto-screen h2{font-size:28px}.proto-cards{margin-top:48px}.brief-grid{grid-template-columns:1fr;padding-block:38px}.brief-grid>span{grid-row:auto}.direction-list article{grid-template-columns:32px 1fr 44px;min-height:170px}.direction-list h3{font-size:25px}.sticky-copy h2,.prototype-copy h2,.faq-copy h2{font-size:43px}.process-list .process-focus{padding-inline:14px}.prototype-copy li{align-items:flex-start;flex-direction:column;gap:5px}.wire-body{padding:28px 20px;min-height:360px}.component-board{grid-template-columns:1fr}.component-board>div{min-height:270px}.component-board>div+div{border-left:0;border-top:1px solid #363636}.component-fields{grid-column:auto}.price-list article{grid-template-columns:28px 1fr 44px;padding-block:25px}.price-list strong{grid-column:2;text-align:left}.price-list article>a{grid-column:3;grid-row:1/3}.faq-list summary{font-size:17px}.wire-foot{gap:12px}.wire-foot span+span{padding-left:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.component-actions button:last-child{background:transparent;color:#eee}