@font-face{font-family:"Big Shoulders Display";src:url("fonts/big-shoulders-display.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("fonts/instrument-sans-italic.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}

:root{
  --accent:#2E5BFF;--accent-strong:#1F45E0;--accent-soft:rgb(46 91 255 / .14);--accent-contrast:#fff;
  --spark:#FF7A1A;
  --bg:#0A0D14;--surface:#121826;--surface-2:#1A2234;
  --paper:#F1EFEA;--paper-ink:#12151C;--paper-muted:#5B6271;--paper-line:#D9D5CC;
  --text:#EEF1F6;--text-muted:#9AA4B5;--border:#263048;
  --font-display:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;
  --font-body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --step--1:clamp(.84rem,.8rem + .2vw,.92rem);
  --step-0:clamp(1rem,.96rem + .25vw,1.12rem);
  --step-1:clamp(1.2rem,1.1rem + .5vw,1.45rem);
  --step-2:clamp(1.6rem,1.3rem + 1.4vw,2.4rem);
  --step-3:clamp(2.4rem,1.6rem + 3.6vw,4.6rem);
  --step-5:clamp(3.4rem,1.8rem + 6vw,7.4rem);
  --space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;
  --radius:2px;--chamfer:14px;
  --shadow-lg:0 30px 60px -20px rgb(0 0 0 / .55),0 12px 24px -12px rgb(0 0 0 / .4);
  --ease-out:cubic-bezier(.16,1,.3,1);--dur:.6s;
  --wrap:min(1240px,100% - 2.5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{width:var(--wrap);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:.6rem 1rem;z-index:100}
.skip:focus{left:1rem;top:1rem}

/* grain */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* type */
.display{font-family:var(--font-display);font-weight:900;text-transform:uppercase;line-height:.88;letter-spacing:-.01em;margin:0}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--step--1);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-6)}
.eyebrow::before{content:"";width:10px;height:10px;background:var(--spark);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:var(--step-3);line-height:.9;margin:0 0 var(--space-6);letter-spacing:-.005em}
.h2 em{font-style:normal;color:var(--accent)}
.lead{font-size:var(--step-1);line-height:1.5;color:var(--text-muted);max-width:38ch;margin:0}

/* buttons */
.btn{--c:var(--accent);display:inline-flex;align-items:center;gap:.7rem;min-height:56px;padding:0 1.6rem;font:600 1rem/1 var(--font-body);text-decoration:none;color:var(--accent-contrast);background:var(--c);
  clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer));
  transition:background .25s var(--ease-out),transform .25s var(--ease-out)}
.btn:hover{background:var(--accent-strong);transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn svg{width:22px;height:22px;flex:none}
.btn--ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--border);clip-path:none;border-radius:var(--radius)}
.btn--ghost:hover{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--text-muted)}
.btn--paper{background:var(--paper-ink)}
.btn--paper:hover{background:#000}

/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}
.site-header.is-scrolled{background:rgb(10 13 20 / .82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.brand img{width:52px;height:52px}
.brand span{font-family:var(--font-display);font-weight:900;font-size:1.45rem;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.brand b{color:var(--accent);font-weight:900}
.nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}
.nav ul a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--text-muted);transition:color .2s}
.nav ul a:hover{color:var(--text)}
.nav .btn{min-height:46px;padding:0 1.1rem;font-size:.92rem}

