:root { --bg:#0b0a12; --panel:#12111b; --panel-2:#171523; --line:rgba(255,255,255,.1); --text:#f3f0fb; --muted:#a29cae; --faint:#706a7c; --purple:#9a78ff; --purple-2:#c0aaff; --green:#71d9b1; --warm:#e6b580; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--bg); font-family:'Noto Sans SC','Manrope',sans-serif; line-height:1.65; overflow-x:hidden; }
body:before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
a { color:inherit; text-decoration:none; }
.shell { width:min(var(--max), calc(100% - 56px)); margin:0 auto; position:relative; }
.ambient { position:absolute; width:470px; height:470px; border-radius:50%; filter:blur(60px); opacity:.12; pointer-events:none; }
.ambient-one { top:180px; left:-220px; background:var(--purple); }
.ambient-two { top:940px; right:-280px; background:#345b8f; }
.site-header { width:min(1300px, calc(100% - 44px)); height:76px; margin:0 auto; display:flex; align-items:center; gap:30px; border-bottom:1px solid var(--line); position:relative; z-index:3; }
.brand { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.brand-mark { display:inline-flex; align-items:flex-end; height:28px; gap:3px; transform:skewX(-13deg); }
.brand-mark i { display:block; width:7px; border-radius:4px; background:linear-gradient(180deg,#c7b6ff,#7656e6); }
.brand-mark i:nth-child(1){height:20px}.brand-mark i:nth-child(2){height:28px}.brand-mark i:nth-child(3){height:23px}
.brand-name { font-size:20px; font-weight:800; letter-spacing:.06em; }
.brand-en { color:var(--faint); font:500 10px 'DM Mono',monospace; letter-spacing:.18em; }
.nav { display:flex; gap:26px; margin-left:auto; color:var(--muted); font-size:13px; }
.nav a:hover { color:var(--text); }
.nav-download,.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:10px; font-weight:700; font-size:13px; transition:transform .2s ease,background .2s ease,border .2s ease; }
.nav-download { padding:11px 16px; border:1px solid rgba(154,120,255,.5); color:#d9cdfd; background:rgba(154,120,255,.08); }
.nav-download:hover,.button:hover { transform:translateY(-2px); }
.hero { min-height:660px; display:grid; grid-template-columns:1.02fr .98fr; gap:56px; align-items:center; padding:92px 0 78px; }
.eyebrow,.kicker,.screen-label { color:var(--purple-2); font:500 11px 'DM Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow { display:flex; gap:9px; align-items:center; }
.pulse { width:7px; height:7px; display:inline-block; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(113,217,177,.08); }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:650px; margin:22px 0 24px; font-size:clamp(44px,5.2vw,74px); line-height:1.08; letter-spacing:-.06em; font-weight:800; }
h1 em,h2 em { color:var(--purple-2); font-style:normal; }
.hero-lede { max-width:570px; color:var(--muted); font-size:16px; line-height:1.9; }
.hero-actions { display:flex; gap:12px; margin-top:34px; }
.button { min-height:48px; padding:0 20px; }
.button-primary { color:#100c1a; background:var(--purple-2); box-shadow:0 12px 32px rgba(154,120,255,.22); }
.button-primary:hover { background:#d0c2ff; }
.button-quiet { color:#c9c2d4; border:1px solid var(--line); background:rgba(255,255,255,.03); }
.hero-notes { display:flex; gap:18px; flex-wrap:wrap; margin-top:28px; color:var(--faint); font-size:11px; }
.hero-stage { min-height:420px; display:flex; align-items:center; justify-content:center; position:relative; }
.stage-orbit { position:absolute; border:1px solid rgba(154,120,255,.25); border-radius:50%; transform:rotate(-18deg); }
.orbit-one { width:500px; height:270px; }
.orbit-two { width:560px; height:340px; border-color:rgba(113,217,177,.13); transform:rotate(32deg); }
.stage-card { position:relative; border:1px solid rgba(255,255,255,.12); background:linear-gradient(145deg,rgba(32,28,49,.95),rgba(14,13,23,.96)); box-shadow:0 30px 70px rgba(0,0,0,.4); }
.stage-main { width:min(450px,100%); padding:24px; border-radius:18px; z-index:1; }
.stage-topline,.stage-footer { display:flex; justify-content:space-between; align-items:center; color:var(--faint); font:500 10px 'DM Mono',monospace; letter-spacing:.07em; }
.stage-live { color:var(--green); }.stage-live i { display:inline-block; width:5px; height:5px; margin-right:5px; border-radius:50%; background:var(--green); }
.stage-title { margin-top:36px; font-size:26px; font-weight:800; letter-spacing:-.04em; }.stage-subtitle { margin-top:6px; color:var(--muted); font-size:12px; }
.stage-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:27px 0; }.stage-columns>div { padding:14px 12px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(255,255,255,.035); }.column-label { display:block; color:var(--muted); font-size:11px; }.stage-columns b { display:block; margin-top:7px; font:500 27px 'DM Mono',monospace; color:var(--purple-2); }.stage-columns small { color:var(--faint); font-size:10px; }
.stage-progress { height:5px; margin:8px 0 16px; border-radius:10px; overflow:hidden; background:#282438; }.stage-progress span { width:72%; height:100%; display:block; background:linear-gradient(90deg,var(--purple),var(--green)); border-radius:10px; }.stage-footer strong { color:var(--text); font:500 11px 'DM Mono',monospace; }
.stage-float { position:absolute; z-index:2; display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:12px; }.stage-float b,.stage-float small { display:block; }.stage-float b { font-size:12px; }.stage-float small { color:var(--faint); font-size:10px; }.float-top { top:25px; right:-5px; }.float-bottom { bottom:32px; left:-5px; }.float-icon { width:28px; height:28px; display:grid; place-items:center; color:var(--purple-2); border-radius:8px; background:rgba(154,120,255,.15); }.float-icon.green { color:var(--green); background:rgba(113,217,177,.12); }.stage-caption { position:absolute; right:-10px; bottom:-8px; color:var(--faint); font-size:10px; transform:rotate(-7deg); }
.proof-strip { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0; }.proof-strip>div { display:flex; flex-direction:column; gap:2px; padding:0 30px; border-right:1px solid var(--line); color:var(--muted); font-size:12px; }.proof-strip>div:first-child{padding-left:0}.proof-strip>div:last-child{border-right:0}.proof-number { color:var(--text); font:500 19px 'DM Mono',monospace; }
.section { padding:150px 0 0; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:48px; }.section-heading h2 { margin:14px 0 0; font-size:clamp(32px,4vw,52px); line-height:1.13; letter-spacing:-.055em; }.section-heading>p { width:320px; margin-bottom:3px; color:var(--muted); font-size:14px; line-height:1.8; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.feature-card { min-height:300px; padding:23px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); position:relative; overflow:hidden; }.feature-card:after { content:''; position:absolute; width:130px; height:130px; right:-55px; bottom:-60px; border:1px solid rgba(154,120,255,.2); border-radius:50%; }.feature-highlight { background:linear-gradient(155deg,rgba(154,120,255,.19),rgba(154,120,255,.025)); border-color:rgba(154,120,255,.36); }.feature-index { color:var(--faint); font:500 10px 'DM Mono',monospace; }.feature-icon { width:42px; height:42px; display:grid; place-items:center; margin:50px 0 22px; border:1px solid rgba(192,170,255,.3); border-radius:10px; color:var(--purple-2); font-size:21px; background:rgba(154,120,255,.11); }.feature-card h3 { margin-bottom:10px; font-size:18px; }.feature-card p { color:var(--muted); font-size:13px; line-height:1.75; }.feature-line { width:30px; height:2px; display:block; margin-top:20px; background:var(--purple); }
.workflow-section { margin-top:150px; padding:110px 0 120px; background:linear-gradient(180deg,rgba(27,23,42,.6),rgba(11,10,18,.1)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.workflow-heading { margin-bottom:55px; }.workflow-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; }.workflow-step { min-height:250px; padding:0 28px; border-left:1px solid var(--line); }.workflow-step:first-child { padding-left:0; border-left:0; }.workflow-step>span { color:var(--purple-2); font:500 12px 'DM Mono',monospace; }.step-symbol { margin:42px 0 20px; color:var(--purple-2); font:400 42px 'Manrope',sans-serif; }.workflow-step h3 { margin-bottom:10px; font-size:17px; }.workflow-step p { max-width:210px; color:var(--muted); font-size:13px; line-height:1.75; }
.screenshots-section { padding-top:145px; }.screen-feature { display:grid; grid-template-columns:.72fr 1.28fr; gap:50px; align-items:center; margin-top:65px; }.screen-feature.reverse { grid-template-columns:1.28fr .72fr; }.screen-feature.reverse .screen-copy { order:2; }.screen-feature.reverse .screen-frame { order:1; }.screen-copy h3 { margin:16px 0 14px; font-size:29px; letter-spacing:-.04em; }.screen-copy p { color:var(--muted); font-size:14px; line-height:1.9; }.screen-meta { display:flex; gap:8px; flex-wrap:wrap; margin-top:23px; }.screen-meta span { padding:6px 9px; border:1px solid var(--line); border-radius:6px; color:var(--faint); font:500 10px 'DM Mono',monospace; }.screen-frame { margin:0; padding:10px; border:1px solid rgba(192,170,255,.22); border-radius:15px; background:#111019; box-shadow:0 24px 60px rgba(0,0,0,.34); }.screen-frame img { width:100%; display:block; border-radius:8px; }.screen-frame figcaption { padding:10px 5px 0; color:var(--faint); font-size:11px; }
.trust-section { padding-top:130px; }.trust-card { display:grid; grid-template-columns:auto 1fr auto; gap:28px; align-items:center; padding:38px 42px; border:1px solid rgba(113,217,177,.22); border-radius:16px; background:linear-gradient(110deg,rgba(113,217,177,.07),rgba(154,120,255,.05)); }.trust-mark { width:50px; height:50px; display:grid; place-items:center; border:1px solid rgba(113,217,177,.35); border-radius:50%; color:var(--green); font-size:27px; }.trust-card h2 { margin:12px 0 7px; font-size:27px; letter-spacing:-.04em; }.trust-card p { max-width:610px; margin:0; color:var(--muted); font-size:13px; }.trust-badges { display:flex; flex-direction:column; gap:8px; }.trust-badges span { padding:6px 10px; border:1px solid rgba(113,217,177,.2); border-radius:7px; color:var(--green); font:500 10px 'DM Mono',monospace; white-space:nowrap; }
.limits-section { padding-bottom:145px; }.limits-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.limit-column { padding:31px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }.limit-title { display:inline-flex; gap:9px; align-items:center; font:500 11px 'DM Mono',monospace; letter-spacing:.08em; }.limit-title:before { content:''; width:7px; height:7px; border-radius:50%; }.limit-title.yes { color:var(--green); }.limit-title.yes:before { background:var(--green); }.limit-title.no { color:#e4b3be; }.limit-title.no:before { background:#e4b3be; }.limit-column ul { display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; padding:22px 0 0; margin:0; list-style:none; color:var(--muted); font-size:13px; }.limit-column li { position:relative; padding-left:17px; }.limit-column li:before { content:'·'; position:absolute; left:0; color:var(--faint); }
.download-section { padding-bottom:100px; }.download-panel { display:flex; justify-content:space-between; align-items:end; gap:40px; padding:62px 66px; border:1px solid rgba(154,120,255,.35); border-radius:18px; background:radial-gradient(circle at 80% 20%,rgba(154,120,255,.22),transparent 36%),linear-gradient(120deg,#1c1632,#11101a 70%); }.download-panel h2 { margin:14px 0 13px; font-size:clamp(34px,4vw,52px); line-height:1.12; letter-spacing:-.055em; }.download-panel p { max-width:530px; margin:0; color:var(--muted); font-size:14px; }.download-action { display:flex; flex-direction:column; align-items:center; gap:11px; }.download-action small { color:var(--faint); font:500 10px 'DM Mono',monospace; }.site-footer { display:grid; grid-template-columns:1fr auto 1.4fr; gap:25px; align-items:center; padding:28px 0 44px; border-top:1px solid var(--line); color:var(--faint); font-size:11px; }.footer-brand { display:flex; align-items:center; gap:9px; color:var(--muted); font-weight:700; }.site-footer p { margin:0; }.footer-note { text-align:right; }
.pricing-section { padding-top:86px; }.pricing-heading { margin-bottom:28px; }.pricing-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.price-card { min-height:205px; padding:24px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }.price-card.price-featured { border-color:rgba(154,120,255,.6); background:linear-gradient(155deg,rgba(154,120,255,.2),rgba(154,120,255,.04)); box-shadow:0 18px 40px rgba(72,44,130,.16); }.price-tag { display:block; color:var(--muted); font:500 11px 'DM Mono',monospace; letter-spacing:.05em; }.price-card strong { display:block; margin:26px 0 4px; color:var(--text); font-size:34px; letter-spacing:-.06em; }.price-card strong small { margin-left:4px; font-size:13px; letter-spacing:0; }.price-duration { display:block; color:var(--purple-2); font:500 12px 'DM Mono',monospace; }.price-card p { margin:23px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }.access-card { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:12px; padding:28px 30px; border:1px solid rgba(113,217,177,.22); border-radius:14px; background:rgba(113,217,177,.045); }.access-card h3 { margin:10px 0 6px; font-size:21px; }.access-card p { max-width:650px; margin:0; color:var(--muted); font-size:13px; }.access-card .button { flex:none; }.site-footer a { color:var(--purple-2); }.policy-page { min-height:100vh; background:var(--bg); }.policy-shell { width:min(760px,calc(100% - 42px)); margin:0 auto; padding:72px 0 100px; }.policy-back { display:inline-block; margin-bottom:70px; color:var(--purple-2); font-size:13px; }.policy-shell h1 { max-width:none; margin:16px 0 18px; font-size:clamp(44px,7vw,72px); }.policy-lede { max-width:650px; margin-bottom:64px; color:var(--muted); font-size:16px; line-height:1.9; }.policy-block { padding:28px 0; border-top:1px solid var(--line); }.policy-block h2 { margin:0 0 12px; font-size:20px; }.policy-block p { margin:0; color:var(--muted); font-size:14px; line-height:1.9; }.policy-note { padding:24px; border:1px solid rgba(230,181,128,.25); border-radius:12px; background:rgba(230,181,128,.06); }.policy-updated { margin-top:34px; color:var(--faint); font:500 11px 'DM Mono',monospace; }
@media (max-width:900px) { .nav { display:none; }.hero { grid-template-columns:1fr; padding-top:70px; }.hero-stage { min-height:390px; }.feature-grid,.workflow-grid { grid-template-columns:repeat(2,1fr); gap:12px; }.pricing-grid { grid-template-columns:repeat(2,1fr); }.feature-card { min-height:270px; }.workflow-step:nth-child(3) { border-left:0; padding-left:0; }.workflow-step { padding-top:20px; }.screen-feature,.screen-feature.reverse { grid-template-columns:1fr; gap:32px; }.screen-feature.reverse .screen-copy,.screen-feature.reverse .screen-frame { order:initial; }.trust-card { grid-template-columns:auto 1fr; }.trust-badges { grid-column:2; flex-direction:row; flex-wrap:wrap; }.download-panel { align-items:start; flex-direction:column; }.download-action { align-items:flex-start; }.access-card { align-items:flex-start; flex-direction:column; }.site-footer { grid-template-columns:1fr 1fr; }.footer-note { grid-column:1/-1; text-align:left; } }
@media (max-width:560px) { .shell { width:min(100% - 34px, var(--max)); }.site-header { width:calc(100% - 34px); height:66px; }.brand-en { display:none; }.nav-download { padding:9px 11px; font-size:11px; }.hero { padding:66px 0 58px; }.hero-actions { flex-direction:column; align-items:stretch; }.button { width:100%; }.hero-stage { min-height:320px; transform:scale(.86); margin:0 -22px; }.float-top { right:-2px; }.float-bottom { left:-2px; }.proof-strip { grid-template-columns:1fr; gap:16px; }.proof-strip>div,.proof-strip>div:first-child { padding:0 0 16px; border-right:0; border-bottom:1px solid var(--line); }.proof-strip>div:last-child { padding-bottom:0; border-bottom:0; }.section { padding-top:100px; }.section-heading { display:block; }.section-heading>p { width:auto; margin-top:22px; }.feature-grid,.workflow-grid,.limits-grid,.pricing-grid { grid-template-columns:1fr; }.workflow-step,.workflow-step:nth-child(3) { min-height:0; padding:24px 0 34px; border-left:0; border-top:1px solid var(--line); }.workflow-step:first-child { padding-top:0; border-top:0; }.workflow-step p { max-width:none; }.screenshots-section { padding-top:100px; }.screen-feature { margin-top:48px; }.trust-card { grid-template-columns:1fr; padding:29px 25px; }.trust-badges { grid-column:auto; }.limit-column ul { grid-template-columns:1fr; }.download-panel { padding:38px 25px; }.site-footer { grid-template-columns:1fr; }.footer-note { grid-column:auto; }.stage-card.stage-main { width:390px; }.stage-float { transform:scale(.9); } }


/* Keep the two platform download choices equal in size and emphasis. */
.download-action { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:12px; width:min(100%,520px); }
.download-action .button { width:100%; min-height:54px; padding:0 12px; white-space:nowrap; }
.download-action .button-quiet { color:#100c1a; border:1px solid transparent; background:var(--purple-2); box-shadow:0 12px 32px rgba(154,120,255,.22); }
.download-action .button-quiet:hover { background:#d0c2ff; }
.download-action small { grid-column:1/-1; line-height:1.65; }
@media (max-width:560px) { .download-action { grid-template-columns:1fr; width:100%; }.download-action small { grid-column:auto; } }

.pricing-section { scroll-margin-top: 18px; }