/* /pricing/ only. Built from docs/page-drafts/pricing/pricing-v3-approved.html.
   Everything is scoped under main.pv3 so nothing here reaches the shared header,
   footer or any other page; colliding draft class names carry a "p-" prefix.
   Colours come from css/site.css; the few tokens the design adds are defined here,
   with the site's light/dark mechanism (prefers-color-scheme + [data-theme]). */
.pv3{--ink-2:#3D5F51;--ink-3:#4F685B;--ok-t:#237A4A;--line-2:var(--line-soft);--cream:#FFF6DA;--cream-2:#FFEDB8;--cream-ink:#5C4300;
--on-accent:var(--accent-ink);--ok-bg:#E4F3EA;--soft:#FFF3CC;--panel-2ink:#A9C6B8;
--sh-1:0 1px 2px rgba(18,53,41,.06),0 0 0 1px rgba(18,53,41,.05);
--sh-2:0 1px 2px rgba(18,53,41,.05),0 12px 32px -14px rgba(18,53,41,.24);
--sh-3:0 2px 6px rgba(18,53,41,.06),0 34px 80px -30px rgba(18,53,41,.42);
--ease:cubic-bezier(.2,.75,.25,1);--spring:cubic-bezier(.34,1.56,.64,1);
display:block;line-height:1.55;font-optical-sizing:auto;text-rendering:optimizeLegibility}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pv3{--ink-2:#B4C3BB;--ink-3:#8FA197;--ok-t:var(--ok);--cream:#1F2219;--cream-2:#2A2C1C;--cream-ink:#F3D774;--ok-bg:#15291E;--soft:#26291A;
--sh-1:0 0 0 1px rgba(255,255,255,.05),0 1px 2px rgba(0,0,0,.5);--sh-2:0 0 0 1px rgba(255,255,255,.06),0 14px 34px -16px rgba(0,0,0,.8);--sh-3:0 0 0 1px rgba(255,255,255,.07),0 34px 80px -30px rgba(0,0,0,.95)}}
:root[data-theme="dark"] .pv3{--ink-2:#B4C3BB;--ink-3:#8FA197;--ok-t:var(--ok);--cream:#1F2219;--cream-2:#2A2C1C;--cream-ink:#F3D774;--ok-bg:#15291E;--soft:#26291A;
--sh-1:0 0 0 1px rgba(255,255,255,.05),0 1px 2px rgba(0,0,0,.5);--sh-2:0 0 0 1px rgba(255,255,255,.06),0 14px 34px -16px rgba(0,0,0,.8);--sh-3:0 0 0 1px rgba(255,255,255,.07),0 34px 80px -30px rgba(0,0,0,.95)}
.pv3 img,.pv3 svg{display:block}
.pv3 button{font:inherit;color:inherit}
.pv3 h1,.pv3 h2,.pv3 h3,.pv3 h4,.pv3 p{margin:0}
.pv3 :focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;border-radius:8px}
/* the yellow ring is only 1.5:1 on a light page; keep it for the dark panels */
.pv3 .p-hero :focus-visible,.pv3 .rcpt :focus-visible,.pv3 .sheet-total :focus-visible,.pv3 .why :focus-visible,.pv3 .end-in :focus-visible,.pv3 .dock :focus-visible{outline-color:var(--squeeze)}
.pv3 [hidden]{display:none!important}
/* js/site.js fades every <section> in; this page has its own reveal, so the section itself stays put. */
.pv3 section.reveal,.pv3 section.reveal.in{opacity:1;transform:none;transition:none}
/* site.css spaces every <section> apart; this design's sections carry their own padding. */
.pv3 section{margin-block:0}
html.pv3-js .pv3 [data-rv]{transition-delay:calc(var(--d,0)*90ms)}
.pv3 .num{font-variant-numeric:tabular-nums lining-nums}
.pv3 .p-shell{max-width:1200px;margin:0 auto;padding:0 var(--gut)}
.pv3 .ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pv3 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pv3 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15px;letter-spacing:-.01em;border:0;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .2s ease,background-color .2s ease,color .2s}
.pv3 .btn:active{transform:translateY(1px) scale(.98)}
.pv3 .btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 -2px 0 rgba(18,53,41,.14),0 6px 16px -8px rgba(201,150,20,.6)}
.pv3 .btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 -2px 0 rgba(18,53,41,.14),0 14px 26px -10px rgba(201,150,20,.7)}
.pv3 .btn-quiet{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.pv3 .btn-quiet:hover{box-shadow:inset 0 0 0 1px var(--ink-3);transform:translateY(-1px)}
.pv3 .btn-ghost{background:rgba(238,245,241,.07);color:var(--panel-ink);box-shadow:inset 0 0 0 1px rgba(238,245,241,.22)}
.pv3 .btn-ghost:hover{background:rgba(238,245,241,.13);transform:translateY(-1px)}
.pv3 .btn-sm{height:38px;padding:0 16px;font-size:14px}
.pv3 .btn-lg{height:54px;padding:0 28px;font-size:16.5px}
.pv3 .btn .ico{width:17px;height:17px;stroke-width:2.2}
.pv3 .h2{font-size:clamp(30px,4.2vw,50px);line-height:1.04;font-weight:800;letter-spacing:-.038em;text-wrap:balance}
.pv3 .p-lede{font-size:clamp(16.5px,1.4vw,18.5px);color:var(--ink-2);max-width:56ch;text-wrap:pretty}
.pv3 .p-lede a,.pv3 .inl{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.pv3 .sec-head{display:grid;gap:14px;margin-bottom:clamp(30px,4vw,48px);max-width:740px}
.pv3 .sec-head.row{max-width:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 40px}
@media (max-width:760px){
.pv3 .sec-head.row{grid-template-columns:1fr}
}
.pv3-js .pv3 [data-rv]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--d,0)*90ms)}
.pv3-js .pv3 [data-rv].in{opacity:1;transform:none}
.pv3 .p-hero{position:relative;background:var(--panel);color:var(--panel-ink);overflow:hidden;isolation:isolate}
.pv3 .p-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(560px 420px at 18% 70%,rgba(255,201,60,.14),transparent 70%),radial-gradient(700px 520px at 85% 30%,rgba(111,203,143,.1),transparent 70%)}
.pv3 .p-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(207,231,221,.13) 1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 70% 45%,#000,transparent 65%);mask-image:radial-gradient(ellipse at 70% 45%,#000,transparent 65%)}
.pv3 .hero-in{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4.5vw,64px);align-items:center;padding-top:clamp(44px,6.5vw,92px);padding-bottom:clamp(64px,8vw,112px)}
.pv3 .p-tag{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 14px;border-radius:999px;background:rgba(238,245,241,.07);box-shadow:inset 0 0 0 1px rgba(238,245,241,.14);font-size:13.5px;font-weight:700;color:var(--panel-2ink)}
.pv3 .p-tag .p-dot{width:7px;height:7px;border-radius:50%;background:#6FCB8F;box-shadow:0 0 0 0 rgba(111,203,143,.5);animation:pv3-ping 2.4s ease-out infinite}
@keyframes pv3-ping{0%{box-shadow:0 0 0 0 rgba(111,203,143,.55)}80%,100%{box-shadow:0 0 0 9px rgba(111,203,143,0)}}
.pv3 .p-hero h1{margin-top:24px;font-size:clamp(25px,2.7vw,34px);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:#CFE2D8;text-wrap:balance}
.pv3 .p-big{display:flex;align-items:flex-start;line-height:.8;margin-top:10px;color:#FFF3CC}
.pv3 .p-big .n{font-size:clamp(140px,17vw,236px);font-weight:800;letter-spacing:-.07em}
.pv3 .p-big .p-c{font-size:clamp(66px,8vw,112px);font-weight:800;margin-top:.12em;color:var(--squeeze);letter-spacing:-.04em}
.pv3 .p-big .per{align-self:flex-end;margin:0 0 .5em 16px;font-size:clamp(16px,1.5vw,19px);font-weight:700;line-height:1.25;color:var(--panel-2ink);letter-spacing:-.01em}
.pv3 .bill{margin-top:22px;font-size:17px;color:#BFD6CB}
.pv3 .bill b{color:var(--panel-ink)}
.pv3 .ctas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.pv3 .free{margin-top:16px;font-size:14.5px;color:#93B3A4;display:flex;align-items:center;gap:8px}
.pv3 .free .ico{width:17px;height:17px;color:#6FCB8F;stroke-width:2.4}
.pv3-js .pv3 .h-l>*{opacity:0;transform:translateY(14px);animation:pv3-rise .8s var(--ease) forwards;animation-delay:calc(var(--i)*80ms + 60ms)}
@keyframes pv3-rise{to{opacity:1;transform:none}}
.pv3 .stage{position:relative;container-type:inline-size;padding:5% 3% 10% 6%}
.pv3 .win{position:relative;border-radius:2.6cqi;background:#FFFCF2;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 90px -40px rgba(0,0,0,.75),0 20px 40px -24px rgba(0,0,0,.5);overflow:hidden;color:#123529;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);transform-origin:60% 50%}
.pv3 .p-bar{display:flex;align-items:center;gap:2cqi;height:9cqi;padding:0 2.4cqi;background:#EEF4F0;border-bottom:1px solid #DCE7E1}
.pv3 .dots{display:flex;gap:1.1cqi}
.pv3 .dots i{width:1.9cqi;height:1.9cqi;border-radius:50%;background:#C9D8D0}
.pv3 .url{flex:1;display:flex;align-items:center;gap:1.4cqi;height:5.8cqi;padding:0 2cqi;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px #DCE7E1;font-size:2.55cqi;font-weight:700;color:#3D5F51;min-width:0}
.pv3 .url .host{white-space:nowrap;overflow:hidden}
.pv3 .url .host::after{content:"";display:inline-block;width:1.5px;height:2.9cqi;margin-left:1px;vertical-align:-.5cqi;background:#123529;animation:pv3-blink 1s steps(1) infinite}
.pv3 .stage.live .url .host::after{display:none}
@keyframes pv3-blink{50%{opacity:0}}
.pv3 .lock{position:relative;width:2.9cqi;height:3.4cqi;flex:none;color:#8FA197;transition:color .3s}
.pv3 .lock svg{width:100%;height:100%;overflow:visible}
.pv3 .lock .sh{transform:translateY(-22%);transition:transform .45s var(--spring)}
.pv3 .stage.live .lock{color:#2E8B57}
.pv3 .stage.live .lock .sh{transform:none}
.pv3 .lock::after{content:"";position:absolute;inset:-60%;border-radius:50%;border:2px solid #2E8B57;opacity:0;transform:scale(.4)}
.pv3 .stage.live .lock::after{animation:pv3-ring .7s ease-out .15s}
@keyframes pv3-ring{0%{opacity:.8;transform:scale(.4)}100%{opacity:0;transform:scale(1.3)}}
.pv3 .pub{flex:none;display:inline-flex;align-items:center;gap:1cqi;height:5.4cqi;padding:0 2cqi;border-radius:99px;font-size:2.3cqi;font-weight:700;background:#E3ECE7;color:#3D5F51;transition:background-color .3s,color .3s}
.pv3 .pub i{width:1.5cqi;height:1.5cqi;border-radius:50%;background:currentColor}
.pv3 .stage.publishing .pub{background:#FFF0C2;color:#7A5800}
.pv3 .stage.publishing .pub i{animation:pv3-blink .6s steps(1) infinite}
.pv3 .stage.live .pub{background:#2E8B57;color:#fff}
.pv3 .prog{height:.7cqi;background:transparent}
.pv3 .prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#FFC93C,#6FCB8F)}
.pv3 .stage.publishing .prog i{width:100%;transition:width 1.3s cubic-bezier(.5,.1,.3,1)}
.pv3 .stage.live .prog i{width:100%;opacity:0;transition:opacity .5s .2s}
.pv3 .page{padding:3.4cqi 4.4cqi 4.6cqi}
.pv3 .pg-nav{display:flex;align-items:center;gap:1.6cqi}
.pv3 .pg-logo{width:4.4cqi;height:4.4cqi;border-radius:50%;background:#123529;display:grid;place-items:center}
.pv3 .pg-logo i{width:1.8cqi;height:1.8cqi;border-radius:50%;background:#FFC93C}
.pv3 .pg-nav b{font-size:2.9cqi;font-weight:800;letter-spacing:-.03em}
.pv3 .pg-nav span{margin-left:auto;display:flex;gap:2.2cqi}
.pv3 .pg-nav span i{width:7cqi;height:1.3cqi;border-radius:9px;background:#D5E3DB}
.pv3 .pg-hero{margin-top:3.4cqi;display:grid;grid-template-columns:1.1fr .9fr;gap:3cqi;align-items:center;padding:4cqi;border-radius:2.2cqi;background:#FFEDB8}
.pv3 .pg-hero h4{font-size:5.1cqi;line-height:1.02;font-weight:800;letter-spacing:-.045em;color:#123529}
.pv3 .pg-hero p{margin-top:1.8cqi;display:grid;gap:1cqi}
.pv3 .pg-hero p i{display:block;height:1.2cqi;border-radius:9px;background:rgba(18,53,41,.18)}
.pv3 .pg-hero p i:last-child{width:70%}
.pv3 .pg-btn{margin-top:2.6cqi;display:inline-flex;align-items:center;height:5.6cqi;padding:0 2.8cqi;border-radius:99px;background:#123529;color:#FFF6DA;font-size:2.3cqi;font-weight:700}
.pv3 .pg-art{width:100%;height:auto}
.pv3 .pg-cards{margin-top:2.6cqi;display:grid;grid-template-columns:repeat(3,1fr);gap:2cqi}
.pv3 .pg-cards div{padding:2.2cqi;border-radius:1.8cqi;background:#fff;box-shadow:0 0 0 1px #E5EEE9;display:grid;gap:1.1cqi}
.pv3 .pg-cards div>i:first-child{width:4.4cqi;height:4.4cqi;border-radius:1.2cqi;background:#CFE7DD}
.pv3 .pg-cards div:nth-child(2)>i:first-child{background:#FFEDB8}
.pv3 .pg-cards div>i:not(:first-child){height:1.1cqi;border-radius:9px;background:#E3ECE7}
.pv3 .pg-cards div>i:last-child{width:60%}
.pv3-js .pv3 .stage .bk{opacity:0;transform:translateY(2.4cqi) scale(.97)}
.pv3 .stage.build .bk{opacity:1;transform:none;transition:opacity .5s var(--ease),transform .6s var(--spring);transition-delay:calc(var(--i)*110ms)}
.pv3 .fl{position:absolute;z-index:2;display:flex;align-items:center;gap:2cqi;padding:2.2cqi 2.8cqi;border-radius:2.4cqi;background:#fff;color:#123529;box-shadow:0 30px 60px -24px rgba(0,0,0,.6),0 0 0 1px rgba(18,53,41,.06);opacity:0;transform:translateY(3cqi) scale(.92);transition:opacity .5s var(--ease),transform .6s var(--spring)}
.pv3 .fl.on{opacity:1;transform:none}
.pv3 .f-vis{left:0;bottom:1cqi;flex-direction:column;align-items:stretch;gap:1.4cqi;min-width:34cqi}
.pv3 .f-vis small{font-size:2.3cqi;font-weight:700;color:#587366;display:flex;align-items:center;gap:1.2cqi}
.pv3 .f-vis small i{width:1.5cqi;height:1.5cqi;border-radius:50%;background:#2E8B57;animation:pv3-ping 2s ease-out infinite}
.pv3 .f-vis .vrow{display:flex;align-items:flex-end;justify-content:space-between;gap:3cqi}
.pv3 .f-vis b{font-size:7.2cqi;font-weight:800;letter-spacing:-.05em;line-height:.9;display:inline-block}
.pv3 .f-vis b.tick{animation:pv3-tick .45s var(--spring)}
@keyframes pv3-tick{0%{transform:translateY(0)}40%{transform:translateY(-12%);color:#2E8B57}100%{transform:none}}
.pv3 .spark{display:flex;align-items:flex-end;gap:.8cqi;height:7cqi}
.pv3 .spark i{width:1.6cqi;border-radius:.5cqi;background:#CFE7DD;height:20%;transition:height .6s var(--spring)}
.pv3 .spark i:last-child{background:#FFC93C}
.pv3 .f-lock{right:0;bottom:30%}
.pv3 .f-lock .lk{width:6.6cqi;height:6.6cqi;border-radius:1.8cqi;background:#E4F3EA;color:#2E8B57;display:grid;place-items:center}
.pv3 .f-lock .lk svg{width:3.4cqi;height:3.4cqi;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pv3 .f-lock b{display:block;font-size:2.8cqi;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.pv3 .f-lock span{display:block;font-size:2.2cqi;color:#587366;font-weight:700}
@media (max-width:980px){
.pv3 .hero-in{grid-template-columns:1fr}
.pv3 .stage{max-width:640px;margin:0 auto;width:100%}
}
@media (max-width:560px){
.pv3 .p-big .per{margin-left:10px}
.pv3 .stage{padding:9% 1% 15% 3%}
.pv3 .win{transform:none}
}
.pv3 .incl{padding:clamp(76px,9vw,128px) 0 clamp(56px,7vw,96px)}
.pv3 .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pv3 .fc{position:relative;background:var(--surface);border-radius:24px;box-shadow:var(--sh-1);padding:26px;display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.pv3 .fc:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.pv3 .fc.w2{grid-column:span 2}
.pv3 .fc h3{font-size:19px;font-weight:800;letter-spacing:-.025em;line-height:1.2}
.pv3 .fc p{color:var(--ink-2);font-size:15px;max-width:42ch}
.pv3 .fc .art{margin-bottom:14px;border-radius:16px;background:var(--surface-2);min-height:170px;display:grid;place-items:center;position:relative;overflow:hidden}
.pv3 .ed{width:min(100%,560px);padding:26px 22px 60px}
.pv3 .ed-tb{display:flex;gap:6px;margin-bottom:12px}
.pv3 .ed-tb i{width:26px;height:26px;border-radius:8px;background:var(--surface);box-shadow:var(--sh-1)}
.pv3 .ed-tb i:nth-child(2){background:var(--accent)}
.pv3 .ed-h{font-size:clamp(24px,2.8vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--ink)}
.pv3 .ed-h mark{background:var(--accent);color:var(--on-accent);border-radius:4px;padding:0 3px;box-shadow:inset 0 0 0 1.5px var(--accent)}
.pv3 .ed-h .car{display:inline-block;width:2.5px;height:.9em;background:var(--ink);vertical-align:-.08em;margin-left:2px;animation:pv3-blink 1.05s steps(1) infinite}
.pv3 .ed-p{margin-top:10px;display:grid;gap:7px}
.pv3 .ed-p i{height:9px;border-radius:9px;background:var(--line)}
.pv3 .ed-p i:last-child{width:62%}
.pv3 .ed-pub{position:absolute;right:18px;bottom:18px;height:34px;padding:0 14px;border-radius:99px;background:var(--ink);color:var(--bg);font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px;transition:transform .3s var(--spring)}
.pv3 .fc:hover .ed-pub{transform:scale(1.06)}
.pv3 .pl-art svg{width:110px;height:110px}
.pv3 .pl-art .rg{transform-origin:50% 50%;transition:transform 1.2s var(--ease)}
.pv3 .fc:hover .pl-art .rg{transform:rotate(200deg)}
.pv3 .gl-art svg{width:100%;max-width:300px;height:auto}
.pv3 .gl-art .nd{fill:var(--accent)}
.pv3 .gl-art .pg{fill:none;stroke:var(--accent);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:pv3-gp 2.8s ease-out infinite}
.pv3 .gl-art .pg:nth-of-type(2){animation-delay:.9s}
.pv3 .gl-art .pg:nth-of-type(3){animation-delay:1.8s}
@keyframes pv3-gp{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.pv3 .bk-art{padding:18px;display:grid!important;gap:12px;align-content:center}
.pv3 .days{display:flex;gap:6px;justify-content:center}
.pv3 .days span{width:34px;height:42px;border-radius:10px;background:var(--surface);box-shadow:var(--sh-1);display:grid;place-items:center;font-size:11.5px;font-weight:700;color:var(--ink-3);position:relative}
.pv3 .days span::after{content:"";position:absolute;bottom:6px;width:6px;height:6px;border-radius:50%;background:var(--ok)}
.pv3 .days span.today{background:var(--ink);color:var(--bg)}
.pv3 .restore{justify-self:center;height:32px;padding:0 14px;border-radius:99px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}
.pv3 .restore svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s var(--ease)}
.pv3 .fc:hover .restore svg{transform:rotate(-360deg)}
.pv3 .pubw{width:100%;padding:18px;display:grid;gap:12px}
.pv3 .p-ways{display:flex;flex-wrap:wrap;gap:8px}
.pv3 .p-ways span{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:99px;background:var(--surface);box-shadow:var(--sh-1);font-weight:700;font-size:13.5px;transition:transform .25s var(--spring)}
.pv3 .p-ways span:hover{transform:translateY(-2px)}
.pv3 .p-ways .ico{width:16px;height:16px}
.pv3 .p-term{border-radius:12px;background:#0B241C;color:#CFE7DD;padding:12px 14px;font:700 13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;white-space:nowrap}
.pv3 .p-term .pr{color:#6FCB8F}
.pv3 .p-term .okk{color:#FFC93C}
.pv3 .room{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:18px}
.pv3 .room div{background:var(--surface);border-radius:14px;box-shadow:var(--sh-1);padding:14px}
.pv3 .room b{display:block;font-size:34px;font-weight:800;letter-spacing:-.05em;line-height:1}
.pv3 .room b small{font-size:16px;letter-spacing:-.02em;margin-left:2px}
.pv3 .room div>span{display:block;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--ink-3)}
.pv3 .addr{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:99px;background:var(--surface);box-shadow:var(--sh-2);font-weight:700;font-size:15px;max-width:calc(100% - 28px)}
.pv3 .addr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv3 .addr em{font-style:normal;color:var(--ink-3)}
.pv3 .addr .ico{width:17px;height:17px;color:var(--ok);stroke-width:2.4}
.pv3 .fc .more{margin-top:auto;padding-top:10px}
@media (max-width:980px){
.pv3 .bento{grid-template-columns:1fr 1fr}
.pv3 .fc.w2{grid-column:span 2}
}
@media (max-width:640px){
.pv3 .bento{grid-template-columns:1fr}
.pv3 .fc.w2{grid-column:auto}
.pv3 .fc{padding:20px}
}
.pv3 .proof{background:var(--cream);border-block:1px solid color-mix(in srgb,var(--cream-2) 80%,transparent)}
.pv3 .proof-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.pv3 .pf{display:flex;gap:14px;align-items:flex-start;padding:30px 24px 30px 0}
.pv3 .pf+.pf{padding-left:24px;border-left:1px solid color-mix(in srgb,var(--cream-ink) 16%,transparent)}
.pv3 .pf .ico{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:var(--sh-1);stroke-width:1.9}
.pv3 .pf b{display:block;font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.pv3 .pf div>span{display:block;margin-top:2px;font-size:14px;color:var(--ink-2);line-height:1.4}
.pv3 .pf a{text-decoration:underline;text-underline-offset:2px}
@media (max-width:980px){
.pv3 .proof-in{grid-template-columns:1fr 1fr}
.pv3 .pf:nth-child(3){padding-left:0;border-left:0}
.pv3 .pf:nth-child(n+3){border-top:1px solid color-mix(in srgb,var(--cream-ink) 16%,transparent)}
}
@media (max-width:560px){
.pv3 .proof-in{grid-template-columns:1fr}
.pv3 .pf,.pv3 .pf+.pf{padding:20px 0;border-left:0}
.pv3 .pf+.pf{border-top:1px solid color-mix(in srgb,var(--cream-ink) 16%,transparent)}
}
.pv3 .store{padding:clamp(76px,9vw,128px) 0}
.pv3 .st-grid{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:28px;align-items:start}
.pv3 .chips{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.pv3 .chip{height:38px;padding:0 16px;border-radius:999px;border:0;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;font-size:14px;cursor:pointer;color:var(--ink-2);transition:background-color .2s,color .2s,box-shadow .2s,transform .2s var(--spring)}
.pv3 .chip:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-3)}
.pv3 .chip:active{transform:scale(.95)}
.pv3 .chip.on{background:var(--ink);color:var(--bg);box-shadow:none}
.pv3 .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pv3 .tile{position:relative;display:grid;grid-template-columns:52px 1fr;gap:3px 14px;align-items:center;text-align:left;padding:16px;border-radius:20px;border:0;background:var(--surface);box-shadow:var(--sh-1);cursor:pointer;transition:box-shadow .25s,transform .25s var(--ease)}
.pv3 .tile:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.pv3 .tile:active{transform:translateY(-1px) scale(.985)}
.pv3 .tile .ai{width:52px;height:52px;grid-row:span 2;transition:transform .35s var(--spring)}
.pv3 .tile:hover .ai{transform:rotate(-6deg) scale(1.06)}
.pv3 .tile b{font-size:15.5px;letter-spacing:-.015em;line-height:1.2}
.pv3 .tile span{font-size:13px;color:var(--ink-3);line-height:1.3;font-weight:650}
.pv3 .tile .on-plan{color:var(--ok-t);font-weight:700}
.pv3 .tile.sel{box-shadow:0 0 0 2px var(--ink),var(--sh-2)}
.pv3 .tile.p-soon{background:var(--surface-2);box-shadow:none;cursor:pointer}
.pv3 .tile.p-soon:hover{transform:none;box-shadow:inset 0 0 0 1px var(--line)}
.pv3 .tile.p-soon.sel{box-shadow:0 0 0 2px var(--ink-3)}
.pv3 .tile.p-soon b{color:var(--ink-2)}
.pv3 .tile.p-soon:hover .ai{transform:none}
.pv3 .soonb{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--surface-3);color:var(--ink-3);font-size:11.5px;font-weight:700;justify-self:start}
.pv3 .got{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;animation:pv3-pop .45s var(--spring) both}
.pv3 .got .ico{width:13px;height:13px;stroke-width:3.2}
@keyframes pv3-pop{from{transform:scale(0) rotate(-45deg)}to{transform:none}}
.pv3 .tile[hidden]{display:none}
.pv3 .tile.show{animation:pv3-tin .4s var(--ease) both;animation-delay:calc(var(--k,0)*28ms)}
@keyframes pv3-tin{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.pv3 .ai{position:relative;display:block;flex:none}
.pv3 .ai img{width:100%;height:100%}
.pv3 .ai .d{display:none}
:root[data-theme="dark"] .pv3 .ai .l{display:none}
:root[data-theme="dark"] .pv3 .ai .d{display:block}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .pv3 .ai .l{display:none}
:root:not([data-theme="light"]) .pv3 .ai .d{display:block}
}
.pv3 .p-soon .ai{filter:grayscale(1);opacity:.5}
.pv3 .insp{position:sticky;top:86px;display:grid;gap:12px}
.pv3 .insp-card{background:var(--surface);border-radius:24px;box-shadow:var(--sh-2);padding:22px;position:relative}
.pv3 .insp-x{display:none}
.pv3 .swap{animation:pv3-swap .35s var(--ease)}
@keyframes pv3-swap{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
.pv3 .ia{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center}
.pv3 .ia .ai{width:58px;height:58px}
.pv3 .ia h3{font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1.15}
.pv3 .ia small{font-size:13px;color:var(--ink-3);font-weight:700}
.pv3 .ia-b{margin:14px 0 16px;color:var(--ink-2);font-size:15px}
.pv3 .plans{display:grid;gap:8px}
.pv3 .pl{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:13px 14px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s,background-color .25s}
.pv3 .pl b{font-size:15px;letter-spacing:-.01em}
.pv3 .pl .pp{font-weight:800;font-size:16px;text-align:right;white-space:nowrap}
.pv3 .pl .pp small{font-weight:700;font-size:12px;color:var(--ink-3)}
.pv3 .pl p{grid-column:1;font-size:13.5px;color:var(--ink-3);line-height:1.4}
.pv3 .pb{grid-column:2;grid-row:2;justify-self:end;position:relative;height:34px;min-width:84px;padding:0 14px;border-radius:999px;border:0;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--ink);color:var(--bg);transition:background-color .2s,color .2s,transform .2s var(--spring)}
.pv3 .pb:hover{transform:translateY(-1px)}
.pv3 .pb:active{transform:scale(.94)}
.pv3 .pb .ico{width:14px;height:14px;stroke-width:2.8}
.pv3 .pb .ico.ck path{stroke-dasharray:22;stroke-dashoffset:0;animation:pv3-draw .4s var(--ease)}
@keyframes pv3-draw{from{stroke-dashoffset:22}}
.pv3 .pl.on{box-shadow:inset 0 0 0 2px var(--ink);background:var(--soft)}
.pv3 .pl.on .pb{background:var(--accent);color:var(--on-accent)}
.pv3 .pb[disabled]{background:var(--surface-2);color:var(--ink-3);cursor:default;transform:none}
.pv3 .soonbox{padding:16px;border-radius:16px;background:var(--surface-2);color:var(--ink-2);font-size:14.5px}
.pv3 .soonbox b{display:block;color:var(--ink);margin-bottom:2px}
.pv3 .soonbox a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pv3 .rcpt{background:var(--panel);color:var(--panel-ink);border-radius:24px;padding:20px 22px 22px;box-shadow:var(--sh-2);position:relative;overflow:hidden}
.pv3 .rcpt::before{content:"";position:absolute;width:260px;height:260px;right:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(255,201,60,.18),transparent 65%);pointer-events:none}
.pv3 .rc-h{font-size:14px;font-weight:700;color:var(--panel-2ink)}
.pv3 .rl{list-style:none;margin:10px 0 0;padding:0}
.pv3 .rl li{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s var(--ease),opacity .3s}
.pv3 .rl li>div{overflow:hidden;min-height:0}
.pv3 .rl li .r{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px dashed rgba(207,231,221,.16);font-size:14.5px;color:#CFE2D8}
.pv3 .rl li:first-child .r{border-top:0}
.pv3 .rl li .r b{color:var(--panel-ink);font-weight:700}
.pv3 .rl li.in{animation:pv3-rlin .45s var(--ease)}
@keyframes pv3-rlin{from{grid-template-rows:0fr;opacity:0}to{grid-template-rows:1fr;opacity:1}}
.pv3 .rl li.out{grid-template-rows:0fr;opacity:0}
.pv3 .rl li.flash .r b{animation:pv3-flash .6s ease}
@keyframes pv3-flash{30%{color:var(--squeeze)}}
.pv3 .rc-t{display:flex;align-items:baseline;gap:10px;margin-top:10px;padding-top:14px;border-top:1px solid rgba(207,231,221,.16);transform-origin:left center}
.pv3 .rc-t b{font-size:44px;font-weight:800;letter-spacing:-.045em;color:var(--squeeze);line-height:1}
.pv3 .rc-t span{font-size:13.5px;color:var(--panel-2ink)}
.pv3 .rc-cta{margin-top:16px;display:grid;gap:8px}
.pv3 .rc-cta .btn{width:100%}
.pv3 .rc-note{font-size:13px;color:#93B3A4;text-align:center}
@keyframes pv3-bump{0%{transform:scale(1)}35%{transform:scale(1.07)}100%{transform:scale(1)}}
.pv3 .bump{animation:pv3-bump .45s var(--ease)}
.pv3 .flyer{position:fixed;z-index:400;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--squeeze);box-shadow:0 0 0 4px rgba(255,201,60,.3),0 8px 18px -6px rgba(201,150,20,.8);pointer-events:none}
.pv3 .scrim{display:none}
@media (max-width:1100px){
.pv3 .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.pv3 .st-grid{grid-template-columns:minmax(0,1fr) 352px}
}
@media (max-width:900px){
.pv3 .st-grid{grid-template-columns:1fr}
.pv3 .rcpt{display:none}
.pv3 .insp{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:300;padding:10px 10px calc(12px + env(safe-area-inset-bottom));max-height:86vh;overflow:auto;background:var(--bg);border-radius:26px 26px 0 0;box-shadow:0 -20px 60px -20px rgba(0,0,0,.45);transform:translateY(105%);transition:transform .42s var(--ease),visibility 0s .42s;visibility:hidden}
.pv3 .insp::before{content:"";display:block;width:44px;height:5px;border-radius:9px;background:var(--line);margin:2px auto 10px}
.pv3 .insp.open{transform:none;visibility:visible;transition:transform .42s var(--ease)}
.pv3 .insp-x{display:grid;place-items:center;position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:var(--surface-2);cursor:pointer}
.pv3 .insp-x .ico{width:16px;height:16px}
.pv3 .ia{padding-right:42px}
.pv3 .scrim{display:block;position:fixed;inset:0;z-index:290;background:rgba(6,18,13,.5);opacity:0;pointer-events:none;transition:opacity .3s}
.pv3 .scrim.open{opacity:1;pointer-events:auto}
.pv3 .sheet-total{display:flex!important}
}
.pv3 .sheet-total{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 12px 12px 18px;border-radius:20px;background:var(--panel);color:var(--panel-ink)}
.pv3 .sheet-total span{font-size:13px;color:var(--panel-2ink);font-weight:700;display:block}
.pv3 .sheet-total b{font-size:26px;font-weight:800;letter-spacing:-.04em;color:var(--squeeze);line-height:1}
@media (max-width:560px){
.pv3 .tiles{grid-template-columns:1fr 1fr;gap:10px}
.pv3 .tile{grid-template-columns:1fr;padding:14px}
.pv3 .tile .ai{width:46px;height:46px;grid-row:auto;margin-bottom:6px}
}
.pv3 .extras{padding:0 0 clamp(76px,9vw,128px)}
.pv3 .xg{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}
.pv3 .bx{background:var(--surface);border-radius:24px;box-shadow:var(--sh-1);padding:26px;display:flex;flex-direction:column;gap:10px;transition:transform .3s var(--ease),box-shadow .3s}
.pv3 .bx:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.pv3 .bx.dom{grid-row:span 2}
.pv3 .bx.pay{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
.pv3 .mailsoon{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-2)}
.pv3 .mailsoon .ai{width:32px;height:32px}
.pv3 .mailsoon b{display:block;font-size:14px;font-weight:700;color:var(--ink-2)}
.pv3 .mailsoon div span{display:block;font-size:12.5px;color:var(--ink-3);line-height:1.3}
.pv3 .mailsoon .soonb2{margin-left:auto;align-self:center;flex:none}
.pv3 .bx-top{display:flex;align-items:center;gap:12px}
.pv3 .bx-top .ico{width:38px;height:38px;padding:8px;border-radius:11px;background:var(--surface-2);stroke-width:1.8}
.pv3 .bx-top .ai{width:38px;height:38px}
.pv3 .bx h3{font-size:18px;font-weight:800;letter-spacing:-.02em}
.pv3 .bx-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:4px}
.pv3 .bx-price b{font-size:34px;font-weight:800;letter-spacing:-.045em;line-height:1}
.pv3 .bx-price span:not(.tok){color:var(--ink-3);font-size:14px;font-weight:700}
.pv3 .bx-p{color:var(--ink-2);font-size:15px}
.pv3 .ticks{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:9px;font-size:15px;color:var(--ink-2)}
.pv3 .ticks li{display:flex;gap:9px;align-items:center}
.pv3 .ticks .ico{width:18px;height:18px;color:var(--ok);stroke-width:2.6}
.pv3 .dmock{margin-top:auto;padding-top:18px;display:grid;gap:8px}
.pv3 .dm-in{display:flex;align-items:center;gap:8px;height:48px;padding:0 6px 0 14px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--bg);font-weight:700;font-size:15.5px}
.pv3 .dm-in .ico{width:17px;height:17px;color:var(--ink-3)}
.pv3 .dm-in input{flex:1 1 auto;min-width:0;width:0;border:0;outline:0;background:transparent;font:inherit;color:var(--ink);padding:0}
.pv3 .dm-demo .dm-in input{flex:0 0 auto;width:auto;max-width:60%}
.pv3 .dm-in input::placeholder{color:var(--ink-3);font-weight:600}
.pv3 .dm-in:focus-within{box-shadow:inset 0 0 0 2px var(--ink)}
.pv3 .dm-in em{font-style:normal;color:var(--ink-3)}
.pv3 .dm-in em[hidden]{display:none}
.pv3 .dm-in .btn{margin-left:auto;height:36px}
.pv3 .dm-row{display:flex;justify-content:space-between;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;background:var(--surface-2);font-size:14.5px;opacity:0;transform:translateY(-6px);transition:opacity .4s var(--ease),transform .4s var(--spring)}
.pv3 .dm-row.on{opacity:1;transform:none}
.pv3 .dm-row[hidden],.pv3 .dm-res[hidden],.pv3 .dm-all[hidden]{display:none}
.pv3 .dm-res{display:grid;gap:8px}
.pv3 .dm-res .dm-row{opacity:1;transform:none;color:inherit;text-decoration:none}
.pv3 .dm-res a.dm-row:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.pv3 .dm-res .dm-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pv3 .dm-res .dm-row>span{display:flex;align-items:center;gap:8px;flex:none}
.pv3 .dm-res .dm-row .pr{font-size:13px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.pv3 .dm-res .dm-row .no{font-size:12.5px;font-weight:700;color:var(--ink-3)}
.pv3 .dm-res .dm-row.skel{opacity:.55}
.pv3 .dm-res .dm-row.skel i{display:block;width:110px;height:10px;border-radius:6px;background:var(--surface-3)}
.pv3 .dm-all{justify-self:stretch;height:44px;text-align:center;justify-content:center}
.pv3 .bx.dom .ticks{overflow:hidden;max-height:140px;transition:max-height .45s var(--ease),opacity .3s var(--ease),margin .45s var(--ease)}
.pv3 .bx.dom.dm-on .ticks{max-height:0;opacity:0;margin-top:0;pointer-events:none}
.pv3 .bx.dom.dm-on .dmock{margin-top:0;padding-top:6px}
@media (prefers-reduced-motion:reduce){.pv3 .bx.dom .ticks{transition:none}}
.pv3 .ok{font-size:12.5px;font-weight:700;color:var(--ok-t);background:var(--ok-bg);padding:3px 9px;border-radius:999px;white-space:nowrap}
.pv3 .soonb2{align-self:flex-start;height:24px;padding:0 10px;border-radius:99px;background:var(--surface-3);color:var(--ink-3);font-size:12px;font-weight:700;display:inline-flex;align-items:center}
.pv3 .order{position:relative;display:grid;gap:10px}
.pv3 .ord{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--surface-2)}
.pv3 .ord .oi{width:40px;height:40px;border-radius:12px;background:var(--cream-2);display:grid;place-items:center;flex:none}
.pv3 .ord .oi svg{width:22px;height:22px}
.pv3 .ord b{display:block;font-size:14.5px;font-weight:700}
.pv3 .ord span{display:block;font-size:13px;color:var(--ink-3);font-weight:700}
.pv3 .ord .amt{margin-left:auto;font-weight:800;font-size:17px;letter-spacing:-.02em}
.pv3 .ord.paid{background:var(--ok-bg)}
.pv3 .ord.paid .oi{background:var(--surface)}
.pv3 .ord.paid .oi svg{stroke:var(--ok)}
@media (max-width:980px){
.pv3 .xg{grid-template-columns:1fr 1fr}
.pv3 .bx.dom{grid-column:1/-1;grid-row:auto}
.pv3 .bx.pay{grid-column:1/-1}
}
@media (max-width:640px){
.pv3 .xg{grid-template-columns:1fr}
.pv3 .bx.dom,.pv3 .bx.pay{grid-column:auto}
.pv3 .bx.pay{grid-template-columns:1fr}
.pv3 .bx{padding:20px}
}
.pv3 .why{padding:clamp(76px,9vw,128px) 0;background:var(--panel);color:var(--panel-ink);position:relative;overflow:hidden}
.pv3 .why::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 400px at 90% 10%,rgba(255,201,60,.1),transparent 70%)}
.pv3 .why .h2{color:var(--panel-ink)}
.pv3 .why .p-lede{color:#BFD6CB}
.pv3 .cmp{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);border-radius:28px;background:rgba(9,30,23,.5);box-shadow:inset 0 0 0 1px rgba(207,231,221,.12)}
.pv3 .cmp [role=row]{display:contents}
.pv3 .cmp [role=row]>div{padding:18px 22px;border-top:1px solid rgba(207,231,221,.1);display:flex;align-items:center;gap:12px;font-size:15.5px}
.pv3 .cmp .hd{border-top:0;padding-top:24px;padding-bottom:16px;font-size:14px;font-weight:700;color:var(--panel-2ink)}
.pv3 .cmp .hd.p-us{color:var(--panel-ink)}
.pv3 .cmp .k{font-weight:700;letter-spacing:-.01em;color:var(--panel-ink)}
.pv3 .cmp .p-us{background:rgba(255,201,60,.07);position:relative}
.pv3 .cmp .p-us .ico{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--squeeze);color:#123529;stroke-width:3}
.pv3 .cmp .p-them{color:#93B3A4}
.pv3 .cmp .p-them .ico{width:24px;height:24px;padding:5px;border-radius:50%;background:rgba(207,231,221,.1);color:#93B3A4;stroke-width:2.6}
.pv3 .cmp .hd.p-us{border-radius:0}
.pv3 .cmp .hd .p-brand svg{width:24px;height:24px}
.pv3 .cmp .hd .p-brand-name{font-size:16px}
.pv3 .cmp .last{border-bottom-left-radius:28px}
.pv3 .why-cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.pv3 .why-cta span{color:#93B3A4;font-size:14.5px}
@media (max-width:760px){
.pv3 .cmp{grid-template-columns:1fr 1fr}
.pv3 .cmp .k{grid-column:1/-1;padding-bottom:0;border-top:1px solid rgba(207,231,221,.1);font-size:16px}
.pv3 .cmp .k+div,.pv3 .cmp .k+div+div{border-top:0;font-size:14.5px;align-items:flex-start;padding-top:10px}
.pv3 .cmp .hd.blank{display:none}
.pv3 .cmp .hd{grid-column:auto}
.pv3 .cmp .p-us{background:transparent}
}
.pv3 .gtee{padding:clamp(76px,9vw,128px) 0 clamp(40px,5vw,64px)}
.pv3 .g-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4vw,48px) clamp(24px,4vw,56px);border-radius:32px;background:var(--cream);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cream-2) 90%,transparent)}
.pv3 .seal{width:clamp(120px,13vw,168px);height:auto;color:var(--ink)}
.pv3 .seal .ringc{stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1.6s var(--ease)}
.pv3 .seal text{font:800 13.5px var(--sans);letter-spacing:.02em;fill:currentColor}
.pv3 .seal .core{transform-box:fill-box;transform-origin:center;transform:scale(.6) rotate(-20deg);opacity:0;transition:transform .7s var(--spring) .5s,opacity .4s .5s}
.pv3 .seal .spin{transform-origin:84px 84px;animation:pv3-spin 40s linear infinite}
.pv3 .in .seal .ringc{stroke-dashoffset:0}
.pv3 .in .seal .core{transform:none;opacity:1}
@keyframes pv3-spin{to{transform:rotate(360deg)}}
.pv3 .g-in h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.035em;line-height:1.05}
.pv3 .g-in p{margin-top:10px;color:var(--ink-2);font-size:17px;max-width:52ch}
.pv3 .g-in p a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){
.pv3 .g-in{grid-template-columns:auto minmax(0,1fr)}
.pv3 .g-in .btn{grid-column:1/-1;justify-self:start}
}
@media (max-width:560px){
.pv3 .g-in{grid-template-columns:1fr}
.pv3 .seal{width:120px}
}
.pv3 .qa{padding:clamp(56px,7vw,96px) 0}
.pv3 .qa-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px)}
.pv3 .qa-in>div:first-child{display:grid;gap:14px;align-content:start}
.pv3 .p-faq details{border-bottom:1px solid var(--line)}
.pv3 .p-faq details:first-child{border-top:1px solid var(--line)}
.pv3 .p-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 2px;font-size:17.5px;font-weight:700;letter-spacing:-.015em;transition:color .2s}
.pv3 .p-faq summary:hover{color:var(--ok-t)}
.pv3 .p-faq summary::-webkit-details-marker{display:none}
.pv3 .p-faq .pm{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--surface-2);transition:transform .35s var(--spring),background-color .25s,color .25s}
.pv3 .p-faq .pm svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round}
.pv3 .p-faq details[open] .pm{transform:rotate(45deg);background:var(--accent);color:var(--on-accent)}
.pv3 .p-faq .ans{overflow:hidden}
.pv3 .p-faq .ans p{padding:0 2px 22px;color:var(--ink-2);max-width:64ch}
@media (max-width:900px){
.pv3 .qa-in{grid-template-columns:1fr}
}
.pv3 .end{padding:0 0 clamp(64px,8vw,104px)}
.pv3 .end-in{background:var(--panel);color:var(--panel-ink);border-radius:36px;padding:clamp(48px,7vw,96px) clamp(24px,5vw,64px);display:grid;justify-items:center;text-align:center;gap:16px;position:relative;overflow:hidden;isolation:isolate}
.pv3 .end-in::before{content:"";position:absolute;z-index:-1;width:640px;height:640px;border-radius:50%;left:50%;top:-420px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,201,60,.24),transparent 65%)}
.pv3 .end-in .slice{position:absolute;z-index:-1;width:clamp(180px,22vw,300px);opacity:.1;right:-60px;bottom:-80px;animation:pv3-spin 60s linear infinite}
.pv3 .end-in .slice.l{left:-80px;top:-70px;right:auto;bottom:auto;width:clamp(140px,16vw,220px);animation-direction:reverse}
.pv3 .end-in h2{font-size:clamp(34px,5vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1}
.pv3 .end-in p{color:#BFD6CB;font-size:17.5px;max-width:46ch}
.pv3 .end-in .ctas{justify-content:center;margin-top:12px}
.pv3 .dock{position:fixed;left:50%;bottom:18px;z-index:120;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 18px;border-radius:999px;background:var(--panel);color:var(--panel-ink);box-shadow:0 20px 50px -16px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transform:translate(-50%,140%);opacity:0;visibility:hidden;transition:transform .5s var(--ease),opacity .3s,visibility 0s .5s;pointer-events:none}
.pv3 .dock.on{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.pv3 .dock .dl{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.pv3 .dock .dl span{font-size:12.5px;color:var(--panel-2ink);font-weight:700}
.pv3 .dock .dl b{font-size:19px;font-weight:800;letter-spacing:-.03em;color:var(--squeeze)}
.pv3 .dock .dl b small{font-size:12.5px;color:var(--panel-2ink);font-weight:700;letter-spacing:0;margin-left:2px}
.pv3 .dock .db{display:flex;gap:6px}
.pv3 .dock .btn-ghost{height:40px}
.pv3 .dock .btn-primary{height:40px}
.pv3 .dock .dplans{display:none}
@media (max-width:900px){
.pv3 .dock{left:10px;right:10px;bottom:10px;border-radius:22px;transform:translateY(140%);padding:8px 8px 8px 16px;bottom:calc(10px + env(safe-area-inset-bottom))}
.pv3 .dock.on{transform:none}
.pv3 .dock .db{margin-left:auto}
.pv3 .dock.instore .dbrowse{display:none}
.pv3 .dock.instore .dplans{display:inline-flex}
}
@media (max-width:420px){
.pv3 .dock .dbrowse{display:none}
.pv3 .dock .btn{padding:0 14px}
}

/* the comparison table's own wordmark (the draft took these from its nav) */
.pv3 .p-brand{display:flex;align-items:center;gap:10px}
.pv3 .p-brand-name{font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.pv3 .p-brand-name em{font-style:normal;font-weight:500;opacity:.72}
/* the hero's yearly figure is where js/promo.js adds a live offer's note */
.pv3 .h-price .promo-note{margin-top:12px}
.pv3 [data-promo-disclosure] .promo-disclosure{margin:12px 0 0;color:#93B3A4}
/* the monthly-billed price under each app plan */
.pv3 .pl p .alt{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-3)}
@media (prefers-reduced-motion:reduce){
.pv3 *,.pv3 *::before,.pv3 *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-delay:0s!important}
}