:root{ --nav-bg:rgba(255,255,255,.96); --card:#FFFFFF; --logo:url("data:image/png;base64,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"); --bg:#FFFFFF; --bg-soft:#FAFAF8; /* inputs / subtle fills */ --band:#F4F0E9; /* alternating section band */ --card:#FFFFFF; --border:#EDEAE6; /* hairline card borders */ --ink:#1B1B1F; /* headings */ --ink-2:#5B5B63; /* body */ --ink-3:#9B9BA3; /* muted */ --pink:#E9185C; /* primary crimson-pink */ --pink-deep:#C31049; --pink-soft:#FDEDF3; /* pale pink chips/badges */ --pink-border:#F9D3E0; --green:#1FA45B; --green-soft:#E8F7EF; --violet:#7C5CFC; --violet-soft:#F1EDFE; --violet-border:#DDD3FC; --amber:#F59E0B; --amber-soft:#FEF4E2; --amber-border:#FBE3B5; --teal:#0D9C9B; --teal-soft:#E4F7F6; --teal-border:#BFE9E8; --radius:20px; --radius-sm:14px; --shadow:0 1px 2px rgba(27,27,31,.04),0 8px 24px rgba(27,27,31,.06); --shadow-lift:0 2px 4px rgba(27,27,31,.05),0 18px 44px rgba(233,24,92,.12); --ease:cubic-bezier(.22,.8,.24,1); } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;overflow-x:clip} body{ background:var(--bg);color:var(--ink-2); overflow-x:clip;max-width:100%;position:relative; font-family:"Inter",system-ui,sans-serif; font-size:16px;line-height:1.65; -webkit-font-smoothing:antialiased; } ::selection{background:var(--pink);color:#fff} a{color:inherit;text-decoration:none} a:focus-visible,button:focus-visible{outline:3px solid rgba(233,24,92,.4);outline-offset:2px;border-radius:6px} h1,h2,h3{color:var(--ink);font-weight:700;letter-spacing:-.02em;line-height:1.15} .wrap{width:min(1140px,92%);margin:0 auto} .hero-grid>*,.split>*,.book-grid>*,.demo-grid>*{min-width:0} img,svg,canvas{max-width:100%} section{padding:clamp(4rem,9vw,7rem) 0;position:relative} .pink{color:var(--pink)} .chip{ display:inline-flex;align-items:center;gap:.45rem; background:var(--pink-soft);color:var(--pink);border:1px solid var(--pink-border); font-size:.78rem;font-weight:700;letter-spacing:.02em; padding:.4rem .9rem;border-radius:999px; } .chip .dot{width:7px;height:7px;border-radius:50%;background:var(--pink)} .chip.new::after{content:"NEW";background:var(--card);color:var(--pink);font-size:.62rem;padding:.12rem .45rem;border-radius:999px;font-weight:800} /* ---------- buttons ---------- */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:.55rem; background:linear-gradient(135deg,#F0246B,var(--pink) 55%,var(--pink-deep)); color:#fff;text-decoration:none;font-weight:700;font-size:.95rem; padding:.85rem 1.7rem;border-radius:999px;border:0;cursor:pointer;font-family:inherit; box-shadow:0 6px 18px rgba(233,24,92,.28); transition:transform .3s var(--ease),box-shadow .3s; } .btn:active{transform:translateY(0)} .btn.ghost{ background:var(--card);color:var(--ink);border:1px solid var(--border);box-shadow:var(--shadow); } .btn.ghost:hover{border-color:var(--pink-border);color:var(--pink)} .sparkle::before{content:"✦";font-size:.85em} /* ---------- nav ---------- */ nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:.85rem 0;transition:background .3s,box-shadow .3s} nav.scrolled{background:var(--nav-bg);box-shadow:0 1px 0 var(--border)} .nav-in{display:flex;align-items:center;justify-content:space-between} .logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.2rem;letter-spacing:-.02em} .logo-mark{ width:36px;height:36px;border-radius:50%;font-size:0; background:var(--logo) center/contain no-repeat; filter:drop-shadow(0 2px 6px rgba(233,24,92,.25)); animation:logospin 14s linear infinite paused; } .logo:hover .logo-mark{animation-play-state:running} @keyframes logospin{to{transform:rotate(360deg)}} .nav-links{display:flex;gap:1.8rem;align-items:center} .nav-links a{color:var(--ink-2);text-decoration:none;font-size:.92rem;font-weight:600;transition:color .25s} .nav-links a.btn,.nav-links a.btn:hover{color:#fff} .nav-links a:hover{color:var(--pink)} .burger{display:none;background:none;border:0;color:var(--ink);font-size:1.6rem;cursor:pointer;line-height:1;padding:.3rem .5rem} /* ---------- hero ---------- */ .hero{overflow:hidden;padding-top:9.5rem;padding-bottom:4rem;background: radial-gradient(50% 42% at 78% 6%,rgba(233,24,92,.07),transparent 70%), var(--band); } .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:3.5rem;align-items:center} .hero h1{font-size:clamp(2.5rem,5.6vw,4rem);margin:1.3rem 0 1.3rem;font-weight:800} .hero h1 .hl{position:relative;white-space:nowrap;color:var(--pink)} .hero h1 .hl::after{ content:"";position:absolute;left:0;right:0;bottom:.06em;height:.34em;z-index:-1; background:var(--pink-soft);border-radius:6px; transform:scaleX(0);transform-origin:left;animation:underline .8s .9s var(--ease) forwards; } @keyframes underline{to{transform:scaleX(1)}} .hero p.lede{font-size:1.1rem;max-width:32rem} .hero-ctas{display:flex;gap:.9rem;margin-top:2.1rem;flex-wrap:wrap} .fade-up{opacity:0;transform:translateY(24px);animation:fadeUp .9s var(--ease) forwards} .fu2{animation-delay:.15s}.fu3{animation-delay:.3s}.fu4{animation-delay:.45s} @keyframes fadeUp{to{opacity:1;transform:none}} /* ---------- hero dashboard mock (removed) */ /* ---------- ticker ---------- */ /* ---------- reveal ---------- */ .reveal{opacity:1;transform:none} .d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s} .sec-head{max-width:42rem;margin-bottom:3rem} .sec-head h2{font-size:clamp(1.8rem,4.2vw,2.7rem);margin-top:1rem} .sec-head p{margin-top:.9rem} .center{text-align:center} .center .sec-head{margin-inline:auto} /* ---------- cards ---------- */ .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);align-items:stretch} .card{ background:var(--card);border:1px solid var(--border);border-radius:var(--radius); padding:2rem 1.7rem;box-shadow:var(--shadow);position:relative;overflow:hidden; transition:box-shadow .3s,border-color .3s; } .icon{ width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.25rem; background:var(--pink-soft);color:var(--pink);border:1px solid var(--pink-border);margin-bottom:1.2rem; transition:transform .4s var(--ease); } .card:hover .icon{transform:scale(1.08) rotate(-4deg)} .card h3{font-size:1.25rem;margin-bottom:.3rem} .card .tag{color:var(--pink);font-weight:700;font-size:.88rem;display:block;margin-bottom:.7rem} .card p{font-size:.93rem} .card a.more{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.2rem;color:var(--ink);font-weight:700;font-size:.88rem;text-decoration:none} .card a.more::after{content:"→";color:var(--pink);transition:transform .3s} .card a.more:hover::after{transform:translateX(4px)} /* ---------- conversations demo ---------- */ .soft{background:var(--band);border-top:1px solid var(--border);border-bottom:1px solid var(--border)} .split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center} .chat-stack{display:flex;flex-direction:column;gap:.8rem} .bubble{ background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow); padding:.95rem 1.15rem;font-size:.9rem;display:flex;gap:.75rem;align-items:center;max-width:92%; } .bubble .ch{flex:none;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pink);background:var(--pink-soft);border:1px solid var(--pink-border);border-radius:999px;padding:.24rem .6rem} .bubble.answered{align-self:flex-end;border-color:#CBEBD8} .bubble.answered .ch{color:var(--green);background:var(--green-soft);border-color:#CBEBD8} /* ---------- standards band ---------- */ .standards h2{font-size:clamp(1.9rem,4.6vw,3rem);max-width:44rem} .standards p.big{font-size:1.08rem;max-width:38rem;margin-top:1.4rem} .mantra-line{margin-top:1.8rem;font-weight:700;color:var(--ink);font-size:1rem} .mantra-line em{font-style:normal;color:var(--pink)} /* ---------- stats ---------- */ .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);text-align:center;align-items:stretch} .stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2.3rem 1rem;box-shadow:var(--shadow)} .stat .num{font-size:clamp(2rem,4.6vw,2.9rem);font-weight:800;color:var(--ink)} .stat .num em{font-style:normal;color:var(--pink)} .stat .lbl{font-size:.88rem;margin-top:.4rem;color:var(--ink-2)} .stat .up{display:inline-flex;align-items:center;gap:.3rem;margin-top:.7rem;font-size:.75rem;font-weight:700;color:var(--green);background:var(--green-soft);padding:.25rem .7rem;border-radius:999px} .stat .up::after{content:"↗"} /* ---------- pricing ---------- */ .price-card .from{font-size:clamp(2.6rem,7vw,4rem);font-weight:800;color:var(--ink);margin:1rem 0 .3rem} .price-card .from b{color:var(--pink)} .price-card .per{color:var(--ink-3);font-weight:600} .price-card p{max-width:30rem;margin:1rem auto 0} /* ---------- booking ---------- */ .book-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start} .panel{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:2.2rem} .field{margin-bottom:1.05rem} .field label{display:block;font-size:.78rem;font-weight:700;color:var(--ink);margin-bottom:.4rem} .field input,.field select{ width:100%;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px; padding:.85rem 1rem;font-size:.95rem;font-family:inherit;color:var(--ink); transition:border-color .3s,box-shadow .3s,background .3s; } .field input:focus,.field select:focus{outline:none;border-color:var(--pink);background:var(--card);box-shadow:0 0 0 3px rgba(233,24,92,.12)} .form-note{font-size:.78rem;color:var(--ink-3);margin-top:.9rem} .call-panel{border-color:var(--pink-border);background:linear-gradient(180deg,#FFF5F8,#fff 55%)} .big-tel{display:inline-flex;align-items:center;gap:.7rem;font-size:clamp(1.3rem,3.4vw,1.8rem);font-weight:800;color:var(--ink);text-decoration:none;margin:1.2rem 0} .big-tel:hover{color:var(--pink)} .pulse-dot{width:10px;height:10px;border-radius:50%;background:var(--green);position:relative;flex:none} .pulse-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--green);animation:pulse 1.8s infinite} @keyframes pulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.5);opacity:0}} /* ---------- live call demo ---------- */ .demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center} .phone{ width:min(340px,100%);margin:0 auto;background:var(--card);border:1px solid var(--border); border-radius:34px;box-shadow:var(--shadow-lift);padding:1.1rem;position:relative; } .phone::before{content:"";display:block;width:90px;height:5px;border-radius:99px;background:var(--border);margin:0 auto .9rem} .call-head{display:flex;align-items:center;gap:.7rem;padding:.6rem .4rem .9rem;border-bottom:1px solid var(--border)} .call-ava{width:38px;height:38px;border-radius:50%;background:var(--logo) center/contain no-repeat;flex:none;font-size:0} .call-head b{color:var(--ink);font-size:.9rem;display:block;line-height:1.2} .call-head small{color:var(--green);font-weight:700;font-size:.68rem;display:flex;align-items:center;gap:.35rem} .call-timer{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums} .call-lines{display:flex;flex-direction:column;gap:.6rem;padding:1rem .2rem;min-height:270px} .cl{ max-width:88%;padding:.65rem .9rem;border-radius:14px;font-size:.82rem;line-height:1.45; opacity:0;transform:translateY(10px) scale(.98); transition:opacity .45s var(--ease),transform .45s var(--ease); } .cl.show{opacity:1;transform:none} .cl.caller{background:var(--bg-soft);border:1px solid var(--border);color:var(--ink);align-self:flex-start;border-bottom-left-radius:4px} .cl.agent{background:linear-gradient(135deg,#F0246B,var(--pink-deep));color:#fff;align-self:flex-end;border-bottom-right-radius:4px} .cl.chipline{ align-self:center;background:var(--green-soft);border:1px solid #CBEBD8;color:var(--green); font-weight:700;font-size:.72rem;border-radius:999px;padding:.45rem 1rem; } .typing{display:inline-flex;gap:4px;align-items:center} .typing i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;animation:tp 1s infinite} .typing i:nth-child(2){animation-delay:.15s} .typing i:nth-child(3){animation-delay:.3s} @keyframes tp{50%{opacity:1;transform:translateY(-2px)}} /* ---------- enquiries infographic ---------- */ .info-card{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:2.2rem} .info-card .k{font-weight:800;color:var(--ink);font-size:1.05rem} .info-card .sub{font-size:.78rem;color:var(--ink-3);margin-top:.15rem} .rows{margin-top:1.6rem;display:flex;flex-direction:column;gap:1.15rem} .row{display:grid;grid-template-columns:96px 1fr 74px;gap:.9rem;align-items:center} .row .lab{font-size:.8rem;font-weight:700;color:var(--ink)} .track{height:12px;border-radius:99px;background:var(--bg-soft);border:1px solid var(--border);overflow:hidden} .fill{ height:100%;border-radius:99px;width:0; background:linear-gradient(90deg,#F0246B,var(--pink-deep)); transition:width 1.3s var(--ease); } .row .val{font-size:.8rem;font-weight:800;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums} .row .val small{display:block;font-weight:700;color:var(--green);font-size:.66rem} .info-total{ margin-top:1.7rem;display:flex;justify-content:space-between;align-items:center; background:var(--green-soft);border:1px solid #CBEBD8;border-radius:14px;padding:1rem 1.2rem; } .info-total b{color:var(--ink);font-size:.92rem} .info-total .big{font-size:1.5rem;font-weight:800;color:var(--green)} .foot-note{font-size:.72rem;color:var(--ink-3);margin-top:.9rem} @media(max-width:900px){ .demo-grid{grid-template-columns:1fr} .row{grid-template-columns:82px 1fr 64px} } /* ---------- colour washes (static — no blur filters) ---------- */ .orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0} .orb.o1{width:520px;height:520px;top:-160px;right:-140px;background:radial-gradient(circle,rgba(233,24,92,.10),rgba(233,24,92,0) 70%)} .orb.o2{width:460px;height:460px;bottom:-140px;left:-160px;background:radial-gradient(circle,rgba(124,92,252,.09),rgba(124,92,252,0) 70%)} .orb.o3{display:none} /* ---------- animated gradient headline ---------- */ .hl-grad{ background:linear-gradient(100deg,var(--pink) 15%,var(--violet) 55%,var(--pink-deep) 95%); -webkit-background-clip:text;background-clip:text;color:transparent; } /* ---------- coloured icon variants ---------- */ .icon.v{background:var(--violet-soft);color:var(--violet);border-color:var(--violet-border)} .icon.a{background:var(--amber-soft);color:var(--amber);border-color:var(--amber-border)} .icon.t{background:var(--teal-soft);color:var(--teal);border-color:var(--teal-border)} .card:hover:has(.icon.v){border-color:var(--violet-border)} .card:hover:has(.icon.a){border-color:var(--amber-border)} .card:hover:has(.icon.t){border-color:var(--teal-border)} .chip.v{background:var(--violet-soft);color:var(--violet);border-color:var(--violet-border)} .chip.v .dot{background:var(--violet)} .chip.a{background:var(--amber-soft);color:var(--amber);border-color:var(--amber-border)} .chip.a .dot{background:var(--amber)} .chip.t{background:var(--teal-soft);color:var(--teal);border-color:var(--teal-border)} .chip.t .dot{background:var(--teal)} /* ---------- floating emoji badges ---------- */ /* ---------- footer ---------- */ footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:3.2rem 0} .foot{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;font-size:.88rem} .foot a{color:var(--ink-2);text-decoration:none;font-weight:600} .foot a:hover{color:var(--pink)} /* ---------- toast ---------- */ .toast{ position:fixed;bottom:1.3rem;left:50%;transform:translate(-50%,150%);z-index:70; background:var(--ink);color:#fff;padding:.9rem 1.4rem;border-radius:999px;font-weight:700;font-size:.88rem; box-shadow:0 14px 40px rgba(0,0,0,.25);transition:transform .5s var(--ease); } .toast.show{transform:translate(-50%,0)} /* ---------- mobile ---------- */ @media(max-width:900px){ section{padding:3.4rem 0} .hero{padding-top:7.5rem;padding-bottom:3rem} .page-hero{padding:7.5rem 0 2.4rem} .sec-head{margin-bottom:2.2rem} .offer-strip{margin-top:1.4rem} .cta-band{padding:2.2rem 1.4rem} .orb{filter:blur(46px);opacity:.35} .orb.o1{width:220px;height:220px;right:-90px;top:-60px} .orb.o2{width:190px;height:190px;left:-90px} .orb.o3{display:none} .nav-links{ position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%; background:var(--card);height:100dvh; flex-direction:column;justify-content:center;gap:2rem; visibility:hidden;opacity:0;pointer-events:none; transform:translateY(-8%); transition:opacity .35s var(--ease),transform .35s var(--ease),visibility 0s .35s; } .nav-links.open{ visibility:visible;opacity:1;pointer-events:auto;transform:none; transition:opacity .35s var(--ease),transform .35s var(--ease),visibility 0s; } .nav-links a{font-size:1.2rem} .burger{display:block;position:relative;z-index:55} .hero-grid,.split,.book-grid{grid-template-columns:1fr;gap:2.4rem} .grid3,.stats{grid-template-columns:1fr} .bubble{max-width:100%} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} .reveal,.fade-up{opacity:1;transform:none} } /* ============ RESTORED & NEW COMPONENTS ============ */ /* callback widget */ .callback{display:flex;gap:.5rem;margin-top:1.4rem;max-width:26rem;background:var(--card);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);padding:.35rem .35rem .35rem 1.1rem;align-items:center} .callback input{border:0;outline:none;flex:1;font-family:inherit;font-size:.92rem;color:var(--ink);background:transparent;min-width:0} .callback .btn{padding:.65rem 1.15rem;font-size:.85rem;flex:none} .callback-note{font-size:.72rem;color:var(--ink-3);margin-top:.5rem} /* multi-step form */ .progress{display:flex;align-items:center;gap:.6rem;margin-bottom:1.6rem} .progress .pt{font-size:.72rem;font-weight:800;color:var(--ink-3)} .pbar{flex:1;height:6px;border-radius:99px;background:var(--bg-soft);border:1px solid var(--border);overflow:hidden} .pbar i{display:block;height:100%;width:33%;border-radius:99px;background:linear-gradient(90deg,#F0246B,var(--pink-deep));transition:width .5s var(--ease)} .fstep{display:none;animation:stepIn .45s var(--ease)} .fstep.active{display:block} @keyframes stepIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}} .fstep h4{color:var(--ink);font-size:1.05rem;margin-bottom:1.1rem;font-weight:800} .fnav{display:flex;gap:.7rem;margin-top:1.2rem} .fnav .btn{flex:1} .btn.back{background:var(--card);color:var(--ink-2);border:1px solid var(--border);box-shadow:none} .btn.back:hover{color:var(--pink);border-color:var(--pink-border)} .ferr{color:var(--pink);font-size:.78rem;font-weight:700;margin-top:.5rem;display:none} /* offer strip */ .offer-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.2rem auto 0;position:relative;z-index:3} .offer-tile{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:1.3rem;display:flex;gap:.9rem;align-items:flex-start} .offer-tile .em{font-size:1.5rem;line-height:1;flex:none} .offer-tile b{display:block;color:var(--ink);font-size:.95rem;margin-bottom:.15rem} .offer-tile span{font-size:.85rem;color:var(--ink-2)} .offer-tile .price{color:var(--pink);font-weight:800} /* day timeline */ .timeline{position:relative;max-width:640px;margin:0 auto;padding-left:2.2rem} .timeline::before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--pink),var(--violet),var(--amber),var(--teal));border-radius:2px;opacity:.5} .tl-item{position:relative;padding-bottom:2rem} .tl-item:last-child{padding-bottom:0} .tl-item::before{content:"";position:absolute;left:-2.2rem;top:6px;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--pink);box-shadow:0 0 0 4px var(--pink-soft)} .tl-item:nth-child(2)::before{border-color:var(--violet);box-shadow:0 0 0 4px var(--violet-soft)} .tl-item:nth-child(3)::before{border-color:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)} .tl-item:nth-child(4)::before{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)} .tl-time{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)} .tl-item h3{font-size:1.1rem;margin:.25rem 0 .3rem} .tl-item p{font-size:.92rem} /* FAQ accordion */ .faq{max-width:720px;margin:0 auto} .faq-item{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);margin-bottom:.7rem;overflow:hidden;transition:border-color .3s} .faq-item.open{border-color:var(--pink-border)} .faq-q{width:100%;background:none;border:0;cursor:pointer;font-family:inherit;text-align:left;padding:1.1rem 1.3rem;font-size:.98rem;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:1rem} .faq-q .pm{flex:none;width:26px;height:26px;border-radius:50%;background:var(--pink-soft);color:var(--pink);display:grid;place-items:center;font-weight:800;transition:transform .35s var(--ease)} .faq-item.open .pm{transform:rotate(45deg)} .faq-a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)} .faq-a p{padding:0 1.3rem 1.2rem;font-size:.92rem} /* sticky mobile CTA */ .sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;gap:.6rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));background:var(--nav-bg);border-top:1px solid var(--border);transform:translateY(110%);transition:transform .45s var(--ease)} .sticky-cta.show{transform:none} .sticky-cta .btn{flex:1;padding:.8rem 1rem;font-size:.9rem} @media(max-width:900px){.sticky-cta{display:flex}} /* plans */ .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;align-items:stretch} .plan{background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:1.7rem 1.5rem;display:flex;flex-direction:column;position:relative} .plan.featured{border:2px solid var(--pink);box-shadow:var(--shadow-lift)} .plan .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#F0246B,var(--pink-deep));color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .9rem;border-radius:999px;white-space:nowrap} .plan h3{font-size:1.3rem;margin-bottom:.2rem} .plan .p-sub{font-size:.85rem;color:var(--ink-3)} .plan .p-price{display:flex;align-items:baseline;gap:.4rem;margin:1rem 0 .2rem} .plan .p-price b{font-size:2.3rem;font-weight:800;color:var(--ink);letter-spacing:-.03em} .plan .p-price span{color:var(--ink-3);font-weight:600} .plan .p-note{font-size:.78rem;color:var(--ink-3);margin-bottom:1.2rem} .plan ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin:0 0 1.4rem;padding:0;flex:1} .plan li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;color:var(--ink)} .plan li .tick{flex:none;width:20px;height:20px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:.65rem;font-weight:800;margin-top:.15rem} .plan .btn{width:100%} .plan .btn.ghost{color:var(--ink)} .setup-band{max-width:760px;margin:1.6rem auto 0;background:linear-gradient(135deg,#F0246B,var(--pink-deep));color:#fff;border-radius:20px;padding:1.4rem 1.6rem;display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;box-shadow:0 10px 30px rgba(233,24,92,.3)} .setup-band .em{font-size:1.8rem} .setup-band b{display:block;font-size:1.05rem} .setup-band span{font-size:.88rem;opacity:.92} .setup-band s{opacity:.7} .plan-terms{max-width:760px;margin:1rem auto 0;font-size:.78rem;color:var(--ink-3);text-align:center} /* subpage hero + pricing mini + cta band */ .page-hero{overflow:hidden;padding:8.5rem 0 3rem;background:radial-gradient(50% 42% at 78% 6%,rgba(233,24,92,.07),transparent 70%),var(--band);border-bottom:1px solid var(--border)} .page-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-top:1rem} .page-hero p{margin-top:.8rem;max-width:36rem} .price-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:820px;margin:0 auto} .pm-tile{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:1.4rem;text-align:center;transition:transform .35s var(--ease),border-color .35s} .pm-tile b{display:block;color:var(--ink);font-size:1rem} .pm-tile .pr{font-size:1.7rem;font-weight:800;color:var(--pink);margin:.3rem 0 .1rem} .pm-tile span{font-size:.78rem;color:var(--ink-3)} .cta-band{background:linear-gradient(135deg,#F0246B,var(--pink-deep));border-radius:26px;padding:2.6rem 2rem;text-align:center;color:#fff;box-shadow:0 14px 40px rgba(233,24,92,.3)} .cta-band h2{color:#fff;font-size:clamp(1.6rem,4vw,2.3rem)} .cta-band p{color:rgba(255,255,255,.92);max-width:30rem;margin:.7rem auto 1.6rem} .cta-band .btn{background:#fff;color:var(--pink);box-shadow:none} .cta-band .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)} .cta-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap} .cta-actions .btn{min-width:220px;justify-content:center} nav .active{color:var(--pink)} @media(max-width:900px){ .offer-strip,.plans,.price-mini{grid-template-columns:1fr} } /* ---------- tappable choices ---------- */ .choices{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.4rem} .choice{ border:1px solid var(--border);background:var(--bg-soft);color:var(--ink); font-family:inherit;font-weight:600;font-size:.88rem;padding:.6rem 1rem;border-radius:999px;cursor:pointer; transition:border-color .25s,background .25s,transform .25s var(--ease); } .choice:active{transform:scale(.96)} .choice.on{background:var(--pink-soft);border-color:var(--pink);color:var(--pink)} .choice.on::before{content:"✓ ";font-weight:800} .field textarea{width:100%;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;font-size:.95rem;font-family:inherit;color:var(--ink);min-height:74px;resize:vertical;transition:border-color .3s,box-shadow .3s,background .3s} .field textarea:focus{outline:none;border-color:var(--pink);background:var(--card);box-shadow:0 0 0 3px rgba(233,24,92,.12)} .opt{color:var(--ink-3);font-weight:600;font-size:.72rem} .demo-promise{display:flex;gap:.7rem;align-items:flex-start;background:var(--green-soft);border:1px solid #CBEBD8;border-radius:14px;padding:.9rem 1.1rem;font-size:.85rem;color:var(--ink);margin-bottom:1.3rem} .demo-promise .ok{flex:none;width:24px;height:24px;border-radius:50%;background:var(--card);color:var(--green);display:grid;place-items:center;font-weight:800;font-size:.75rem} /* ---------- notification stack (hero) ---------- */ .notif-stack{max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem} .notif{ display:flex;gap:.85rem;align-items:flex-start;background:var(--card);border:1px solid var(--border); border-radius:18px;box-shadow:var(--shadow);padding:1rem 1.1rem; opacity:0;transform:translateY(16px) scale(.98); transition:opacity .6s var(--ease),transform .6s var(--ease); } .notif.show{opacity:1;transform:none} .notif .nic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;background:var(--pink-soft);border:1px solid var(--pink-border)} .notif.ok .nic{background:var(--green-soft);border-color:#CBEBD8} .notif b{display:block;color:var(--ink);font-size:.92rem} .notif span{font-size:.82rem;color:var(--ink-2)} .notif .when{margin-left:auto;font-size:.66rem;color:var(--ink-3);font-weight:700;flex:none} /* ---------- trust strip ---------- */ .trust{display:flex;gap:1rem 1.6rem;flex-wrap:wrap;margin-top:1.6rem} .trust span{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--ink)} .trust span::before{content:"✓";width:18px;height:18px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:.62rem;font-weight:800} /* ---------- problem cards ---------- */ .prob{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);align-items:stretch} .prob .card{border-left:3px solid var(--pink)} .prob .card b{display:block;color:var(--ink);font-size:1rem;margin-bottom:.4rem} .prob .card p{font-size:.9rem} .prob .card.fix{border-left-color:var(--green)} /* ---------- numbered steps ---------- */ .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;counter-reset:step} .step{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:1.8rem 1.5rem;position:relative} .step::before{ counter-increment:step;content:counter(step); display:grid;place-items:center;width:40px;height:40px;border-radius:12px;margin-bottom:1rem; background:linear-gradient(135deg,#F0246B,var(--pink-deep));color:#fff;font-weight:800;font-size:1.1rem; } .step b{display:block;color:var(--ink);font-size:1.05rem;margin-bottom:.4rem} .step p{font-size:.9rem} @media(max-width:900px){.prob,.steps{grid-template-columns:1fr}.trust{gap:.7rem 1.2rem}} @media(hover:hover){ .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(233,24,92,.36)} .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);border-color:var(--pink-border)} .card:hover .icon{transform:scale(1.08) rotate(-4deg)} .pm-tile:hover{transform:translateY(-4px);border-color:var(--pink-border)} } /* ---------- dark theme ---------- */ html[data-theme="dark"]{ --bg:#2A2724;--bg-soft:#332F2C;--band:#2F2B28;--card:#3A3532;--nav-bg:rgba(42,39,36,.96); --border:rgba(255,255,255,.10);--ink:#F4EFEA;--ink-2:#CFC7C0;--ink-3:#9A928B; --pink-soft:rgba(233,24,92,.16);--pink-border:rgba(233,24,92,.38); --green-soft:rgba(31,164,91,.16);--violet-soft:rgba(124,92,252,.16);--violet-border:rgba(124,92,252,.36); --amber-soft:rgba(245,158,11,.14);--amber-border:rgba(245,158,11,.34);--teal-soft:rgba(13,156,155,.14);--teal-border:rgba(13,156,155,.34); --shadow:0 1px 2px rgba(0,0,0,.25),0 10px 28px rgba(0,0,0,.28); --shadow-lift:0 2px 4px rgba(0,0,0,.3),0 18px 44px rgba(233,24,92,.18); color-scheme:dark; } html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#2F2B28;color:var(--ink)} html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus{background:#2A2724} html[data-theme="dark"] .toast{background:#F4EFEA;color:#1B1B1F} html[data-theme="dark"] .bubble.answered{border-color:rgba(31,164,91,.4)} html[data-theme="dark"] .notif.ok .nic{border-color:rgba(31,164,91,.4)} html[data-theme="dark"] .demo-promise{border-color:rgba(31,164,91,.35)} html[data-theme="dark"] .hero,html[data-theme="dark"] .page-hero{background:radial-gradient(50% 42% at 78% 6%,rgba(233,24,92,.12),transparent 70%),var(--band)} html[data-theme="dark"] .tl-item::before{background:var(--card)} html[data-theme="dark"] .choice{background:#2F2B28} html[data-theme="dark"] .receipt{box-shadow:0 18px 44px rgba(0,0,0,.45)} /* ---------- theme toggle ---------- */ .theme-toggle{display:inline-flex;gap:.15rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:.22rem;margin-left:auto;margin-right:.8rem} .theme-toggle button{width:34px;height:30px;border-radius:9px;border:0;background:transparent;color:var(--ink-3);cursor:pointer;display:grid;place-items:center;transition:background .25s,color .25s} .theme-toggle button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .theme-toggle button.is-active{background:var(--card);color:var(--pink);box-shadow:var(--shadow)} @media(min-width:901px){.theme-toggle{margin-left:1.4rem;margin-right:0}} /* ============ POLISH PASS ============ */ :root{--radius:20px;--radius-sm:14px;--gap:1.1rem;--sec:clamp(4.5rem,9vw,7.5rem)} h1,h2,h3{text-wrap:balance} p,li{text-wrap:pretty} h1{letter-spacing:-.03em;line-height:1.06} h2{letter-spacing:-.025em;line-height:1.12} section{padding:var(--sec) 0} .sec-head{margin-bottom:2.6rem} .sec-head p{margin-top:1rem;max-width:34rem} .center .sec-head p{margin-inline:auto} .hero{padding-top:8.5rem;padding-bottom:5rem} .hero h1{margin:1.4rem 0 1.2rem} .hero p.lede{margin-bottom:2.2rem;line-height:1.7} .hero-ctas{margin-top:0;gap:.8rem} .callback{margin-top:1.6rem} .trust{margin-top:1.8rem} .notif-stack{gap:.8rem} .offer-strip{margin-top:2rem} .grid3,.prob,.steps,.plans,.price-mini,.stats{gap:var(--gap)} .card,.step,.plan,.panel,.info-card,.offer-tile,.pm-tile,.stat,.faq-item,.notif{border-radius:var(--radius)} .card{padding:2rem 1.8rem} .step{padding:2rem 1.8rem} .plan{padding:2rem 1.7rem} .stat{padding:2.4rem 1.2rem} .pm-tile{padding:1.6rem 1.2rem} .offer-tile{padding:1.4rem 1.4rem} .faq-item{border-radius:var(--radius-sm)} .chip{padding:.42rem .95rem} .btn{padding:.9rem 1.7rem;letter-spacing:.005em} .btn:active{transform:scale(.985)} .btn.ghost{background:var(--card)} .cta-band{padding:3rem 2rem} .cta-band p{margin-bottom:1.8rem} .plan-terms{margin-top:1.4rem;line-height:1.6} .timeline{margin-top:.4rem} .faq{margin-top:.2rem} footer{padding:3.6rem 0 4.2rem} .foot{gap:2.4rem 3rem;align-items:flex-start} .foot>div{min-width:180px;line-height:1.7} .social{display:flex;gap:.6rem;margin-top:.9rem} .social a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--bg-soft);border:1px solid var(--border);color:var(--ink-2);transition:color .25s,border-color .25s,background .25s} .social a svg{width:18px;height:18px;fill:currentColor} @media(hover:hover){.social a:hover{color:var(--pink);border-color:var(--pink-border);background:var(--pink-soft)}} @media(max-width:900px){ section{padding:3.6rem 0} .hero{padding-top:7.2rem;padding-bottom:3.2rem} .hero h1{margin:1.1rem 0 1rem} .sec-head{margin-bottom:2rem} .card,.step,.plan{padding:1.6rem 1.4rem} .cta-band{padding:2.4rem 1.4rem} .foot{gap:1.8rem} } /* ============ conversational form ============ */ .tf-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:start} .tf{background:linear-gradient(160deg,#F0246B,var(--pink-deep));border:0;border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:1.8rem 1.9rem 1.3rem;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#fff}.tf .q h2{color:#fff}.tf .q h2 .pink{color:#FFE1EA}.tf .tf-count{color:rgba(255,255,255,.75)}.tf .pbar{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.25)}.tf .pbar i{background:#fff}.tf .tf-sub,.tf .tf-hint,.tf .tf-kbd{color:rgba(255,255,255,.8)}.tf .tf-skip{color:#FFE1EA}.tf .tf-input{color:#fff;border-bottom-color:rgba(255,255,255,.4)}.tf .tf-input::placeholder{color:rgba(255,255,255,.6)}.tf .tf-input:focus{border-bottom-color:#fff}.tf .choice{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}.tf .choice.on{background:#fff;border-color:#fff;color:var(--pink-deep)}.tf .choice.on::before{content:"✓ "}.tf .tf-foot{border-top-color:rgba(255,255,255,.2)}.tf .tf-back{color:rgba(255,255,255,.85)}.tf .btn{background:#fff;color:var(--pink-deep);box-shadow:none}.tf .field label{color:rgba(255,255,255,.9)}.tf .field input,.tf .field select{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}.tf .field input::placeholder{color:rgba(255,255,255,.6)}.tf .field input:focus,.tf .field select:focus{background:rgba(255,255,255,.22);border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2)}.tf .field select option{color:var(--ink)}.tf .form-note{color:rgba(255,255,255,.75)}.tf .form-note a{color:#fff}.tf .ferr{color:#FFE1EA}.tf .nic-big{background:rgba(255,255,255,.2);color:#fff}.tf .tf-done a{color:#fff} .tf-top{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem} .tf-count{font-size:.72rem;font-weight:800;color:var(--ink-3);flex:none} .tf-stage{position:relative} .q{display:none;animation:qIn .45s var(--ease)} .q.active{display:block} .q.out-left,.q.out-right{display:none} @keyframes qIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}} .q h2{font-size:clamp(1.35rem,3.2vw,1.9rem);margin-bottom:1.1rem;line-height:1.2} .tf-sub{margin:-.5rem 0 1rem;font-size:.9rem;color:var(--ink-3)} .tf-input{width:100%;border:0;border-bottom:2px solid var(--border);background:transparent;font:inherit;font-size:1.25rem;font-weight:600;color:var(--ink);padding:.6rem 0;outline:none;transition:border-color .3s} .tf-input:focus{border-bottom-color:var(--pink)} .tf-hint{font-size:.78rem;color:var(--ink-3);margin-top:.9rem} .tf-skip{background:none;border:0;color:var(--pink);font:inherit;font-weight:700;cursor:pointer;padding:0} .tf-choices .choice{font-size:.95rem;padding:.75rem 1.15rem} .tf-nav{margin-top:1.2rem} .tf-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--border)} .tf-back{background:none;border:0;color:var(--ink-2);font:inherit;font-weight:700;cursor:pointer;visibility:hidden} .tf-kbd{font-size:.72rem;color:var(--ink-3);font-weight:700} .shake{animation:shake .4s} @keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}} .tf-done{text-align:center;padding:1rem 0} .nic-big{width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;font-size:1.6rem;background:var(--green-soft);color:var(--green)} .agent-card{background:var(--card);border:1px solid var(--pink-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem;position:sticky;top:6rem} .ac-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem} .ac-head b{color:var(--ink);font-size:.95rem} .ac-live{margin-left:auto;font-size:.66rem;font-weight:800;color:var(--pink);background:var(--pink-soft);border:1px solid var(--pink-border);border-radius:999px;padding:.25rem .6rem} .ac-row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px dashed var(--border);font-size:.85rem} .ac-row span{color:var(--ink-3);flex:none} .ac-row b{color:var(--ink);text-align:right;font-weight:700} .ac-foot{font-size:.75rem;color:var(--ink-3);margin-top:.9rem} @media(max-width:900px){ .tf-wrap{grid-template-columns:1fr} .tf{min-height:0;padding:1.3rem 1.2rem 1rem} .tf-kbd{display:none} .agent-card{position:static;order:2} } /* ============ hero call scene ============ */ .hero-scene{position:relative;width:100%;max-width:420px;aspect-ratio:1;margin:0 auto;display:grid;place-items:center} .orb-core{position:relative;z-index:3;width:132px;height:132px;border-radius:50%;display:grid;place-items:center; background:radial-gradient(circle at 34% 30%,#fff,#EDE7E2 60%,#D9CFC8); box-shadow:0 20px 50px rgba(233,24,92,.28),inset 0 -8px 18px rgba(0,0,0,.12); animation:orbBob 4s ease-in-out infinite} .orb-logo{width:118px;height:118px;background:var(--logo) center/contain no-repeat;filter:drop-shadow(0 4px 10px rgba(233,24,92,.35))} @keyframes orbBob{50%{transform:translateY(-8px)}} .hero-scene.answered .orb-core{box-shadow:0 20px 50px rgba(31,164,91,.3),inset 0 -8px 18px rgba(0,0,0,.12)} .ring{position:absolute;z-index:1;border-radius:50%;border:2px solid var(--pink);opacity:0;left:50%;top:50%;transform:translate(-50%,-50%)} .ring1{width:180px;height:180px;animation:ripple 2.6s ease-out infinite} .ring2{width:180px;height:180px;animation:ripple 2.6s ease-out infinite .6s} .ring3{width:180px;height:180px;animation:ripple 2.6s ease-out infinite 1.2s} @keyframes ripple{0%{opacity:.55;width:150px;height:150px}100%{opacity:0;width:360px;height:360px}} .hero-scene.answered .ring{border-color:var(--green);animation-play-state:paused;opacity:0} .incoming,.caught{position:absolute;z-index:4;top:8%;left:50%;transform:translate(-50%,-6px); display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;font-size:.82rem;font-weight:800; box-shadow:var(--shadow);opacity:0;transition:opacity .4s,transform .4s} .incoming{background:var(--pink-soft);border:1px solid var(--pink-border);color:var(--pink)} .caught{background:var(--green-soft);border:1px solid #CBEBD8;color:var(--green)} .incoming.show,.caught.show{opacity:1;transform:translate(-50%,0)} .ic-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);animation:blink 1s infinite} @keyframes blink{50%{opacity:.3}} .ic-tick{font-weight:900} .mini-notif{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--border); border-radius:14px;box-shadow:var(--shadow);padding:.55rem .8rem;font-size:.78rem;font-weight:700;color:var(--ink); opacity:0;transform:translateY(8px) scale(.96);transition:opacity .45s var(--ease),transform .45s var(--ease)} .mini-notif.show{opacity:1;transform:none} .mn1{left:-4%;top:34%}.mn2{right:-6%;top:52%}.mn3{left:6%;bottom:14%} /* static fallback */ @media(prefers-reduced-motion:reduce){ .ring{display:none}.incoming{display:none}.caught{opacity:1;transform:translate(-50%,0)} .mini-notif{opacity:1;transform:none} } @media(max-width:900px){ .hero-scene{max-width:300px;margin-top:1.4rem} .orb-core{width:110px;height:110px}.orb-logo{width:98px;height:98px} .mn1{left:0}.mn2{right:0}.mn3{left:4%} .mini-notif{font-size:.72rem;padding:.45rem .65rem} } /* equal-height card internals */ .stat,.card,.step,.offer-tile,.pm-tile,.plan{display:flex;flex-direction:column} .stat{justify-content:center} .prob .card p,.card p{margin-top:auto;margin-bottom:0} .prob .card b,.card h3{margin-bottom:.5rem} /* ---------- industry vignettes ---------- */ .card.ind{padding-bottom:1.4rem} .vig{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem} .vg{border:1px solid var(--border);border-radius:12px;padding:.65rem .8rem;background:var(--bg-soft)} .vg.ok{background:var(--green-soft);border-color:rgba(31,164,91,.35)} .vk{display:block;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.2rem} .vg.ok .vk{color:var(--green)} .vg p{font-size:.85rem;margin:0;color:var(--ink)} .card.ind p{margin-top:0} /* ============ WIDTH UNIFICATION: every block spans the same content width ============ */ .setup-band,.plan-terms,.faq,.timeline,.price-mini,.cta-band{max-width:none;width:100%} .timeline{padding-left:2.2rem} .sec-head{margin-left:auto;margin-right:auto} .center .sec-head p{margin-left:auto;margin-right:auto} .plans,.grid3,.prob,.steps,.stats{width:100%} /* four plans: 4 across on wide screens, 2 on tablets, 1 on phones */ @media(min-width:1100px){.plans.four{grid-template-columns:repeat(4,1fr)}} @media(min-width:901px) and (max-width:1099px){.plans.four{grid-template-columns:repeat(2,1fr)}} .plans-note{text-align:center;font-size:.9rem;color:var(--ink-2);margin-top:1.4rem} .plans-note a{color:var(--pink);font-weight:700} /* enterprise card: inverse */ .plan.enterprise{background:#1B1B1F;border-color:#1B1B1F;color:#F4EFEA} .plan.enterprise h3,.plan.enterprise .p-price b,.plan.enterprise li{color:#F4EFEA} .plan.enterprise .p-sub,.plan.enterprise .p-note,.plan.enterprise .p-price span{color:#B8B0A8} .plan.enterprise .p-price b{font-size:1.55rem;line-height:1.2} .plan.enterprise li .tick{background:rgba(233,24,92,.2);color:#FF7FA6} .plan.enterprise .btn{background:var(--pink);color:#fff} html[data-theme="dark"] .plan.enterprise{background:#141214;border-color:rgba(255,255,255,.14)} /* enterprise page */ .who{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)} .who .card{padding:1.6rem 1.4rem} .who .card b{display:block;color:var(--ink);font-size:1rem;margin-bottom:.35rem} .who .card p{font-size:.88rem;margin:0} .ent-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.9rem} .ent-form h3{font-size:1.05rem;margin:1.6rem 0 .9rem;padding-top:1.4rem;border-top:1px solid var(--border)} .ent-form h3:first-of-type{margin-top:0;padding-top:0;border-top:0} .ent-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem} .ent-form .field label .opt{margin-left:.3rem} .ent-done{text-align:center;padding:2rem 1rem} @media(max-width:900px){.who{grid-template-columns:1fr}.ent-form .row2{grid-template-columns:1fr}.nav-links{gap:1.6rem}} @media(min-width:901px){.nav-links{gap:1.4rem}.nav-links a{font-size:.9rem}} /* ---- hero rhythm (fixed nav ≈ 4.2rem) ---- */ .page-hero{padding-top:7rem;padding-bottom:2.8rem} .hero{padding-top:7.4rem} @media(max-width:900px){.page-hero{padding-top:6.4rem;padding-bottom:2.2rem}.hero{padding-top:6.6rem}} .tf-wrap{align-items:start}