:root{--bg:#070a12;--text:#f4f7fb;--muted:#a8b3c7;--line:#ffffff24;--cyan:#6ee7f9;--green:#74f5b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 18% 10%,#5b7cfa38,#0000 28%),radial-gradient(circle at 82% 18%,#6ee7f929,#0000 26%),linear-gradient(#070a12 0%,#0a1020 45%,#070a12 100%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#070a12b8;justify-content:space-between;align-items:center;padding:18px clamp(22px,5vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:.06em;flex-direction:column;gap:2px;display:flex}.brand span{font-size:20px;font-weight:900}.brand small{color:var(--muted);letter-spacing:.12em;font-size:11px}.navLinks{color:#d8dfec;gap:26px;font-size:14px;display:flex}.navLinks a:hover{color:var(--cyan)}.section{max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,112px) clamp(22px,5vw,72px)}.hero{grid-template-columns:minmax(0,1.12fr) minmax(320px,.62fr);align-items:center;gap:54px;min-height:86vh;display:grid;position:relative;overflow:hidden}.orb{filter:blur(10px);opacity:.55;z-index:-1;border-radius:999px;position:absolute}.orbA{background:#5b7cfa33;width:280px;height:280px;top:18%;left:4%}.orbB{background:#6ee7f924;width:360px;height:360px;bottom:10%;right:6%}.eyebrow,.sectionTag{color:var(--cyan);background:#6ee7f912;border:1px solid #6ee7f942;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}h1{letter-spacing:-.065em;margin:24px 0;font-size:clamp(48px,7vw,96px);line-height:.98}.lead{color:#c8d2e4;max-width:760px;margin:0 0 34px;font-size:clamp(18px,2vw,23px);line-height:1.7}.heroActions{flex-wrap:wrap;gap:14px;display:flex}.btn{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:800;transition:transform .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.primary{color:#071019;background:linear-gradient(135deg,var(--cyan),var(--green));border:0;box-shadow:0 18px 54px #6ee7f938}.secondary{color:#e8eef8;background:#ffffff0f}.proofGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:880px;margin-top:46px;display:grid}.proofGrid div,.heroPanel,.card,.caseCard,.principleCard,.contactBox{border:1px solid var(--line);background:linear-gradient(#ffffff17,#ffffff0b);border-radius:28px;box-shadow:0 24px 80px #00000038}.proofGrid div{padding:18px}.proofGrid strong{margin-bottom:6px;display:block}.proofGrid span{color:var(--muted);font-size:13px;line-height:1.55}.heroPanel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:26px}.panelHeader{align-items:center;gap:10px;margin-bottom:20px;font-weight:900;display:flex}.checkList{gap:12px;display:grid}.checkList div{color:#e8eef8;background:#ffffff0f;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.checkList svg{color:var(--green);flex:none}.panelNote{border-top:1px solid var(--line);color:var(--muted);margin-top:20px;padding-top:18px;line-height:1.7}.strip{text-align:center;border-block:1px solid var(--line);background:#ffffff09;max-width:none}.strip p,.sectionHead span{color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}.strip h2{letter-spacing:-.04em;max-width:980px;margin:12px auto 0;font-size:clamp(28px,4vw,52px);line-height:1.15}.sectionHead{max-width:760px;margin-bottom:34px}.sectionHead h2,.audience h2,.methodIntro h2,.contact h2{letter-spacing:-.05em;margin:12px 0;font-size:clamp(34px,5vw,64px);line-height:1.08}.sectionHead p,.methodIntro p,.contact p{color:var(--muted);font-size:17px;line-height:1.8}.cards{gap:18px;display:grid}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.caseCard,.principleCard{min-height:246px;padding:26px}.cardIcon,.principleCard svg{color:var(--cyan)}.card h3,.caseCard h3,.principleCard h3{letter-spacing:-.025em;margin:22px 0 12px;font-size:22px}.card p,.caseCard p,.principleCard p{color:var(--muted);margin:0;line-height:1.75}.audience{grid-template-columns:.72fr 1fr;align-items:start;gap:40px;display:grid}.audienceList{gap:14px;display:grid}.audienceList div{border:1px solid var(--line);color:#eaf1fb;background:#ffffff0f;border-radius:20px;align-items:center;gap:12px;padding:18px 20px;font-weight:800;display:flex}.audienceList svg{color:var(--green)}.caseCard span{color:var(--green);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:900}.method{grid-template-columns:.62fr 1fr;gap:54px;display:grid}.timeline{gap:12px;display:grid}.step{border:1px solid var(--line);background:#ffffff0f;border-radius:24px;grid-template-columns:74px 160px 1fr;align-items:center;gap:18px;padding:18px;display:grid}.step b{color:var(--cyan);font-size:26px}.step h3{margin:0;font-size:20px}.step p{color:var(--muted);margin:0;line-height:1.6}.principles{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.principleCard.dark{background:linear-gradient(135deg,#5b7cfa38,#6ee7f914)}.contactBox{grid-template-columns:1fr 420px;align-items:center;gap:40px;padding:clamp(28px,5vw,56px);display:grid}.contactPanel{border:1px solid var(--line);background:#070a1294;border-radius:24px;padding:26px}.contactPanel div{align-items:center;gap:10px;display:flex}.contactPanel svg{color:var(--cyan)}.wide{opacity:.72;cursor:not-allowed;width:100%;margin-top:10px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:26px clamp(22px,5vw,72px);font-size:13px;display:flex}footer span:first-child{color:var(--text);letter-spacing:.12em;font-weight:900}@media (width<=1100px){.hero,.audience,.method,.contactBox{grid-template-columns:1fr}.four,.three,.principles{grid-template-columns:repeat(2,1fr)}.contactBox{padding:28px}}@media (width<=720px){.navLinks{display:none}.section{padding:58px 20px}.hero{min-height:auto}.proofGrid,.four,.three,.principles,.step{grid-template-columns:1fr}footer{flex-direction:column}}