:root{--ink:#18212a;--charcoal:#171d24;--blue:#075eff;--blue-light:#9bdbff;--paper:#f8fcff;--line:#c7dfef;--muted:#5c6b77}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}header{position:sticky;top:0;z-index:20;background:#171d24;border-bottom:1px solid #ffffff20;transition:transform .35s ease}header.is-hidden{transform:translateY(-100%)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:800;letter-spacing:-.09em;color:#f9fcff}.logo span{color:#64c5ff}nav{display:flex;align-items:center;gap:28px}nav a{font-size:13px;font-weight:700;color:#d9e4ec;transition:color .2s}.nav-contact{color:white;background:var(--blue);padding:11px 17px;box-shadow:4px 4px 0 #63c7ff}nav a:hover{color:#75caff}.nav-contact:hover{color:#fff;background:#004bd8}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(38px,7vw,108px);padding-block:72px}.eyebrow{margin:0 0 20px;color:#266bc5;font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.hero h1,.section h2,.statement h2,.pricing h2,.contact h2{margin:0;letter-spacing:-.07em;line-height:.99}.hero h1{font-size:clamp(50px,6.2vw,84px);max-width:700px}.lead{max-width:520px;margin:31px 0 0;font-size:17px;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.button{display:inline-flex;align-items:center;gap:27px;padding:16px 19px;background:var(--blue);color:#fff;font-size:14px;font-weight:800;box-shadow:6px 6px 0 #8bd7ff;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 #8bd7ff}.button span{font-size:21px;line-height:.7}.text-link{font-size:14px;font-weight:800}.text-link span{color:var(--blue);padding-left:7px}.hero-notes{display:flex;gap:17px;flex-wrap:wrap;margin-top:46px;color:#526675;font:500 10px/1 'DM Mono',monospace;text-transform:uppercase}.hero-notes span+span{border-left:1px solid #a9c7da;padding-left:17px}.hero-visual{position:relative;isolation:isolate}.hero-visual img{display:block;width:100%;position:relative;z-index:1;mix-blend-mode:multiply}.visual-grid{position:absolute;inset:9% 0 11% 11%;z-index:0;background-image:linear-gradient(#b9ddf3 1px,transparent 1px),linear-gradient(90deg,#b9ddf3 1px,transparent 1px);background-size:31px 31px}.visual-caption{position:absolute;bottom:6%;right:0;z-index:2;margin:0;padding:11px 14px;background:#e8f6ffcc;border:1px solid #89cdf7;color:#31526b;font:500 10px 'DM Mono',monospace;letter-spacing:.08em}.visual-caption span{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--blue)}.section{padding-block:132px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-head h2,.statement h2,.pricing h2,.contact h2{font-size:clamp(37px,4.3vw,60px)}.section-head>p{max-width:335px;margin:0 0 3px;color:var(--muted);font-size:15px;line-height:1.7}.projects{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:16px;margin-top:52px}.project{min-height:410px;display:flex;flex-direction:column;padding:20px;background:white;border:1px solid var(--line);box-shadow:0 18px 42px #0f68b413;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-7px);box-shadow:0 26px 50px #075eff26}.project-top,.project-bottom{display:flex;justify-content:space-between;align-items:center;font:500 10px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.project-top{color:#5c7385}.project-bottom{margin-top:18px}.project-bottom h3{margin:0;letter-spacing:-.06em;font-size:29px;text-transform:none}.project-bottom span{color:var(--blue);font-weight:700}.project-mockup{flex:1;display:flex;flex-direction:column;justify-content:center;margin-top:18px;padding:26px;min-height:245px}.food-mockup{background:#24423c;color:#f9eee0}.food-mockup b{font-size:28px;letter-spacing:-.07em}.food-mockup i{margin-top:10px;font-size:12px;font-style:normal;color:#c0d8c8}.food-mockup em{align-self:flex-start;margin-top:31px;border:1px solid #d7e3cc;padding:8px 12px;font-size:11px;font-style:normal}.service-mockup{background:#e2f4ff;color:#112735;border:1px solid #9bd7fb}.service-mockup small,.studio-mockup small{font:500 10px 'DM Mono',monospace;letter-spacing:.12em}.service-mockup b,.studio-mockup b{margin-top:27px;font-size:26px;line-height:1.08;letter-spacing:-.07em}.service-mockup i{align-self:flex-start;margin-top:24px;background:var(--blue);padding:9px 12px;color:white;font-size:11px;font-style:normal}.studio-mockup{background:#e9e7e5;color:#252527}.studio-mockup i{margin-top:24px;color:#665f5a;font-size:12px;font-style:normal;border-bottom:1px solid #766f6a;padding-bottom:5px;align-self:flex-start}.statement{padding-block:100px;background:var(--charcoal);color:#f7fbff;border-top:4px solid var(--blue)}.statement-grid{display:grid;grid-template-columns:.65fr 1.35fr .85fr;gap:40px;align-items:start}.statement .eyebrow{color:#73c8ff}.statement h2{font-size:clamp(42px,5vw,68px)}.statement-grid>p:last-child{margin:7px 0 0;color:#becbd5;line-height:1.8}.process .section-head{margin-bottom:51px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.steps li{padding:27px 28px 0 0;border-right:1px solid var(--line);min-height:215px}.steps li+li{padding-left:28px}.steps li:last-child{border-right:0}.steps span{color:var(--blue);font:500 12px 'DM Mono',monospace}.steps h3{margin:39px 0 13px;font-size:22px;letter-spacing:-.05em}.steps p{margin:0;max-width:280px;color:var(--muted);font-size:14px;line-height:1.7}.pricing{padding-block:125px;background:#e1f2fc;border-block:1px solid #aed4ed}.pricing-head{display:flex;justify-content:space-between;align-items:end}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:49px}.price-grid article{padding:35px;background:#fff;border:1px solid #a5cde7}.price-grid article.featured{background:#17212b;color:white;border-color:#17212b;box-shadow:9px 9px 0 var(--blue)}.price-label{margin:0;color:#47708d;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.featured .price-label{color:#94d9ff}.price-grid h3{margin:30px 0 8px;font-size:30px;letter-spacing:-.06em}.price-grid strong{display:block;color:var(--blue);font-size:21px;letter-spacing:-.04em}.featured strong{color:#73cbff}.price-grid ul{margin:33px 0;padding:0;list-style:none}.price-grid li{padding:9px 0;border-bottom:1px solid #d9e8f1;font-size:14px;color:#4c5e6b}.featured li{border-color:#ffffff1d;color:#c7d6df}.price-grid a{font-size:13px;font-weight:800;color:var(--blue)}.featured a{color:#8ad6ff}.faq{max-width:900px}.faq .section-head{margin-bottom:44px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:17px;font-weight:800;letter-spacing:-.03em}.faq p{max-width:650px;margin:15px 0 0;color:var(--muted);line-height:1.7}.contact{padding-block:120px;background:#121a23;border-top:4px solid var(--blue);color:#fff}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:120px}.contact .eyebrow{color:#72caff}.contact-copy{max-width:390px;color:#bccbd6;line-height:1.75}.contact form{display:grid;gap:17px}.contact label{display:grid;gap:8px;color:#bdd0df;font:500 10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}input,textarea{width:100%;padding:14px 0;background:transparent;border:0;border-bottom:1px solid #87b6d059;color:white;font:500 15px Manrope,sans-serif;outline:0}input:focus,textarea:focus{border-color:#70c8ff}textarea{height:85px;resize:vertical}.contact button{justify-self:start;margin-top:12px;border:0;padding:16px 19px;background:var(--blue);color:#fff;font:800 13px Manrope,sans-serif;cursor:pointer;box-shadow:6px 6px 0 #64c7ff}.contact button span{font-size:20px;margin-left:27px}footer{height:92px;display:flex;align-items:center;justify-content:space-between;color:#637683;font:500 11px 'DM Mono',monospace}footer .logo{color:var(--ink)}@media(max-width:800px){.wrap{width:min(100% - 38px,1180px)}nav{gap:15px}nav a:not(.nav-contact){display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-block:75px 56px}.hero-visual{max-width:480px}.section{padding-block:85px}.section-head,.pricing-head{display:block}.section-head>p{margin-top:22px}.projects,.price-grid,.statement-grid,.contact-grid{grid-template-columns:1fr}.projects{margin-top:36px}.project{min-height:350px}.statement{padding-block:76px}.statement-grid{gap:28px}.steps{grid-template-columns:1fr}.steps li,.steps li+li{padding:23px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.steps h3{margin-top:25px}.contact-grid{gap:55px}.pricing{padding-block:85px}}@media(max-width:450px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:45px}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-notes{gap:12px}.hero-notes span+span{padding-left:12px}.visual-caption{right:-5px}.project-mockup{min-height:215px}.contact{padding-block:80px}}

.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:20px;margin:0;text-align:center;font-size:13px;font-weight:700}.form-status.is-success{color:#14834e}.form-status.is-error{color:#c53434}.contact button:disabled{cursor:wait;opacity:.65;transform:none!important}
