:root{--accent:#168BFF;--accent-soft:#E7F6FF;--ink:#10233f;--muted:#54657d;--line:#dfeaf5;--white:#fff;--bg:#f5fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:white}a{text-decoration:none;color:inherit}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 44px));margin:auto}.site-header{height:76px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #d8ebfb;box-shadow:0 8px 30px rgba(22,139,255,.06)}.navbar{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;white-space:nowrap;line-height:1}.brand-logo{display:block;height:46px;width:auto;max-width:min(50vw,340px);object-fit:contain}.footer-brand{display:inline-flex;background:#fff;padding:10px 14px;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.12)}.footer-brand .brand-logo{height:42px;max-width:min(62vw,320px)}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;color:#36506b}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent)}.nav-download{padding:9px 18px;border-radius:28px;background:var(--accent);color:white!important;font-weight:700}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:white;padding:7px 12px;cursor:pointer}.hero{overflow:hidden;background:radial-gradient(circle at 84% 16%,rgba(59,214,255,.22) 0,transparent 34%),radial-gradient(circle at 18% 10%,rgba(22,139,255,.18) 0,transparent 30%),linear-gradient(180deg,#f6fbff,#ffffff);padding:92px 0 102px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:44px}.eyebrow{display:inline-flex;border:1px solid #ded9ff;background:#eef8ff;color:#127ee6;border-radius:30px;font-size:13px;font-weight:750;padding:6px 15px}.hero h1{font-size:clamp(39px,5.2vw,69px);line-height:1.18;letter-spacing:-2px;margin:24px 0}.gradient-text{background:linear-gradient(100deg,#168BFF,#18C8FF);color:transparent;background-clip:text}.lead{font-size:18px;line-height:1.9;color:var(--muted);max-width:600px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 26px;font-size:15px;font-weight:750;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#168BFF,#18C8FF);color:#fff;box-shadow:0 16px 28px rgba(22,139,255,.28)}.btn-secondary{background:white;color:var(--ink);border:1px solid #d8e7f6}.hero-art{position:relative;min-height:410px;display:flex;justify-content:center;align-items:center}.hero-art:before{content:'';position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(22,139,255,.16),transparent 70%)}.hero-art img{max-height:470px;width:100%;object-fit:contain;position:relative;filter:drop-shadow(0 32px 44px rgba(22,139,255,.20))}.section{padding:95px 0}.section.soft{background:var(--bg)}.section-head{text-align:center;max-width:700px;margin:0 auto 46px}.section-head h2,.page-intro h1{font-size:clamp(30px,3.7vw,44px);line-height:1.28;letter-spacing:-1px;margin:10px 0 18px}.section-head p,.page-intro p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:23px;padding:29px;box-shadow:0 16px 44px rgba(16,35,63,.07)}.card h3{font-size:20px;margin:14px 0 7px}.card p{color:var(--muted);margin:0}.feature-icon{height:50px;width:50px;border-radius:17px;background:var(--accent-soft);display:grid;place-items:center;font-size:25px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split h2{font-size:clamp(28px,3.6vw,43px);line-height:1.3}.split p{color:var(--muted)}.illustration{min-height:310px;background:linear-gradient(180deg,#eff9ff,#f7fcff);border-radius:32px;border:1px solid #dff0fb;display:grid;place-items:center;padding:30px}.illustration img{max-height:350px;object-fit:contain}.checks{padding:0;list-style:none}.checks li{margin:13px 0}.checks li:before{content:'✓';font-weight:bold;color:#1295ee;margin-right:10px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.price{border-radius:24px;padding:27px 24px;background:white;border:1px solid var(--line)}.price.featured{border:2px solid var(--accent);box-shadow:0 16px 36px rgba(22,139,255,.15)}.price h3{margin:0}.price small{color:var(--muted)}.amount{font-weight:850;font-size:39px;margin:18px 0 9px}.amount span{font-size:17px}.price p{min-height:60px;color:var(--muted);font-size:14px}.price .btn{width:100%;padding:11px 7px}.page-intro{padding:78px 0;background:radial-gradient(circle at 80% 20%,rgba(59,214,255,.18),transparent 42%),var(--bg)}.page-intro .container{max-width:900px}.content{max-width:900px;margin:auto}.prose h2{font-size:23px;margin:34px 0 10px}.prose p,.prose li{color:#555d79}.prose ul{padding-left:23px}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:21px 5px}.faq summary{font-weight:750;font-size:18px;cursor:pointer}.faq p{color:var(--muted);margin-bottom:3px}.cta{padding:68px 0;background:linear-gradient(110deg,#0F6BFF,#15C5FF);color:white;text-align:center}.cta h2{font-size:35px;margin:0}.cta p{color:#eaf8ff}.cta .btn{background:white;color:#0f6bff}.site-footer{padding:44px 0 26px;background:linear-gradient(180deg,#0f2039,#142c52);color:#c8d9ec}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px}.site-footer .brand{color:white}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}.footer-meta{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;font-size:13px}.download-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.download-cards .card{text-align:center}.download-cards .feature-icon{margin:auto}.hint{color:#6b7088;font-size:13px}.reveal{animation:fade .7s ease-out both}@keyframes fade{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.price-grid,.download-cards{grid-template-columns:repeat(2,1fr)}.hero-grid,.split{gap:30px}.hero-art{min-height:280px}}@media(max-width:700px){.container{width:min(100% - 32px,1160px)}.site-header{height:74px}.brand-logo{height:36px;max-width:58vw}.footer-brand .brand-logo{height:34px;max-width:68vw}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:0;padding:13px 20px 22px;box-shadow:0 18px 30px #23234c15}.nav-links.open{display:flex}.nav-links a{padding:12px 8px}.nav-download{text-align:center;margin-top:8px}.hero{padding:52px 0 60px}.hero-grid,.split{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.lead{font-size:16px}.hero-art{min-height:0}.hero-art img{max-height:330px}.section{padding:60px 0}.grid,.price-grid,.download-cards{grid-template-columns:1fr}.card{padding:23px}.section-head{margin-bottom:29px}.split .illustration{order:-1}.page-intro{padding:55px 0}.cta h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.nav-download{background:linear-gradient(135deg,#168BFF,#18C8FF)}.nav-links a:hover,.nav-links a[aria-current=page]{color:#168BFF}.eyebrow{border:1px solid #d6efff}.site-footer .brand{color:white}.hero{position:relative}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(24,200,255,.25),transparent)}
/* Logo-first blue/cyan hero — 2026 */
.hero-brand-art{isolation:isolate;min-height:480px;overflow:visible}
.hero-brand-art:before{z-index:-2;width:97%;background:radial-gradient(circle at center,rgba(27,198,249,.21),rgba(22,139,255,.10) 42%,transparent 70%)}
.hero-brand-card{width:min(80%,400px);aspect-ratio:1;position:relative;z-index:2;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(234,248,255,.94));border:1px solid #d9f2ff;border-radius:34px;box-shadow:0 38px 80px rgba(24,110,199,.14),inset 0 1px rgba(255,255,255,.98);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px;transform:rotate(-4deg)}
.hero-brand-card img{width:min(90%,290px);height:auto;filter:drop-shadow(0 24px 27px rgba(8,108,228,.15));transform:rotate(4deg)}
.hero-brand-chip{letter-spacing:.18em;font-size:10px;font-weight:800;color:#529bc6;align-self:flex-start}
.hero-brand-caption{display:flex;align-items:center;flex-direction:column;gap:0;margin-top:8px;transform:rotate(4deg)}
.hero-brand-caption strong{font-size:23px;letter-spacing:.04em;color:#0d3e74}.hero-brand-caption span{font-size:12px;color:#688cad}
.hero-orbit{position:absolute;border:1px solid rgba(16,158,240,.22);width:86%;aspect-ratio:1;border-radius:50%;z-index:-1;transform:rotate(-17deg)}
.orbit-two{width:105%;border-color:rgba(0,187,219,.13);transform:rotate(19deg)}
.hero-float{position:absolute;z-index:3;background:rgba(255,255,255,.94);border:1px solid #dceefc;box-shadow:0 16px 38px rgba(21,116,192,.10);padding:10px 16px;border-radius:16px;color:#2266a7;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}
.hero-float-top{right:-2%;top:22%}.hero-float-bottom{bottom:13%;left:-1%}
.hero .lead{max-width:560px}.hero .actions{margin-top:28px}
@media(max-width:900px){.hero-brand-art{min-height:385px}.hero-brand-card{width:min(78%,350px)}.hero-float-top{right:0}.hero-float-bottom{left:0}}
@media(max-width:700px){.hero-brand-art{min-height:355px;margin:5px auto 0;max-width:500px}.hero-brand-card{width:min(73%,300px);border-radius:27px;padding:22px}.hero-brand-card img{width:82%}.hero-brand-caption strong{font-size:19px}.hero-float{font-size:11px;padding:8px 10px}.hero-float-top{right:1%;top:20%}.hero-float-bottom{bottom:9%}}
@media(max-width:390px){.hero-brand-art{min-height:310px}.hero-brand-caption strong{font-size:17px}.hero-brand-chip{font-size:8px}}