:root{--ink:#050505;--paper:#f4f7f8;--sky:#75c9f4;--duck:#f6df65;--duck-rgb:246, 223, 101;--line:#f4f7f838;--muted:#f4f7f89e;--font-sans:"Helvetica Neue", "Arial Nova", Arial, sans-serif;--font-serif:Iowan Old Style, Baskerville, "Times New Roman", serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,a{font:inherit}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:2px solid var(--sky);outline-offset:4px}.skip-link{z-index:20;background:var(--sky);color:var(--ink);font:500 .7rem/1 var(--font-mono);text-transform:uppercase;padding:.7rem .9rem;transition:transform .18s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}main{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-orb{background:var(--sky);filter:blur(100px);opacity:.08;will-change:transform;border-radius:50%;display:block;position:absolute}.ambient-orb-a{aspect-ratio:1;width:min(48vw,48rem);animation:26s ease-in-out infinite alternate drift-a;top:-30%;right:-12%}.ambient-orb-b{aspect-ratio:1;opacity:.05;width:min(35vw,34rem);animation:32s ease-in-out infinite alternate drift-b;bottom:2%;left:-16%}.ambient-grid{background-image:linear-gradient(#75c9f405 1px,#0000 1px),linear-gradient(90deg,#75c9f405 1px,#0000 1px);background-size:4rem 4rem;animation:42s linear infinite grid-drift;display:block;position:absolute;inset:-4rem;-webkit-mask-image:linear-gradient(#000 0%,#0000 82%);mask-image:linear-gradient(#000 0%,#0000 82%)}@keyframes drift-a{0%{transform:translate(-2%,-3%)scale(.94)}to{transform:translate(-16%,14%)scale(1.06)}}@keyframes drift-b{0%{transform:translate(-5%,4%)scale(1)}to{transform:translate(20%,-14%)scale(.92)}}@keyframes grid-drift{to{transform:translate(4rem,4rem)}}.masthead,.intro,.featured-case,.work,.contact-cta,footer{width:min(100% - 3rem,1720px);margin-inline:auto}.masthead{padding-top:1.1rem}.identity-line,.meta-line{justify-content:space-between;align-items:center;gap:1rem;display:flex}.identity-line{border-bottom:1px solid var(--paper);letter-spacing:-.02em;padding-bottom:.8rem;font-size:clamp(.78rem,1vw,1rem);font-weight:800}.identity-line p,.brand-lockup span{margin:0}.portfolio-label{align-items:center;gap:.55rem;display:flex}.portfolio-label>span{aspect-ratio:1;background:var(--sky);width:.5rem;box-shadow:0 0 .45rem var(--sky);border-radius:50%;animation:3s ease-in-out infinite signal}@keyframes signal{0%,to{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.brand-lockup{color:var(--sky);text-align:right;justify-items:end;gap:.18rem;display:grid;position:relative}.brand-lockup span{color:var(--muted);font:500 .55rem/1.2 var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.meta-line{border-bottom:1px solid var(--line);color:var(--muted);font:500 .61rem/1.2 var(--font-mono);letter-spacing:.07em;text-transform:uppercase;padding:.75rem 0}.meta-line nav{color:var(--paper);align-items:center;gap:1rem;display:flex}.meta-line nav a,.meta-line nav span{position:relative}.meta-line nav a{color:var(--paper);text-decoration:none;transition:color .18s,text-shadow .18s}.meta-line nav a:after{content:"·";color:var(--sky);position:absolute;right:-.62rem}.meta-line nav a:last-child:after{content:none}.intro{padding:clamp(1rem,2vw,1.75rem) 0}.intro-copy{display:block}.eyebrow{color:var(--sky);font:500 .66rem/1.25 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.intro h1{flex-wrap:wrap;align-items:baseline;gap:.12em .28em;margin:0;display:flex}.headline-solid{letter-spacing:-.065em;text-shadow:0 0 1.2rem #75c9f414;font-size:clamp(2rem,3.5vw,4.2rem);font-weight:900;line-height:.9}.headline-serif{color:#f4f7f880;font-family:var(--font-serif);letter-spacing:-.045em;font-size:clamp(1.55rem,2.65vw,3.25rem);font-style:italic;font-weight:400;line-height:1;animation:7s ease-in-out infinite alternate headline-glow}@keyframes headline-glow{0%{color:#f4f7f86b;text-shadow:0 0 #0000}to{color:#cceefea8;text-shadow:0 0 .9rem #75c9f41f}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.featured-case{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(1rem,2vw,1.6rem) 0 clamp(1.75rem,3.5vw,3.6rem);position:relative}.featured-case:before{content:"";background:var(--sky);width:min(22rem,32%);height:1px;position:absolute;top:-1px;left:0;box-shadow:0 0 .8rem #75c9f4ad}.case-heading .eyebrow{color:var(--duck)}.case-layout{grid-template-columns:minmax(16rem,.72fr) minmax(30rem,1.28fr);align-items:center;gap:clamp(2rem,4.5vw,5.5rem);display:grid}.case-media{justify-items:center;min-width:0;display:grid}.case-evidence{align-content:center;justify-self:center;width:min(100%,40rem);display:grid}.case-screenshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,1.1vw,.9rem);display:grid}.case-screenshots button{aspect-ratio:4/5;width:100%;color:var(--paper);cursor:zoom-in;background:#f4f7f809;border:1px solid #f4f7f83d;padding:0;transition:transform .22s,border-color .22s,box-shadow .22s;display:block;position:relative;overflow:hidden}.case-screenshots button:hover{border-color:var(--duck);box-shadow:0 .8rem 2rem #00000052, 0 0 1rem rgba(var(--duck-rgb), .08);transform:translateY(-.25rem)}.case-screenshots img{object-fit:cover;opacity:1;width:100%;height:100%;display:block}.case-screenshots button:first-child img{object-position:center bottom}.case-screenshots button:last-child img{object-position:center top}.screenshot-expand{border:1px solid rgba(var(--duck-rgb), .48);color:var(--duck);font:600 .52rem/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(.35rem);backdrop-filter:blur(.35rem);background:#050505c2;border-radius:999px;padding:.34rem .5rem;position:absolute;bottom:.55rem;right:.55rem}.case-lead{color:#f4f7f8ad;max-width:none;font-family:var(--font-serif);letter-spacing:-.035em;white-space:nowrap;margin:clamp(.85rem,1.5vw,1.2rem) 0 0;font-size:clamp(1rem,1.2vw,1.3rem);font-style:italic;line-height:1.08}.case-proof{border:1px solid rgba(var(--duck-rgb), .55);background:rgba(var(--duck-rgb), .075);width:min(100%,42rem);box-shadow:inset 0 0 2rem rgba(var(--duck-rgb), .035), 0 0 1.4rem rgba(var(--duck-rgb), .035);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.15rem 1.2rem;margin-top:clamp(.75rem,1.4vw,1.1rem);padding:.9rem 1rem;display:grid}.case-proof strong{color:var(--duck);letter-spacing:-.07em;grid-row:1/3;font-size:clamp(2rem,3.5vw,4rem);line-height:.8}.case-proof span{align-self:end;font-size:clamp(.75rem,.9vw,.95rem);font-weight:700;line-height:1.2}.case-proof small{color:rgba(var(--duck-rgb), .76);font:500 .54rem/1.25 var(--font-mono);letter-spacing:.045em;text-transform:uppercase;align-self:start}.comparison-player{width:min(100%,19rem)}.evidence-lightbox{z-index:1000;-webkit-backdrop-filter:blur(.65rem);backdrop-filter:blur(.65rem);background:#000000f0;place-items:center;padding:clamp(.75rem,2vw,1.5rem);display:grid;position:fixed;inset:0}.evidence-lightbox-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem;width:min(100%,48rem);max-height:calc(100dvh - 1.5rem);display:grid}.evidence-lightbox-bar,.evidence-lightbox-nav{color:var(--muted);font:600 .62rem/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;display:flex}.evidence-lightbox-bar p{margin:0}.evidence-lightbox-close,.evidence-lightbox-nav button{color:var(--paper);cursor:pointer;background:#f4f7f80f;border:1px solid #f4f7f847;padding:.6rem .75rem}.evidence-lightbox-close:hover,.evidence-lightbox-nav button:hover{border-color:var(--duck);color:var(--duck)}.evidence-lightbox-image{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.evidence-lightbox-nav span{color:var(--duck)}.comparison-stage{isolation:isolate;aspect-ratio:9/16;background:#0a0a0a;border:1px solid #f4f7f857;position:relative;overflow:hidden;box-shadow:0 2rem 5rem #00000075,0 0 1.6rem #75c9f414}.comparison-stage:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#0505058a 0%,#0000 17% 76%,#0505059e 100%);position:absolute;inset:0}.comparison-poster,.comparison-source,.comparison-canvas{width:100%;height:100%;position:absolute;inset:0}.comparison-poster{z-index:0;object-fit:cover}.comparison-source{z-index:0;object-fit:cover;opacity:.001;pointer-events:none}.comparison-canvas{z-index:1;opacity:0;transition:opacity .18s}.comparison-canvas.is-ready{opacity:1}.comparison-side-labels{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:.78rem;left:.72rem;right:.72rem}.comparison-side-labels button{color:var(--paper);font:600 .53rem/1 var(--font-mono);letter-spacing:.055em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;background:#0505058f;border:1px solid #f4f7f859;border-radius:999px;padding:.42rem .56rem}.comparison-side-labels button:last-child{color:var(--sky);border-color:#75c9f4b8}.comparison-wipe-input{z-index:3;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-divider{z-index:4;pointer-events:none;background:#f4f7f8e6;width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 .35rem #050505b3,0 0 .8rem #75c9f47a}.comparison-divider>span{aspect-ratio:1;border:1px solid var(--paper);width:2.45rem;color:var(--sky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050505c7;border-radius:50%;place-items:center;font-size:.9rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison-wipe-input:focus-visible+.comparison-divider>span{outline:2px solid var(--sky);outline-offset:4px}.comparison-main-play{z-index:6;aspect-ratio:1;width:4.25rem;color:var(--paper);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505b3;border:1px solid #f4f7f8d1;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 1rem #75c9f433}.comparison-main-play:disabled{cursor:wait}.comparison-main-play svg{fill:currentColor;width:42%}.comparison-loader{aspect-ratio:1;border:2px solid #f4f7f840;border-top-color:var(--sky);border-radius:50%;width:1.25rem;animation:.9s linear infinite comparison-spin}@keyframes comparison-spin{to{transform:rotate(1turn)}}.comparison-status{z-index:5;color:#f4f7f8b8;font:500 .52rem/1.2 var(--font-mono);text-align:center;letter-spacing:.045em;text-transform:uppercase;pointer-events:none;margin:0;position:absolute;bottom:.72rem;left:.72rem;right:.72rem}.comparison-controls{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.72rem 0;display:grid}.comparison-play-control{aspect-ratio:1;border:1px solid var(--line);width:2.3rem;color:var(--paper);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.comparison-play-control:disabled{color:#f4f7f859;cursor:wait}.comparison-play-control svg{fill:currentColor;width:52%}.comparison-timeline{display:grid}.comparison-timeline input{width:100%;height:.16rem;accent-color:var(--sky);cursor:pointer}.comparison-time{min-width:4.7rem;color:var(--muted);font:500 .52rem/1 var(--font-mono);text-align:right}.comparison-audio-row{justify-content:space-between;align-items:center;gap:.75rem;padding-top:.72rem;display:flex}.comparison-audio-row>span{color:var(--muted);font:500 .54rem/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.comparison-audio-toggle{border:1px solid var(--line);background:#f4f7f809;border-radius:999px;padding:.2rem;display:flex}.comparison-audio-toggle button{color:var(--muted);font:600 .52rem/1 var(--font-mono);letter-spacing:.035em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.48rem .62rem;transition:background .18s,color .18s,box-shadow .18s}.video-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.65rem,1vw,1.15rem);display:grid}.video-card{opacity:0;min-width:0;animation:.7s cubic-bezier(.2,.75,.2,1) forwards card-in}.video-card:nth-child(2){animation-delay:80ms}.video-card:nth-child(3){animation-delay:.16s}.video-card:nth-child(4){animation-delay:.24s}.video-card:nth-child(5){animation-delay:.32s}@keyframes card-in{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:translateY(0)}}.video-frame{isolation:isolate;aspect-ratio:9/16;background:#050505eb;border:1px solid #f4f7f847;transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .26s,box-shadow .32s;display:grid;position:relative;overflow:hidden}.video-frame:before,.video-frame:after{z-index:-1;content:"";filter:blur(2px);border-radius:999px;position:absolute}.video-frame:before{aspect-ratio:1;background:#050505e0;width:86%;top:12%;left:-26%}.video-frame:after{aspect-ratio:1;border:1px solid #f4f7f875;width:74%;bottom:9%;right:-26%}.video-thumb{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-embed{z-index:2;border:0;width:100%;height:100%;position:absolute;inset:0}.video-tint{z-index:1;pointer-events:none;background:linear-gradient(#05050594 0%,#05050500 24% 66%,#05050599 100%),#75c9f433;position:absolute;inset:0}.tone-b .video-tint{background:linear-gradient(#05050594 0%,#05050500 24% 66%,#05050599 100%),#4caedf33}.tone-b:before{top:auto;bottom:-8%;left:-14%}.tone-c .video-tint{background:linear-gradient(#05050594 0%,#05050500 24% 66%,#05050599 100%),#a7e2ff33}.tone-c:before{width:105%;top:26%;left:22%}.tone-d .video-tint{background:linear-gradient(#05050594 0%,#05050500 24% 66%,#05050599 100%),#68c5f233}.tone-d:after{bottom:25%;left:-30%;right:auto}.tone-e .video-tint{background:linear-gradient(#05050594 0%,#05050500 24% 66%,#05050599 100%),#87d6fb33}.tone-e:before{top:-15%;left:35%}.video-card:hover .video-frame{border-color:var(--sky);transform:translateY(-7px)scale(1.012);box-shadow:0 1.5rem 3.2rem #0000007a,0 0 1rem #75c9f41f}.video-card:nth-child(odd):hover .video-frame{transform:translateY(-7px)rotate(-.45deg)scale(1.012)}.video-card:nth-child(2n):hover .video-frame{transform:translateY(-7px)rotate(.45deg)scale(1.012)}.frame-top,.frame-bottom{z-index:2;font:500 .55rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex;position:absolute;left:.72rem;right:.72rem}.frame-top{top:.75rem}.frame-bottom{color:#f4f7f8ad;bottom:.75rem}.frame-scan{z-index:1;opacity:.4;background:linear-gradient(90deg,#0000,#f4f7f899,#0000);height:1px;animation:7s linear infinite scan;position:absolute;top:-6%;left:0;right:0;box-shadow:0 0 .5rem #75c9f480}.video-card:nth-child(2) .frame-scan{animation-delay:-1.1s}.video-card:nth-child(3) .frame-scan{animation-delay:-2.2s}.video-card:nth-child(4) .frame-scan{animation-delay:-3.3s}.video-card:nth-child(5) .frame-scan{animation-delay:-4.4s}@keyframes scan{0%,14%{opacity:0;top:-6%}22%{opacity:.4}72%{opacity:.26}82%,to{opacity:0;top:106%}}.play-button{aspect-ratio:1;width:clamp(2.6rem,3.7vw,4.2rem);color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0505058a;border:1px solid #f4f7f8bf;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 .8rem #75c9f41f}.play-button:after{content:"";border-radius:inherit;border:1px solid #75c9f4bf;animation:3s ease-out infinite play-pulse;position:absolute;inset:-1px}@keyframes play-pulse{0%,44%{opacity:0;transform:scale(1)}52%{opacity:.4}88%,to{opacity:0;transform:scale(1.28)}}.play-button svg{fill:currentColor;width:36%}.video-open-link{color:var(--sky);font:500 .72rem/1 var(--font-mono);letter-spacing:.02em;border-bottom:1px solid #0000;justify-self:start;margin-top:.4rem;text-decoration:none}.video-open-link:hover,.video-open-link:focus-visible{border-bottom-color:var(--sky)}.video-copy{grid-template-rows:auto minmax(2.35rem,auto) minmax(3.45rem,auto);padding:.9rem 0 0;display:grid}.video-label{color:var(--sky);font:500 .56rem/1.2 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.video-copy h2{letter-spacing:-.04em;margin:.48rem 0 .35rem;font-size:clamp(.95rem,1.15vw,1.25rem);line-height:1.04}.video-copy p{max-width:28ch;color:var(--muted);margin:0;font-size:clamp(.69rem,.72vw,.8rem);line-height:1.42}.swipe-note{display:none}.contact-cta{border-top:1px solid var(--sky);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.3fr) minmax(20rem,.7fr);align-items:center;gap:clamp(3rem,8vw,9rem);margin-top:clamp(4rem,7vw,7rem);padding:clamp(2.5rem,5vw,5rem) 0;display:grid;position:relative}.contact-cta:before{content:"";background:var(--paper);width:22%;height:1px;box-shadow:0 0 .6rem var(--sky);animation:5.5s ease-in-out infinite alternate cta-line;position:absolute;top:-1px;left:0}@keyframes cta-line{to{left:78%}}.contact-copy h2{letter-spacing:-.075em;max-width:16ch;margin:clamp(1.2rem,2vw,2rem) 0 1rem;font-size:clamp(2.5rem,5.2vw,6.2rem);font-weight:900;line-height:.84;display:grid}.contact-copy>p:last-child{max-width:45ch;color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.contact-stack{justify-self:end;gap:.85rem;width:min(100%,34rem);display:grid}.contact-pill{text-align:left;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:100%;min-height:5.4rem;padding:.72rem .85rem;text-decoration:none;transition:transform .26s cubic-bezier(.2,.75,.2,1),box-shadow .26s,border-color .26s;display:grid}.contact-pill.gmail{color:var(--paper);background:#ea433514;border:1px solid #ea43357a}.contact-pill.gmail:hover{border-color:#ea4335;transform:translate(-.55rem);box-shadow:0 0 1.1rem #ea43351f}.contact-pill.whatsapp{color:var(--ink);background:#fffffff0;border:1px solid #ffffffdb}.contact-pill.whatsapp:hover{border-color:#25d366;transform:translate(-.55rem);box-shadow:0 0 1.1rem #25d36629}.contact-icon{aspect-ratio:1;border-radius:50%;place-items:center;width:3.75rem;display:grid}.gmail-icon{color:#fff;background:#ea4335;font-size:1.35rem;font-weight:900;box-shadow:0 0 .7rem #ea433533}.whatsapp-icon{background:#25d366;box-shadow:0 0 .7rem #25d36638}.whatsapp-icon svg{fill:#fff;width:57%}.contact-pill-copy{gap:.18rem;display:grid}.contact-pill-copy small{color:currentColor;font:500 .55rem/1 var(--font-mono);letter-spacing:.06em;opacity:.58;text-transform:uppercase}.contact-pill-copy strong{letter-spacing:-.035em;font-size:1.15rem;line-height:1}.contact-arrow{aspect-ratio:1;opacity:.5;border:1px solid;border-radius:50%;place-items:center;width:2.5rem;font-size:.85rem;display:grid}footer{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding:1.4rem 0 2.4rem;display:grid}footer p{margin:0 0 .2rem;font-size:.88rem;font-weight:700}footer div>span{color:var(--muted);font-size:.67rem}.footer-links{font:500 .61rem/1 var(--font-mono);text-transform:uppercase;gap:1rem;display:flex}.footer-links a,.footer-links span{color:var(--paper)}.footer-links a{text-decoration:none;position:relative}.footer-links a:after{content:"";background:var(--sky);transform-origin:100%;height:1px;transition:transform .22s;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}.footer-links a:hover:after{transform-origin:0;transform:scaleX(1)}.footer-links span{color:#f4f7f861}footer>a{aspect-ratio:1;border:1px solid var(--line);width:2.5rem;color:var(--paper);place-items:center;text-decoration:none;transition:background .18s,color .18s;display:grid}@media (width<=1040px){.meta-line{grid-template-columns:repeat(2,1fr);row-gap:.65rem;display:grid}.meta-line nav{flex-wrap:wrap;justify-content:flex-end}.intro{padding-block:1.15rem}.case-layout{grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,4rem)}.contact-cta{grid-template-columns:1fr;gap:2.5rem}.contact-stack{justify-self:start;width:min(100%,42rem)}.video-row{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:var(--sky) #f4f7f81f;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(170px,27vw);grid-auto-flow:column;padding-bottom:1rem;overflow-x:auto}.video-card{scroll-snap-align:start}.swipe-note{color:var(--sky);font:500 .6rem/1 var(--font-mono);text-align:right;letter-spacing:.05em;text-transform:uppercase;margin:.4rem 0 0;display:block}}@media (width<=700px){.masthead,.intro,.featured-case,.work,.contact-cta,footer{width:min(100% - 1.5rem,1720px)}.masthead{padding-top:.8rem}.identity-line{align-items:flex-start}.identity-line p{max-width:12ch}.brand-lockup{max-width:15ch}.brand-lockup span{max-width:15ch;line-height:1.35}.meta-line{grid-template-columns:1fr 1fr;line-height:1.45}.meta-line nav{grid-column:1/-1;justify-content:flex-start;padding-top:.15rem}.intro{padding:1rem 0}.intro h1{gap:.08em .22em;max-width:100%}.headline-solid{font-size:clamp(2.25rem,11.5vw,3.45rem)}.headline-serif{font-size:clamp(1.65rem,7.9vw,2.5rem)}.featured-case{padding-top:.85rem;padding-bottom:2.25rem}.case-layout{grid-template-columns:1fr;gap:2rem}.case-media{justify-items:center}.comparison-player{width:min(100%,20.5rem)}.case-evidence{width:100%}.case-screenshots{gap:.5rem}.case-screenshots button{aspect-ratio:9/16;background:#111}.case-screenshots img,.case-screenshots button:first-child img,.case-screenshots button:last-child img{object-fit:contain;object-position:center}.case-lead{white-space:normal;font-size:1.18rem}.case-proof{grid-template-columns:auto 1fr;gap:.2rem .85rem}.case-proof strong{font-size:2.65rem}.video-row{grid-auto-columns:minmax(180px,67vw);margin-right:-.75rem;padding-right:.75rem}.video-copy p{font-size:.72rem}.contact-cta{margin-top:4rem;padding:3rem 0}.contact-copy h2{max-width:12ch;font-size:clamp(2.8rem,13vw,4.3rem)}.contact-stack{gap:.65rem}.contact-pill{gap:.8rem;min-height:4.8rem;padding:.62rem .7rem}.contact-icon{width:3.35rem}.contact-pill.gmail:hover{transform:translateY(-.2rem)}footer{grid-template-columns:1fr auto;gap:1rem}.footer-links{flex-wrap:wrap;grid-area:2/1/auto/-1;line-height:1.65}footer>a{grid-area:1/2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#17212a;--paper:#fff;--sky:#52bdea;--duck:#f6d85f;--duck-rgb:246, 216, 95;--line:#17212a24;--muted:#687782;--canvas:#eef3f5;--surface:#fff;--surface-blue:#eaf7fd;--surface-yellow:#fff8d8;--hard-shadow:#c8d5db;--soft-shadow:#253d4b29}body{background:radial-gradient(circle at 88% 8%, #52bdea33, transparent 24rem), radial-gradient(circle at 7% 62%, #f6d85f33, transparent 27rem), var(--canvas);color:var(--ink)}body::selection{background:var(--duck);color:var(--ink)}button:focus-visible,a:focus-visible,iframe:focus-visible{outline-color:#1689b8}.ambient-orb{filter:blur(105px);opacity:.18}.ambient-orb-b{background:var(--duck);opacity:.2}.ambient-grid{background-image:linear-gradient(#17212a09 1px,#0000 1px),linear-gradient(90deg,#17212a09 1px,#0000 1px);-webkit-mask-image:linear-gradient(#000 0%,#0000 76%);mask-image:linear-gradient(#000 0%,#0000 76%)}.masthead{box-shadow:0 .48rem 0 var(--hard-shadow), 0 1.4rem 3.4rem #253d4b1f, inset 0 1px 0 #fffffff2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #17212a21;border-radius:1.65rem;margin-bottom:1.35rem;padding:1rem 1.25rem .15rem}.identity-line{border-bottom-color:#17212a2b}.portfolio-label>span{background:var(--duck);box-shadow:0 0 0 .22rem rgba(var(--duck-rgb), .28), 0 .18rem 0 #c7aa31}.brand-lockup p{text-shadow:0 .2rem #52bdea2e}.meta-line{border-bottom:0}.meta-line nav,.meta-line nav a{color:var(--ink)}.meta-line nav a:hover{color:#087ead;text-shadow:none}.featured-case{background:var(--surface);box-shadow:0 .62rem 0 var(--hard-shadow), 0 2rem 5rem var(--soft-shadow), inset 0 1px 0 #fffffffa;border:1px solid #17212a24;border-radius:clamp(1.7rem,2.5vw,2.35rem);padding:clamp(1.15rem,2.2vw,2rem);overflow:hidden}.featured-case:before{background:linear-gradient(90deg, var(--sky) 0 62%, var(--duck) 62% 100%);width:100%;height:.42rem;box-shadow:none;border-radius:0;top:0;left:0}.featured-case:after{background:var(--sky);content:"";border-radius:999px;width:3.6rem;height:.8rem;position:absolute;top:1.25rem;right:1.4rem;box-shadow:.28rem .28rem #b4ddeb}.case-heading .eyebrow,.contact-copy .eyebrow{background:var(--duck);color:#4c3d00;border:1px solid #5c480040;border-radius:999px;align-items:center;min-height:1.8rem;padding:.42rem .72rem;display:inline-flex;box-shadow:0 .2rem #c4a72f}.comparison-stage{border:0;border-radius:1.05rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.comparison-play-control:disabled{color:#9aa7af}.comparison-audio-toggle{background:#dfeaf0;border-color:#17212a24}.comparison-audio-toggle button{color:#53636e}.comparison-audio-toggle button.is-active{background:var(--sky);color:#10212a;box-shadow:0 .18rem #2187b1}.case-evidence{background:#f7fafb;border:1px solid #17212a1a;border-radius:1.65rem;padding:clamp(.75rem,1.2vw,1rem);box-shadow:inset 0 1px #fff,0 .4rem #d7e1e5,0 1.2rem 2.8rem #253d4b1c}.case-screenshots button:hover{border-color:#0000;transform:translateY(-.22rem);box-shadow:0 .64rem #b7c8cf,0 1.4rem 2.4rem #253d4b2b}.screenshot-expand{border:1px solid rgba(var(--duck-rgb), .9);background:#17212ae0;box-shadow:0 .18rem #00000073}.case-proof{background:var(--duck);color:var(--ink);border:2px solid #4e40085c;border-radius:1.3rem;box-shadow:0 .48rem #c3a82f,0 1rem 2.1rem #6a57112b,inset 0 1px #ffffff9e}.case-proof strong{color:var(--ink)}.case-proof small{color:#685812}.case-lead{color:#53626d}.evidence-lightbox-bar,.evidence-lightbox-nav{color:#ffffffad}.evidence-lightbox-close,.evidence-lightbox-nav button{color:#fff;background:#ffffff14;border-color:#ffffff4d}.video-card:hover{transform:translateY(-.3rem);box-shadow:0 .7rem #c1d2d9,0 1.7rem 3.1rem #253d4b2b,inset 0 1px #fff}.video-frame{border:0;border-radius:1.02rem;box-shadow:inset 0 0 0 1px #fff3}.video-card:hover .video-frame,.video-card:nth-child(odd):hover .video-frame,.video-card:nth-child(2n):hover .video-frame{border-color:#0000;transform:none;box-shadow:inset 0 0 0 1px #ffffff47}.video-label,.video-open-link{color:#087eac}.video-copy h2{color:var(--ink)}.video-copy p{color:var(--muted)}.swipe-note{color:#087eac}.contact-cta:before{background:var(--duck);border-radius:999px;width:4.2rem;height:.86rem;animation:none;top:1.3rem;left:auto;right:1.4rem;box-shadow:.28rem .28rem #aad9ea}.contact-copy h2{color:var(--ink)}.contact-copy h2 span{color:#1495c7}.contact-pill{border:1px solid #17212a24;box-shadow:0 .42rem #c3d0d6,0 1rem 2.1rem #253d4b21,inset 0 1px #fff}.contact-pill.gmail{color:var(--ink);background:#fff7f6;border-color:#ea433547}.contact-pill.whatsapp{color:var(--ink);background:#f2fff7;border-color:#25d36647}.contact-arrow{background:#fff;box-shadow:0 .16rem #c4d0d5}.footer-links a,.footer-links span,footer>a{color:var(--ink)}footer>a{background:#fff;border-color:#17212a2e;border-radius:50%;box-shadow:0 .18rem #bccbd1}footer>a:hover{background:var(--duck);color:var(--ink)}@media (width<=1040px){.featured-case,.contact-cta{box-shadow:0 .5rem 0 var(--hard-shadow), 0 1.4rem 3.4rem #253d4b24}.video-card{box-shadow:0 .42rem #cbd8de,0 1rem 2rem #253d4b1f}}@media (width<=700px){main{padding-top:.65rem}.masthead{box-shadow:0 .34rem 0 var(--hard-shadow), 0 1rem 2.3rem #253d4b1f;border-radius:1.25rem;padding:.85rem .9rem .12rem}.featured-case{box-shadow:0 .42rem 0 var(--hard-shadow), 0 1.25rem 2.8rem #253d4b24;border-radius:1.45rem;padding:1rem}.featured-case:after{display:none}.comparison-player{border-radius:1.3rem;padding:.58rem;box-shadow:0 .4rem #b7d2de,0 1rem 2rem #253d4b29}.case-evidence{border-radius:1.3rem;padding:.65rem}.case-screenshots button{border-radius:1rem}.case-proof{border-radius:1.05rem;box-shadow:0 .36rem #c3a82f,0 .8rem 1.6rem #6a571126}.video-card{border-radius:1.25rem;padding:.55rem .55rem .75rem}.video-frame{border-radius:.85rem}.contact-cta{border-radius:1.5rem;margin-top:3.4rem;padding:1.4rem 1rem 1.55rem}.contact-cta:before{width:3rem;height:.7rem;top:.9rem;right:1rem}.contact-copy h2{font-size:clamp(2.55rem,12vw,4rem)}.contact-pill{min-height:4.8rem}footer{border-radius:1.2rem;padding:1rem}}:root{--ink:#151b20;--paper:#fbfcfc;--sky:#238fba;--duck:#ead36b;--duck-rgb:234, 211, 107;--line:#151b2021;--muted:#667078;--canvas:#e7ecee;--surface:#fbfcfc;--surface-blue:#edf4f6;--surface-yellow:#f6e9a7;--font-sans:"Segoe UI Variable", "Avenir Next", Inter, "Helvetica Neue", Arial, sans-serif;--font-display:"Segoe UI Variable Display", "Avenir Next", Inter, "Helvetica Neue", Arial, sans-serif;--font-mono:"SFMono-Regular", "Roboto Mono", Consolas, monospace}body{color:var(--ink);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;background:radial-gradient(circle at 82% -8%,#4597b621,#0000 31rem),linear-gradient(#edf1f2 0%,#e5eaec 100%)}h1,h2,h3,.brand-lockup p,.contact-copy h2{font-family:var(--font-display)}main{padding-block:1.15rem 2rem}.ambient-orb{opacity:.08;filter:blur(120px)}.ambient-orb-b{opacity:.07}.ambient-grid{opacity:.68;filter:drop-shadow(0 1px 1px #1c283024);background-image:linear-gradient(#28363f24 1px,#0000 1px),linear-gradient(90deg,#28363f24 1px,#0000 1px),linear-gradient(#ffffffc7 1px,#0000 1px),linear-gradient(90deg,#ffffffc7 1px,#0000 1px);background-position:0 0,0 0,0 1px,1px 0;background-size:3.25rem 3.25rem;animation:none;inset:-5rem;-webkit-mask-image:linear-gradient(#000 0%,#000000d1 72%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000d1 72%,#0000 100%)}.masthead{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfcfcf5;border:1px solid #151b2021;border-radius:.9rem;margin-bottom:1.7rem;padding:1.05rem 1.35rem .2rem;box-shadow:0 1px 2px #111b2212,0 12px 32px #1f2f3917,inset 0 1px #fffffff2}.identity-line{letter-spacing:-.025em;border-bottom-color:#151b2024;padding-bottom:.78rem;font-weight:650}.portfolio-label{color:#1b242a}.portfolio-label>span{background:var(--sky);border-radius:.12rem;width:.42rem;animation:none;box-shadow:0 1px 2px #0c445c38,0 0 0 3px #238fba1a}.brand-lockup{color:var(--sky)}.brand-lockup p{letter-spacing:-.055em;text-shadow:none;font-size:clamp(1.15rem,1.35vw,1.42rem);font-weight:680;line-height:.9}.brand-lockup span,.meta-line{color:#68737a}.brand-lockup span,.meta-line,.video-label,.frame-top,.frame-bottom{letter-spacing:.075em}.meta-line nav a{color:#293238;font-weight:560}.meta-line nav a:hover{color:var(--sky)}.featured-case{background:#fbfcfcfa;border:1px solid #151b201f;border-radius:1.15rem;padding:clamp(1.25rem,2.25vw,2.15rem);overflow:hidden;box-shadow:0 2px 4px #141f260f,0 22px 55px #1d2d371a,inset 0 1px #fff}.featured-case:before,.featured-case:after{display:none}.case-heading{padding-bottom:clamp(1.15rem,1.8vw,1.55rem)}.case-heading .eyebrow,.contact-copy .eyebrow{border:0;border-left:2px solid var(--sky);color:#36434b;min-height:0;box-shadow:none;letter-spacing:.1em;background:0 0;border-radius:0;padding:0 0 0 .72rem;font-weight:650}.case-layout{gap:clamp(2rem,4.25vw,4.75rem)}.comparison-player{background:#e8edef;border:1px solid #121c2321;border-radius:.95rem;padding:.58rem;box-shadow:0 2px 4px #121d2414,0 16px 34px #1b2b3521,inset 0 1px #ffffffeb}.comparison-stage{border-radius:.58rem;box-shadow:inset 0 0 0 1px #ffffff2e}.comparison-main-play,.play-button{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0a1014b3;border:1px solid #ffffff8c;box-shadow:0 10px 26px #00000047,inset 0 1px #ffffff2e}.play-button:after{display:none}.comparison-main-play:hover,.play-button:hover{background:#080d11d1;transform:translate(-50%,-50%)scale(1.035)}.comparison-controls{border-bottom-color:#151b201f}.comparison-play-control{color:#20292f;background:#fff;border-color:#151b2021;box-shadow:0 2px 6px #18252d14}.comparison-audio-toggle{background:#dde5e8;border-color:#151b201a;box-shadow:inset 0 1px 2px #1c2a3214}.comparison-audio-toggle button.is-active{color:#1d6f90;background:#fff;box-shadow:0 1px 2px #18262e14,0 4px 10px #18262e14}.case-evidence{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.case-screenshots{gap:clamp(.75rem,1vw,1rem)}.case-screenshots button{background:#11171b;border:1px solid #151b2026;border-radius:.72rem;box-shadow:0 2px 4px #121b211a,0 14px 28px #1927301f}.case-screenshots button:hover{transform:translateY(-2px);box-shadow:0 3px 6px #121b211c,0 18px 35px #19273026}.case-screenshots button:active{transform:translateY(0);box-shadow:0 1px 3px #121b211a,0 8px 18px #1927301a}.screenshot-expand{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1115c7;border:1px solid #ffffff47;border-radius:.35rem;box-shadow:0 3px 10px #00000038}.case-proof{color:#1d2022;background:#eedb80;border:1px solid #826c1c40;border-radius:.75rem;box-shadow:0 2px 3px #483d1412,0 12px 26px #5d4f191a,inset 0 1px #ffffff7a}.case-proof strong{color:#171b1d;font-family:var(--font-display);letter-spacing:-.065em;font-weight:690}.case-proof span{letter-spacing:-.025em;font-weight:590}.case-proof small{color:#6f5f22;letter-spacing:.08em}.case-lead{color:#4d5961;font-family:var(--font-display);letter-spacing:-.028em;font-size:clamp(1.02rem,1.3vw,1.27rem);font-weight:520;line-height:1.35}.work{padding-top:clamp(2.5rem,4.2vw,4.25rem)}.video-row{gap:clamp(.9rem,1.15vw,1.25rem)}.video-card{background:#fbfcfcfa;border:1px solid #151b201f;border-radius:.82rem;padding:.52rem .52rem .9rem;transition:transform .22s cubic-bezier(.22,.72,.23,1),box-shadow .22s,border-color .22s;box-shadow:0 2px 4px #131e250e,0 13px 30px #1c2b3416,inset 0 1px #fff}.video-card:hover{border-color:#238fba47;transform:translateY(-3px);box-shadow:0 4px 8px #131e250f,0 20px 38px #1c2b341f,inset 0 1px #fff}.video-frame{border-radius:.48rem}.video-copy{padding:.92rem .12rem 0}.video-label,.video-open-link{color:#197da5;font-weight:620}.video-copy h2{color:#1b2227;font-family:var(--font-display);letter-spacing:-.045em;font-weight:640;line-height:1.04}.video-copy p{color:#667078;line-height:1.48}.contact-cta{background:#fbfcfcfa;border:1px solid #151b201f;border-radius:1.15rem;margin-top:clamp(4.5rem,8vw,7.5rem);padding:clamp(2.1rem,4.2vw,4.5rem);overflow:hidden;box-shadow:0 2px 4px #141f260e,0 22px 52px #1d2d3718,inset 0 1px #fff}.contact-cta:before{display:none}.contact-copy h2{color:#171d21;letter-spacing:-.068em;font-size:clamp(2.9rem,5.7vw,5.8rem);font-weight:640;line-height:.94}.contact-copy h2 span{color:var(--sky);font-family:var(--font-display);letter-spacing:-.055em;font-size:.72em;font-style:normal;font-weight:430}.contact-copy>p:last-child{color:#667078}.contact-pill{background:#fff;border:1px solid #151b2021;border-radius:.82rem;min-height:5.6rem;box-shadow:0 2px 3px #1622290d,0 10px 24px #1c2b3413}.contact-pill.gmail,.contact-pill.whatsapp{color:#171d21;background:#fff}.contact-pill.gmail{border-color:#cd40363d}.contact-pill.whatsapp{border-color:#18a74f3d}.contact-pill.gmail:hover,.contact-pill.whatsapp:hover{transform:translateY(-2px);box-shadow:0 3px 6px #1622290f,0 15px 30px #1c2b341a}.gmail-icon,.whatsapp-icon{box-shadow:0 7px 16px #1722291f}.contact-arrow{background:#f1f4f5;border-radius:.45rem;box-shadow:inset 0 0 0 1px #151b2017}footer{background:#fbfcfcf2;border:1px solid #151b201c;border-radius:.78rem;margin-top:2rem;padding:1.15rem 1.25rem;box-shadow:0 2px 4px #141f260a,0 10px 26px #1d2d3712}footer>a{background:#f3f5f6;border-radius:.45rem;box-shadow:inset 0 0 0 1px #151b2014}footer>a:hover{color:#176f92;background:#e3f2f7}@media (width<=1040px){.featured-case,.contact-cta,.video-card{box-shadow:0 2px 4px #141f260e,0 16px 38px #1d2d3717}}@media (width<=700px){main{padding-top:.65rem}.ambient-grid{opacity:.54;background-size:2.6rem 2.6rem}.masthead{border-radius:.72rem;padding:.9rem .95rem .18rem;box-shadow:0 1px 2px #141f260f,0 10px 24px #1d2d3716}.featured-case{border-radius:.88rem;padding:1rem;box-shadow:0 2px 4px #141f260f,0 15px 32px #1d2d371a}.comparison-player{border-radius:.72rem;padding:.42rem}.comparison-stage{border-radius:.42rem}.case-screenshots button{border-radius:.55rem}.case-proof{border-radius:.58rem}.case-lead{white-space:normal;font-size:1.08rem}.video-card{border-radius:.65rem;padding:.45rem .45rem .78rem}.video-frame{border-radius:.38rem}.contact-cta{border-radius:.88rem;margin-top:4rem;padding:1.65rem 1.05rem 1.75rem}.contact-copy h2{font-size:clamp(2.45rem,11.5vw,3.8rem);line-height:.96}.contact-pill{border-radius:.65rem;min-height:4.75rem}footer{border-radius:.62rem}}