.fcard{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);flex-direction:column;gap:12px;padding:26px;display:flex}.fcard__icon{color:#fff;background:var(--fcard-accent);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.fcard__body{color:var(--fg-secondary);font-size:14.5px;line-height:1.5}@media (width<=620px){.fcard{padding:22px}}@media (prefers-reduced-motion:no-preference){.fcard{transition:all .22s var(--ease)}.fcard:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}}.phone{--phone-w:328px;width:var(--phone-w);background:var(--bg-canvas);box-shadow:var(--shadow-xl);border:9px solid #17131f;border-radius:42px;flex:none;position:relative;overflow:hidden}[data-theme=dark] .phone{border-color:#0d0a14}.phone__img{border-radius:33px;width:100%;height:auto}[data-theme=dark] .phone__img--light,[data-theme=light] .phone__img--dark{display:none}@media (width<=900px){.phone-stage{height:var(--stage-h,340px);display:block;position:relative;overflow:hidden;mask-image:linear-gradient(#000 74%,#00000059 92%,#0000)}.phone-stage .phone{--phone-w:308px;position:absolute;top:0;left:50%;transform:translate(-50%)}}@media (width<=620px){.phone-stage{height:var(--stage-h,312px)}.phone-stage .phone{--phone-w:290px}}.frow{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:52px 0;display:grid}.frow+.frow{border-top:1px solid var(--border-subtle)}.frow__art{place-items:center;display:grid}.frow--rev .frow__art{order:-1}.frow__copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.frow__eyebrow{font-family:var(--font-mono);color:var(--fg-muted);letter-spacing:.1em;font-size:12px}.frow__lede{font-size:16px}.flist{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.flist li{color:var(--fg-secondary);grid-template-columns:20px 1fr;gap:12px;font-size:15px;line-height:1.45;display:grid}.flist__mark{background:var(--color-primary-light);width:20px;height:20px;color:var(--color-primary);border-radius:50%;place-items:center;margin-top:2px;display:grid}.flist b{color:var(--fg-primary);font-weight:700}@media (width<=1040px){.frow{gap:40px}}@media (width<=900px){.frow{grid-template-columns:1fr;gap:8px;padding-block:38px}.frow__copy{gap:14px}.frow__art{margin-top:24px}.frow--rev .frow__art{order:0}}@media (width<=620px){.frow{padding-block:30px}}.grid3{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;display:grid}@media (width<=1040px){.grid3{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.grid3{grid-template-columns:1fr}}.hero{min-height:calc(100svh - var(--head-h));grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding-block:48px 32px;display:grid}.hero-copy{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-note{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;display:flex}.hero-note b{color:var(--fg-secondary);font-weight:600}.hero-stage{place-items:center;display:grid;position:relative}.hero-glow{background:radial-gradient(50% 45% at 32% 28%, var(--qp-200) 0%, transparent 72%), radial-gradient(45% 45% at 72% 74%, var(--qt-200) 0%, transparent 70%);filter:blur(48px);opacity:.8;pointer-events:none;border-radius:50%;position:absolute;inset:-10%}[data-theme=dark] .hero-glow{background:radial-gradient(50% 45% at 32% 28%,#ac92cd66 0%,#0000 72%),radial-gradient(45% 45% at 72% 74%,#75cdd152 0%,#0000 70%)}@media (width>=901px){.hero .phone{--phone-w:min(328px, (100svh - var(--head-h) - 96px) / 2.17)}}@media (width<=900px){.hero{grid-template-columns:1fr;align-content:space-between;gap:8px;padding-block:44px 0}.hero-copy{gap:20px}.hero-stage{--stage-h:376px;margin-top:8px;display:block}.hero-glow{filter:blur(24px);background:radial-gradient(32% 28% at 36% 46%, var(--qp-300) 0%, transparent 72%), radial-gradient(30% 26% at 66% 62%, var(--qt-300) 0%, transparent 72%);border-radius:0;inset:0}[data-theme=dark] .hero-glow{background:radial-gradient(32% 28% at 36% 46%,#ac92cd8c 0%,#0000 72%),radial-gradient(30% 26% at 66% 62%,#75cdd173 0%,#0000 72%)}}@media (width<=620px){.hero{padding-block:32px 0}.hero-stage{--stage-h:340px}}.steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:30px 26px;position:relative}.step__number{font-family:var(--font-mono);color:var(--color-primary);background:var(--color-primary-light);border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:16px;font-size:13px;font-weight:500;display:grid}.step__body{color:var(--fg-secondary);margin-top:8px;font-size:14.5px;line-height:1.5}@media (width<=1040px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.steps{grid-template-columns:1fr}.step{padding:22px}}.trust{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tcard{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-surface);padding:26px}.tcard h3{margin-bottom:8px;font-size:16px;font-weight:700}.tcard p{color:var(--fg-secondary);font-size:14px;line-height:1.5}.draft{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--r-df);color:var(--fg-secondary);align-items:flex-start;gap:14px;margin-top:32px;padding:16px 18px;font-size:14px;display:flex}.draft__icon{color:var(--color-primary);flex:none;margin-top:2px}.draft a{font-weight:700}@media (width<=1040px){.trust{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.trust{grid-template-columns:1fr}.tcard{padding:22px}}.stats{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stat{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:26px}.stat__value{letter-spacing:-.03em;color:var(--color-primary);font-size:clamp(34px,4vw,46px);font-weight:800;line-height:1}.stat__label{color:var(--fg-secondary);margin-top:10px;font-size:14px;line-height:1.4}.stat__source{color:var(--fg-muted);font-size:11.5px;font-family:var(--font-mono);margin-top:12px}@media (width<=1040px){.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.stats{grid-template-columns:1fr}.stat{padding:22px}}