/* hero */
.hero{position:relative;padding:calc(76px + var(--space-16)) 0 var(--space-24);min-height:100svh;display:flex;align-items:center;isolation:isolate}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent)}
.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-16);align-items:center}
.hero__title{font-size:var(--step-5)}
.hero__title .blue{color:var(--accent);display:block}
.hero__title .thin{font-weight:700;color:var(--text-muted);font-size:.3em;max-width:24ch;letter-spacing:.06em;display:block;margin-top:.35em;line-height:1.05}
.hero__copy .lead{margin-top:var(--space-8)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}
.hero__note{margin-top:var(--space-6);font-size:var(--step--1);color:var(--text-muted);display:flex;align-items:center;gap:.5rem}
.hero__note i{width:8px;height:8px;border-radius:50%;background:#2FD47A;box-shadow:0 0 0 4px rgb(47 212 122 / .15);font-style:normal}
.hero__visual{position:relative;justify-self:end;width:min(100%,480px)}
.hero__after{clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 var(--chamfer));box-shadow:var(--shadow-lg)}
.hero__after img{aspect-ratio:9/14;object-fit:cover;width:100%}
.hero__before{position:absolute;left:-22%;bottom:9%;width:46%;border:5px solid var(--bg);box-shadow:var(--shadow-lg);transform:rotate(-4deg)}
.hero__before img{aspect-ratio:9/13;object-fit:cover;width:100%}
.tag{position:absolute;font:700 .72rem/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;padding:.45rem .6rem;background:var(--bg);color:var(--text)}
.tag--after{top:14px;right:14px;background:var(--accent);color:#fff}
.tag--before{top:8px;left:8px}
.hero__stamp{position:absolute;right:-22px;top:42%;writing-mode:vertical-rl;font:700 .75rem/1 var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted)}

/* ticker */
.ticker{background:var(--accent);color:#fff;overflow:hidden;border-block:1px solid rgb(255 255 255 / .1)}
.ticker__track{display:flex;width:max-content;animation:tick 38s linear infinite}
.ticker__track span{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.4rem,1rem + 1.6vw,2.2rem);padding:.85rem 0;white-space:nowrap;display:flex;align-items:center}
.ticker__track span::after{content:"";width:12px;height:12px;margin:0 1.6rem;background:var(--spark);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
@keyframes tick{to{transform:translateX(-50%)}}

/* sections */
.section{padding:var(--space-32) 0}
.paper{background:var(--paper);color:var(--paper-ink)}
.paper .eyebrow,.paper .lead{color:var(--paper-muted)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:end;margin-bottom:var(--space-16)}
.sec-head .lead{justify-self:end}

/* services bento */
.services{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-6)}
.svc{position:relative;background:#fff;color:var(--paper-ink);display:grid;overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.svc--main{grid-column:span 7;grid-row:span 2;grid-template-columns:1fr 1fr}
.svc--side{grid-column:span 5;grid-template-columns:.9fr 1.1fr}
.svc__img{position:relative;min-height:100%}
.svc__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.svc:hover .svc__img img{transform:scale(1.04)}
.svc__body{padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}
.svc__num{font-family:var(--font-display);font-weight:900;font-size:1rem;letter-spacing:.2em;color:var(--accent)}
.svc h3{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:var(--step-2);line-height:.92;margin:0}
.svc--main h3{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.6rem)}
.svc p{margin:0;color:var(--paper-muted);font-size:.98rem}
.svc ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;font-size:.95rem}
.svc li{display:flex;gap:.6rem;align-items:baseline}
.svc li::before{content:"";flex:none;width:8px;height:8px;background:var(--accent);transform:translateY(-1px) rotate(45deg)}
.svc .link{margin-top:auto;font-weight:600;text-decoration:none;color:var(--accent-strong);display:inline-flex;gap:.4rem;align-items:center;padding-top:var(--space-4)}
.svc .link:hover{text-decoration:underline;text-underline-offset:4px}
.svc__badge{display:inline-block;align-self:flex-start;font:700 .7rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;padding:.4rem .55rem;background:var(--paper);color:var(--paper-muted)}

