:root{font-family:Inter,'Microsoft YaHei',system-ui,sans-serif;color:#efebfa;background:#111020;color-scheme:dark;font-synthesis:none;--muted:#b1a9c4;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse 70% 35% at 80% 0%,#53348342,transparent),#111020}a{color:#c6afff;text-underline-offset:4px}a:focus-visible,[tabindex]:focus-visible{outline:3px solid #f4d282;outline-offset:5px}p{line-height:1.85}h1,h2,h3,p{margin-top:0}.site-header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#f5f0ff;font-size:22px;font-weight:800}.brand small{display:block;letter-spacing:2px;font-size:9px;color:var(--muted);margin-top:3px}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;color:#c6bfd6}main{max-width:1240px;margin:auto;padding:0 24px}section{margin-bottom:76px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding:72px 0 0}.eyebrow{color:#b89ce9;letter-spacing:2px;font-size:12px;font-weight:700;margin-bottom:18px}h1{font-size:clamp(34px,4vw,53px);line-height:1.3;letter-spacing:-1px;margin-bottom:22px}.intro{font-size:16px;color:#c5bcd6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid #8e71bc66;border-radius:12px;text-decoration:none;color:#e9ddff;background:#302542;font-size:14px;font-weight:650;text-align:center}.button:hover{background:#46305e}.button.primary{background:#8b68e6;border-color:#b093ef;color:#fff}.button.primary:hover{background:#9b7aec}.button.small{padding:10px 16px}.caption{color:var(--muted);font-size:12px;line-height:1.8}.preview{background:linear-gradient(145deg,#302443,#1c192f);border:1px solid #ffffff20;border-radius:24px;padding:26px;box-shadow:0 22px 80px #0003;min-width:0}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-weight:700}.preview-head small{font-size:11px;color:#b0a3c9;font-weight:400}.preview-task{display:flex;gap:12px;align-items:center;border:1px solid #ffffff10;border-radius:14px;padding:17px 12px;margin:12px 0;background:#ffffff04}.preview-task>div{flex:1;min-width:0}.preview-task strong{font-size:14px}.preview-task small{display:block;font-size:11px;color:#b5a8ce;margin-top:7px}.preview-task>span:last-child{font-size:11px;color:#c6b2e6;white-space:nowrap}.check,.spark{width:30px;height:30px;border-radius:9px;background:#509b7130;display:grid;place-items:center;flex-shrink:0;color:#a1dab7}.spark{background:#9f75d230;color:#f0d285}.preview-progress{padding:18px 0;font-size:12px;color:#bfb1d8}.preview-progress>div{height:7px;border-radius:10px;background:#ffffff10;margin-top:12px}.preview-progress i{display:block;height:100%;width:45%;background:#a183ed;border-radius:inherit}.companion{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:18px}.companion>span{font-size:32px;color:#e2c991}.companion p{font-size:12px;color:#bfb1d8;margin:0}.companion strong{color:#e9e0f7}.section-title{max-width:750px;margin-bottom:26px}h2{font-size:clamp(23px,2.6vw,30px);line-height:1.4;margin-bottom:12px}.section-title p:not(.eyebrow){font-size:14px;color:var(--muted)}.features,.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.features article{padding:23px;border:1px solid var(--line);border-radius:18px;background:#1b192c}.features span{font-size:10px;letter-spacing:2px;color:#a88bd2}.features h3{font-size:17px;margin:17px 0 12px}.features p{font-size:13px;color:var(--muted);margin:0}.plan{display:flex;flex-direction:column;padding:24px 20px;border-radius:20px;background:#201b32;border:1px solid #ffffff20;min-width:0}.plan.featured{background:linear-gradient(155deg,#332342,#201b32);border-color:#ac7bef55}.tag{font-size:11px;color:#c6abdF;margin-bottom:20px}.plan h3{font-size:20px;margin-bottom:18px}.price{font-size:40px;line-height:1.2;font-weight:750;margin-bottom:18px;font-variant-numeric:tabular-nums}.price small{font-size:19px;margin-right:4px}.price>span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin:10px 0}.plan ul{list-style:none;padding:0;font-size:12px;line-height:2.4;color:#c8bfd7;margin:0 0 24px}.plan li:before{content:'✓';color:#b795ea;margin-right:8px}.plan .button{margin-top:auto;padding:12px 8px}.plan>small{text-align:center;font-size:10px;color:var(--muted);margin-top:13px}.notice{font-size:13px;padding:18px 22px;border:1px solid #d0ad5840;background:#c49e2810;color:#dbcba6;border-radius:14px;margin:22px 0 30px}.comparison{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#1b192d}table{border-collapse:collapse;width:100%;min-width:560px;text-align:left;font-size:13px}caption{text-align:left;font-size:17px;font-weight:700;padding:22px}th,td{padding:17px 22px;border-bottom:1px solid var(--line)}thead th{background:#ffffff04;color:#c7b3e6}tbody th{font-weight:400;color:#c9c0d7}tbody tr:last-child>*{border-bottom:0}.comparison+.caption{margin-top:15px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.details-grid article{background:#1b192b;border:1px solid var(--line);border-radius:20px;padding:30px;min-width:0}.details-grid p,.details-grid li{font-size:14px;line-height:1.9;color:#bcb2cd}.details-grid ol{padding-left:20px}.details-grid li{margin:12px 0}.details-grid strong{color:#e6dcf4}footer{border-top:1px solid var(--line);padding:30px 24px 45px;text-align:center;font-size:12px;color:var(--muted)}footer .brand{justify-content:center;font-size:17px}footer p{margin:14px 0 8px}footer a{color:var(--muted)}
@media(max-width:1000px){.hero{gap:28px}.features,.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{gap:16px}.preview{padding:20px}}
@media(max-width:720px){.site-header{align-items:flex-start;flex-wrap:wrap;padding:18px}nav{width:100%;justify-content:space-between;gap:8px!important}nav a{font-size:12px}main{padding:0 18px}.hero{grid-template-columns:minmax(0,1fr);padding-top:40px;gap:24px}section{margin-bottom:48px}.details-grid{grid-template-columns:minmax(0,1fr)}.details-grid article{padding:24px}.plans,.features{gap:12px}.plan{padding:20px 14px}.plan h3{font-size:18px}.price{font-size:36px}.plan .button{font-size:12px}.features article{padding:18px}.preview-task{flex-wrap:wrap}.preview-task>span:last-child{margin-left:42px}.notice{padding:16px}.button{max-width:100%}}
@media(max-width:380px){.plans,.features{grid-template-columns:minmax(0,1fr)}nav .small{width:100%}.actions{flex-direction:column}.preview{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Public storefront follows the chosen vivid dark task theme. */
:root{color:#e9f0f7;background:#12171b;color-scheme:dark;--muted:#a8b8c6;--line:#ffffff18}body{background:radial-gradient(ellipse 65% 30% at 90% 0%,#1c4c5b,transparent),#12171b}a{color:#7ecfc1}.brand{color:#61cfb7}.site-header{border-color:#33404c}.brand small{color:#d2b46d}nav a{color:#b7c8d5}.eyebrow{color:#77cdb5}.intro{color:#acbfce}.button{background:#2b4051;color:#c8e7ef;border-color:#486a82;box-shadow:0 3px 0 #102531;border-radius:24px}.button:hover{background:#36596f}.button.primary{background:#317db1;border-color:#579ecb;color:#fff}.button.primary:hover{background:#448ec0}.preview{background:#1d2f3a;border:1px solid #425d6b;box-shadow:0 7px 0 #0c171d}.preview-head small{color:#9ebcc6}.preview-task{background:linear-gradient(125deg,#b82a67,#86265b);border-color:#d05285}.preview-task:nth-child(3){background:linear-gradient(125deg,#327d3d,#266137);border-color:#569455}.preview-task strong{color:white}.preview-task small{color:#e4e8e8}.preview-task>span:last-child{color:#fff2c4}.check{background:#fff9;color:#316b47}.spark{background:#fff9;color:#80572a}.preview-progress{color:#a8c4ce}.preview-progress>div{background:#10212c}.preview-progress i{background:#59c6a5}.companion>span{color:#e5c477}.companion p{color:#a7c6cc}.companion strong{color:#c8eadf}.features article{background:#203342;border-color:#375568}.features article:nth-child(2){background:#243e31}.features article:nth-child(3){background:#493624}.features article:nth-child(4){background:#48263d}.features span{color:#b1d8d1}.plan{background:linear-gradient(150deg,#276fab,#244778);border-color:#538ac3;box-shadow:0 4px 0 #102031}.plan:nth-child(2){background:linear-gradient(150deg,#287c53,#275b3c);border-color:#53a077}.plan.featured{background:linear-gradient(150deg,#ae296f,#812854);border-color:#c25388}.plan.featured:last-child{background:linear-gradient(150deg,#258b91,#21636f);border-color:#4ba8af}.tag{color:#e0e9eb}.price{color:#fff6d9}.plan ul{color:#e2edf1}.plan li:before{color:#ffdf8b}.plan .button{background:#ffffffe8;color:#32434a;border-color:#fff;box-shadow:0 3px 0 #0003}.notice{background:#3c3521;color:#e0cd99;border-color:#70603b}.comparison{background:#202c36;border-color:#3b5367}thead th{background:#273e50;color:#a6d7df}tbody th{color:#b5cfdf}.details-grid article{background:#202f3c;border-color:#395267}.details-grid article:last-child{background:#25382f}.details-grid :is(p,li){color:#b0c6d3}.details-grid strong{color:#e0ecec}footer{background:#171e24;color:#9fbbca}footer a{color:#95b9c9}
@media(hover:hover){.plan{transition:transform .18s}.plan:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.plan{transition:none}}