:root{--ink:#0c111d;--muted:#667085;--line:#e7eaf0;--paper:#f7f8fb;--card:#ffffff;--blue:#4d76ff;--cyan:#7ce8ff;--gold:#c9a86a;--dark:#0a1020;--dark2:#121a2f;--shadow:0 26px 80px rgba(10,16,32,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.72;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}
.gm-nav{position:sticky;top:0;z-index:30;background:rgba(8,14,28,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.gm-nav .inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand img{width:116px;height:auto;filter:brightness(0) invert(1)}.brand span{font-size:11px;color:#aab3c6;letter-spacing:.08em}.links{display:flex;align-items:center;gap:22px;color:#cbd3e4;font-size:12px}.links a:hover{color:#fff}.links .cta{padding:9px 14px;border-radius:999px;background:#fff;color:#0b1220;font-weight:750}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(77,118,255,.28),transparent 34%),radial-gradient(circle at 88% 8%,rgba(124,232,255,.13),transparent 26%),linear-gradient(135deg,#07101f 0%,#10192d 55%,#0a1020 100%);color:#fff;padding:78px 0 62px}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.hero .wrap{position:relative;z-index:2}.eyebrow{display:flex;gap:10px;align-items:center;color:#aab7d0;font-size:11px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:20px}.eyebrow i{display:block;width:32px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0 0 22px;font-weight:850}.hero h1 em{font-style:normal;color:#9adfff}.hero p{max-width:720px;color:#b9c3d8;font-size:15px;margin:0 0 27px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions a{padding:12px 18px;border-radius:999px;font-size:12px;font-weight:760}.hero-actions .primary{background:#fff;color:#0b1220}.hero-actions .ghost{border:1px solid rgba(255,255,255,.16);color:#dfe6f4;background:rgba(255,255,255,.04)}
.control{border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-radius:28px;padding:20px;box-shadow:0 30px 90px rgba(0,0,0,.24);backdrop-filter:blur(12px)}.control-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.control-top small{color:#8f9bb2;font-size:10px;letter-spacing:.12em}.status{display:flex;align-items:center;gap:7px;color:#9fe7ba;font-size:10px}.status b{width:7px;height:7px;border-radius:50%;background:#67d691;box-shadow:0 0 0 5px rgba(103,214,145,.10)}.chain{display:grid;gap:8px}.chain-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px 13px;border-radius:16px;background:rgba(4,10,23,.42);border:1px solid rgba(255,255,255,.06)}.chain-item span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(77,118,255,.14);color:#c7d4ff;font-size:11px;font-weight:800}.chain-item strong{font-size:13px}.chain-item small{display:block;color:#8290aa;font-size:10px;margin-top:2px}.chain-item i{font-style:normal;color:#6d7b97;font-size:12px}.control-note{margin-top:12px;padding:13px 14px;border-radius:15px;background:linear-gradient(90deg,rgba(124,232,255,.08),rgba(77,118,255,.08));color:#c8d4e9;font-size:11px}
section{padding:68px 0}.sec-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;margin-bottom:28px;align-items:end}.sec-head small{font-size:10px;font-weight:850;letter-spacing:.14em;color:#4d76ff;text-transform:uppercase}.sec-head h2{font-size:clamp(31px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:6px 0 0}.sec-head p{margin:0;color:var(--muted);font-size:13px;max-width:700px}.light{background:#fff}.dark{background:#0b1220;color:#fff}.dark .sec-head p{color:#9aa6bc}.dark .sec-head small{color:#8fdff1}
.breakdown{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.break{min-height:188px;padding:18px 14px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 38px rgba(16,24,40,.045);position:relative;overflow:hidden}.break:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#4d76ff,#83deef)}.break small{font-size:9px;color:#8b95a7;letter-spacing:.11em}.break h3{font-size:16px;line-height:1.25;margin:18px 0 8px;letter-spacing:-.02em}.break p{font-size:11px;color:#697386;margin:0}.break strong{display:block;margin-top:14px;font-size:10px;color:#365bd7}
.system{display:grid;grid-template-columns:1fr 1fr;gap:18px}.system-card{padding:26px;border-radius:25px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.system-card.dark-card{background:linear-gradient(145deg,#10192d,#0b1220);color:#fff;border-color:#1d2944}.system-card small{color:#4d76ff;font-size:9px;font-weight:850;letter-spacing:.13em}.system-card.dark-card small{color:#8fdff1}.system-card h3{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:9px 0 10px}.system-card p{font-size:12px;color:#6b7587;margin:0}.system-card.dark-card p{color:#a7b1c5}.flow{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.flow span{padding:8px 10px;border-radius:999px;background:#f3f6ff;border:1px solid #e5eaff;font-size:10px;color:#3e5fc7;font-weight:680}.dark-card .flow span{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08);color:#c7d5ef}
.questions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.q{padding:20px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.q small{font-size:9px;color:#7fd9ea;letter-spacing:.12em;font-weight:800}.q h3{font-size:16px;line-height:1.35;margin:7px 0 6px}.q p{font-size:10.5px;color:#91a0ba;margin:0}.q b{display:block;margin-top:11px;color:#c7d3e8;font-size:10.5px}
.matrix{display:grid;grid-template-columns:1fr 1fr;gap:18px}.matrix-card{padding:25px;border-radius:25px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 55px rgba(16,24,40,.055)}.matrix-card h3{font-size:21px;margin:0 0 6px}.matrix-card>p{font-size:11.5px;color:#6b7587;margin:0 0 16px}.rows{display:grid;gap:8px}.row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;padding:10px 0;border-top:1px solid #eef0f4}.row:first-child{border-top:0}.row b{font-size:10px;color:#2e54c8}.row span{font-size:11px;color:#5f697b}
.coach{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:center;padding:30px;border-radius:30px;background:linear-gradient(135deg,#fff,#f4f7ff);border:1px solid var(--line);box-shadow:var(--shadow)}.portrait{position:relative;width:230px;height:230px;margin:auto;border-radius:50%;overflow:hidden;border:8px solid #fff;box-shadow:0 25px 65px rgba(27,41,74,.14);background:#e9eef6}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.coach small{color:#4d76ff;font-size:9px;font-weight:850;letter-spacing:.13em}.coach h3{font-size:30px;letter-spacing:-.04em;margin:7px 0 4px}.coach .role{font-size:12px;font-weight:750;color:#354052;margin-bottom:14px}.coach p{font-size:12px;color:#687386;margin:0 0 10px}.quote{font-size:19px!important;line-height:1.5!important;color:#111827!important;font-weight:780;letter-spacing:-.025em;margin-top:15px!important}
.keyword-cloud{display:flex;gap:9px;flex-wrap:wrap}.keyword-cloud span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:10.5px;color:#465168;box-shadow:0 8px 20px rgba(16,24,40,.03)}
.final-cta{padding:36px;border-radius:30px;background:linear-gradient(135deg,#0b1220,#18233e);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.final-cta h2{font-size:clamp(28px,3.5vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0 0 10px}.final-cta p{margin:0;color:#aab6cb;font-size:12px}.contacts{display:grid;gap:8px}.contacts a,.contacts span{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:11px;color:#d9e1ef}
footer{background:#08101e;color:#7f8ba2;padding:26px 0 48px;font-size:10.5px}.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.07);padding-top:20px}
@media(max-width:1050px){.links{display:none}.hero-grid,.sec-head,.system,.matrix,.coach,.final-cta{grid-template-columns:1fr}.breakdown{grid-template-columns:repeat(2,1fr)}.questions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.wrap{width:min(100% - 26px,1180px)}.hero{padding-top:56px}.hero h1{font-size:42px}.breakdown,.questions{grid-template-columns:1fr}.chain-item{grid-template-columns:38px 1fr}.chain-item i{display:none}.row{grid-template-columns:1fr}.coach{padding:22px}.portrait{width:190px;height:190px}.gm-nav .inner{height:62px}.brand img{width:104px}}