/* before/after */
.ba-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--space-16);align-items:center}
.ba{position:relative;overflow:hidden;user-select:none;touch-action:pan-y;--pos:50%;background:var(--surface);box-shadow:var(--shadow-lg)}
.ba img{width:100%;aspect-ratio:9/13;object-fit:cover;pointer-events:none}
.ba__after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos))}
.ba__after img{height:100%}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none}
.ba__handle::after{content:"";position:absolute;top:50%;left:50%;width:54px;height:54px;transform:translate(-50%,-50%) rotate(45deg);background:var(--accent);box-shadow:0 8px 24px rgb(0 0 0 / .4)}
.ba__handle svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:26px;height:26px;color:#fff}
.ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba .tag--before{top:16px;left:16px}
.ba .tag--after{top:16px;right:16px;left:auto}
.ba-copy .lead{margin-bottom:var(--space-8)}
.ba-steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--border)}
.ba-steps li{display:grid;grid-template-columns:3.2rem 1fr;gap:var(--space-4);padding:var(--space-6) 0;border-bottom:1px solid var(--border)}
.ba-steps b{font-family:var(--font-display);font-size:1.6rem;color:var(--accent);line-height:1}
.ba-steps strong{display:block;font-weight:600;margin-bottom:.2rem}
.ba-steps span{color:var(--text-muted);font-size:.96rem}

.pairs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-24)}
.pair{position:relative;background:var(--surface);margin:0}
.pair:nth-child(even){transform:translateY(var(--space-12))}
.pair__stage{position:relative;overflow:hidden}
.pair__stage img{width:100%;aspect-ratio:9/14;object-fit:cover;transition:opacity .45s var(--ease-out)}
.pair__stage .is-before{position:absolute;inset:0;height:100%;opacity:0}
.pair.show-before .is-before{opacity:1}
.pair figcaption{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:var(--space-4)}
.pair figcaption span{font-size:.92rem;color:var(--text-muted);line-height:1.35}
.toggle{flex:none;min-height:44px;padding:0 .9rem;font:700 .72rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;background:transparent;color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background .2s,border-color .2s}
.toggle:hover{border-color:var(--accent)}
.toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}

/* process (paper) */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;border-top:2px solid var(--paper-ink)}
.step{padding:var(--space-8) var(--space-6) var(--space-8) 0;border-right:1px solid var(--paper-line)}
.step+.step{padding-left:var(--space-6)}
.step:last-child{border-right:0}
.step__n{font-family:var(--font-display);font-weight:900;font-size:clamp(4rem,3rem + 3vw,6.5rem);line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--paper-ink);margin-bottom:var(--space-6)}
.step:hover .step__n{color:var(--accent);-webkit-text-stroke-color:var(--accent);transition:color .3s}
.step h3{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:1.7rem;line-height:1;margin:0 0 .6rem}
.step p{margin:0;color:var(--paper-muted);font-size:.97rem}

/* why */
.why{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-16);align-items:start}
.why__img{position:sticky;top:110px}
.why__img img{width:100%;aspect-ratio:9/13;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 100%,40px 100%,0 calc(100% - 40px))}
.why__img figcaption{margin-top:.8rem;font-size:var(--step--1);color:var(--text-muted)}
.why__list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin-top:var(--space-12);border:1px solid var(--border)}
.why__item{background:var(--bg);padding:var(--space-8);transition:background .3s}
.why__item:hover{background:var(--surface)}
.why__item svg{width:34px;height:34px;color:var(--accent);margin-bottom:var(--space-4)}
.why__item h3{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:1.6rem;line-height:1;margin:0 0 .5rem}
.why__item p{margin:0;color:var(--text-muted);font-size:.97rem}

/* area */
.area{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--space-16);align-items:center}
.cities{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(2rem,1.3rem + 2.6vw,3.8rem);line-height:1.02}
.cities li{color:var(--paper-ink);transition:color .25s}
.cities li:nth-child(3n+2){color:transparent;-webkit-text-stroke:1.5px var(--paper-ink)}
.cities li:hover{color:var(--accent);-webkit-text-stroke-color:var(--accent)}
.cities li.home{color:var(--accent)}
.area__note{margin-top:var(--space-8);color:var(--paper-muted)}

