@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/plus-jakarta-sans-latin.woff2) format('woff2');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}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Material Symbols Rounded';font-style:normal;font-weight:400 600;font-display:block;src:url(fonts/material-symbols-rounded-subset.woff2) format('woff2')}
:root{color-scheme:light dark;--bg:#F5F3EE;--surface:#FFFFFF;--ink:#1B1C1A;--ink-2:#5C5E59;--line:rgba(30,30,20,.1);--line-strong:rgba(30,30,20,.22);--accent:#1E6B4E;--accent-ink:#1E6B4E;--accent-soft:#E3EFE8;--on-accent:#FFFFFF;--hover:rgba(30,30,20,.06);--art:#EFEDE7;--band:#0F4A35;--focus:#1E6B4E}
@media (prefers-color-scheme:dark){:root{--bg:#121312;--surface:#1E201E;--ink:#F2F2EE;--ink-2:#A5A8A2;--line:rgba(255,255,255,.1);--line-strong:rgba(255,255,255,.22);--accent:#2A7F5B;--accent-ink:#6FCF9C;--accent-soft:#163A2C;--hover:rgba(255,255,255,.08);--art:#171917;--band:#123A2B;--focus:#6FCF9C}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:var(--accent-ink);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
.ms{font-family:'Material Symbols Rounded';font-weight:500;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0;user-select:none}
.wrap{max-width:1160px;margin:0 auto;padding-inline:clamp(20px,5vw,40px)}
.skip{position:absolute;left:-9999px;top:12px;z-index:20;background:var(--surface);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:600}
.skip:focus{left:16px}
.site-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--accent-ink);font-weight:700;font-size:22px;letter-spacing:-.035em;padding:4px 0;min-height:44px}
.brand:hover{color:var(--accent-ink)}
.brand img{width:34px;height:34px;border-radius:8px;box-shadow:0 1px 3px rgba(10,40,25,.25)}
.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;padding:11px 13px;border-radius:999px;line-height:1.3}
.nav a:hover{background:var(--hover);color:var(--ink)}
.nav a[aria-current=page]{color:var(--accent-ink)}
@media (max-width:700px){.nav .wide{display:none}.nav a{padding:11px 10px}}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,80px);align-items:center;padding-block:clamp(28px,5vw,64px) clamp(64px,9vw,120px)}
.hero h1{font-size:clamp(46px,7.6vw,94px);line-height:.98;letter-spacing:-.045em;font-weight:780;margin:0 0 26px}
.lede{font-size:clamp(18px,1.7vw,21px);line-height:1.5;color:var(--ink-2);max-width:36ch;margin:0 0 34px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.badge{display:inline-flex;border-radius:12px;flex:none}
.badge img{height:54px;width:auto}
.text-link{font-weight:600;display:inline-flex;align-items:center;gap:6px;min-height:44px;text-decoration:none}
.text-link .ms{font-size:20px}
.text-link:hover{text-decoration:underline}
.fine{font-size:14px;color:var(--ink-2);margin:22px 0 0}
.hero-visual{position:relative;display:grid;place-items:center;isolation:isolate}
.hero-visual::before{content:"";position:absolute;width:min(92%,440px);aspect-ratio:1;border-radius:50%;background:var(--accent-soft);z-index:-1}
@media (max-width:860px){.hero{grid-template-columns:minmax(0,1fr)}}
.section{padding-block:clamp(64px,9vw,120px)}
.section-head{max-width:660px;margin-bottom:clamp(32px,5vw,56px)}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 12px}
h2{font-size:clamp(32px,4.6vw,54px);line-height:1.04;letter-spacing:-.035em;font-weight:760;margin:0 0 16px}
.section-head p:last-child{font-size:18px;color:var(--ink-2);margin:0}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
@media (max-width:900px){.steps{grid-template-columns:minmax(0,1fr);max-width:520px}}
.step{background:var(--surface);border-radius:28px;padding:12px 12px 26px;box-shadow:0 0 0 1px var(--line)}
.step-art{aspect-ratio:360/300;border-radius:20px;background:var(--art);overflow:hidden}
/* export.json is a 240×240 artboard with a smaller stack in it; scale it up to match the 360×300 onboarding art. */
/* `scale`, not `transform`: lottie-web writes its own inline transform on the svg. */
.step-art.is-small svg{scale:1.5;translate:0 -7%}
.step h3{display:flex;align-items:baseline;gap:12px;font-size:23px;letter-spacing:-.02em;line-height:1.2;margin:22px 14px 8px}
.step .num{font-size:15px;font-weight:700;color:var(--accent-ink);font-variant-numeric:tabular-nums}
.step p{margin:0 14px;color:var(--ink-2);font-size:16px}
.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;list-style:none;padding:0;margin:0}
.feature{background:var(--surface);border-radius:24px;padding:24px 24px 26px;box-shadow:0 0 0 1px var(--line)}
.feature .ms{font-size:26px;color:var(--accent-ink);width:48px;height:48px;border-radius:14px;background:var(--accent-soft);display:grid;place-items:center}
.feature h3{font-size:18px;line-height:1.3;letter-spacing:-.015em;margin:18px 0 6px}
.feature p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.band{background:var(--band);color:#F2F2EE;border-radius:clamp(28px,4vw,40px);padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,64px);align-items:center}
.band h2{color:#FFFFFF;margin-bottom:8px}
.band .eyebrow{color:#9FDDBC}
.band-art{aspect-ratio:360/300;width:100%;max-width:460px;justify-self:center}
.facts{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:14px}
.facts li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;color:#D6E8DE;font-size:16px;line-height:1.5}
.facts b{color:#FFFFFF;font-weight:650}
.facts .ms{color:#8FDDB4;font-size:22px;margin-top:1px}
.band a{color:#FFFFFF;font-weight:600}
.band a:hover{color:#BFE7D1}
.band :focus-visible{outline-color:#FFFFFF}
@media (max-width:860px){.band{grid-template-columns:minmax(0,1fr)}.band-art{max-width:340px}}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.plan{background:var(--surface);border-radius:28px;padding:28px 24px 30px;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:14px}
.plan.pro{box-shadow:0 0 0 2px var(--accent)}
.plan.soon{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-strong)}
.plan h3{font-size:18px;letter-spacing:-.01em;margin:0}
.price{font-size:42px;font-weight:760;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;margin:4px 0 0}
.price small{font-size:16px;font-weight:600;color:var(--ink-2);letter-spacing:0;margin-left:2px}
.price.word{font-size:30px;letter-spacing:-.025em;line-height:1.15}
.plan .alt{font-size:15px;line-height:1.45;color:var(--ink-2);margin:0}
.plan ul{list-style:none;padding:14px 0 0;margin:auto 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:15px;line-height:1.45}
.plan li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px}
.plan li .ms{font-size:20px;color:var(--accent-ink)}
.note{margin:24px 0 0;font-size:15px;color:var(--ink-2);max-width:72ch}
.final{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding-block:clamp(72px,10vw,128px)}
.final img.icon{width:88px;height:88px;border-radius:20px;box-shadow:0 8px 24px rgba(10,40,25,.25);margin-bottom:18px}
.final h2{max-width:16ch;margin-bottom:24px}
.site-foot{border-top:1px solid var(--line);padding-block:32px 48px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 32px;font-size:15px;color:var(--ink-2)}
.foot-links{display:flex;flex-wrap:wrap;gap:0 8px;list-style:none;margin:0;padding:0}
.foot-links a{color:var(--ink);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
.foot-links a:hover{text-decoration:underline}
.foot-links li:first-child a{padding-left:0}
.site-foot p{margin:0}
.doc{max-width:700px;margin:0 auto;padding-block:clamp(28px,6vw,72px) 96px}
.doc h1{font-size:clamp(40px,6vw,60px);letter-spacing:-.04em;line-height:1.04;font-weight:770;margin:0 0 14px}
.doc .updated{color:var(--ink-2);font-size:15px;margin:0 0 36px}
.doc h2{font-size:22px;line-height:1.3;letter-spacing:-.02em;font-weight:700;margin:44px 0 10px}
.doc p,.doc li{font-size:17px;line-height:1.7}
.doc ul{padding-left:1.2em;margin:10px 0}
.doc li{margin-block:6px}
.doc .intro{font-size:19px;line-height:1.6;color:var(--ink-2)}
.summary{background:var(--surface);border-radius:22px;padding:22px 26px;box-shadow:0 0 0 1px var(--line);margin:28px 0 8px}
.summary p{margin:0;font-size:16px;line-height:1.6}
.qa{border-top:1px solid var(--line);padding-block:22px}
.qa h2{font-size:19px;margin:0 0 6px}
.qa p{margin:0;color:var(--ink-2)}
.contact{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;background:var(--surface);border-radius:24px;padding:22px 24px;box-shadow:0 0 0 1px var(--line);margin:8px 0 48px}
.contact .ms{font-size:26px;color:var(--accent-ink);width:52px;height:52px;border-radius:16px;background:var(--accent-soft);display:grid;place-items:center;flex:none}
.contact p{margin:0;font-size:15px;color:var(--ink-2)}
.contact a{font-size:19px;font-weight:650;word-break:break-word}
.page-head{max-width:700px;padding-block:clamp(28px,6vw,72px) clamp(24px,4vw,40px)}
.page-head h1{font-size:clamp(40px,6vw,64px);letter-spacing:-.04em;line-height:1.04;font-weight:770;margin:0 0 14px}
.page-head p{font-size:19px;color:var(--ink-2);margin:0}
.billing{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px 40px;margin-top:clamp(48px,7vw,88px);padding-bottom:96px}
.billing .qa:first-child h2{margin-top:0}
.billing-wrap{margin-top:clamp(48px,7vw,88px);padding-bottom:96px}.billing-wrap .billing{margin-top:8px;padding-bottom:0}
.cq-title,.faq-title{font-size:clamp(24px,3vw,30px);letter-spacing:-.02em;margin:0 0 8px}
.qa h3{font-size:19px;margin:0 0 6px}
.faq{margin:8px 0 96px}
/* On the home page the sections bring their own spacing, and the four pricing questions sit in one row. */
.section .faq{margin-bottom:0}
.section .billing-wrap{margin-top:clamp(40px,5vw,64px);padding-bottom:0}
.section .billing{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:20px;font-size:18px;font-weight:650;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:9px;height:9px;margin-right:6px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.faq summary:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px;border-radius:6px}
.faq details p{margin:0 0 22px;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.phone-wrap{width:min(100%,340px);container-type:inline-size;margin:16px auto}
.phone{--p-bg:#F5F3EE;--p-card:#FFFFFF;--p-ink:#1B1C1A;--p-sec:#6B6D68;--p-green:#1E6B4E;--p-accent:#1E6B4E;--p-bar2:#34A36F;--p-track:#ECEAE4;--p-hair:rgba(30,30,20,.1);--p-amb-bg:#FBEFD9;--p-amb-line:#F0D29A;--p-amb-ink:#3D2A08;--p-amb-sec:#8A5A12;--p-amb-n:#FFFFFF;--p-glass:rgba(255,255,255,.66);--p-glass-bd:rgba(255,255,255,.8);--p-glass-sh:0 10px 30px -8px rgba(30,30,20,.22),inset 0 1px 0 rgba(255,255,255,.95);--p-tab-on:rgba(30,30,20,.07);--p-l1:.93;--p-c1:.035;--p-l2:.42;--p-c2:.09;--p-bez1:#121212;--p-bez2:#3d3d3d}
@media (prefers-color-scheme:dark){.phone{--p-bg:#121312;--p-card:#1E201E;--p-ink:#F2F2EE;--p-sec:#9EA19B;--p-green:#6FCF9C;--p-accent:#2A8A61;--p-bar2:#6FCF9C;--p-track:#2C2F2C;--p-hair:rgba(255,255,255,.1);--p-amb-bg:#2E2614;--p-amb-line:#5A4521;--p-amb-ink:#F5DDB0;--p-amb-sec:#E9B45A;--p-amb-n:#1a1408;--p-glass:rgba(48,50,48,.62);--p-glass-bd:rgba(255,255,255,.14);--p-glass-sh:0 10px 30px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);--p-tab-on:rgba(255,255,255,.1);--p-l1:.34;--p-c1:.05;--p-l2:.85;--p-c2:.08;--p-bez1:#2a2a2a;--p-bez2:#4a4a4a}}
.phone{--u:calc(100cqw / 402);position:relative;width:100%;aspect-ratio:402/874;border-radius:calc(56 * var(--u));overflow:hidden;background:var(--p-bg);color:var(--p-ink);box-shadow:0 0 0 calc(11 * var(--u)) var(--p-bez1),0 0 0 calc(12 * var(--u)) var(--p-bez2),0 calc(40 * var(--u)) calc(80 * var(--u)) calc(-24 * var(--u)) rgba(0,0,0,.35);font-size:calc(15 * var(--u));line-height:1.3;letter-spacing:0;text-align:left;user-select:none}
.ph-island{position:absolute;top:calc(11 * var(--u));left:calc(139 * var(--u));width:calc(124 * var(--u));height:calc(36 * var(--u));border-radius:calc(20 * var(--u));background:#000;z-index:6}
.ph-status{position:absolute;top:0;left:0;right:0;height:calc(54 * var(--u));display:flex;justify-content:space-between;align-items:center;padding:calc(4 * var(--u)) calc(30 * var(--u)) 0 calc(52 * var(--u));font-size:calc(17 * var(--u));font-weight:600;z-index:5}
.ph-sys{display:flex;gap:calc(5 * var(--u));align-items:center}
.ph-sys .ms{font-size:calc(19 * var(--u));font-variation-settings:'FILL' 1}
.ph-body{position:absolute;inset:0;padding:calc(58 * var(--u)) calc(16 * var(--u)) 0;display:flex;flex-direction:column;gap:calc(14 * var(--u))}
.ph-top{display:flex;justify-content:space-between;align-items:center;padding:calc(4 * var(--u)) calc(4 * var(--u)) 0;flex:none}
.ph-logo{font-weight:700;font-size:calc(24 * var(--u));letter-spacing:-.035em;color:var(--p-green)}
.ph-avatar{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(20 * var(--u));background:var(--p-accent);color:#fff;display:grid;place-items:center;font-size:calc(15 * var(--u));font-weight:600}
.ph-spend{padding:calc(10 * var(--u)) calc(4 * var(--u)) calc(2 * var(--u));flex:none}
.ph-muted{color:var(--p-sec)}
.ph-big{display:flex;align-items:baseline;gap:calc(7 * var(--u));margin-top:calc(4 * var(--u));font-variant-numeric:tabular-nums}
.ph-big span{font-size:calc(17 * var(--u));font-weight:600;color:var(--p-sec)}
.ph-big b{font-size:calc(48 * var(--u));font-weight:700;letter-spacing:-.035em;line-height:1}
.ph-sm{font-size:calc(14 * var(--u));margin-top:calc(8 * var(--u))}
.ph-sm em{font-style:normal;color:var(--p-green);font-weight:600}
.ph-scan{height:calc(68 * var(--u));border-radius:calc(34 * var(--u));background:var(--p-accent);color:#fff;display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--u));font-size:calc(19 * var(--u));font-weight:600;margin-top:calc(4 * var(--u));box-shadow:inset 0 calc(1 * var(--u)) 0 rgba(255,255,255,.28),0 calc(14 * var(--u)) calc(28 * var(--u)) calc(-12 * var(--u)) rgba(30,107,78,.75);flex:none}
.ph-scan .ms{font-size:calc(28 * var(--u))}
.ph-review{display:flex;align-items:center;gap:calc(14 * var(--u));background:var(--p-amb-bg);border-radius:calc(24 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u));box-shadow:inset 0 0 0 calc(1 * var(--u)) var(--p-amb-line);flex:none}
.ph-n{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(20 * var(--u));background:#D89A2B;color:var(--p-amb-n);display:grid;place-items:center;font-size:calc(18 * var(--u));font-weight:700;flex:none}
.ph-review div{flex:1;min-width:0}
.ph-review b{display:block;font-size:calc(16 * var(--u));font-weight:600;color:var(--p-amb-ink)}
.ph-review small{display:block;font-size:calc(13 * var(--u));color:var(--p-amb-sec);margin-top:calc(2 * var(--u))}
.ph-review .ms{font-size:calc(22 * var(--u));color:var(--p-amb-sec)}
.ph-card{background:var(--p-card);border-radius:calc(24 * var(--u));box-shadow:0 0 0 calc(.5 * var(--u)) var(--p-hair);flex:none}
.ph-year{padding:calc(16 * var(--u)) calc(18 * var(--u))}
.ph-row1{display:flex;justify-content:space-between;align-items:baseline}
.ph-row1 b{font-size:calc(16 * var(--u));font-weight:600}
.ph-row1 span,.ph-foot{font-size:calc(13 * var(--u));color:var(--p-sec)}
.ph-ded{display:flex;align-items:baseline;gap:calc(5 * var(--u));margin-top:calc(10 * var(--u));font-variant-numeric:tabular-nums}
.ph-ded span{font-size:calc(13 * var(--u));font-weight:600;color:var(--p-sec)}
.ph-ded b{font-size:calc(24 * var(--u));font-weight:700;letter-spacing:-.02em}
.ph-ded em{font-style:normal;font-size:calc(14 * var(--u));color:var(--p-sec)}
.ph-bar{height:calc(8 * var(--u));border-radius:calc(4 * var(--u));background:var(--p-track);margin-top:calc(12 * var(--u));overflow:hidden}
.ph-bar i{display:block;height:100%;width:83%;border-radius:calc(4 * var(--u));background:linear-gradient(90deg,var(--p-accent),var(--p-bar2))}
.ph-foot{display:flex;justify-content:space-between;margin-top:calc(8 * var(--u))}
.ph-head{display:flex;justify-content:space-between;align-items:baseline;padding:calc(8 * var(--u)) calc(4 * var(--u)) 0;flex:none}
.ph-head b{font-size:calc(20 * var(--u));font-weight:700;letter-spacing:-.01em}
.ph-head span{font-size:calc(15 * var(--u));color:var(--p-green);font-weight:500}
.ph-list{overflow:hidden}
.ph-r{display:flex;align-items:center;gap:calc(14 * var(--u));padding:0 calc(16 * var(--u));height:calc(70 * var(--u));position:relative}
.ph-r+.ph-r::before{content:"";position:absolute;left:calc(70 * var(--u));right:0;top:0;height:calc(1 * var(--u));background:var(--p-hair)}
.ph-thumb{position:relative;width:calc(38 * var(--u));height:calc(48 * var(--u));flex:none;background:#FCFBF7;border-radius:calc(5 * var(--u));box-shadow:0 0 0 calc(.5 * var(--u)) rgba(0,0,0,.18),0 calc(1 * var(--u)) calc(3 * var(--u)) rgba(0,0,0,.1);padding:calc(7 * var(--u)) calc(6 * var(--u));display:flex;flex-direction:column;gap:calc(3 * var(--u))}
.ph-thumb i{display:block;height:calc(2 * var(--u));background:#d6d4cc}
.ph-thumb i:nth-child(1){height:calc(3 * var(--u));width:60%;margin:0 auto calc(2 * var(--u));background:#8d8c86}
.ph-thumb i:nth-child(3){width:85%}.ph-thumb i:nth-child(4){width:92%}.ph-thumb i:nth-child(5){width:70%}
.ph-thumb i:nth-child(6){height:calc(3 * var(--u));margin-top:calc(2 * var(--u));background:#8d8c86}
.ph-cat{position:absolute;right:calc(-7 * var(--u));bottom:calc(-6 * var(--u));width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:calc(8 * var(--u));background:oklch(var(--p-l1) var(--p-c1) var(--h));color:oklch(var(--p-l2) var(--p-c2) var(--h));display:grid;place-items:center;box-shadow:0 0 0 calc(2 * var(--u)) var(--p-card)}
.ph-cat .ms{font-size:calc(14 * var(--u));font-variation-settings:'FILL' 1}
.ph-mid{flex:1;min-width:0;padding-left:calc(4 * var(--u))}
.ph-mid b{display:flex;align-items:center;gap:calc(4 * var(--u));font-size:calc(16 * var(--u));font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.ph-mid b .ms{font-size:calc(16 * var(--u));color:var(--p-green);font-variation-settings:'FILL' 1}
.ph-mid small{display:block;font-size:calc(13 * var(--u));color:var(--p-sec);margin-top:calc(2 * var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-amt{flex:none;display:flex;flex-direction:column;align-items:flex-end}
.ph-amt span{display:flex;align-items:baseline;gap:calc(4 * var(--u));font-variant-numeric:tabular-nums}
.ph-amt small{font-size:calc(11 * var(--u));font-weight:600;color:var(--p-sec);letter-spacing:.03em}
.ph-amt b{font-size:calc(16 * var(--u));font-weight:600;letter-spacing:-.01em}
.ph-amt b i{font-style:normal;font-size:calc(12 * var(--u));color:var(--p-sec);letter-spacing:0}
.ph-flag{display:flex;align-items:center;gap:calc(4 * var(--u));margin-top:calc(3 * var(--u));font-size:calc(12 * var(--u));font-weight:600;color:var(--p-amb-sec)}
.ph-flag::before{content:"";width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:calc(3 * var(--u));background:#D89A2B}
.ph-tabs{position:absolute;left:0;right:0;bottom:calc(26 * var(--u));display:flex;gap:calc(10 * var(--u));padding:0 calc(18 * var(--u));z-index:4}
.ph-glass{height:calc(62 * var(--u));border-radius:calc(31 * var(--u));background:var(--p-glass);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);border:calc(.5 * var(--u)) solid var(--p-glass-bd);box-shadow:var(--p-glass-sh)}
.ph-tabbar{flex:1;display:flex;align-items:center;padding:calc(4 * var(--u))}
.ph-tab{flex:1;height:calc(54 * var(--u));border-radius:calc(27 * var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2 * var(--u));font-size:calc(10 * var(--u));font-weight:600;letter-spacing:.01em}
.ph-tab .ms{font-size:calc(24 * var(--u))}
.ph-tab.on{color:var(--p-green);background:var(--p-tab-on)}
.ph-tab.on .ms{font-variation-settings:'FILL' 1}
.ph-search{width:calc(62 * var(--u));flex:none;display:grid;place-items:center}
.ph-search .ms{font-size:calc(26 * var(--u))}
.ph-homebar{position:absolute;bottom:calc(8 * var(--u));left:calc(134 * var(--u));width:calc(134 * var(--u));height:calc(5 * var(--u));border-radius:calc(3 * var(--u));background:var(--p-ink);z-index:6}
.hero-visual{--T:27s;grid-template-rows:auto auto}
.ph-scan{position:relative;overflow:hidden}
.ev-swap,.ph-big b{display:inline-grid}.ev-swap>i,.ph-big b>i{grid-area:1/1;font-style:normal;text-align:right}
.ev-was{opacity:0;animation:evWas var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-now{animation:evNow var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-new{overflow:hidden;animation:evNew var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ph-status{animation:evStatus var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-tap{position:absolute;left:50%;top:50%;width:calc(64 * var(--u));height:calc(64 * var(--u));margin:calc(-32 * var(--u)) 0 0 calc(-32 * var(--u));border-radius:50%;background:rgba(255,255,255,.55);opacity:0;pointer-events:none;animation:evTap var(--T) ease-out infinite}
.ev-tap.t1{animation-delay:1.5s}.ev-tap.t2{animation-delay:11.4s}.ev-tap.t3{animation-delay:17.1s}.ev-tap.t4{animation-delay:19.7s;background:rgba(30,107,78,.22)}
.ev-cam,.ev-read,.ev-flash,.ev-dim,.ev-curtain{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none}
.ev-cam{background:radial-gradient(120% 75% at 50% 45%,#3b342c,#15120f 72%);color:#fff;animation:evCam var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-pill{position:absolute;top:calc(66 * var(--u));left:0;right:0;margin:auto;width:max-content;padding:calc(6 * var(--u)) calc(14 * var(--u));border-radius:calc(20 * var(--u));background:rgba(255,255,255,.16);font-size:calc(13 * var(--u));font-weight:600}
.ev-hint{position:absolute;top:calc(600 * var(--u));left:0;right:0;display:grid;justify-items:center;font-size:calc(15 * var(--u));font-weight:600}
.ev-hint span{grid-area:1/1;opacity:0;padding:calc(6 * var(--u)) calc(14 * var(--u));border-radius:calc(20 * var(--u));background:rgba(0,0,0,.45)}
.ev-hint .h1{animation:evH1 var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-hint .h2{animation:evH2 var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-hint .h3{background:#1E6B4E;animation:evH3 var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-shutter{position:absolute;bottom:calc(52 * var(--u));left:0;right:0;margin:auto;width:calc(76 * var(--u));height:calc(76 * var(--u));border-radius:50%;box-shadow:inset 0 0 0 calc(4 * var(--u)) #fff;display:grid;place-items:center}
.ev-shutter i{width:calc(60 * var(--u));height:calc(60 * var(--u));border-radius:50%;background:#fff;animation:evShut var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-read{background:var(--p-bg);animation:evRead var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-rhead{position:absolute;top:calc(58 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));display:flex;justify-content:space-between;align-items:center}
.ev-rhead b{font-size:calc(20 * var(--u));font-weight:700;letter-spacing:-.01em}
.ev-chip{display:flex;align-items:center;gap:calc(5 * var(--u));font-size:calc(12 * var(--u));font-weight:600;color:var(--p-green);background:var(--p-card);padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:calc(16 * var(--u));box-shadow:0 0 0 calc(0.5 * var(--u)) var(--p-hair)}
.ev-chip .ms{font-size:calc(16 * var(--u))}
.ev-sheet{position:absolute;top:calc(372 * var(--u));left:calc(12 * var(--u));right:calc(12 * var(--u));background:var(--p-card);border-radius:calc(28 * var(--u));padding:calc(16 * var(--u));box-shadow:0 0 0 calc(0.5 * var(--u)) var(--p-hair);display:flex;flex-direction:column;gap:calc(12 * var(--u))}
.ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(10 * var(--u))}
.ev-f{background:var(--p-bg);border-radius:calc(14 * var(--u));padding:calc(9 * var(--u)) calc(12 * var(--u));height:calc(58 * var(--u));display:flex;flex-direction:column;justify-content:center;gap:calc(3 * var(--u));position:relative}
.ev-f .k{font-size:calc(12 * var(--u));color:var(--p-sec);font-weight:500}
.ev-f .v{display:flex;align-items:center;gap:calc(5 * var(--u));font-size:calc(15.5 * var(--u));font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;animation:evField var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-f .v .ms{font-size:calc(17 * var(--u));color:var(--p-green)}
.ev-f::after{content:"";position:absolute;left:calc(12 * var(--u));bottom:calc(12 * var(--u));width:55%;height:calc(10 * var(--u));border-radius:calc(5 * var(--u));background:var(--p-track);opacity:0;animation:evSkel var(--T) cubic-bezier(.4,0,.2,1) infinite}
.d1 .v,.ev-f.d1::after,.ev-l.d1{animation-delay:.45s}.d2 .v,.ev-f.d2::after,.ev-l.d2{animation-delay:.9s}.d3 .v,.ev-f.d3::after,.ev-l.d3{animation-delay:1.35s}.d4 .v,.ev-f.d4::after{animation-delay:1.8s}.d5 .v,.ev-f.d5::after{animation-delay:2.25s}.ev-evd .v,.ev-evd .ms,.ev-qr.d6{animation-delay:2.7s}
.ev-evd{display:flex;align-items:center;gap:calc(8 * var(--u));height:calc(40 * var(--u));padding:0 calc(4 * var(--u));font-size:calc(14 * var(--u));font-weight:600}
.ev-evd .ms{font-size:calc(20 * var(--u));color:var(--p-green);font-variation-settings:'FILL' 1;animation:evField var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-evd .v{animation:evField var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-btn{position:relative;overflow:hidden;height:calc(56 * var(--u));border-radius:calc(28 * var(--u));background:var(--p-accent);color:#fff;display:grid;place-items:center;font-size:calc(17 * var(--u));font-weight:600;flex:none}
.ev-rcpt{position:absolute;left:calc(71 * var(--u));top:calc(150 * var(--u));width:calc(260 * var(--u));height:calc(420 * var(--u));z-index:4;transform-origin:50% 0;opacity:0;pointer-events:none;animation:evRcpt var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-paper{position:absolute;inset:0;background:#FBFAF5;color:#2B2A26;border-radius:calc(4 * var(--u));box-shadow:0 calc(18 * var(--u)) calc(40 * var(--u)) calc(-10 * var(--u)) rgba(0,0,0,.5),0 0 0 calc(0.5 * var(--u)) rgba(0,0,0,.12);padding:calc(20 * var(--u)) calc(16 * var(--u));font:500 calc(12.5 * var(--u))/1.45 ui-monospace,'SF Mono',Menlo,Consolas,monospace;overflow:hidden;display:flex;flex-direction:column;gap:calc(1 * var(--u))}
.ev-l{display:flex;justify-content:space-between;padding:0 calc(4 * var(--u));border-radius:calc(3 * var(--u))}
.ev-c{justify-content:center}
.ev-mer{font:800 calc(20 * var(--u))/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:.06em;margin-bottom:calc(2 * var(--u))}
.ev-tot{font-weight:800}
.ev-hr{border-top:calc(1.5 * var(--u)) dashed #BDBAB0;margin:calc(6 * var(--u)) 0}
.ev-qr{width:calc(62 * var(--u));height:calc(62 * var(--u));margin:calc(4 * var(--u)) auto calc(4 * var(--u));background:conic-gradient(#2B2A26 25%,#FBFAF5 0 50%,#2B2A26 0 75%,#FBFAF5 0) 0 0/calc(10 * var(--u)) calc(10 * var(--u)),#FBFAF5;box-shadow:inset 0 0 0 calc(5 * var(--u)) #2B2A26;border-radius:calc(2 * var(--u))}
.hl{animation:evHl var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-sweep{position:absolute;left:0;right:0;top:0;height:calc(70 * var(--u));background:linear-gradient(180deg,rgba(52,163,111,0),rgba(52,163,111,.28) 85%,#34A36F 85%,#34A36F 100%);transform:translateY(-100%);opacity:0;animation:evSweep var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-cn{position:absolute;inset:calc(-12 * var(--u));opacity:0;animation:evCorners var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-cn i{position:absolute;width:calc(30 * var(--u));height:calc(30 * var(--u));border:calc(3.5 * var(--u)) solid #6FCF9C}
.ev-cn i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:calc(10 * var(--u))}.ev-cn i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:calc(10 * var(--u))}.ev-cn i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:calc(10 * var(--u))}.ev-cn i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:calc(10 * var(--u))}
.ev-flash{background:#fff;animation:evFlash var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-toast{position:absolute;left:0;right:0;bottom:calc(104 * var(--u));margin:auto;width:max-content;z-index:4;display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));border-radius:calc(24 * var(--u));background:var(--p-ink);color:var(--p-bg);font-size:calc(14 * var(--u));font-weight:600;opacity:0;box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) calc(-8 * var(--u)) rgba(0,0,0,.4);animation:evToast var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-toast .ms{width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:50%;background:#34A36F;color:#fff;display:grid;place-items:center;font-size:calc(16 * var(--u))}
.ev-dim{background:rgba(0,0,0,.38);animation:evDim var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-ex{position:absolute;left:0;right:0;bottom:0;z-index:4;background:var(--p-card);border-radius:calc(34 * var(--u)) calc(34 * var(--u)) 0 0;padding:calc(10 * var(--u)) calc(20 * var(--u)) calc(56 * var(--u));display:flex;flex-direction:column;gap:calc(14 * var(--u));transform:translateY(105%);animation:evSheet var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-grab{display:block;width:calc(40 * var(--u));height:calc(5 * var(--u));border-radius:calc(3 * var(--u));background:var(--p-sec);opacity:.4;margin:0 auto calc(4 * var(--u))}
.ev-t{font-size:calc(22 * var(--u));font-weight:700;letter-spacing:-.02em;margin-bottom:calc(-10 * var(--u))}
.ev-s{font-size:calc(14 * var(--u));color:var(--p-sec);font-variant-numeric:tabular-nums}
.ev-seg{display:grid;grid-template-columns:1.4fr 1fr 1fr;background:var(--p-track);border-radius:calc(14 * var(--u));padding:calc(4 * var(--u));height:calc(46 * var(--u))}
.ev-seg span{display:grid;place-items:center;font-size:calc(14 * var(--u));font-weight:600;color:var(--p-sec);border-radius:calc(10 * var(--u))}
.ev-seg .on{background:var(--p-card);color:var(--p-green);box-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) rgba(0,0,0,.12)}
.ev-to{display:flex;align-items:center;gap:calc(12 * var(--u));background:var(--p-bg);border-radius:calc(18 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u))}
.ev-av{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:50%;background:oklch(var(--p-l1) var(--p-c1) 160);color:oklch(var(--p-l2) var(--p-c2) 160);display:grid;place-items:center;font-size:calc(14 * var(--u));font-weight:700;flex:none}
.ev-who{flex:1;min-width:0;display:flex;flex-direction:column}
.ev-who b{font-size:calc(15.5 * var(--u));font-weight:600}.ev-who small{font-size:calc(12.5 * var(--u));color:var(--p-sec)}
.ev-to>.ms{font-size:calc(22 * var(--u));color:var(--p-green)}
.ev-btn>span:not(.ev-tap),.ev-btn2>span:not(.ev-tap){grid-area:1/1;display:flex;align-items:center;gap:calc(8 * var(--u))}
.ev-btn .ms,.ev-btn2 .ms{font-size:calc(21 * var(--u))}
.ev-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.2);animation:evFill var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-send .l1{animation:evL1 var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-send .l2{opacity:0;animation:evL2 var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-send .l3{opacity:0;animation:evL3 var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-btn2{position:relative;overflow:hidden;height:calc(52 * var(--u));border-radius:calc(26 * var(--u));box-shadow:inset 0 0 0 calc(1.5 * var(--u)) var(--p-hair);color:var(--p-green);display:grid;place-items:center;font-size:calc(16 * var(--u));font-weight:600}
.ev-btn2 .l1{animation:evD1 var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-btn2 .l2{opacity:0;animation:evD2 var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-down{transform:rotate(90deg)}
.ev-curtain{background:var(--p-bg);animation:evCurtain var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0;margin:8px 0 0;font-size:14px;font-weight:600}
.ev-steps li{padding:6px 13px;border-radius:999px;color:var(--ink-2)}
.ev-steps .s1{animation:evS1 var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-steps .s2{animation:evS2 var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-steps .s3{animation:evS3 var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-steps .s4{animation:evS4 var(--T) cubic-bezier(.4,0,.2,1) infinite}.ev-steps .s5{animation:evS5 var(--T) cubic-bezier(.4,0,.2,1) infinite}
@keyframes evWas{0%,46.44%{opacity:1}48.07%,100%{opacity:0}}
@keyframes evNow{0%,46.44%{opacity:0}48.07%,100%{opacity:1}}
@keyframes evNew{0%,45.63%{height:0;opacity:0;background-color:rgba(52,163,111,0)}48.89%{height:calc(70 * var(--u));opacity:1;background-color:rgba(52,163,111,.16)}58.67%,100%{height:calc(70 * var(--u));opacity:1;background-color:rgba(52,163,111,0)}}
@keyframes evStatus{0%,8.96%{color:var(--p-ink)}10.59%,25.26%{color:#fff}27.7%,100%{color:var(--p-ink)}}
@keyframes evTap{0%{opacity:0;transform:scale(.3)}0.49%{opacity:1}2.85%,100%{opacity:0;transform:scale(1.6)}}
@keyframes evCam{0%,8.15%{opacity:0}10.59%,27.7%{opacity:1}29.33%,100%{opacity:0}}
@keyframes evH1{0%,9.78%{opacity:0}11.41%,14.67%{opacity:1}16.3%,100%{opacity:0}}
@keyframes evH2{0%,15.89%{opacity:0}17.11%,22.41%{opacity:1}23.22%,100%{opacity:0}}
@keyframes evH3{0%,23.22%{opacity:0}24.04%,26.89%{opacity:1}28.52%,100%{opacity:0}}
@keyframes evShut{0%,22.41%{transform:scale(1)}23.22%{transform:scale(.82)}24.44%,100%{transform:scale(1)}}
@keyframes evRead{0%,25.26%{opacity:0}27.7%,44.81%{opacity:1}47.26%,100%{opacity:0}}
@keyframes evField{0%,28.52%{opacity:0;transform:translateY(calc(5 * var(--u)))}30.15%,48.89%{opacity:1;transform:none}49.7%,100%{opacity:0}}
@keyframes evSkel{0%,28.52%{opacity:1}29.74%,100%{opacity:0}}
@keyframes evRcpt{0%,8.96%{opacity:0;transform:translateY(calc(70 * var(--u))) rotate(-6deg) scale(.92)}11.41%{opacity:1;transform:translateY(calc(14 * var(--u))) rotate(-6deg) scale(.95)}14.67%{opacity:1;transform:translateY(0) rotate(-6deg) scale(.95)}17.11%,25.26%{opacity:1;transform:translateY(0) rotate(0) scale(1)}28.93%,44.41%{opacity:1;transform:translateY(calc(-52 * var(--u))) scale(.6)}46.85%,100%{opacity:0;transform:translateY(calc(-52 * var(--u))) scale(.5)}}
@keyframes evHl{0%,28.52%{background-color:rgba(111,207,156,0);box-shadow:0 0 0 calc(2.5 * var(--u)) rgba(52,163,111,0)}30.15%,44.81%{background-color:rgba(111,207,156,.3);box-shadow:0 0 0 calc(2.5 * var(--u)) #34A36F}47.26%,100%{background-color:rgba(111,207,156,0);box-shadow:0 0 0 calc(2.5 * var(--u)) rgba(52,163,111,0)}}
@keyframes evSweep{0%,16.7%{opacity:0;transform:translateY(-100%)}17.52%{opacity:1}22.41%{opacity:1;transform:translateY(calc(420 * var(--u)))}23.22%,100%{opacity:0;transform:translateY(calc(420 * var(--u)))}}
@keyframes evCorners{0%,14.67%{opacity:0;transform:scale(1.12)}17.11%,25.26%{opacity:1;transform:scale(1)}27.7%,100%{opacity:0;transform:scale(1)}}
@keyframes evFlash{0%,23.06%{opacity:0}23.55%{opacity:.85}25.26%,100%{opacity:0}}
@keyframes evToast{0%,47.26%{opacity:0;transform:translateY(calc(14 * var(--u)))}48.89%,54.59%{opacity:1;transform:none}56.22%,100%{opacity:0;transform:none}}
@keyframes evDim{0%,55.41%{opacity:0}57.85%,77.41%{opacity:1}79.85%,100%{opacity:0}}
@keyframes evSheet{0%,55.41%{transform:translateY(105%)}58.67%,77.41%{transform:none}80.67%,100%{transform:translateY(105%)}}
@keyframes evFill{0%,63.56%{width:0;opacity:1}70.07%{width:100%;opacity:1}71.7%,100%{width:100%;opacity:0}}
@keyframes evL1{0%,63.23%{opacity:1}63.88%,100%{opacity:0}}
@keyframes evL2{0%,63.56%{opacity:0}64.37%,69.75%{opacity:1}70.4%,100%{opacity:0}}
@keyframes evL3{0%,70.07%{opacity:0}70.89%,100%{opacity:1}}
@keyframes evD1{0%,73.33%{opacity:1}73.99%,100%{opacity:0}}
@keyframes evD2{0%,73.66%{opacity:0}74.47%,100%{opacity:1}}
@keyframes evCurtain{0%{opacity:1}2.5%,97%{opacity:0}100%{opacity:1}}
@keyframes evS1{0%,4.07%,27.7%,100%{background-color:transparent;color:var(--ink-2)}5.3%,26.48%{background-color:var(--surface);color:var(--accent-ink)}}
@keyframes evS2{0%,26.89%,45.63%,100%{background-color:transparent;color:var(--ink-2)}28.11%,44.41%{background-color:var(--surface);color:var(--accent-ink)}}
@keyframes evS3{0%,45.22%,56.22%,100%{background-color:transparent;color:var(--ink-2)}46.44%,55%{background-color:var(--surface);color:var(--accent-ink)}}
@keyframes evS4{0%,55.81%,72.11%,100%{background-color:transparent;color:var(--ink-2)}57.04%,70.89%{background-color:var(--surface);color:var(--accent-ink)}}
@keyframes evS5{0%,71.7%,79.85%,100%{background-color:transparent;color:var(--ink-2)}72.93%,78.63%{background-color:var(--surface);color:var(--accent-ink)}}
@media (prefers-reduced-motion:reduce){.hero-visual *,.hero-visual *::before,.hero-visual *::after{animation:none!important}.ev-steps{display:none}}
.ph-tab{position:relative}.ev-tap.t5{animation-delay:22s;background:rgba(30,107,78,.25)}
.ev-rep{position:absolute;inset:0;z-index:4;background:var(--p-bg);opacity:0;pointer-events:none;padding:calc(58 * var(--u)) calc(16 * var(--u)) 0;display:flex;flex-direction:column;gap:calc(14 * var(--u));animation:evRep var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-rh{display:flex;justify-content:space-between;align-items:center;padding:calc(4 * var(--u)) calc(4 * var(--u)) 0}
.ev-rh b{font-size:calc(30 * var(--u));font-weight:700;letter-spacing:-.03em}
.ev-rh span{font-size:calc(14 * var(--u));font-weight:600;color:var(--p-green);background:var(--p-card);padding:calc(7 * var(--u)) calc(12 * var(--u));border-radius:calc(16 * var(--u));box-shadow:0 0 0 calc(0.5 * var(--u)) var(--p-hair)}
.ev-rc{background:var(--p-card);border-radius:calc(24 * var(--u));box-shadow:0 0 0 calc(0.5 * var(--u)) var(--p-hair);padding:calc(16 * var(--u)) calc(18 * var(--u))}
.ev-rc>header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:calc(12 * var(--u))}
.ev-rc>header b{font-size:calc(16 * var(--u));font-weight:600}.ev-rc>header span{font-size:calc(13 * var(--u));color:var(--p-sec);font-variant-numeric:tabular-nums}
.ev-bars{display:flex;flex-direction:column;gap:calc(11 * var(--u))}
.ev-bar>div{display:flex;justify-content:space-between;font-size:calc(13.5 * var(--u));margin-bottom:calc(5 * var(--u));font-variant-numeric:tabular-nums}
.ev-bar>div span:last-child{color:var(--p-sec)}
.ev-bar>i{display:block;height:calc(8 * var(--u));border-radius:calc(4 * var(--u));background:var(--p-track);overflow:hidden}
.ev-bar>i>i{display:block;height:100%;width:var(--w);border-radius:calc(4 * var(--u));background:linear-gradient(90deg,var(--p-accent),var(--p-bar2));transform-origin:0 50%;animation:evBar var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-bar:nth-child(2)>i>i{animation-delay:.12s}.ev-bar:nth-child(3)>i>i{animation-delay:.24s}.ev-bar:nth-child(4)>i>i{animation-delay:.36s}.ev-bar:nth-child(5)>i>i{animation-delay:.48s}
.ev-ins{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(9 * var(--u)) 0;animation:evIns var(--T) cubic-bezier(.4,0,.2,1) infinite}
.ev-ins+.ev-ins{border-top:calc(0.5 * var(--u)) solid var(--p-hair)}
.ev-ins:nth-of-type(2){animation-delay:.45s}.ev-ins:nth-of-type(3){animation-delay:.9s}
.ev-ins>.ms{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:calc(12 * var(--u));background:oklch(var(--p-l1) var(--p-c1) 160);color:var(--p-green);display:grid;place-items:center;font-size:calc(20 * var(--u));flex:none}
.ev-ins b{display:block;font-size:calc(14.5 * var(--u));font-weight:600}.ev-ins small{display:block;font-size:calc(12.5 * var(--u));color:var(--p-sec)}
.ev-rep .ph-tabs{z-index:auto}
.ev-steps .s6{animation:evS6 var(--T) cubic-bezier(.4,0,.2,1) infinite}
@keyframes evRep{0%,82.5%{opacity:0}84%,100%{opacity:1}}
@keyframes evBar{0%,84%{transform:scaleX(0)}88.5%,100%{transform:scaleX(1)}}
@keyframes evIns{0%,87%{opacity:0;transform:translateY(calc(8 * var(--u)))}89%,100%{opacity:1;transform:none}}
@keyframes evS6{0%,82%,99%,100%{background-color:transparent;color:var(--ink-2)}83.5%,97%{background-color:var(--surface);color:var(--accent-ink)}}