/* Pro V2 reference layout. Loaded only for the enabled V2 landing page. */
/* Primary typography uses the same font files as the marketplace. */
@font-face{font-family:'Roobert PRO';src:url('/fonts/roobert/RoobertPRO-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Roobert PRO';src:url('/fonts/roobert/RoobertPRO-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Roobert PRO';src:url('/fonts/roobert/RoobertPRO-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'MarketInter';src:url('/fonts/marketplace/inter-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Caveat';src:url('/fonts/pro-v2/caveat-latin-ext.woff2') format('woff2');font-style:normal;font-weight:600 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Caveat';src:url('/fonts/pro-v2/caveat-latin.woff2') format('woff2');font-style:normal;font-weight:600 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--cream:#FFFBF7;--cream-2:#FBF2EC;--magenta:#E50050;--magenta-soft:#FFE8EF;--coral:#FF7A6E;--plum:#5C2751;--navy:#1A2B4A;--ink:#2D2D2D;--muted:#6f6566;--line:rgba(45,45,45,.1);--shadow:0 24px 60px -28px rgba(92,39,81,.4);--shadow-sm:0 10px 30px -18px rgba(92,39,81,.45);--display:"Roobert PRO","Helvetica Neue",Arial,sans-serif;--font-heading:var(--display);--sans:"MarketInter",Inter,system-ui,-apple-system,sans-serif;--hand:"Caveat",cursive;--spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(.16,1,.3,1);--maxw:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--magenta)}
img,svg{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.025em;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
:focus-visible{outline:2px solid rgba(229,0,80,.5);outline-offset:2px;border-radius:6px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
section{padding:clamp(72px,9vw,120px) 0}
.eyebrow{font-weight:600;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--magenta)}
.h2{font-size:clamp(32px,4.6vw,56px)}
.h2 em{font-style:italic;font-weight:500;color:var(--magenta)}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--muted);max-width:44ch}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-weight:600;font-size:16px;padding:15px 28px;min-height:52px;border-radius:999px;white-space:nowrap;line-height:1;transition:transform .18s var(--out),box-shadow .18s,filter .18s}
.btn-primary{background:var(--magenta);color:#fff;box-shadow:0 10px 24px -12px rgba(229,0,80,.7)}
.btn-primary:hover{color:#fff;transform:translateY(-1px);filter:brightness(.94)}
.btn-primary:active{transform:scale(.97)}
.btn-outline{border:1.5px solid rgba(229,0,80,.35);color:var(--magenta);background:#fff}
.btn-outline:hover{border-color:var(--magenta);transform:translateY(-1px)}
.btn-wa{border:1.5px solid var(--line);background:#fff;color:var(--ink)}
.btn-wa:hover{color:var(--ink);border-color:#25D366;transform:translateY(-1px)}
.wa-ic{width:22px;height:22px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center}
.wa-ic img{width:100%;height:100%;transform:scale(1.55)}
.navlink-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:var(--plum)}
.navlink-arrow:hover{color:var(--magenta)}
.navlink-arrow svg{transition:transform .18s var(--out)}
.navlink-arrow:hover svg{transform:translateX(3px)}
.reassure{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:18px;font-size:14px;color:var(--muted);align-items:center}
.reassure span{display:inline-flex;align-items:center;gap:7px}
.reassure svg{color:var(--magenta);flex:none}
.reassure.center{justify-content:center}
.seal{width:96px;height:96px;flex:none;animation:seal-spin 40s linear infinite}
.seal-wrap{position:relative;width:96px;height:96px;flex:none}
.seal-core{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;pointer-events:none}
.seal-core b{font-family:var(--sans);font-size:24px;line-height:1;display:block}
.seal-core small{font-size:9.5px;font-weight:600;letter-spacing:.04em;display:block;margin-top:2px}
@keyframes seal-spin{to{transform:rotate(360deg)}}
.pro-reference-animated .rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--out),transform .7s var(--out)}
.pro-reference-animated .rv.in{opacity:1;transform:none}
.rv.in{opacity:1;transform:none}
/* header */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,251,247,.86);backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.nav.scrolled{border-color:var(--line);box-shadow:0 6px 24px -20px rgba(92,39,81,.5)}
.nav-inner{position:relative;display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.brand img{height:34px;width:auto;animation:logo-in .7s var(--spring) both}
@keyframes logo-in{from{opacity:0;transform:translateY(-6px) scale(.9)}to{opacity:1;transform:none}}
.nav-center{display:flex;align-items:center;gap:4px}
.dd{position:static}
.dd-trigger{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;padding:10px 14px;border-radius:10px;color:var(--ink)}
.dd-trigger:hover,.dd:hover .dd-trigger{background:var(--cream-2);color:var(--plum)}
.dd-trigger svg{transition:transform .2s}
.dd:hover .dd-trigger svg,.dd:focus-within .dd-trigger svg{transform:rotate(180deg)}
.navlink{font-size:15px;font-weight:500;padding:10px 14px;border-radius:10px}
.navlink:hover{background:var(--cream-2);color:var(--plum)}
.mega{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);width:min(1120px,calc(100vw - 48px));padding-top:4px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s var(--out),visibility .18s}
.mega.small{width:min(760px,calc(100vw - 48px))}
.dd:hover .mega,.dd:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.mega-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:24px}
.mega.small .mega-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega-col h4{margin:0 0 8px;padding:0 12px;font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--magenta);display:flex;align-items:center;gap:8px}
.mega-col h4 i{font-style:normal;font-family:var(--sans);color:var(--plum);opacity:.55;letter-spacing:0}
.mi{display:block;padding:11px 12px;border-radius:14px;transition:background .14s}
.mi:hover{background:var(--cream-2);color:inherit}
.mi b{display:block;font-weight:600;font-size:15px;color:var(--ink)}
.mi span{display:block;font-size:13px;color:var(--muted);line-height:1.35;margin-top:2px}
.mi.plain{padding:9px 12px}
.mi.plain span{max-height:0;overflow:hidden;opacity:0;transition:max-height .2s,opacity .2s}
.mi.plain:hover span{max-height:40px;opacity:1}
.mega-team{display:flex;align-items:center;gap:8px;padding:0 24px 20px;flex-wrap:wrap}
.mega-team-lbl{font-size:11.5px;font-weight:700;letter-spacing:.14em;color:var(--magenta);padding:0 12px 0 12px;width:100%;border-top:1px solid var(--line);padding-top:18px;margin-bottom:4px}
.mega-team .mi{flex:1;min-width:220px}
.mega-band{background:var(--cream-2);padding:14px 36px;font-size:14px;font-weight:600;color:var(--plum);display:flex;align-items:center;gap:10px}
.nav-right{display:flex;align-items:center;gap:14px}
.signin{font-size:14.5px;font-weight:500;color:var(--muted)}
.signin:hover{color:var(--ink)}
.wa-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;transition:transform .18s,border-color .18s}
.wa-btn:hover{transform:translateY(-1px);border-color:#25D366}
.wa-btn .wa-ic{width:24px;height:24px}
.burger{display:none;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s}
.mnav{display:none}
@media (max-width:1020px){.nav-center,.signin,.nav-right .btn{display:none}.burger{display:flex}.nav-inner{height:64px}.brand img{height:30px}
.mnav{display:block;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--cream);z-index:99;overflow-y:auto;padding:8px 24px 120px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s var(--out),visibility .2s}
.mnav.open{opacity:1;visibility:visible;transform:none}
.nav.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.menu-open .burger span:nth-child(2){opacity:0}
.nav.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
.mnav details{border-bottom:1px solid var(--line)}
.mnav summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 4px;font-size:18px;font-weight:600;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary .pm{font-size:22px;font-weight:400;color:var(--magenta);transition:transform .2s}
.mnav details[open]>summary .pm{transform:rotate(45deg)}
.mnav details details{border-bottom:0;border-top:1px solid var(--line);margin-left:8px}
.mnav details details summary{font-size:16px;padding:14px 4px;color:var(--plum)}
.mnav .msub{display:flex;flex-direction:column;padding:0 4px 12px 16px}
.mnav .msub a{padding:11px 0;font-size:15.5px;font-weight:500}
.mnav .msub a span{display:block;font-size:13px;color:var(--muted);font-weight:400}
.mnav>a{display:block;padding:18px 4px;font-size:18px;font-weight:600;border-bottom:1px solid var(--line)}
.mnav .keep{margin-top:20px;font-size:14px;font-weight:600;color:var(--plum);background:var(--cream-2);border-radius:14px;padding:14px 16px}
/* mobile sticky */
.sbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:120;display:none;gap:10px;align-items:center;padding:8px;border-radius:999px;background:rgba(255,251,247,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px -16px rgba(92,39,81,.45);border:1px solid var(--line);transform:translateY(120%);transition:transform .35s var(--out)}
.sbar .btn{flex:1;min-height:50px}
.sbar .wa-btn{width:50px;height:50px;flex:none}
.sbar.show{transform:none}
@media (max-width:1020px){.sbar{display:flex}}
.wa-float{position:fixed;right:24px;bottom:24px;z-index:110;width:58px;height:58px;border-radius:50%;background:#fff;box-shadow:0 16px 36px -14px rgba(37,211,102,.6);display:grid;place-items:center;border:1px solid var(--line);transition:transform .2s var(--spring)}
.wa-float:hover{transform:scale(1.06)}
.wa-float .wa-ic{width:34px;height:34px}
@media (max-width:1020px){.wa-float{display:none}}
/* hero */
.hero{padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,96px);position:relative;overflow:hidden;background:#FFFBF7}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,5vw,80px);align-items:center}
.hero h1{font-size:clamp(40px,5.8vw,72px);letter-spacing:-.025em;margin:18px 0 22px}
.hero h1 em{font-style:italic;font-weight:500;color:var(--magenta)}
.hero-sub{font-family:var(--sans);font-size:clamp(19px,1.8vw,23px);font-weight:500;color:var(--plum);line-height:1.3;max-width:34ch;margin-bottom:14px}
.hero-exp{color:var(--muted);max-width:48ch;margin-bottom:18px}
.keep-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--plum);margin-bottom:28px;flex-wrap:wrap}
.keep-chip svg{color:var(--magenta)}
.keep-chip .tools{font-weight:500;color:var(--muted);font-size:13px}
.hero-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hero-guar{display:flex;align-items:center;gap:14px;margin-top:26px}
.hero-guar .seal-wrap,.hero-guar .seal{width:72px;height:72px}
.hero-guar .seal-core b{font-size:18px}
.hero-guar .seal-core small{font-size:8px}
.hero-guar p{font-size:14px;color:var(--muted);max-width:26ch;line-height:1.4}
.hero-guar p b{color:var(--ink)}
.hero-blob{position:absolute;top:-160px;right:-200px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,110,.18),transparent 65%);pointer-events:none}
/* phone */
.stage{position:relative;max-width:360px;margin:0 auto;width:100%}
.phone{position:relative;aspect-ratio:9/19;background:#111;border-radius:46px;padding:10px;box-shadow:0 50px 90px -40px rgba(92,39,81,.55),0 14px 30px -12px rgba(45,45,45,.25)}
.phone-screen{position:relative;width:100%;height:100%;border-radius:37px;overflow:hidden;background:#000}
.phone-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phone-island{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:92px;height:26px;background:#000;border-radius:999px;z-index:4}
.vid-top{position:absolute;top:0;left:0;right:0;padding:54px 16px 30px;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent);z-index:2;display:flex;align-items:center;gap:10px;color:#fff}
.vid-av{width:34px;height:34px;border-radius:50%;background:#fff;overflow:hidden;flex:none;border:2px solid #fff}
.vid-av img{width:100%;height:100%;object-fit:contain}
.vid-top b{font-size:14px;display:block;line-height:1.2}
.vid-top span{font-size:11.5px;opacity:.85}
.vid-prog{position:absolute;top:44px;left:16px;right:16px;height:3px;border-radius:3px;background:rgba(255,255,255,.3);z-index:3;overflow:hidden}
.vid-prog i{display:block;height:100%;width:0;background:#fff;animation:prog 6s linear forwards}
@keyframes prog{to{width:100%}}
.vid-bottom{position:absolute;left:0;right:0;bottom:0;padding:70px 16px 18px;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent);z-index:2;color:#fff}
.vid-bottom .vt{font-size:15px;font-weight:600;margin-bottom:4px}
.vid-bottom .vm{font-size:12px;opacity:.85;margin-bottom:12px}
.vid-book{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--magenta);color:#fff;font-weight:700;font-size:15px;border-radius:999px;padding:13px;box-shadow:0 10px 24px -8px rgba(229,0,80,.8);opacity:0;transform:translateY(14px) scale(.9);animation:book-in .6s var(--spring) 1.8s forwards}
@keyframes book-in{to{opacity:1;transform:none}}
.vid-side{position:absolute;right:10px;bottom:150px;z-index:3;display:flex;flex-direction:column;gap:16px;color:#fff;align-items:center;font-size:11px;font-weight:600}
.vid-side svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.svc-card{position:absolute;left:-44px;bottom:88px;z-index:5;background:#fff;border-radius:20px;padding:14px 16px;box-shadow:var(--shadow);width:230px;border:1px solid var(--line);opacity:0;transform:translateY(16px);animation:svc-in .7s var(--spring) 2.6s forwards}
@keyframes svc-in{to{opacity:1;transform:rotate(-2deg)}}
.svc-card .sl{font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--magenta);margin-bottom:6px}
.svc-card .sn{font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.15}
.svc-card .sm{font-size:12.5px;color:var(--muted);margin:3px 0 10px}
.svc-slots{display:flex;gap:6px}
.svc-slots span{flex:1;text-align:center;font-size:12px;font-weight:600;padding:7px 0;border-radius:10px;background:var(--cream-2);color:var(--plum)}
.svc-slots span.on{background:var(--magenta);color:#fff}
.conf-card{position:absolute;right:-30px;top:120px;z-index:5;background:var(--plum);color:#fff;border-radius:18px;padding:12px 14px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;opacity:0;transform:scale(.85);animation:conf-in .6s var(--spring) 3.6s forwards;max-width:210px}
@keyframes conf-in{to{opacity:1;transform:rotate(3deg)}}
.conf-card .ck{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.conf-card b{font-size:13.5px;display:block;line-height:1.2}
.conf-card span{font-size:11.5px;opacity:.8}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.stage{max-width:300px;margin-top:36px}.svc-card{left:-24px;width:200px;bottom:70px}.conf-card{right:-18px}}
@media (max-width:420px){.stage{max-width:260px}.svc-card{left:-14px;width:180px;padding:12px}.conf-card{right:-8px;top:90px}}
/* proof bar */
.proof{padding:0 0 clamp(56px,6vw,80px)}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-sm)}
.proof-item{padding:30px 28px;text-align:center}
.proof-item+.proof-item{border-left:1px solid var(--line)}
.proof-item b{display:block;font-family:var(--display);font-size:clamp(40px,5vw,60px);font-weight:600;color:var(--magenta);line-height:1;letter-spacing:-.03em}
.proof-item span{display:block;margin-top:8px;font-size:14.5px;color:var(--muted)}
@media (max-width:700px){.proof-grid{grid-template-columns:1fr}.proof-item+.proof-item{border-left:0;border-top:1px solid var(--line)}.proof-item{padding:22px}}
/* contraste */
.contrast{background:#fff}
.contrast-head{text-align:center;max-width:820px;margin:0 auto 56px}
.contrast-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;max-width:1040px;margin:0 auto;align-items:stretch}
.ccol{border-radius:28px;padding:36px 32px}
.ccol.before{background:var(--cream);border:1px solid var(--line)}
.ccol.after{background:linear-gradient(160deg,#FFF1F5,#FFE8EF);border:1.5px solid rgba(229,0,80,.28);box-shadow:0 30px 60px -30px rgba(229,0,80,.35)}
.ccol-lbl{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:10px}
.before .ccol-lbl{color:var(--muted)}
.after .ccol-lbl{color:var(--magenta)}
.after .ccol-lbl img{height:22px;width:auto}
.crow{padding:18px 0;border-top:1px solid var(--line)}
.after .crow{border-color:rgba(229,0,80,.15)}
.crow-t{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:8px}
.steps-inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:16px}
.steps-inline i{font-style:normal;color:var(--line);font-size:14px}
.before .steps-inline{color:var(--muted)}
.before .steps-inline .lost{color:var(--ink);text-decoration:line-through;text-decoration-color:var(--coral);text-decoration-thickness:2px}
.after .steps-inline{font-family:var(--sans);font-size:21px;font-weight:600;color:var(--plum)}
.after .steps-inline i{color:var(--magenta)}
.after .steps-inline .win{color:var(--magenta)}
@media (max-width:820px){.contrast-grid{grid-template-columns:1fr}}
/* on fait tout */
.dfy{text-align:center}
.dfy-big{font-family:var(--display);font-size:clamp(48px,8vw,104px);font-weight:600;letter-spacing:-.04em;line-height:.95;color:var(--magenta);margin:18px 0 56px}
.dfy-big em{font-style:italic;font-weight:500;color:var(--plum)}
.dfy-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1000px;margin:0 auto 48px;text-align:left;position:relative}
.dstep{background:#FFFBF7;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm);position:relative}
.dstep-n{width:40px;height:40px;border-radius:50%;background:var(--magenta);color:#fff;display:grid;place-items:center;font-family:var(--sans);font-weight:600;font-size:18px;margin-bottom:18px}
.dstep.us .dstep-n{background:var(--plum)}
.dstep p{font-size:17px;font-weight:500;line-height:1.4}
.dstep small{display:block;margin-top:8px;font-size:13.5px;color:var(--muted)}
.dstep-tag{position:absolute;top:22px;right:22px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--cream-2);color:var(--plum)}
.dstep.us .dstep-tag{background:var(--plum);color:#fff}
@media (max-width:820px){.dfy-steps{grid-template-columns:1fr;max-width:460px}}
/* pillars */
.pillar{position:relative}
.pillar.alt{background:#FFFBF7}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.pillar.flip .pvis{order:-1}
.pidx{display:flex;gap:6px;margin-bottom:22px;flex-wrap:wrap}
.pidx span{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;color:var(--muted);background:transparent;border:1px solid var(--line)}
.pidx span.on{background:var(--magenta);color:#fff;border-color:var(--magenta)}
.pstat{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.pstat b{font-family:var(--display);font-size:clamp(44px,5vw,64px);font-weight:600;color:var(--magenta);line-height:1;letter-spacing:-.03em}
.pstat span{font-size:15px;color:var(--muted);max-width:22ch;line-height:1.35}
.ptext .lead{margin:18px 0 28px}
.plinks{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);max-width:440px}
.plinks a{display:flex;justify-content:space-between;align-items:center;padding:16px 2px;border-bottom:1px solid var(--line);font-weight:600;font-size:16px;color:var(--ink)}
.plinks a:hover{color:var(--magenta)}
.plinks a small{font-weight:500;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px}
.plinks a small img{height:16px;width:auto}
.plinks svg{transition:transform .18s var(--out);color:var(--magenta)}
.plinks a:hover svg{transform:translateX(4px)}
@media (max-width:900px){.pgrid{grid-template-columns:1fr}.pillar.flip .pvis{order:0}}
.loc-chip{position:absolute;top:58px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;background:rgba(255,251,247,.9);backdrop-filter:blur(10px);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;color:var(--plum)}
.feed-tabs{position:absolute;top:54px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:16px;color:rgba(255,255,255,.7);font-size:13px;font-weight:600}
.feed-tabs b{color:#fff;border-bottom:2px solid #fff;padding-bottom:3px}
.pvis .stage{max-width:320px}
.pvis .vid-book{animation:none;opacity:0;transform:translateY(14px) scale(.9);transition:opacity .5s,transform .6s var(--spring)}
.pvis.in .vid-book{opacity:1;transform:none;transition-delay:.9s}
/* reserver mock */
.site-stage{position:relative;padding-bottom:40px}
.browser{background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.bbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--cream-2);border-bottom:1px solid var(--line)}
.bbar i{width:9px;height:9px;border-radius:50%;background:rgba(45,45,45,.15)}
.bbar span{margin-left:10px;flex:1;background:#fff;border-radius:8px;font-size:11.5px;color:var(--muted);padding:5px 10px}
.site-hero{position:relative;height:150px}
.site-hero img{width:100%;height:100%;object-fit:cover}
.site-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%)}
.site-hero div{position:absolute;left:18px;bottom:14px;color:#fff;z-index:1}
.site-hero b{font-family:var(--sans);font-size:24px;display:block;line-height:1.1}
.site-hero span{font-size:12px;opacity:.9}
.site-body{padding:14px 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.svc{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:8px}
.svc img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}
.svc div{flex:1;min-width:0}
.svc b{display:block;font-size:12.5px;line-height:1.2}
.svc span{font-size:11px;color:var(--muted)}
.svc em{font-style:normal;font-size:10.5px;font-weight:700;background:var(--magenta);color:#fff;border-radius:999px;padding:5px 9px;flex:none}
.mini-phone{position:absolute;right:-12px;bottom:0;width:132px;aspect-ratio:9/19;background:#111;border-radius:24px;padding:5px;box-shadow:var(--shadow)}
.mini-phone>div{width:100%;height:100%;border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.mini-phone .mh{height:88px;position:relative}
.mini-phone .mh img{width:100%;height:100%;object-fit:cover}
.mini-phone .mh b{position:absolute;left:8px;bottom:6px;color:#fff;font-family:var(--sans);font-size:13px;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.mini-phone .ms{padding:6px;display:flex;flex-direction:column;gap:5px}
.mini-phone .ms span{display:flex;justify-content:space-between;align-items:center;font-size:8.5px;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:5px 6px}
.mini-phone .ms span i{font-style:normal;background:var(--magenta);color:#fff;border-radius:999px;padding:2px 6px;font-size:7.5px}
.agenda{position:absolute;left:-28px;bottom:-8px;width:250px;background:var(--navy);color:#fff;border-radius:20px;padding:14px;box-shadow:0 30px 60px -24px rgba(26,43,74,.6);z-index:3}
.ag-head{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:10px}
.ag-sync{display:inline-flex;align-items:center;gap:5px;color:#7AE0C3;text-transform:none;letter-spacing:0;font-size:11px}
.ag-sync i{width:6px;height:6px;border-radius:50%;background:#7AE0C3;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.35}}
.ag-row{display:flex;gap:10px;align-items:center;padding:5px 0;border-top:1px solid rgba(255,255,255,.08);min-height:40px}
.ag-row>span{font-size:11px;color:rgba(255,255,255,.55);width:36px;flex:none;font-variant-numeric:tabular-nums}
.ag-slot{flex:1;border-radius:9px;padding:6px 9px;font-size:11.5px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}
.ag-slot.empty{background:transparent;border:1px dashed rgba(255,255,255,.18);color:rgba(255,255,255,.35)}
.ag-new{flex:1;border-radius:9px;padding:6px 9px;font-size:11.5px;background:var(--magenta);color:#fff;font-weight:600;opacity:0;transform:translateY(-22px) scale(.92)}
.ag-new small{display:block;font-weight:500;font-size:10px;opacity:.85}
.site-stage.in .ag-new{animation:drop .7s var(--spring) 1s forwards}
.site-stage.in .ag-empty-hide{animation:fadeout .2s 1s forwards}
@keyframes drop{to{opacity:1;transform:none}}
@keyframes fadeout{to{opacity:0;position:absolute}}
.ag-toast{position:absolute;top:-16px;right:14px;background:#fff;color:var(--ink);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(6px)}
.ag-toast i{width:7px;height:7px;border-radius:50%;background:var(--magenta)}
.site-stage.in .ag-toast{animation:drop .5s var(--spring) 1.6s forwards}
@media (max-width:1100px){.agenda{left:0}.mini-phone{right:0}}
@media (max-width:560px){.site-body{grid-template-columns:1fr}.mini-phone{width:104px;right:-6px}.agenda{left:-6px;width:220px}.site-stage{padding-bottom:120px}}
/* convertir */
.pillar.conv{background:linear-gradient(180deg,#FFF6F2,#FFFBF7)}
.meta-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--navy);margin-top:24px}
.meta-badge img{height:18px;width:auto}
.laura-sig{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}
.laura-sig img{width:40px;height:40px}
.laura-sig span{font-family:var(--hand);font-size:34px;color:var(--magenta);line-height:1}
.laura-sig small{font-size:13px;color:var(--muted);font-weight:500}
.ig{background:#fff;border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow);max-width:420px;margin:0 auto;overflow:hidden}
.ig-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.ig-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px;flex:none}
.ig-head b{font-size:14.5px;display:block;line-height:1.2}
.ig-head span{font-size:12px;color:var(--muted)}
.ig-head img{margin-left:auto;width:24px;height:24px;border-radius:6px}
.ig-body{padding:18px;display:flex;flex-direction:column;gap:10px;min-height:440px}
.bub{max-width:82%;padding:10px 14px;border-radius:20px;font-size:14.5px;line-height:1.4;opacity:0;transform:translateY(8px) scale(.97)}
.bub.in-c{align-self:flex-start;background:#EFEFEF;color:var(--ink);border-bottom-left-radius:6px}
.bub.l{align-self:flex-end;background:var(--magenta);color:#fff;border-bottom-right-radius:6px}
.bub-from{align-self:flex-end;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);opacity:0;margin-bottom:-4px}
.bub-from img{width:16px;height:16px}
.bub-slots{align-self:flex-end;display:flex;gap:6px;opacity:0;transform:translateY(8px)}
.bub-slots span{font-size:13px;font-weight:600;padding:8px 12px;border-radius:12px;border:1.5px solid rgba(229,0,80,.3);color:var(--magenta);background:#fff}
.bub-slots span.on{background:var(--magenta);color:#fff;border-color:var(--magenta)}
.typing{align-self:flex-end;background:#F5E6EC;border-radius:20px;padding:12px 16px;display:flex;gap:4px;opacity:0}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--magenta);opacity:.5;animation:tdot 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}
.typing i:nth-child(3){animation-delay:.3s}
@keyframes tdot{50%{opacity:1;transform:translateY(-2px)}}
.bub-conf{align-self:stretch;display:flex;gap:12px;align-items:center;background:var(--plum);color:#fff;border-radius:18px;padding:12px 14px;opacity:0;transform:translateY(8px) scale(.97)}
.bub-conf .ck{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.bub-conf b{display:block;font-size:14px}
.bub-conf span{font-size:12px;opacity:.8}
.ig.in .s1{animation:pop .45s var(--spring) .2s forwards}
.ig.in .s2{animation:typ 1.3s .8s forwards}
.ig.in .s3{animation:pop .3s var(--out) 2s forwards}
.ig.in .s4{animation:pop .45s var(--spring) 2.1s forwards}
.ig.in .s5{animation:pop .45s var(--spring) 2.9s forwards}
.ig.in .s6{animation:pop .45s var(--spring) 3.7s forwards}
.ig.in .s7{animation:pop .45s var(--spring) 4.4s forwards}
.ig.in .s8{animation:pop .5s var(--spring) 5.2s forwards}
@keyframes pop{to{opacity:1;transform:none}}
@keyframes typ{0%{opacity:0}15%{opacity:1}85%{opacity:1}100%{opacity:0;height:0;padding:0;margin:-10px 0 0}}
/* fideliser */
.brief{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.brief-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm);opacity:0;transform:translateY(12px)}
.brief-card.main{box-shadow:var(--shadow);border-color:rgba(92,39,81,.14)}
.brief.in .brief-card{animation:pop .6s var(--out) forwards}
.brief.in .brief-card:nth-child(2){animation-delay:.25s}
.brief.in .brief-card:nth-child(3){animation-delay:1.4s}
.brief-from{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:12px}
.brief-from img{width:22px;height:22px}
.brief-card p.big{font-family:var(--display);font-size:24px;font-weight:600;line-height:1.2;color:var(--plum)}
.brief-card p.big b{color:var(--magenta)}
.brief-act{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.brief-act .yes{display:inline-flex;align-items:center;gap:8px;background:var(--plum);color:#fff;font-weight:600;font-size:14px;border-radius:999px;padding:11px 18px}
.brief-act .no{font-size:13.5px;color:var(--muted);font-weight:500}
.brief-faces{display:flex;margin-top:16px}
.brief-faces span{width:30px;height:30px;border-radius:50%;border:2px solid #fff;margin-left:-8px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff}
.brief-faces span:first-child{margin-left:0}
.brief-card.sec p{font-size:16px;font-weight:500;line-height:1.4}
.brief-card.sec p b{color:var(--magenta);font-family:var(--sans);font-size:20px}
.brief-sent{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#0B7A63}
.cst,.dfy,.proof,.modband,.faq,.site-sec{background:#FFFBF7}
/* testimonials */
.testi{background:#FFFBF7}
.t-head{text-align:center;margin:0 auto 56px;max-width:720px}
.t-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px) and (min-width:641px){.t-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tcard{border-radius:28px;overflow:hidden;background:var(--cream);border:1px solid var(--line);display:flex;flex-direction:column}
.tcard-media{aspect-ratio:4/3;position:relative;background:var(--cream-2)}
.tcard-media img{width:100%;height:100%;object-fit:cover}
.tcard-media .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,251,247,.92);display:grid;place-items:center;color:var(--magenta);box-shadow:0 8px 20px -8px rgba(229,0,80,.6)}
.tcard-body{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}
.tres{font-family:var(--sans);font-size:34px;font-weight:600;color:var(--magenta);line-height:1;letter-spacing:-.02em}
.tquote{font-size:15.5px;line-height:1.5;flex:1}
.twho{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.twho img{width:40px;height:40px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid var(--line)}
.twho b{display:block;font-size:14px}
.twho span{font-size:12.5px;color:var(--muted)}
.ph{background:repeating-linear-gradient(135deg,rgba(92,39,81,.05) 0 10px,rgba(92,39,81,.09) 10px 20px);color:var(--plum);font-size:12px;font-weight:600;display:grid;place-items:center;text-align:center;padding:12px}
@media (max-width:900px){.t-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}
/* founder */
.founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:center;max-width:980px;margin:0 auto}
.founder-ph{aspect-ratio:4/5;border-radius:28px}
.founder-grid .lead{margin-top:20px;max-width:48ch}
.founder-sign{margin-top:24px;font-size:14px;color:var(--muted)}
.founder-sign b{display:block;font-family:var(--sans);font-size:20px;color:var(--ink)}
@media (max-width:760px){.founder-grid{grid-template-columns:1fr}.founder-ph{max-width:320px}}
/* guarantee */
.guar{padding:clamp(56px,7vw,96px) 0}
.guar-box{max-width:1000px;margin:0 auto;background:var(--plum);color:#fff;border-radius:32px;padding:clamp(32px,5vw,56px);display:flex;gap:clamp(24px,4vw,48px);align-items:center;position:relative;overflow:hidden}
.guar-box::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,110,.35),transparent 65%)}
.guar-box .seal-wrap,.guar-box .seal{width:140px;height:140px}
.guar-box .seal-core b{font-size:34px}
.guar-box .seal-core small{font-size:12px}
.guar-box h2{color:#fff;font-size:clamp(28px,3.6vw,44px)}
.guar-box h2 em{font-style:italic;font-weight:500;color:var(--coral)}
.guar-box p{color:rgba(255,255,255,.78);margin:14px 0 26px;max-width:46ch}
.guar-cta{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
.guar-box .btn-wa{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.guar-box .btn-wa:hover{color:#fff;border-color:#fff}
.guar-txt{position:relative;z-index:1}
@media (max-width:720px){.guar-box{flex-direction:column;align-items:flex-start}.guar-box .seal-wrap,.guar-box .seal{width:110px;height:110px}.guar-box .seal-core b{font-size:26px}}
/* pricing */
.pricing{background:#FFFBF7}
.pr-head{text-align:center;max-width:760px;margin:0 auto 40px}
.pr-sub{margin:16px auto 0;color:var(--muted);font-size:clamp(16px,1.4vw,18px);max-width:46ch}
.bill{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--cream-2);border:1px solid var(--line);margin-top:28px}
.bill button{appearance:none;border:0;background:transparent;font:inherit;font-weight:600;font-size:15px;color:var(--muted);padding:10px 20px;min-height:44px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s,box-shadow .2s}
.bill button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(45,28,28,.06),0 4px 12px rgba(45,28,28,.07)}
.bill .best{font-size:11px;font-weight:700;letter-spacing:.03em;color:#7A5F10;background:#FAF0D2;padding:3px 8px;border-radius:999px}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1120px;margin:0 auto}
.plan{background:var(--cream);border:1px solid var(--line);border-radius:28px;padding:30px 26px 26px;display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;transition:transform .25s var(--out),box-shadow .25s}
.plan:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.plan-name{font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--magenta)}
.plan-for{font-size:14.5px;color:var(--muted);margin-top:8px;line-height:1.45;max-width:32ch}
.plan-stack{font-family:var(--display);font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-.01em;margin-top:18px;text-wrap:balance}
.plan-stack i{font-style:normal;font-weight:500;color:var(--magenta)}
.plan-pr{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.plan-price{display:flex;align-items:baseline;gap:6px}
.plan-price b{font-family:var(--sans);font-size:54px;font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.plan-price span{color:var(--muted);font-size:16px}
.plan-eng{font-size:13.5px;color:var(--muted);margin-top:8px}
.plan-feat{margin:22px 0 26px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.fg h4{margin:0 0 4px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.fg-all{font-size:14.5px;font-weight:600;color:var(--ink)}
.fg ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.fg li{position:relative;padding-left:14px;font-size:14px;line-height:1.45;color:var(--muted)}
.fg li::before{content:"";position:absolute;left:2px;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--magenta)}
.plan-cta{align-self:end;display:flex;flex-direction:column;gap:10px}
.plan-ready{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--muted)}
.plan-ready svg{color:var(--magenta);flex:none}
.plan .btn{width:100%}
.pricing.is-monthly .ann{display:none}
.pricing:not(.is-monthly) .mon{display:none}
.pr-q{text-align:center;margin-top:32px;font-size:15px;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.pr-q a{color:var(--plum);font-weight:600;display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.plans{grid-template-columns:minmax(0,1fr);max-width:520px}}
/* site offert */
.site-sec{background:var(--cream)}
.site-head{text-align:center;max-width:820px;margin:0 auto}
.site-head .pr-sub{max-width:52ch}
.site-vs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.site-vs span{display:inline-flex;gap:8px;align-items:center;font-size:14px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.site-vs span b{color:var(--ink);font-weight:600}
.site-vs span.full{border-color:rgba(229,0,80,.3)}
.site-vs span.full b{color:var(--magenta)}
.sv{position:relative;max-width:1060px;margin:48px auto 0}
.mq{--k:1;position:relative;height:calc(420px * var(--k) + 48px);width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}
.mq-t{position:absolute;top:12px;left:0;height:calc(420px * var(--k));border-radius:calc(18px * var(--k));overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(45,28,28,.12);will-change:transform;transform:translateX(-200vw)}
.mq-d{width:calc(700px * var(--k));border:1px solid var(--line);display:flex;flex-direction:column}
.mq-d .sv-bar{flex:none}
.mq-f{position:relative;flex:1;height:100%;overflow:hidden;background:#fff}
.mq-f iframe{position:absolute;top:0;left:0;width:1400px;height:900px;border:0;transform-origin:0 0;transform:scale(calc(.5 * var(--k)));pointer-events:none;background:#fff}
.mq-m{width:calc(210px * var(--k));border:calc(6px * var(--k)) solid #1f1b1c;border-radius:calc(30px * var(--k))}
.mq-m iframe{width:390px;height:844px;transform:scale(calc(.5077 * var(--k)))}
.mq-shot{position:absolute;top:0;left:0;width:100%;height:auto;display:block}
.mq-shot.mq-mob{height:100%;object-fit:cover;object-position:center top}
.mq-p img{width:100%;height:100%;object-fit:cover;display:block}
.sv{max-width:none!important}
.sv-track{display:flex;align-items:flex-start;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100vw;margin-left:calc(50% - 50vw);padding:0 calc((100vw - min(1180px,84vw)) / 2)}
.sv-frame{position:relative;overflow:hidden;background:#fff;aspect-ratio:1280/760}
.sv-frame iframe{position:absolute;top:0;left:0;width:1280px;height:760px;border:0;transform-origin:top left;transform:scale(var(--svs,.8));pointer-events:none;background:#fff}
.sv-visit{position:absolute;right:14px;bottom:14px;z-index:2;font-size:13px;font-weight:600;color:var(--ink);background:rgba(255,251,247,.92);backdrop-filter:blur(10px);border:1px solid var(--line);padding:8px 14px;border-radius:999px}
.sv-visit:hover{color:var(--magenta)}
.sv-track::-webkit-scrollbar{display:none}
.sv-slide{flex:0 0 min(1180px,84vw);min-width:0;scroll-snap-align:center;padding:4px 0 36px}
.sv-track .sv-br{box-shadow:0 14px 34px rgba(45,28,28,.12)}
.sv-br{width:100%;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.sv-bar{display:flex;align-items:center;gap:12px;padding:11px 16px;background:#F5EDE6;border-bottom:1px solid var(--line)}
.sv-dots{display:flex;gap:6px;flex:none}
.sv-dots i{width:10px;height:10px;border-radius:50%;background:rgba(45,45,45,.16)}
.sv-url{flex:1;max-width:340px;margin:0 auto;background:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;display:flex;gap:7px;align-items:center;justify-content:center;color:var(--ink)}
.sv-url svg{color:var(--muted);flex:none}
.sv-dots.r{visibility:hidden}
.sv-nav{display:flex;align-items:center;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line)}
.sv-logo{font-family:var(--sans);font-size:20px;font-weight:600;margin-right:auto}
.sv-nav a{font-size:13px;font-weight:500;color:var(--ink)}
.sv-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--magenta);color:#fff;font-size:12.5px;font-weight:600;padding:8px 16px;border-radius:999px}
.sv-btn.o{background:transparent;color:var(--ink);border:1px solid rgba(45,45,45,.2)}
.sv-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;padding:28px;align-items:center}
.sv-hero small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta)}
.sv-hero h3{font-family:var(--display);font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.05;letter-spacing:-.02em;margin:10px 0 10px}
.sv-hero p{font-size:13.5px;color:var(--muted);max-width:34ch}
.sv-cta{display:flex;gap:8px;margin-top:18px}
.sv-img{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#EFE4DA}
.sv-img img,.sv-th img,.sp-img img{width:100%;height:100%;object-fit:cover;display:block}
.sv-row{padding:0 28px 28px}
.sv-row h4{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sv-ths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sv-th{aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:#EFE4DA;position:relative}
.sv-tm::after{display:none}
.sv-tm span{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 7px;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.sv-th::after{content:"";position:absolute;left:8px;bottom:8px;width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.sv-two{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;padding:0 28px 28px}
.sv-two h4{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sv-svcs{display:flex;flex-direction:column}
.sv-svc{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.sv-svc>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.sv-svc b{font-size:13px;font-weight:600}
.sv-svc small{font-size:11.5px;color:var(--muted)}
.sv-svc .sv-btn{font-size:11px;padding:6px 12px;flex:none}
.sv-team{display:flex;gap:12px}
.sv-team>div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11.5px;font-weight:600}
.sv-team img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#EFE4DA}
.sv-rate{margin-top:14px;font-size:12px;color:var(--muted)}
.sv-rate b{color:var(--ink);font-size:14px}
.sp-svc{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:10px;background:#fff;border:1px solid var(--line);margin-top:4px}
.sp-svc span{font-size:10.5px;font-weight:600}
.sp-svc small{font-size:9.5px}
.sv-ph{position:absolute;right:0;bottom:0;width:23%;min-width:200px;aspect-ratio:9/19;border-radius:34px;border:7px solid #1f1b1c;background:var(--cream);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.sp-url{margin:10px 10px 8px;background:#fff;border-radius:999px;padding:5px 8px;font-size:10.5px;font-weight:600;text-align:center;border:1px solid var(--line)}
.sp-img{height:38%;margin:0 10px;border-radius:12px;overflow:hidden;background:#EFE4DA;flex:none}
.sp-body{padding:10px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.sp-body b{font-family:var(--sans);font-size:17px;font-weight:600;line-height:1.1}
.sp-body small{font-size:10.5px;color:var(--muted)}
.sp-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.sp-chips span{font-size:9.5px;padding:3px 7px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.sp-body .sv-btn{margin-top:auto;font-size:11.5px;padding:9px}
.sf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 36px;max-width:1000px;margin:40px auto 0}
.sf div{padding-top:16px;border-top:1px solid var(--line)}
.sf h3{font-family:var(--display);font-size:21px;font-weight:600;margin:0 0 6px;letter-spacing:-.01em}
.sf p{font-size:15px;color:var(--muted);line-height:1.5}
.sp-band{margin:56px auto 0;max-width:640px;text-align:center;padding:32px 28px;border-radius:28px;background:#fff;border:1px solid var(--line)}
.sp-band h3{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.sp-big{display:flex;justify-content:center;align-items:baseline;gap:16px;margin:12px 0 8px}
.sp-big s{font-family:var(--sans);font-size:clamp(28px,3.4vw,40px);color:var(--muted);font-weight:500}
.sp-big b{font-family:var(--sans);font-size:clamp(46px,6vw,72px);font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--magenta)}
.sp-band p{font-size:16px;font-weight:600}
@media (max-width:900px){.sv-br{width:100%}.sv{padding-bottom:0}.sv-ph{right:-6px;bottom:-28px;min-width:0;width:30%;border-width:5px;border-radius:24px}.sv-hero{grid-template-columns:minmax(0,1fr)}.sv-hero>div:first-child{order:2}.sv-nav a{display:none}.sf{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* faq */
.faq-wrap{max-width:780px;margin:0 auto}
.faq-wrap .h2{text-align:center;margin-bottom:40px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 2px;font-size:17px;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{width:30px;height:30px;border-radius:50%;background:var(--cream-2);display:grid;place-items:center;flex:none;color:var(--magenta);font-size:20px;font-weight:400;transition:transform .2s var(--out),background .2s}
.faq details[open] summary .pm{transform:rotate(45deg);background:var(--magenta-soft)}
.faq details p{padding:0 44px 22px 2px;color:var(--muted);font-size:15.5px}
/* final */
.final{text-align:center;background:#FFFBF7;padding:clamp(88px,11vw,150px) 0}
.final h2{font-size:clamp(38px,6vw,76px);letter-spacing:-.03em;max-width:16ch;margin:0 auto 36px}
.final h2 em{font-style:italic;font-weight:500;color:var(--magenta)}
.final-row{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}
.final-row .seal-wrap,.final-row .seal{width:76px;height:76px}
.final-row .seal-core b{font-size:18px}
.final-row .seal-core small{font-size:8px}
/* footer */
.foot{background:var(--navy);color:rgba(255,255,255,.7);padding:64px 0 32px;font-size:14.5px}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(5,minmax(0,1fr));gap:28px}
.foot-brand img{height:30px;width:auto;filter:brightness(0) invert(1)}
.foot-brand p{margin-top:14px;max-width:28ch;font-size:14px}
.foot h5{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.foot a:hover{color:#fff}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:1020px){.foot{padding-bottom:110px}}
/* popup */
.modal{position:fixed;inset:0;z-index:200;background:rgba(45,28,28,.48);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.sheet{background:var(--cream);border-radius:28px;width:100%;max-width:480px;max-height:calc(100vh - 32px);overflow-y:auto;padding:36px 32px 28px;position:relative;box-shadow:0 40px 90px -30px rgba(45,28,28,.5);animation:sheet-in .35s var(--spring)}
@keyframes sheet-in{from{opacity:0;transform:translateY(24px) scale(.97)}}
.grab{display:none;width:40px;height:4px;border-radius:4px;background:rgba(45,45,45,.15);margin:-14px auto 14px}
@media (max-width:640px){.grab{display:block}}
.sheet-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.sheet-x:hover{background:var(--cream-2);color:var(--ink)}
.sheet h3{font-size:30px;margin:10px 0 8px;padding-right:30px}
.sheet .sub{color:var(--muted);font-size:15px;margin-bottom:24px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-size:13px;font-weight:600;color:var(--plum)}
.field .in{display:flex;align-items:center;background:#fff;border:1px solid #E5DDD5;border-radius:14px;transition:border-color .15s,box-shadow .15s}
.field .in:focus-within{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(229,0,80,.12)}
.field .in b{padding-left:14px;color:var(--muted);font-weight:500}
.field input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;padding:14px;outline:none;color:var(--ink)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sheet .btn{width:100%;margin-top:8px}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.sheet-re{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--muted)}
.sheet-re li{display:flex;gap:10px;align-items:center}
.sheet-re li svg{color:var(--magenta);flex:none}
.sheet-re a{color:var(--plum);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.done{text-align:center;padding:18px 0 8px}
.done-ck{width:72px;height:72px;border-radius:50%;background:var(--magenta);color:#fff;display:grid;place-items:center;margin:0 auto 20px;animation:sheet-in .5s var(--spring)}
.done-ck path{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .4s .2s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.done h3{padding:0}
.done p{color:var(--muted);margin:10px auto 24px;max-width:34ch}
@media (max-width:480px){.row2{grid-template-columns:1fr}.sheet{padding:30px 22px 22px}}

/* ===== mobile-first pass ===== */
@media (max-width:640px){
body{font-size:16px}
.wrap{padding:0 20px}
section{padding:56px 0}
.h2{font-size:clamp(28px,8.2vw,36px)}
.lead{font-size:16px}
.eyebrow{font-size:11.5px}
.btn{min-height:54px;font-size:16px}
.hero{padding:20px 0 48px}
.hero h1{font-size:clamp(34px,10vw,42px);margin:12px 0 14px}
.hero-sub{font-size:18px;margin-bottom:18px}
.hero-exp{display:none}
.keep-chip{font-size:13.5px;padding:9px 12px;margin-bottom:18px;gap:8px}
.keep-chip .tools{flex-basis:100%;padding-left:26px;margin-top:-4px}
.hero-cta .btn{width:100%}
.hero .reassure{flex-direction:column;align-items:flex-start;gap:8px;font-size:13.5px}
.hero-guar{margin-top:18px;gap:12px}
.hero-guar .seal-wrap,.hero-guar .seal{width:60px;height:60px}
.hero-guar .seal-core b{font-size:15px}
.hero-guar .seal-core small{display:none}
.hero-guar p{font-size:13px;max-width:none}
.stage{max-width:270px}
.svc-card{left:-18px;width:172px;bottom:64px;padding:11px 12px;border-radius:16px}
.svc-card .sn{font-size:15px}
.svc-card .sm{font-size:11px;margin-bottom:8px}
.svc-slots span{font-size:10.5px;padding:6px 0}
.conf-card{right:-14px;top:96px;padding:10px 12px;max-width:170px}
.conf-card b{font-size:12.5px}
.conf-card span{font-size:10.5px}
.proof{padding:0 0 48px}
.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:22px}
.proof-item{padding:18px 6px}
.proof-item+.proof-item{border-left:1px solid var(--line);border-top:0}
.proof-item b{font-size:clamp(19px,5.6vw,28px);white-space:nowrap}
.proof-item span{font-size:11.5px;line-height:1.3;margin-top:6px}
.contrast-head{margin-bottom:28px;text-align:left}
.contrast-grid{gap:14px}
.ccol{padding:24px 20px;border-radius:22px}
.ccol-lbl{margin-bottom:10px}
.crow{padding:14px 0}
.steps-inline{font-size:15px}
.after .steps-inline{font-size:18px}
.dfy{text-align:left}
.dfy-big{font-size:clamp(42px,13vw,56px);margin:10px 0 28px}
.dfy-steps{gap:10px;margin-bottom:28px}
.dstep{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:18px;border-radius:20px}
.dstep-n{margin:0;grid-row:span 2}
.dstep p{font-size:16px}
.dstep small{margin-top:4px}
.dstep-tag{position:static;grid-column:2;justify-self:start;margin-bottom:6px;order:-1;font-size:10px;padding:4px 8px}
.dfy .btn{width:100%}
.pgrid{display:flex;flex-direction:column;gap:0;align-items:stretch}
.pstat,.pidx,.plinks,.pvis{align-self:stretch;width:auto}
.pidx{max-width:calc(100% + 40px)}
.ptext{display:contents}
.ptext>*{order:1}
.pvis{order:2;margin:28px 0 8px;width:100%}
.plinks{order:3;margin-top:24px;max-width:none}
.meta-badge{order:4;align-self:flex-start}
.pidx{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 18px;padding:0 20px;scrollbar-width:none;gap:6px}
.pidx::-webkit-scrollbar{display:none}
.pidx span{flex:none;font-size:11px;padding:6px 10px}
.pstat b{font-size:44px}
.pstat span{font-size:14px}
.ptext .lead{margin:14px 0 0}
.plinks a{padding:17px 2px;font-size:16px}
.pvis .stage{max-width:260px}
.site-stage{padding-bottom:0}
.mini-phone{display:none}
.site-hero{height:120px}
.site-hero b{font-size:20px}
.site-body{grid-template-columns:1fr;padding:12px;gap:8px}
.svc img{width:40px;height:40px}
.agenda{position:relative;left:auto;bottom:auto;width:100%;margin-top:14px;border-radius:18px}
.ag-row{min-height:44px}
.ag-slot,.ag-new{font-size:13px}
.laura-sig{justify-content:flex-start !important}
.laura-sig span{font-size:30px}
.ig{border-radius:22px;max-width:none}
.ig-body{min-height:0;padding:14px}
.bub{font-size:14.5px;max-width:88%}
.brief-card{padding:20px;border-radius:20px}
.brief-card p.big{font-size:21px}
.brief-act .yes{flex:1;justify-content:center;min-height:48px}
.t-head{text-align:left;margin-bottom:28px}
.t-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;gap:14px;margin:0 -20px;padding:0 20px 8px;max-width:none;scrollbar-width:none}
.t-grid::-webkit-scrollbar{display:none}
.tcard{flex:0 0 84%;scroll-snap-align:start;border-radius:22px}
.tcard-media{aspect-ratio:16/10}
.tcard-body{padding:20px}
.tres{font-size:28px}
.founder-grid{gap:24px}
.founder-ph{aspect-ratio:16/10;max-width:none;border-radius:22px}
.guar{padding:48px 0}
.guar-box{border-radius:26px;padding:28px 22px;gap:20px}
.guar-box .seal-wrap,.guar-box .seal{width:92px;height:92px}
.guar-box .seal-core b{font-size:22px}
.guar-box .seal-core small{font-size:9px}
.guar-box h2{font-size:27px}
.guar-box p{font-size:15px;margin:12px 0 20px}
.guar-cta{flex-direction:column;width:100%}
.guar-cta .btn{width:100%}
.pr-head{text-align:left;margin-bottom:28px}
.pr-head .pr-sub{margin-left:0}
.bill{display:flex;width:100%}
.bill button{flex:1;justify-content:center;padding:10px 12px}
.plans{gap:16px;max-width:none}
.plan{padding:24px 20px 20px;border-radius:24px}
.plan-stack{font-size:22px;margin-top:14px}
.plan-price b{font-size:46px}
.plan-pr{margin-top:16px;padding-top:16px}
.plan-feat{margin:18px 0 20px;padding-top:16px;gap:12px}
.fg li{font-size:13.5px}
.pr-q{text-align:left;justify-content:flex-start}
.site-head{text-align:left}
.site-head .pr-sub{margin-left:0}
.site-vs{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:8px}
.site-vs span{font-size:13px}
.sv{margin-top:32px}
.mq{--k:.62}
.mq-d .sv-bar{padding:6px 8px}
.sv-slide{padding:2px 0 24px;flex-basis:84vw}
.sv-track{gap:12px;padding:0 8vw}
.sv-frame{aspect-ratio:390/700}
.sv-frame iframe{width:390px;height:700px}
.sv-bar{padding:8px 10px;gap:8px}
.sv-dots i{width:7px;height:7px}
.sv-url{font-size:11.5px;padding:5px 10px}
.sv-nav{padding:10px 14px}
.sv-logo{font-size:16px}
.sv-hero{padding:14px;gap:12px}
.sv-hero h3{font-size:22px;margin:6px 0}
.sv-hero p{font-size:12px;max-width:none}
.sv-cta{margin-top:12px}
.sv-row{padding:0 14px 14px}
.sv-ths{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sv-ths .sv-th:nth-child(4){display:none}
.sv-two{display:none}
.sp-svc{padding:3px 5px;border-radius:6px}
.sp-svc span{font-size:7.5px}
.sp-svc small{font-size:7px}
.sv-ph{width:36%;border-radius:20px;border-width:4px}
.sp-url{font-size:7.5px;margin:7px 6px 5px;padding:3px 4px}
.sp-img{margin:0 6px;border-radius:8px}
.sp-body{padding:6px 7px;gap:3px}
.sp-body b{font-size:11.5px}
.sp-body small{font-size:7.5px}
.sp-chips span{font-size:7px;padding:2px 5px}
.sp-body .sv-btn{font-size:8.5px;padding:5px}
.sf{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:56px}
.sf div{padding-top:14px}
.sf h3{font-size:19px;margin-bottom:4px}
.sf p{font-size:14.5px}
.sp-band{margin-top:36px;padding:26px 20px;border-radius:24px}
.faq-wrap .h2{text-align:left;margin-bottom:16px}
.faq summary{font-size:16px;padding:18px 0;min-height:56px}
.faq details p{padding:0 0 18px;font-size:15px}
.final{padding:72px 0;text-align:left}
.final h2{font-size:clamp(32px,9.5vw,40px);margin:0 0 24px;max-width:none}
.final-row{flex-direction:column;align-items:stretch;gap:16px}
.final-row .btn{width:100%}
.final-row .seal-wrap{align-self:flex-start}
.reassure.center{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:8px}
.foot{padding:48px 0 120px}
.foot-grid{gap:28px 20px}
.foot a{display:inline-block;padding:3px 0}
.sbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}
.modal{align-items:flex-end;padding:0}
.sheet{max-width:none;border-radius:26px 26px 0 0;max-height:92vh;padding:28px 20px calc(24px + env(safe-area-inset-bottom));animation:sheet-up .38s var(--out)}
.sheet h3{font-size:26px}
.sheet .sub{font-size:14.5px;margin-bottom:18px}
.field .in{border-radius:14px}
.field input{padding:15px 14px}
}
@keyframes sheet-up{from{transform:translateY(100%)}}
/* modband */
section.modband{padding:clamp(40px,5vw,64px) 0}
.modband-head{text-align:center;max-width:760px;margin:0 auto 32px}
.modband-head .h2{margin-top:0}
.modband-head .sub{margin:16px auto 0;color:var(--muted);max-width:52ch;font-size:clamp(16px,1.4vw,18px)}
.mod-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mod-card{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-sm);color:var(--ink);transition:transform .2s var(--out),border-color .2s}
a.mod-card:hover{transform:translateY(-3px);border-color:rgba(229,0,80,.3);color:var(--ink)}
.mod-num{position:absolute;top:22px;right:26px;font-family:var(--display);font-size:28px;font-weight:600;color:var(--plum);opacity:.35;line-height:1}
.mod-stage{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);background:var(--magenta-soft);padding:5px 10px;border-radius:999px}
.mod-card h3{font-size:24px;line-height:1.15;margin-top:6px}
.mod-card p{font-size:15px;color:var(--muted);line-height:1.5}
.pay3x,.certmeta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--navy);margin-top:4px}
.pay3x img{height:18px;width:auto}
.certmeta img{height:16px;width:auto}
.go{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--magenta)}
.go-logos{display:flex;gap:6px;margin-right:4px}
.go-logos img{width:22px;height:22px;border-radius:6px;object-fit:cover}
.go-logos img.is-wa{border-radius:50%}
.go .arw{transition:transform .18s var(--out)}
a.mod-card:hover .arw{transform:translateX(3px)}
@media (max-width:900px){.mod-cards{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
@media (max-width:640px){section.modband{padding:36px 0}.modband-head{text-align:left;margin-bottom:20px}.modband-head .sub{margin-left:0;font-size:15.5px}.mod-cards{gap:12px}.mod-card{padding:22px;border-radius:20px}.mod-card h3{font-size:21px;padding-right:36px}.mod-num{font-size:24px;top:20px;right:20px}}
/* ---------- comparison ---------- */
  .cmp-table{position:relative;max-width:1080px;margin:0 auto}
  .cmp-col-hl{position:absolute;top:0;bottom:0;right:0;width:24.5%;background:#FFF3F7;border-radius:20px;box-shadow:0 18px 44px -26px rgba(229,0,80,.42);transition:background .22s ease;pointer-events:none}
  .cmp-table:has(.is-g:hover) .cmp-col-hl{background:#FFE7F0}
  .cmp-hrow,.cmp-row{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;align-items:center;position:relative}
  .cmp-row{border-top:1px solid var(--line);border-radius:12px;transition:background .16s ease}
  .cmp-row:hover{background:rgba(45,45,45,.03)}
  .cmp-cell{padding:14px 18px;text-align:center;display:flex;align-items:center;justify-content:center;min-height:54px}
  .cmp-feat{text-align:left;justify-content:flex-start;font-size:15.5px;color:var(--ink);font-weight:500}
  .cmp-brand{flex-direction:column;gap:9px;padding:26px 18px 18px;font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.02em;color:#9a8f90}
  .cmp-brand img{height:26px;width:auto;max-width:96px;object-fit:contain}
  .cmp-brand.is-g{color:var(--plum);font-family:var(--sans);font-size:23px;font-weight:600;letter-spacing:-.015em}
  .cmp-badge{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--magenta);background:#fff;border:1px solid rgba(229,0,80,.2);padding:5px 11px;border-radius:100px;white-space:nowrap}
  .cmp-group{padding:34px 18px 12px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--magenta)}
  .cmp-group span{color:#9a8f90;letter-spacing:.02em;text-transform:none;font-weight:500;margin-left:10px}
  .ci{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;flex:none}
  .ci-y{background:rgba(63,174,106,.12);color:#3fae6a}
  .ci-n{color:#cdc4c5}
  .ci-s{background:rgba(229,0,80,.1);color:var(--magenta)}
  .cmp-hd{display:none}
  .cmp-foot{text-align:center;margin-top:36px;font-size:13px;color:#9a8f90}
  @media (max-width:860px){
    .cmp-col-hl,.cmp-hrow{display:none}
    .cmp-table{max-width:520px}
    .cmp-group{position:relative;padding:30px 0 0;font-size:11.5px}
    .cmp-group span{display:none}
    .cmp-cat{margin-top:10px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
    .cmp-row{grid-template-columns:1.55fr repeat(3,1fr);border-top:1px solid var(--line);border-radius:0}
    .cmp-row:first-of-type{border-top:0}
    .cmp-cell{padding:11px 6px;min-height:48px}
    .cmp-feat{padding-left:14px;font-size:13.5px;line-height:1.3;font-weight:500}
    .cmp-cell.is-g{background:#FFF3F7}
    .cmp-hd{display:grid;grid-template-columns:1.55fr repeat(3,1fr);background:var(--cream-2);border-bottom:1px solid var(--line)}
    .cmp-hd span{padding:9px 4px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9a8f90;line-height:1.2;display:flex;align-items:center;justify-content:center}
    .cmp-hd span:first-child{padding-left:14px}
    .cmp-hd span.is-g{color:var(--magenta);background:#FFF3F7}
  }
.contrast .cmp-table{margin-top:0}
@media (max-width:640px){.contrast .cmp-table{margin-top:0}}
.dtab{flex:none;min-height:34px;padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted);border:1px solid var(--line);background:#fff;transition:background .2s,color .2s,border-color .2s}
.dtab.on{background:var(--magenta);color:#fff;border-color:var(--magenta)}
.dshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.02);transition:opacity .45s var(--out),transform .6s var(--out)}
.dshot.on{opacity:1;transform:none}
.site-body.vids{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vids-h{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px}
.vids-h span{font-size:11px;color:var(--muted)}
.vtile{position:relative;aspect-ratio:9/14;border-radius:12px;overflow:hidden;background:#111}
.vtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vplay{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:rgba(255,251,247,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.55);display:grid;place-items:center}
.vcap{position:absolute;left:0;right:0;bottom:0;padding:22px 6px 6px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);color:#fff;display:flex;flex-direction:column;gap:1px}
.vcap b{font-size:10px;line-height:1.15}
.vcap span{font-size:8.5px;opacity:.85}
.vcap em{font-style:normal;margin-top:5px;background:var(--magenta);color:#fff;font-size:9px;font-weight:700;text-align:center;border-radius:999px;padding:5px 0}
@media (max-width:640px){.site-body.vids{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.vcap span{display:none}}
.cst{padding:clamp(64px,8vw,104px) 0}
.cst-head{text-align:center;max-width:1100px;margin:0 auto clamp(36px,5vw,56px);display:flex;flex-direction:column;align-items:center;gap:18px}
.cst-eb{display:inline-flex;align-items:center;gap:8px}
.cst-eb i{width:7px;height:7px;border-radius:50%;background:var(--magenta)}
.cst-h{font-family:var(--display);font-weight:600;font-size:clamp(28px,4.6vw,60px);white-space:nowrap;line-height:1.02;letter-spacing:-.025em;margin:0;text-wrap:balance}
.cst-h em{font-style:italic;color:var(--magenta)}
.cst-sub{font-size:17px;line-height:1.5;color:var(--muted);max-width:600px;margin:0;text-wrap:pretty}
.cst-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:36px;overflow:hidden;border:1px solid var(--line);background:#FFFBF7}
.cst-c{padding:30px clamp(24px,3.4vw,48px);border-top:1px solid rgba(45,45,45,.06);display:flex;flex-direction:column;gap:10px}
.cst-c.r{background:#FFF4F7;border-left:1px solid rgba(229,0,80,.08)}
.cst-c.hd{border-top:0;padding-top:34px;padding-bottom:18px}
.cst-ct{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cst-c.r .cst-ct{color:var(--magenta)}
.cst-n{font-family:var(--sans);font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums}
.cst-lbl{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);opacity:.75}
.cst-t{font-family:var(--display);font-weight:500;font-size:clamp(24px,2.5vw,32px);line-height:1.12;letter-spacing:-.01em;margin:0;text-wrap:balance}
.cst-rt{display:flex;gap:12px;align-items:flex-start}
.cst-ck{flex:none;width:26px;height:26px;border-radius:50%;background:var(--magenta);display:grid;place-items:center;margin-top:4px}
.cst-p{font-size:15px;line-height:1.5;color:var(--muted);margin:0;text-wrap:pretty}
.cst-c.r .cst-p{padding-left:38px}
.cst-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-left:38px;margin-top:4px;font-size:12px;font-weight:500;color:var(--ink)}
.cst-flow span{background:#fff;border:1px solid rgba(229,0,80,.14);border-radius:999px;padding:4px 10px}
.cst-flow b{color:var(--magenta);font-weight:500}
.cst-flow span.ok{background:var(--magenta);color:#fff;border-color:var(--magenta)}
.cst-ar,.m{display:none}
@media (max-width:760px){
.cst-h{font-size:clamp(20px,6.2vw,30px)}
.cst-sub{font-size:15.5px}
.cst-box{grid-template-columns:minmax(0,1fr);border-radius:28px}
.cst-c.hd{display:none}
.cst-c{padding:26px 22px 12px;border-top:1px solid rgba(45,45,45,.08);text-align:center;align-items:center}
.cst-c:nth-child(3){border-top:0}
.cst-c.r{border-left:0;border-top:0;padding:4px 22px 28px;background:#FFFBF7}
.cst-c.r .cst-p{padding-left:0}
.cst-rt{flex-direction:column;align-items:center;gap:10px}
.cst-ck{margin-top:0}
.cst-ar{display:block;color:var(--magenta);font-size:20px;line-height:1;margin:2px 0 6px}
.cst-flow{display:none}
.cst-t{font-size:26px}
.d{display:none}.m{display:inline}
}
.hdash{display:none}
@media (min-width:901px){
.hero{isolation:isolate}.hero-grid{position:relative;z-index:1}
.hero{--pw:min(270px,21vw)}
.stage.has-dash{position:absolute;left:calc(50% + 48px);top:50%;transform:translateY(-50%);width:var(--pw);max-width:none;margin:0;z-index:2}
.hd-side{display:none!important}.hd-body{grid-template-columns:minmax(0,1fr)!important}
.hd-main{padding-left:calc(var(--pw) + 56px)!important}
.stage.has-dash .phone{width:100%}
.stage.has-dash .phone{z-index:2}
.hdash{display:flex;flex-direction:column;position:absolute;z-index:0;top:clamp(28px,4vw,56px);bottom:clamp(28px,4vw,56px);left:calc(50% + 20px);right:-24px;background:#FFFBF7;border:1px solid var(--line);border-radius:22px 0 0 22px;font-size:13px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(92,39,81,.35),0 8px 20px -10px rgba(45,45,45,.15);font-size:12px;color:var(--ink)}
.hd-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#F6EFE8;border-bottom:1px solid var(--line)}
.hd-bar i{width:9px;height:9px;border-radius:50%;background:#D9CFC6}
.hd-bar span{margin-left:12px;background:#fff;border-radius:6px;padding:3px 10px;font-size:10.5px;color:var(--muted)}
.hd-body{flex:1;min-height:0;display:grid;grid-template-columns:150px minmax(0,1fr)}
.hd-side{background:#FBF6F1;border-right:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;gap:4px}
.hd-side b{font-family:var(--sans);font-weight:500;font-size:19px;line-height:1.15;padding:0 6px 10px}
.hd-side span{padding:9px 10px;border-radius:10px;font-size:13.5px;color:var(--muted)}
.hd-side span.on{background:var(--magenta-soft);color:var(--magenta);font-weight:600}
.hd-main{padding:24px 28px;display:flex;flex-direction:column;gap:18px;overflow:hidden}
.hd-top{display:flex;justify-content:space-between;align-items:baseline}
.hd-top b{font-family:var(--sans);font-weight:500;font-size:26px}
.hd-top span{font-size:10.5px;color:var(--muted)}
.hd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hd-kpi{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.hd-kpi span{font-size:12px;color:var(--muted)}
.hd-kpi b{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}
.hd-kpi.mg{background:var(--magenta);border-color:var(--magenta);color:#fff}
.hd-kpi.mg span{color:#fff}
.hd-cal{flex:1;border:1px solid var(--line);border-radius:14px;padding:12px;gap:10px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hd-col{display:flex;flex-direction:column;gap:5px}
.hd-col>span{font-size:10.5px;color:var(--muted);padding:0 2px 2px}
.hd-ev{border-radius:10px;padding:9px 11px;background:#F3ECE4;display:flex;flex-direction:column;line-height:1.25}
.hd-ev b{font-size:13px;font-weight:600}
.hd-ev em{font-style:normal;font-size:11.5px;color:var(--muted)}
.hd-ev.g{background:#FFE8EF}
.hd-ev.g b,.hd-ev.g em{color:#B8003F}
.hd-col>span,.hd-ev{min-width:0}.hd-ev b,.hd-ev em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@container (max-width:520px){.hd-side{display:none}.hd-body{grid-template-columns:minmax(0,1fr)}.hd-main{padding:12px 12px 14px 22%}.hd-kpi b{font-size:15px}.hd-kpi span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-top b{font-size:16px}.hd-top span{display:none}}
.hd-kpi b{white-space:nowrap}
@container (max-width:520px){.hd-kpi b{font-size:13px}}
@container (max-width:440px){.hd-kpis,.hd-cal{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-kpi:nth-child(3),.hd-col:nth-child(3){display:none}}
.hero-avail{display:flex;flex-direction:column;gap:8px;margin:4px 0 14px;max-width:440px}
.ha-offer{margin:0;font-size:16px;line-height:1.35;color:var(--muted)}
.ha-offer b{font-family:var(--sans);font-weight:600;font-size:21px;color:var(--plum);letter-spacing:-.01em}
.ha-status{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink)}
.ha-status i{width:8px;height:8px;border-radius:50%;background:#1f8a4c;box-shadow:0 0 0 3px rgba(31,138,76,.15)}
.ha-status b{font-weight:700;font-variant-numeric:tabular-nums}
.ha-bar{height:3px;max-width:240px;border-radius:2px;background:rgba(92,39,81,.1);overflow:hidden}
.ha-bar>div{height:100%;background:var(--plum);opacity:.55;border-radius:2px;transition:width .2s linear}
@media (max-width:640px){.ha-offer span{display:block}.ha-offer b{font-size:20px}.hero-avail{margin:0 0 14px}}
.pro-reference-animated .chat-seq>*:not(:first-child){opacity:0;transform:translateY(10px) scale(.98)}
.chat-seq.play>*:not(:first-child){animation:chatIn .45s cubic-bezier(.34,1.56,.64,1) forwards}
.chat-seq.play>*:nth-child(2){animation-delay:.3s}
.chat-seq.play>*:nth-child(3){animation-delay:1.5s}
.chat-seq.play>*:nth-child(4){animation-delay:2.9s}
.chat-seq.play>*:nth-child(5){animation-delay:4.1s}
.chat-seq.play>*:nth-child(6){animation-delay:5.5s}
@keyframes chatIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.chat-seq>*:not(:first-child){opacity:1;transform:none;animation:none!important}}
/* ===== v3: hero inline mockup + pillar carousel ===== */
.ptabs,.pdots{display:none}
@media (max-width:640px){
.hero{padding:14px 0 40px}
.hero-grid{grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:0;align-items:center}
.hero-grid>div:first-child{display:contents}
.hero .eyebrow{grid-column:1/-1;grid-row:1;font-size:10.5px;letter-spacing:.12em}
.hero h1{grid-column:1;grid-row:2;font-size:clamp(26px,8.2vw,34px);margin:10px 0 0;line-height:1.04}
.hero .stage{grid-column:2;grid-row:2;zoom:.4;width:290px;max-width:290px;margin:10px 0 0;align-self:center}
.hero .svc-card,.hero .conf-card,.hero .vid-side{display:none}
.hero-sub{grid-column:1/-1;grid-row:3;margin:18px 0 18px;font-size:17px;max-width:none}
.hero-cta{grid-column:1/-1;grid-row:4}
.hero .reassure{grid-column:1/-1;grid-row:5;flex-direction:row;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:13px}
.keep-chip{grid-column:1/-1;grid-row:6;justify-self:start;margin:18px 0 0}
.hero-guar{grid-column:1/-1;grid-row:7;margin-top:16px}
.pillars-wrap{background:#FFFBF7;position:relative}
.ptabs{display:flex;position:sticky;top:64px;z-index:30;gap:6px;padding:10px 20px;background:rgba(255,251,247,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.ptab{flex:1;min-width:0;min-height:40px;font-size:12.5px;font-weight:700;padding:8px 4px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#fff;transition:background .2s,color .2s,border-color .2s}
.ptab.on{background:var(--magenta);color:#fff;border-color:var(--magenta)}
.pdots{display:flex;justify-content:center;gap:6px;padding:0 0 32px}
.pdots i{width:6px;height:6px;border-radius:999px;background:rgba(45,45,45,.18);transition:width .25s var(--out),background .25s}
.pdots i.on{width:20px;background:var(--magenta)}
.pillars{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;align-items:flex-start}
.pillars::-webkit-scrollbar{display:none}
.pillars>.pillar{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;background:transparent;padding:28px 0 24px}
.pillars .pidx{display:none}
.pillars .pstat{margin-bottom:8px}
.pillars .pstat b{font-size:36px}
.pillars .pstat span{font-size:13.5px}
.pillars .h2{font-size:clamp(25px,7.2vw,30px)}
.pillars .ptext .lead{font-size:15px;margin-top:10px}
.pillars .pvis{margin:20px 0 0}
.pillars .pvis .stage{max-width:210px}
.pillars .plinks{flex-direction:row;flex-wrap:wrap;gap:8px;border-top:0;margin-top:18px}
.pillars .plinks a{border:1px solid var(--line);border-radius:999px;padding:8px 14px;min-height:40px;font-size:13.5px;gap:6px;background:#fff}
.pillars .plinks svg{width:14px;height:14px}
.pillars .meta-badge{margin-top:12px}
.pillars .laura-sig{margin-bottom:10px}
.pillars .laura-sig img{width:30px;height:30px}
.pillars .laura-sig span{font-size:26px}
.pillars .bub{font-size:13.5px;padding:9px 12px}
.pillars .ig-body{gap:8px}
.pillars .brief-card p.big{font-size:19px}
}
@media (max-width:360px){.hero h1{font-size:25px}.pillars .stage{max-width:190px}.svc-card{width:156px}.proof-item span{font-size:10.5px}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-delay:0s !important;transition-duration:.01ms !important}.rv{opacity:1;transform:none}}
main>section:not(.hero){padding-top:clamp(44px,5.5vw,72px)!important;padding-bottom:clamp(44px,5.5vw,72px)!important}
@media (max-width:640px){main>section:not(.hero){padding-top:36px!important;padding-bottom:36px!important}}
@media (min-width:901px) and (max-width:1200px){
.hero{--pw:200px}
.hd-main{padding-top:20px;padding-right:18px;padding-bottom:20px}
.hd-top span{display:none}.hd-top b{font-size:20px}
.hd-kpis,.hd-cal{grid-template-columns:repeat(2,minmax(0,1fr))}
.hd-kpi:nth-child(3),.hd-col:nth-child(3){display:none}
.hd-kpi b{font-size:20px}.hd-kpi span{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-ev{padding:7px 9px}.hd-ev b{font-size:11.5px}.hd-ev em{font-size:10px}
}
@media (max-width:640px){.hero-avail{grid-column:1/-1;grid-row:4}.hero-cta{grid-row:5}.hero .reassure{grid-row:6}.keep-chip{grid-row:7}}
/* responsive patch: tablet + mobile */
@media (min-width:641px) and (max-width:1100px){.t-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin:0 auto}}
@media (min-width:641px) and (max-width:900px){.wrap{padding:0 32px}.cst-c{padding:24px 24px}.dfy-steps{max-width:520px;margin-left:auto;margin-right:auto}}
@media (max-width:900px){#convertir .pgrid{gap:32px}#convertir .chat-seq{margin:0 auto}}
@media (max-width:640px){
.cst-h{white-space:normal;font-size:clamp(30px,9vw,40px)}
.cst-head{margin-bottom:24px}
#convertir .wrap{gap:24px}
#convertir .chat-seq{padding:16px 14px;border-radius:22px}
#convertir .chat-seq>div{font-size:13.5px}
.hero-avail{max-width:none}
.tcard-media{aspect-ratio:4/5}
img,video{max-width:100%}
}
@media (max-width:900px){
.hero .stage:not(.has-dash),.hero .stage.has-dash{position:relative;isolation:isolate}
.hero .stage.has-dash::before{content:"";position:absolute;z-index:-1;top:-34px;left:-26px;width:980px;height:640px;border-radius:22px;background:#fff url("/images/pro/v2/dashboard-trends.webp") top left/cover no-repeat;border:1px solid rgba(45,45,45,.1);box-shadow:0 30px 60px -30px rgba(92,39,81,.35)}
}
@media (max-width:640px){
.hero .stage.has-dash::before{display:none}
.hero-grid{position:relative}
.hero-grid::before{content:"";position:absolute;z-index:0;top:-6px;right:12%;width:70%;height:300px;border-radius:18px;background:#fff url("/images/pro/v2/dashboard-trends.webp") top left/cover no-repeat;border:1px solid rgba(45,45,45,.08);opacity:.6;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0,#000 35%);mask-image:linear-gradient(90deg,rgba(0,0,0,.25) 0,#000 35%);pointer-events:none}
.hero-grid>*,.hero-grid>div:first-child>*{position:relative;z-index:1}
.hero .stage.has-dash{z-index:2}
}
@media (max-width:640px){.dstep>div:not(.dstep-n){grid-column:1/-1}.dstep p,.dstep small{grid-column:2}}
@media (max-width:640px){
#reserver .pgrid{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:0;align-items:start}
#reserver .ptext{display:contents}
#reserver .ptext>*{grid-column:1/-1;order:0!important}
#reserver .ptext>h2{grid-column:1;grid-row:1;margin-top:0}
#reserver .ptext>.lead{grid-column:1;grid-row:2}
#reserver .pvis{grid-column:2;grid-row:1/span 2;order:0!important;align-self:start;width:auto!important;margin:0!important}
#reserver .pvis .stage{zoom:.5;width:290px;max-width:290px;margin:0}
}
@media (max-width:640px){
.t-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;margin:0!important;padding:0!important;max-width:none!important}
.tcard{flex:none!important;border-radius:16px}
.tcard-media{aspect-ratio:9/14!important}
.tcard-body{padding:10px 12px!important}
.tcard .twho img{width:28px;height:28px}
.tcard .twho b{font-size:12.5px}
.tcard .twho span{font-size:11px}
.tv-rail{top:8px!important;right:6px!important;transform:none!important;gap:6px!important}
.tv-rail>span{font-size:10px!important}
.tv-rail>span>span{width:26px!important;height:26px!important}
.tv-rail svg{width:13px;height:13px}
.tv-bottom{left:8px!important;right:8px!important;bottom:8px!important;gap:6px!important}
.tv-bottom>a:first-child{font-size:11px!important;gap:6px!important}
.tv-bottom>a:first-child>span{width:20px!important;height:20px!important}
.tv-cap{font-size:10.5px!important;-webkit-line-clamp:2}
.tv-tags{display:none!important}
.tv-book{font-size:11px!important;padding:7px 6px!important;white-space:nowrap}
}
@media (max-width:640px){.dstep>div:not(.dstep-n){max-width:300px;justify-self:center;width:100%}}
@media (max-width:640px){
.tcard-body{padding:8px 10px!important;gap:0!important;min-height:0!important}
.tcard .twho{margin:0!important;padding:0!important;border:0!important;gap:8px;align-items:center}
.tcard .twho img{width:24px!important;height:24px!important}
.tcard .twho b{font-size:12px;line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcard .twho>div{min-width:0}
.tcard .twho span{display:none}
.t-grid{row-gap:10px!important}
}
@media (max-width:640px){
.cmp-g{grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr))!important;min-width:0!important}
.cmp-g>div{padding:12px 4px!important;font-size:12.5px!important;min-width:0}
.cmp-g>div:not(:nth-child(4n+1))>a{font-size:11px;line-height:1.3;min-width:0;overflow-wrap:anywhere;hyphens:auto}
.cmp-g>div:nth-child(4n+1){padding-left:14px!important;padding-right:8px!important;position:static!important;line-height:1.3!important}
.cmp-g>div:nth-child(-n+4){padding-top:16px!important;padding-bottom:12px!important}
.cmp-g>div:nth-child(-n+4) b{font-size:14px!important}
.cmp-g>div:nth-child(-n+4) img{height:18px!important}
.cmp-g>div:nth-child(3),.cmp-g>div:nth-child(4){font-size:12px!important}
.cmp-g>div[style*="letter-spacing:.14em"]{font-size:10px!important;padding-top:18px!important;padding-bottom:6px!important;letter-spacing:.1em!important}
.cmp-g>div>span[style*="width:28px"]{width:22px!important;height:22px!important}
.cmp-g>div>span[style*="width:28px"] svg{width:11px;height:11px}
.cmp-g>div>svg{width:15px;height:15px}
.cmp-g>div b[style*="font-size:26px"]{font-size:20px!important}
.cmp-g>div:last-child,.cmp-g>div:nth-last-child(2){font-size:11px!important;line-height:1.3!important}
}
@media (max-width:640px){.pillar.flip .pvis{order:2}}
@media (max-width:640px){main>section.testi{padding-bottom:14px!important}main>section.guar{padding-top:14px!important}}
@media (max-width:760px){.plans>.plan{order:0!important}}
@media (max-width:900px){#convertir .pvis{order:-1!important;margin:0 0 24px!important}}
@media (max-width:900px){#convertir .ptext{display:contents}#convertir .ptext>*{order:1}#convertir .ptext>.pidx,#convertir .ptext>h2{order:-2!important}#convertir .ptext>h2{margin-bottom:20px}}
@media (max-width:900px){.pillars{align-items:flex-start;transition:height .35s var(--out)}.pillars>.pillar{align-self:flex-start}}
@media (max-width:640px){#convertir{padding-bottom:20px!important}#convertir .wrap{gap:0!important}#convertir .ptext>ul,#convertir .ptext>*:last-child{margin-bottom:0!important}}
img,video{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}

/* The server-rendered page stays readable before animation enhancement. */
.mq:not(.is-animated){display:flex;align-items:flex-start;gap:20px;overflow-x:auto;height:auto;padding:12px 20px 24px;scroll-snap-type:x mandatory}
.mq:not(.is-animated) .mq-t{position:relative;left:auto;top:auto;flex:none;transform:none!important;scroll-snap-align:start}
.site-controls{display:flex;justify-content:center}
.site-pause{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:14px;font-weight:500}
.site-pause[hidden]{display:none}
.site-pause:hover{border-color:rgba(229,0,80,.3);color:var(--plum)}
.site-pause:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}
.plan-terms{margin-top:12px;font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.pr-note{max-width:960px;margin:24px auto 0;font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--muted);text-align:center}
.pr-note strong{font-weight:600;color:var(--ink)}
.pr-note a{color:var(--magenta);text-decoration:underline;text-underline-offset:3px}
.pr-usage{max-width:960px;margin:24px auto 0;border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px 22px;font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--muted)}
.pr-usage summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;color:var(--ink);font-weight:600;cursor:pointer}
.pr-usage summary::-webkit-details-marker{display:none}
.pr-usage summary .pm{flex:none;font-size:22px;line-height:1;color:var(--magenta);transition:transform .2s}
.pr-usage[open] summary .pm{transform:rotate(45deg)}
.pr-usage p{margin-top:14px}
.pr-usage ul{padding-left:20px;margin:12px 0}
.pr-usage li+li{margin-top:6px}
@media (max-width:640px){.bill{border-radius:20px}.bill button{white-space:normal;flex-wrap:wrap;font-size:13px;gap:5px}.bill .best{font-size:10px}.pr-usage{padding:16px 18px}.pr-note{text-align:left}}
.hero-copy .hero-sub+.hero-sub{margin-top:-6px}
@media (max-width:640px){.hero-copy{grid-column:1/-1;grid-row:3;margin:18px 0}.hero-copy .hero-sub{margin:0;grid-column:auto;grid-row:auto;max-width:none}.hero-copy .hero-sub+.hero-sub{margin-top:12px}}
/* mobile hero: headline, copy, then the phone centred below (no overlap with the headline) */
@media (max-width:640px){
.hero-grid::before{display:none}
.hero-grid{grid-template-columns:minmax(0,1fr)}
.hero h1{grid-column:1/-1;grid-row:2;font-size:clamp(30px,9vw,38px)}
.hero-copy{grid-row:3}
.hero .stage{grid-column:1/-1;grid-row:4;justify-self:center;zoom:.62;margin:6px 0 10px}
.hero-avail{grid-column:1/-1;grid-row:5}
.hero-cta{grid-row:6}
.hero .reassure{grid-row:7}
.hero .keep-chip{grid-column:1/-1;grid-row:8}
}

/* ===== typography: Roobert PRO headings, Inter body/UI ===== */
h1,h2,h3{font-family:var(--font-heading)}
h1{font-weight:700;letter-spacing:-.045em;line-height:1.05}
h2,.h2{font-weight:700;letter-spacing:-.035em;line-height:1.1}
h3{font-weight:600;letter-spacing:-.025em;line-height:1.2;font-size:clamp(21px,2.2vw,28px)}
.sf h3,.sv-hero h3{font-size:clamp(21px,2.2vw,28px);letter-spacing:-.025em}
.hero h1{font-size:clamp(40px,5.6vw,72px);letter-spacing:-.045em}
.h2,.final h2,.guar-box h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.035em}
.final h2{max-width:18ch}
.hero h1 em,.h2 em,.final h2 em,.guar-box h2 em,.dfy-big em{font-style:normal;font-weight:inherit}
.eyebrow{font-size:12px;font-weight:600}
.hero-sub{font-weight:500;line-height:1.4}
.plan-price b,.sp-big b{font-size:40px;font-weight:700;letter-spacing:-.02em}
.sp-big s{font-weight:500}
body{line-height:1.6}
@media (min-width:901px){body{font-size:17px}}
@media (max-width:640px){
.hero h1{font-size:clamp(38px,10.6vw,44px)}
.h2,.final h2,.guar-box h2,.pillars .h2{font-size:clamp(32px,9vw,36px)}
h3,.sf h3,.sv-hero h3{font-size:clamp(21px,6vw,24px)}
.plan-price b,.sp-big b{font-size:34px}
}
/* mobile phone mockups: shrink with transform, not zoom — some iOS in-app browsers zoom the box but not its text */
@media (max-width:640px){
.hero .stage,#reserver .pvis .stage{zoom:1;width:290px;transform:scale(var(--ps));transform-origin:top center;margin-left:calc(145px*(var(--ps) - 1));margin-right:calc(145px*(var(--ps) - 1));margin-bottom:calc(290px*19/9*(var(--ps) - 1) + var(--pmb))}
.hero .stage{--ps:.62;--pmb:6px;margin-top:4px}
#reserver .pvis .stage{--ps:.5;--pmb:0px}
}