/* latest work */
.latest{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--space-12);align-items:center;background:var(--surface);padding:var(--space-16);position:relative;overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,48px 100%,0 calc(100% - 48px))}
.latest::before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;background:radial-gradient(circle,var(--accent-soft),transparent 70%)}
.latest__strip{display:flex;gap:var(--space-3);margin-top:var(--space-8)}
.latest__strip img{width:96px;aspect-ratio:3/4;object-fit:cover;filter:grayscale(.2)}
.qr{justify-self:center;text-align:center;position:relative}
.qr__box{background:#fff;padding:14px;width:200px;box-shadow:var(--shadow-lg)}
.qr__box img{width:100%}
.qr p{margin:.9rem 0 0;font-size:var(--step--1);color:var(--text-muted)}

/* faq */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--space-16)}
.faq details{border-top:1px solid var(--paper-line)}
.faq details:last-child{border-bottom:1px solid var(--paper-line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:var(--space-6) 0;font-weight:600;font-size:var(--step-1);line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;border-right:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(45deg) translateY(-4px);transition:transform .3s var(--ease-out)}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.faq details p{margin:0 0 var(--space-6);color:var(--paper-muted);max-width:60ch}

/* español */
.es{position:relative;padding:var(--space-24) 0;background:var(--accent);color:#fff;overflow:hidden}
.es__grid{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-12);align-items:center}
.es__big{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(3rem,2rem + 5vw,7rem);line-height:.85;margin:0}
.es p{margin:0;font-size:var(--step-1);max-width:34ch;line-height:1.45}
.es .btn{background:#fff;color:var(--paper-ink)}
.es .btn:hover{background:var(--paper)}

/* final cta */
.final{text-align:left;padding:var(--space-32) 0 var(--space-24)}
.final__title{font-size:clamp(3.2rem,2rem + 6vw,8rem);max-width:16ch}
.final__title em{font-style:normal;color:var(--accent)}
.final__row{display:flex;flex-wrap:wrap;gap:var(--space-12);align-items:flex-end;justify-content:space-between;margin-top:var(--space-12)}
.final__contact{display:grid;gap:.4rem;font-size:var(--step-1)}
.final__contact a{text-decoration:none;font-weight:600}
.final__contact a:hover{color:var(--accent)}
.final__contact small{font-size:var(--step--1);color:var(--text-muted)}

/* footer */
.site-footer{border-top:1px solid var(--border);padding:var(--space-12) 0 var(--space-16);font-size:.9rem;color:var(--text-muted)}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;align-items:center}
.site-footer nav{display:flex;flex-wrap:wrap;gap:1.2rem}
.site-footer a{text-decoration:none}
.site-footer a:hover{color:var(--text)}
.foot-brand{display:flex;align-items:center;gap:.8rem}
.foot-brand img{width:40px;height:40px}

/* mobile bar */
.mbar{display:none}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}
.reveal.is-in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

