@import url('fonts.css');
:root{--bg:#090c10;--panel:#11171d;--panel2:#17212a;--ink:#f4f7fa;--muted:#aab8c5;--blue:#00a8f0;--blue-light:#56caff;--line:#28323c;--max:1200px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,video{max-width:100%;display:block}img{height:auto}p{margin:0 0 1.1rem}h1,h2,h3,h4{margin:0;line-height:1.13}h1,.display{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.005em}h1{font-size:clamp(3.1rem,5.7vw,5.5rem);line-height:1.02}h2{font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.045em;font-weight:700}h3{font-size:1.3rem;letter-spacing:-.025em}ul{padding-left:1.2rem}::selection{background:var(--blue);color:#07121a}:focus-visible{outline:3px solid var(--blue-light);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding:96px 0}.section-alt{background:var(--panel);border-block:1px solid var(--line)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:var(--blue-light);font-size:.72rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:'';width:21px;height:2px;background:var(--blue);flex-shrink:0}.eyebrow.no-line:before{display:none}.accent{color:var(--blue)}.muted{color:var(--muted)}.lead{font-size:1.12rem;color:var(--muted);line-height:1.75;max-width:630px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:38px}.section-head p{max-width:460px;color:var(--muted);margin:16px 0 0}.section-head .eyebrow{margin-bottom:14px}.section-head>div{max-width:730px}.text-link{font-size:.9rem;font-weight:650;display:inline-flex;gap:12px;align-items:center;color:var(--blue-light)}.text-link:hover{color:#fff}.arrow{font-size:1.2em;line-height:1}.btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:16px;padding:14px 22px;border:1px solid transparent;border-radius:7px;font-size:.88rem;font-weight:700;line-height:1.35;transition:background .18s,transform .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#031720}.btn-primary:hover{background:var(--blue-light)}.btn-secondary{border-color:#43515e;background:transparent;color:#f4f7fa}.btn-secondary:hover{background:#1b2833}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.small{font-size:.82rem}.tag{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #385164;border-radius:4px;color:#b6d9ee;font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.skip-link{position:fixed;left:15px;top:-100px;z-index:200;background:var(--blue);color:#000;padding:12px 20px}.skip-link:focus{top:10px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:50;background:rgba(9,12,16,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:28px}.brand{flex:0 0 auto}.brand img{width:247px;height:auto}.desktop-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.desktop-nav a{font-size:.81rem;color:#b8c4cf;font-weight:600;padding:24px 0}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#fff}.desktop-nav a[aria-current=page]{box-shadow:inset 0 -2px var(--blue)}.nav .btn{min-height:44px;padding:11px 16px;font-size:.79rem}.menu-toggle{display:none;color:#fff;background:transparent;border:1px solid var(--line);border-radius:6px;width:46px;height:44px;align-items:center;justify-content:center}.menu-toggle svg{width:22px;height:22px}.mobile-nav{border:0;padding:24px;margin:0 0 0 auto;height:100dvh;max-height:none;width:min(400px,100%);max-width:100%;background:#101820;color:#fff}.mobile-nav::backdrop{background:rgba(0,0,0,.7)}.mobile-nav[open]{display:flex;flex-direction:column}.menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.menu-top img{width:210px}.menu-close{border:1px solid #526171;width:44px;height:44px;border-radius:6px;background:transparent;color:white;font-size:1.7rem}.mobile-nav nav{display:flex;flex-direction:column}.mobile-nav nav a{padding:16px 0;border-bottom:1px solid #35414c;font-size:1.25rem;font-weight:600}.mobile-nav .actions{margin-top:auto;padding-top:24px}.mobile-nav .actions a{flex:1}.mobile-bar{display:none}
/* Homepage hero: real work, immediately visible */
.home-hero{position:relative;padding:78px 0 58px;background:radial-gradient(ellipse at 83% 18%,rgba(0,133,191,.13),transparent 55%)}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:55px;align-items:center}.hero-copy h1{max-width:600px}.hero-copy h1 .accent{display:block}.hero-copy .lead{margin-top:25px;max-width:515px;font-size:1.04rem}.hero-note{margin-top:20px;color:#96a9b8;font-size:.76rem;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block;flex:none}.hero-stage{position:relative;min-width:0;aspect-ratio:1.05;display:flex;align-items:center}.stage-grid{position:absolute;inset:10px 0;background-image:linear-gradient(#25394740 1px,transparent 1px),linear-gradient(90deg,#25394740 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.stage-label{position:absolute;top:18px;left:20px;display:flex;align-items:center;gap:12px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.17em;color:#99b2c7}.browser-card{position:absolute;left:0;top:18%;width:94%;background:#1a2630;border:1px solid #415260;border-radius:10px;overflow:hidden;box-shadow:0 28px 70px #0008;transform:rotate(-3deg);transition:transform .25s}.browser-card:hover{transform:rotate(-1deg)}.browser-chrome{height:29px;display:flex;align-items:center;gap:4px;padding:0 12px;background:#202d37}.browser-chrome i{width:5px;height:5px;background:#687987;border-radius:50%}.browser-chrome span{font-size:8px;margin-left:14px;color:#c1ced8}.browser-card>img{width:100%;aspect-ratio:1100/618;object-fit:cover}.browser-caption{font-size:10px;padding:9px 12px;color:#a4c3d7;display:flex;justify-content:space-between}.phone-card{position:absolute;right:1%;bottom:2%;width:32%;padding:6px;border-radius:25px;background:#10151b;border:2px solid #5b6d7b;box-shadow:0 20px 50px #000b;transform:rotate(6deg);transition:transform .25s}.phone-card:hover{transform:rotate(3deg)}.phone-card img{aspect-ratio:9/16;object-fit:cover;border-radius:17px}.phone-card:after{content:'SONNY’S · NAPLES';position:absolute;bottom:18px;left:15px;right:15px;padding:7px 3px;font-size:7px;letter-spacing:.12em;text-align:center;border-radius:5px;background:#081016df;color:#fff}.stage-note{position:absolute;left:8%;bottom:10%;font-size:.74rem;color:#adc4d5;max-width:50%}.stage-note strong{display:block;font-size:1rem;color:#fff;margin-bottom:3px}.hero-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);margin-top:49px;padding-top:25px;color:#9dadba;font-size:.73rem}.hero-bottom .places{display:flex;gap:22px;flex-wrap:wrap}.hero-bottom .places a:hover{color:var(--blue-light)}.hero-bottom b{font-size:.68rem;letter-spacing:.12em;color:#d0dbe3;text-transform:uppercase}.client-band{border-block:1px solid var(--line);background:#0e1319;padding:27px 0}.client-row{display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap}.client-row>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#97a9b8;line-height:1.7}.client-name{color:#c8d3dc;font-size:1.05rem;font-weight:650;letter-spacing:-.025em}.client-name small{display:block;color:#6e8598;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
/* Projects */
.work-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:24px}.project{min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#101820}.project-visual{height:306px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#233e52,#111e29);padding:32px 26px;display:flex;align-items:center;justify-content:center}.project-visual .web-shot{width:100%;border-radius:5px;border:1px solid #586e7c;transform:rotate(-3deg);box-shadow:0 20px 40px #0006;transition:transform .3s}.project:hover .web-shot{transform:rotate(0deg)}.project-visual .mini-bar{height:18px;border-radius:4px 4px 0 0;background:#24323d}.project-visual.reel-visual{padding:26px 25px 0;gap:13px;align-items:flex-start;background:radial-gradient(ellipse at bottom,#344052,#131d29)}.reel-visual img{width:28%;border-radius:9px;border:3px solid #34434f;object-fit:cover;box-shadow:0 14px 25px #0005}.reel-visual img:nth-child(1){transform:translateY(23px) rotate(-8deg)}.reel-visual img:nth-child(2){transform:translateY(0) rotate(-1deg);z-index:1}.reel-visual img:nth-child(3){transform:translateY(35px) rotate(8deg)}.project-info{padding:28px}.project-info .eyebrow{margin-bottom:12px;font-size:.64rem}.project-info h3{font-size:1.45rem;margin-bottom:12px}.project-info p{font-size:.9rem;color:var(--muted)}.project-meta{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.76rem;color:#91a5b7}.project-meta a{color:var(--blue-light);font-weight:650}.project-meta a:hover{text-decoration:underline}.website-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.website-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.client-logo{background:#f2f4f4;height:155px;display:flex;align-items:center;justify-content:center;padding:25px}.client-logo img{width:auto;max-height:95px;max-width:100%;object-fit:contain}.website-card>div:last-child{padding:24px}.website-card p{font-size:.9rem;color:var(--muted);margin:12px 0 21px}.reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reel-link{position:relative;border-radius:14px;border:1px solid #344653;overflow:hidden;background:var(--panel);transition:transform .2s}.reel-link:hover{transform:translateY(-5px)}.reel-link img{width:100%;aspect-ratio:9/16;object-fit:cover}.reel-label{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px;font-size:.82rem;font-weight:650}.reel-label span:last-child{color:var(--blue-light)}
/* Services and process */
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{padding:36px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#16212b,#0f151c)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.service-number{font-family:Anton,sans-serif;color:#314554;font-size:2.5rem;line-height:1}.service-icon{color:var(--blue);width:35px;height:35px}.service-card h3{font-size:1.65rem;margin-bottom:14px}.service-card p{color:var(--muted);font-size:.95rem}.check-list{list-style:none;padding:0;margin:23px 0 28px}.check-list li{padding-left:23px;position:relative;font-size:.89rem;margin:10px 0;color:#cbd6de}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--blue-light)}.service-card .text-link{border-top:1px solid var(--line);padding-top:22px;width:100%;justify-content:space-between}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;counter-reset:step}.step{border-top:1px solid #3c4a56;padding-top:24px}.step:before{counter-increment:step;content:'0' counter(step);display:block;color:var(--blue-light);font-size:.76rem;font-weight:700;margin-bottom:22px}.step h3{margin-bottom:14px}.step p{color:var(--muted);font-size:.9rem}.quote-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center;padding:54px 0}.quote-panel .display{font-size:clamp(2.1rem,4vw,3.6rem)}.quote-panel blockquote{margin:0;border-left:2px solid var(--blue);padding-left:36px}.quote-panel blockquote p{font-size:clamp(1.1rem,1.9vw,1.55rem);letter-spacing:-.02em;line-height:1.65}.quote-panel cite{font-style:normal;font-size:.8rem;color:var(--muted)}.quote-panel cite strong{color:#fff;display:block}.founder-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.founder-image{position:relative;max-width:410px}.founder-image img{aspect-ratio:1/1;object-fit:cover;border-radius:14px}.founder-badge{position:absolute;bottom:18px;left:18px;right:18px;border:1px solid #506372;background:#0c151deb;backdrop-filter:blur(10px);padding:15px 18px;border-radius:7px;font-size:.74rem;color:#b1c2d0}.founder-badge b{display:block;color:#fff;font-size:.95rem}.founder-copy h2{margin-bottom:23px}.founder-copy p{color:var(--muted)}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.area-card{padding:25px 21px;border:1px solid var(--line);border-radius:10px;background:#0e151c;transition:border-color .2s}.area-card:hover{border-color:var(--blue)}.area-card span{color:#607c91;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.area-card h3{margin:8px 0 16px;font-size:1.15rem}.area-card .arrow{color:var(--blue)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-intro p{margin-top:20px;color:var(--muted);font-size:.95rem}.faq{border-bottom:1px solid #34424f}.faq:first-child{border-top:1px solid #34424f}.faq summary{list-style:none;cursor:pointer;padding:23px 28px 23px 0;position:relative;font-size:.98rem;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:21px;color:var(--blue-light);font-size:1.25rem}.faq[open] summary:after{content:'−'}.faq>div{color:var(--muted);font-size:.92rem;padding:0 28px 24px 0}.faq p:last-child{margin-bottom:0}.faq a{color:var(--blue-light);text-decoration:underline}
/* Shared conversion and footer */
.contact-strip{padding:75px 0;background:linear-gradient(110deg,#062a3c,#10212e 65%,#101922);border-top:1px solid #265064}.contact-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-strip h2{font-size:clamp(2rem,3.3vw,3.2rem)}.contact-strip p{color:#b5c9d8;margin:18px 0 0;max-width:560px}.contact-strip .actions{margin:0;flex-shrink:0;flex-direction:column;align-items:stretch;min-width:235px}.contact-strip .direct{font-size:.78rem;text-align:center;color:#b6c9d8;display:flex;justify-content:center;gap:16px}.contact-strip .direct a:hover{text-decoration:underline}.site-footer{padding:62px 0 25px;background:#070a0e;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.footer-brand img{width:248px}.footer-brand p{font-size:.8rem;color:#92a5b5;max-width:300px;margin-top:20px}.footer-col h2{font-size:.68rem;color:#d1dce6;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 20px}.footer-col a{display:block;color:#9aafbf;font-size:.8rem;margin-bottom:11px;overflow-wrap:anywhere}.footer-col a:hover{color:var(--blue-light)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:38px;padding-top:24px;border-top:1px solid var(--line);font-size:.7rem;color:#7890a3}.footer-bottom span:last-child{letter-spacing:.05em;color:#9db2c2}
/* Interior pages */
.page-hero{padding:60px 0 76px;background:radial-gradient(ellipse at right top,#11334870,transparent 65%);border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:.73rem;color:#8da4b6;margin-bottom:36px}.breadcrumbs a:hover{color:#fff}.page-hero h1{max-width:950px;font-size:clamp(2.8rem,5.8vw,5rem)}.page-hero .lead{margin-top:25px}.page-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}.page-hero-grid h1{font-size:clamp(2.8rem,4.7vw,4.5rem)}.page-hero-visual{min-width:0}.page-hero-visual img{border-radius:12px;border:1px solid #476173}.page-hero-visual .caption{margin:14px 0 0;color:#96acbd;font-size:.73rem;display:flex;justify-content:space-between;gap:15px}.social-hero-visual{display:flex;gap:15px;justify-content:center;padding:10px 15px}.social-hero-visual img{width:43%;border:4px solid #2d4050;border-radius:18px;box-shadow:0 20px 35px #0005}.social-hero-visual img:first-child{transform:rotate(-5deg);margin-bottom:26px}.social-hero-visual img:last-child{transform:rotate(5deg);margin-top:26px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.detail-card{padding:28px;border:1px solid var(--line);border-radius:12px;background:#101820}.detail-card .num{color:var(--blue-light);font-size:.72rem;font-weight:600;margin-bottom:24px;display:block}.detail-card h3{font-size:1.15rem;margin-bottom:13px}.detail-card p{font-size:.9rem;color:var(--muted);margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.split h2{margin-bottom:24px}.split p{color:var(--muted)}.scope-box{background:#15232e;border:1px solid #354d60;padding:32px;border-radius:12px}.scope-box h3{margin-bottom:17px}.scope-box p{font-size:.92rem}.scope-box ul{margin-bottom:0}.scope-box .check-list{margin-top:18px}.scope-box .check-list li{margin:14px 0}.case-facts{display:flex;gap:40px;flex-wrap:wrap;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.case-facts div{font-size:.82rem}.case-facts span{display:block;color:#8199ac;text-transform:uppercase;letter-spacing:.1em;font-size:.61rem;margin-bottom:5px}.case-image{width:100%;border:1px solid #405563;border-radius:16px}.case-copy{max-width:760px;margin:auto}.case-copy h2{font-size:2rem;margin:42px 0 18px}.case-copy p{color:var(--muted)}.area-detail{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;border-top:1px solid #354451;padding:44px 0;scroll-margin-top:110px}.area-detail:last-child{padding-bottom:0}.area-detail h2{font-size:2rem}.area-detail p{color:var(--muted)}.area-detail .actions{margin-top:20px}.area-detail .eyebrow{margin-bottom:14px}.story{max-width:820px;margin:auto}.story h2{font-size:1.75rem;margin:40px 0 20px}.story h2:first-child{margin-top:0}.story p{color:var(--muted);font-size:1rem;line-height:1.9}.story figure{margin:32px 0}.story figure img{border-radius:12px;width:100%;max-width:620px}.story figcaption{font-size:.76rem;color:#8ca3b5;margin-top:10px}.credentials{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.credentials .tag{padding:8px 12px}.portrait{max-width:420px;justify-self:end}.portrait img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.contact-layout h1{font-size:clamp(3rem,5vw,4.8rem)}.contact-methods{margin:32px 0;border-top:1px solid var(--line)}.contact-method{display:block;padding:17px 0;border-bottom:1px solid var(--line);font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}.contact-method small{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#8aa3b6;margin-bottom:4px}.contact-method:hover{color:var(--blue-light)}.contact-form{padding:32px;border:1px solid #344854;border-radius:16px;background:#121d26}.form-heading{font-size:1.3rem;margin-bottom:9px}.contact-form>p{font-size:.78rem;color:var(--muted);margin-bottom:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:18px}.field label{display:block;font-size:.78rem;font-weight:600;margin-bottom:7px}.field label span{color:#91a8bb;font-weight:400}.field input,.field select,.field textarea{display:block;width:100%;background:#0b131a;color:#fff;border:1px solid #3c5264;border-radius:6px;padding:12px 13px;min-height:48px;font-size:16px}.field textarea{resize:vertical;min-height:123px}.field input::placeholder,.field textarea::placeholder{color:#8399aa}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.contact-form .btn{width:100%}.contact-form .btn:disabled{opacity:.65;cursor:wait}.form-note{font-size:.72rem!important;line-height:1.6;margin:16px 0 0!important}.form-note a{color:#c5e4f6;text-decoration:underline}.form-error{border:1px solid #df8e76;border-radius:8px;padding:14px;background:#41271e;color:#ffceba;font-size:.88rem;margin-top:18px}.form-error a{text-decoration:underline}.honeypot{display:none}.success-box{padding:42px;border:1px solid #395d70;background:#122733;border-radius:14px;max-width:680px}.success-box h1{font-size:3.8rem;margin-bottom:20px}.success-box p{color:#b6ccd9}.hello-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.hello-video{width:100%;max-width:310px;border:4px solid #334a5c;border-radius:22px;aspect-ratio:9/16;background:black}.hello-grid h1{font-size:clamp(3rem,5.6vw,5rem)}.hello-grid .lead{margin-top:25px}.legal{max-width:790px;margin:auto}.legal h2{font-size:1.5rem;margin:35px 0 16px}.legal p,.legal li{color:var(--muted)}.not-found{text-align:center;max-width:720px;margin:auto}.not-found .actions{justify-content:center}
/* Responsive layout: cards and type adapt without hiding content */
@media(min-width:1600px){.home-hero{padding-top:95px;padding-bottom:62px}.hero-stage{max-height:530px}.hero-grid{gap:80px}}
@media(max-width:1100px){.brand img{width:215px}.nav{gap:20px}.desktop-nav{gap:18px}.desktop-nav a{font-size:.75rem}.nav .btn{font-size:.73rem;padding-inline:12px}.hero-grid{gap:32px}.hero-copy h1{font-size:4.5rem}.project-visual{height:270px}.founder-grid{gap:45px}.footer-grid{gap:28px}.footer-brand img{width:210px}.contact-layout{gap:45px}}
@media(max-width:920px){.desktop-nav,.nav>.btn{display:none}.menu-toggle{display:flex}.nav{min-height:74px}.hero-copy h1{font-size:clamp(3.1rem,6.6vw,4.5rem)}.hero-grid{gap:24px}.hero-stage{aspect-ratio:.92}.browser-card{top:23%}.phone-card{width:36%;bottom:3%}.stage-note{bottom:7%;left:0;max-width:56%}.stage-label{left:0;font-size:.59rem;letter-spacing:.09em}.hero-bottom{gap:20px}.hero-bottom .places{gap:15px}.client-row{gap:25px}.client-name{font-size:.85rem}.section{padding:76px 0}.project-visual{height:225px;padding:20px}.project-info{padding:23px}.service-card{padding:27px}.founder-grid{gap:40px}.area-grid{grid-template-columns:1fr 1fr}.faq-layout{gap:40px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-col:last-child{grid-column:1/-1;display:flex;gap:20px;flex-wrap:wrap}.footer-col:last-child h2{width:100%;margin-bottom:0}.page-hero-grid{gap:40px}.page-hero-grid h1{font-size:3.2rem}.detail-grid{grid-template-columns:repeat(2,1fr)}.website-list{grid-template-columns:1fr}.website-card{display:grid;grid-template-columns:.7fr 1fr}.client-logo{height:100%;min-height:170px}.split{gap:35px}.contact-layout{grid-template-columns:1fr 1.15fr;gap:30px}.contact-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}.hello-grid{gap:40px}}
@media(max-width:700px){html{scroll-padding-top:92px}body{padding-bottom:76px}.wrap{width:calc(100% - 40px)}.nav{min-height:70px}.brand img{width:219px}.home-hero{padding:42px 0 30px}.hero-grid{grid-template-columns:1fr;gap:8px}.hero-copy h1{font-size:clamp(3.15rem,11.4vw,4.8rem);max-width:620px}.hero-copy .eyebrow{font-size:.64rem;margin-bottom:21px;letter-spacing:.13em}.hero-copy .lead{font-size:1rem;margin-top:22px;max-width:550px}.hero-copy .actions{margin-top:24px;gap:10px}.hero-copy .actions .btn{font-size:.8rem;padding:14px 17px}.hero-note{font-size:.72rem;margin-top:18px}.hero-stage{width:100%;max-width:540px;justify-self:center;aspect-ratio:1.25;margin-top:8px}.stage-label{top:17px;left:8px;font-size:.6rem}.browser-card{top:22%;width:91%;left:1%}.phone-card{width:29%;bottom:0;right:3%;border-radius:20px}.phone-card img{border-radius:13px}.phone-card:after{bottom:12px;left:10px;right:10px;font-size:5px}.stage-note{bottom:3%;left:8%;font-size:.65rem}.stage-note strong{font-size:.85rem}.hero-bottom{margin-top:30px;padding-top:22px;flex-direction:column;align-items:flex-start;gap:12px}.hero-bottom .places{font-size:.72rem;gap:16px}.client-band{padding:24px 0}.client-row{display:grid;grid-template-columns:1fr 1fr;gap:24px 15px}.client-row>span{font-size:.59rem}.client-name{font-size:.86rem}.client-name small{font-size:.53rem}.section{padding:58px 0}.section-head{display:block;margin-bottom:27px}.section-head>.text-link{margin-top:22px}.section-head p{font-size:.94rem}.eyebrow{font-size:.65rem;letter-spacing:.13em;margin-bottom:18px}h2{font-size:2rem;letter-spacing:-.04em}.work-grid,.service-grid{grid-template-columns:1fr;gap:22px}.project-visual{height:auto;aspect-ratio:1.65;padding:25px}.project-visual.reel-visual{aspect-ratio:1.65;padding-top:22px}.project-info{padding:24px}.project-info h3{font-size:1.35rem}.project-info p{font-size:.88rem}.project-meta{font-size:.7rem}.service-card{padding:27px}.service-top{margin-bottom:24px}.service-card h3{font-size:1.5rem}.steps{grid-template-columns:1fr;gap:27px}.step{padding-top:20px}.step:before{margin-bottom:14px}.step p{margin-bottom:0}.quote-panel{grid-template-columns:1fr;gap:25px;padding:40px 0}.quote-panel .display{font-size:2.4rem}.quote-panel .eyebrow{margin-bottom:12px}.quote-panel blockquote{padding-left:22px}.quote-panel blockquote p{font-size:1.13rem}.founder-grid{grid-template-columns:1fr;gap:35px}.founder-image{max-width:420px;width:100%}.founder-copy h2{margin-bottom:20px}.founder-copy p{font-size:.94rem}.area-grid{gap:12px}.area-card{padding:22px 17px}.area-card h3{font-size:1.03rem}.faq-layout{grid-template-columns:1fr;gap:23px}.faq-intro p{margin:14px 0 0}.faq summary{font-size:.94rem;padding-block:21px}.faq>div{font-size:.9rem}.contact-strip{padding:47px 0}.contact-strip .wrap{display:block}.contact-strip .actions{margin-top:27px;align-items:flex-start}.contact-strip .direct{margin-top:5px;gap:24px}.contact-strip p{font-size:.93rem}.site-footer{padding-top:42px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-brand{grid-column:1/-1}.footer-brand img{width:240px}.footer-brand p{max-width:380px}.footer-col:last-child{display:block;grid-column:1/-1}.footer-col:last-child h2{margin-bottom:20px}.footer-bottom{font-size:.65rem;margin-top:24px;gap:12px}.mobile-bar{position:fixed;z-index:45;bottom:0;left:0;right:0;background:#0b131aee;backdrop-filter:blur(14px);border-top:1px solid #344a5d;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:9px 18px calc(9px + env(safe-area-inset-bottom))}.mobile-bar a{min-height:45px;border:1px solid #38546a;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.82rem;font-weight:650}.mobile-bar a:first-child{background:var(--blue);color:#071923;border-color:var(--blue)}.mobile-bar svg{width:16px;height:16px}.page-hero{padding:28px 0 47px}.breadcrumbs{font-size:.7rem;margin-bottom:30px}.page-hero h1,.page-hero-grid h1{font-size:clamp(2.8rem,10.5vw,4.3rem)}.page-hero .lead{font-size:1rem;margin-top:22px}.page-hero-grid{grid-template-columns:1fr;gap:35px}.page-hero-visual{max-width:560px;width:100%}.page-hero-visual .caption{font-size:.65rem}.social-hero-visual{max-width:420px;padding:0 10px;justify-self:center}.social-hero-visual img{max-height:320px;object-fit:cover}.detail-grid{grid-template-columns:1fr;gap:16px}.detail-card{padding:26px}.detail-card .num{margin-bottom:16px}.split{grid-template-columns:1fr;gap:26px}.scope-box{padding:26px}.website-card{grid-template-columns:1fr}.client-logo{height:135px;min-height:0}.website-card>div:last-child{padding:24px}.reel-grid{gap:12px;grid-template-columns:1fr 1fr}.reel-grid .reel-link:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.reel-label{font-size:.69rem;padding:12px;align-items:flex-start}.case-facts{gap:22px}.case-copy h2{font-size:1.65rem}.case-copy p{font-size:.95rem}.area-detail{grid-template-columns:1fr;gap:21px;padding:32px 0}.area-detail h2{font-size:1.8rem}.area-detail p{font-size:.94rem}.area-detail .actions{gap:20px}.portrait{max-width:400px;justify-self:start}.story h2{font-size:1.55rem}.story p{font-size:.94rem;line-height:1.8}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-layout h1{font-size:3.5rem}.contact-form{padding:23px}.contact-method{font-size:1rem}.contact-methods{margin-bottom:0}.hello-grid{grid-template-columns:1fr;gap:32px}.hello-video{order:2;justify-self:center;width:80%;max-width:310px}.hello-grid h1{font-size:3.4rem}.success-box{padding:28px}.success-box h1{font-size:3rem}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand img{width:196px}.hero-copy h1{font-size:2.95rem}.hero-copy .actions .btn{padding:13px 12px;font-size:.74rem}.hero-stage{aspect-ratio:1.1}.hero-bottom .places{gap:13px}.area-grid{grid-template-columns:1fr}.project-meta{flex-wrap:wrap;gap:10px}.service-card{padding:23px}.reel-grid{grid-template-columns:1fr}.reel-grid .reel-link:last-child{grid-column:auto;width:100%}.reel-link{max-width:290px;margin:auto}.contact-strip .actions{min-width:0}.contact-form{padding:19px}}
.stage-note{bottom:-2%;left:5%}
@media(max-width:920px) and (min-width:701px){.stage-note{bottom:-2%;font-size:.65rem}.stage-note strong{font-size:.88rem}}
@media(max-width:700px){.hero-stage{aspect-ratio:1.16}.browser-card{top:20%}.stage-note{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}