/* legal pages */
.legal{padding:calc(76px + var(--space-16)) 0 var(--space-24)}
.legal .wrap{max-width:72ch}
.legal h1{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:var(--step-3);line-height:.95;margin:0 0 var(--space-4)}
.legal h2{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:1.7rem;margin:var(--space-12) 0 var(--space-3);color:var(--text)}
.legal p,.legal li{color:#C7CEDA}
.legal .updated{color:var(--text-muted);font-size:var(--step--1)}
.legal table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.92rem;margin:var(--space-4) 0}
.legal th,.legal td{border:1px solid var(--border);padding:.7rem;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.legal th{background:var(--surface);color:var(--text)}
.legal a{color:#8FA8FF}

@media (max-width:1020px){
  .nav ul{display:none}
  .hero__grid,.ba-feature,.why,.area,.faq,.sec-head{grid-template-columns:1fr}
  .sec-head .lead{justify-self:start}
  .services{grid-template-columns:1fr 1fr}
  .svc--main{grid-column:1/-1;grid-row:auto}
  .svc--side{grid-column:span 1;grid-template-columns:1fr}
  .svc--side .svc__img{aspect-ratio:4/3}
  .pairs{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:1fr 1fr}
  .step:nth-child(2){border-right:0}
  .step:nth-child(3){padding-left:0}
  .why__img{position:relative;top:0;max-width:440px}
  .latest{grid-template-columns:1fr}
  .es__grid{grid-template-columns:1fr;gap:var(--space-6)}
}
@media (max-width:640px){
  :root{--wrap:calc(100% - 2.5rem);--chamfer:10px}
  .section{padding:var(--space-24) 0}
  .nav{height:64px}
  .brand img{width:42px;height:42px}
  .brand span{font-size:1.2rem}
  .site-header:not(.is-scrolled){background:linear-gradient(rgb(10 13 20 / .85),rgb(10 13 20 / 0))}
  .nav .btn{display:none}
  .hero{padding:0 0 var(--space-16);min-height:auto;display:block}
  .hero__grid{display:flex;flex-direction:column-reverse;gap:0}
  .hero__visual{width:100%;justify-self:stretch;margin:0}
  .hero__after{clip-path:none;box-shadow:none;position:relative}
  .hero__after::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(10 13 20 / .55) 0%,transparent 28%,transparent 55%,var(--bg) 100%)}
  .hero__after img{aspect-ratio:4/5;object-position:center 40%}
  .hero__before{left:auto;right:1.25rem;top:84px;bottom:auto;width:34%;border-width:4px;transform:rotate(3deg);z-index:2}
  .hero__stamp{display:none}
  .hero .tag--after{top:84px;right:auto;left:1.25rem}
  .hero__copy{padding:0 1.25rem;margin-top:-2.2rem;position:relative;z-index:1}
  .hero__title{font-size:clamp(3.3rem,16vw,4.6rem)}
  .hero__ctas{display:grid;grid-template-columns:1fr}
  .hero__ctas .btn{justify-content:center}
  .services{grid-template-columns:1fr}
  .svc--main{grid-template-columns:1fr}
  .svc--main .svc__img{aspect-ratio:4/5}
  .svc--side{grid-template-columns:1fr}
  .svc__body{padding:var(--space-6)}
  .ba-feature{gap:var(--space-8)}
  .sec-head{gap:var(--space-6);margin-bottom:var(--space-12)}
  .pairs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--space-4);margin:var(--space-16) -1.25rem 0;padding:0 1.25rem var(--space-4);scrollbar-width:none}
  .pairs::-webkit-scrollbar{display:none}
  .pair{flex:0 0 76%;scroll-snap-align:start}
  .pair:nth-child(even){transform:none}
  .swipe-hint{display:block!important}
  .process{grid-template-columns:1fr;border-top:0}
  .step,.step+.step{padding:var(--space-6) 0;border-right:0;border-top:2px solid var(--paper-ink);display:grid;grid-template-columns:5.5rem 1fr;gap:var(--space-4);align-items:start}
  .step__n{font-size:4.2rem;margin:0}
  .why__list{grid-template-columns:1fr}
  .why__item{padding:var(--space-6)}
  .latest{padding:var(--space-8) var(--space-6);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
  .latest__strip img{width:calc((100% - 2*var(--space-3))/3)}
  .qr{display:none}
  .faq summary{font-size:1.08rem}
  .final{padding:var(--space-24) 0 var(--space-16)}
  .final__title{font-size:clamp(2.9rem,14vw,4.2rem)}
  .site-footer{padding-bottom:calc(var(--space-16) + 70px)}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:.5rem;padding:.6rem 88px calc(.6rem + env(safe-area-inset-bottom)) .75rem;background:rgb(10 13 20 / .92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);transform:translateY(110%);transition:transform .35s var(--ease-out)}
  .mbar.is-on{transform:none}
  .mbar .btn{flex:1;justify-content:center;min-height:50px;padding:0 .8rem;font-size:.95rem}
  .mbar .btn--ghost{flex:0 0 52px;padding:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}