:root { --ink:#101828; --ink-soft:#3d4860; --blue:#3d5afe; --sky:#55b6ff; --pale:#f5f7ff; --line:#dbe2f1; --paper:#fff; --coral:#ff765c; --footer:#0f1831; --notice-bg:#fff6dc; --notice-line:#e4c76d; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; line-height:1.7; } a { color:inherit; text-decoration:none; } .wrap { width:min(1180px,calc(100% - 64px)); margin:auto; }.skip-link { position:fixed; z-index:20; top:12px; left:12px; padding:8px 13px; transform:translateY(-150%); border-radius:6px; background:var(--ink); color:#fff; font-size:13px; }.skip-link:focus { transform:translateY(0); }.page-noise { position:fixed; z-index:10; inset:0; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.site-header { display:flex; min-height:94px; align-items:center; border-bottom:1px solid var(--line); }.brand,.footer-brand { display:inline-flex; align-items:center; gap:11px; }.brand img { width:40px; height:40px; border-radius:12px; box-shadow:0 9px 20px rgba(61,90,254,.2); }.brand b { display:block; font-size:18px; letter-spacing:.08em; }.brand small,.footer-brand small { display:block; margin-top:-2px; color:#69758a; font-size:8px; letter-spacing:.18em; }.desktop-nav { display:flex; gap:42px; margin:auto; color:#4c5870; font-size:13px; }.desktop-nav a,.nav-cta { transition:color .2s ease; }.desktop-nav a:hover { color:var(--blue); }.nav-cta { color:var(--blue); font-size:13px; font-weight:700; }.nav-cta:hover { color:var(--coral); }.nav-cta span { margin-left:4px; font-size:16px; }
.hero { display:grid; grid-template-columns:1fr .92fr; min-height:696px; align-items:center; gap:8%; }.eyebrow { margin:0 0 20px; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.18em; }.eyebrow span { display:inline-block; width:26px; height:1px; margin:0 9px 4px 0; background:currentColor; }.hero h1,.belief h2,.framework-head h2,.vision h2,.contact-grid h2 { margin:0; letter-spacing:-.075em; line-height:1.08; }.hero h1 { font-size:clamp(49px,6vw,82px); }.hero h1 em,.belief h2 span,h2 em { color:var(--blue); font-style:normal; }.hero-lede { max-width:510px; margin:30px 0 0; color:var(--ink-soft); font-size:17px; line-height:1.9; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:35px; }.button { display:inline-flex; min-height:49px; padding:0 20px; align-items:center; justify-content:center; gap:21px; border:1px solid var(--line); border-radius:5px; font-size:13px; font-weight:700; transition:transform .24s ease,box-shadow .24s ease,background .24s ease; }.button:hover { transform:translateY(-3px); }.button-primary { border-color:var(--blue); background:var(--blue); color:#fff; box-shadow:0 12px 24px rgba(61,90,254,.22); }.button-primary:hover { box-shadow:0 17px 30px rgba(61,90,254,.31); }.button-secondary { background:#fff; color:var(--ink); }.button-secondary:hover { border-color:#a8b7d5; background:var(--pale); }
.hero-art { position:relative; min-height:522px; overflow:hidden; margin:0; border-radius:44px 44px 18px 44px; background:#dce8ff; box-shadow:0 25px 70px rgba(42,64,149,.13); isolation:isolate; }.hero-photo { position:absolute; z-index:-3; width:100%; height:100%; object-fit:cover; object-position:71% center; filter:saturate(.92) contrast(1.04); }.photo-wash { position:absolute; z-index:-2; inset:0; background:linear-gradient(110deg,rgba(248,250,255,.3),transparent 46%,rgba(11,28,75,.09)); }.image-trace { position:absolute; z-index:1; inset:auto -9% 2% -11%; width:120%; height:auto; pointer-events:none; }.trace-line-soft { opacity:.4; stroke-dasharray:7 10; }.trace-line { stroke-dasharray:1100; stroke-dashoffset:1100; animation:draw-path 2.6s .4s cubic-bezier(.22,1,.36,1) forwards; }.trace-marker { transform-origin:center; animation:pulse 3.2s 1s ease-in-out infinite; }.art-label { position:absolute; z-index:2; top:22px; left:22px; display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid rgba(226,235,255,.75); background:rgba(255,255,255,.78); box-shadow:0 8px 22px rgba(24,41,105,.07); color:#465576; font-size:8px; font-weight:800; letter-spacing:.1em; backdrop-filter:blur(10px); }.label-dot { width:6px; height:6px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 4px #fff0ed; }.photo-index { position:absolute; z-index:2; right:22px; bottom:20px; display:flex; align-items:end; gap:9px; color:#fff; text-shadow:0 2px 16px rgba(4,17,48,.4); }.photo-index span { font:32px/1 Georgia,serif; }.photo-index b { padding-bottom:2px; font-size:8px; letter-spacing:.14em; line-height:1.5; }
.signal-band { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fbfcff; }.signal-grid { display:grid; grid-template-columns:repeat(3,1fr); }.signal-grid p { min-height:109px; margin:0; padding:31px 30px 26px 0; color:#657089; font-size:13px; line-height:1.7; }.signal-grid p+p { padding-left:30px; border-left:1px solid var(--line); }.signal-grid strong { display:block; color:var(--ink); font-size:15px; }
.section { padding:137px 0; }.section-meta { display:flex; align-items:center; justify-content:space-between; color:#8a95ab; font-size:10px; letter-spacing:.12em; }.section-meta .eyebrow { margin:0; }.belief-grid { display:grid; grid-template-columns:1.27fr .73fr; gap:12%; align-items:end; margin-top:42px; }.belief h2 { font-size:clamp(37px,5vw,63px); }.belief-copy { padding-bottom:3px; color:var(--ink-soft); font-size:15px; }.belief-copy p { margin:0 0 22px; }.belief-copy p:last-child { margin:0; }
.framework-section { padding:114px 0 118px; background:var(--pale); }.framework-head { display:grid; grid-template-columns:1fr 1.15fr; gap:7%; align-items:end; }.framework-head h2 { font-size:clamp(37px,4.7vw,61px); }.framework-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:53px; }.framework-card { position:relative; min-height:323px; padding:22px; overflow:hidden; border:1px solid #e1e6f2; background:#fff; transition:transform .3s ease,box-shadow .3s ease; }.framework-card:hover { transform:translateY(-7px); box-shadow:0 18px 35px rgba(49,67,138,.08); }.framework-card.feature { border-color:#c2ceff; background:linear-gradient(137deg,#fff,#eef2ff); }.framework-card>span { color:var(--blue); font:18px/1 Georgia,serif; }.framework-card h3 { margin:82px 0 10px; font-size:23px; letter-spacing:-.05em; }.framework-card p { max-width:255px; margin:0; color:#68748c; font-size:12px; line-height:1.85; }.graphic-bars { position:absolute; right:20px; bottom:18px; display:flex; width:152px; height:72px; align-items:end; gap:5px; border-bottom:1px solid #dbe3fa; }.graphic-bars b { display:block; flex:1; border-radius:2px 2px 0 0; background:linear-gradient(to top,#3d5afe,#a6c9ff); }.graphic-bars b:nth-child(1){height:19%}.graphic-bars b:nth-child(2){height:38%}.graphic-bars b:nth-child(3){height:32%}.graphic-bars b:nth-child(4){height:53%}.graphic-bars b:nth-child(5){height:46%}.graphic-bars b:nth-child(6){height:76%}.graphic-bars b:nth-child(7){height:92%}.graphic-arc { position:absolute; right:-20px; bottom:-44px; width:188px; height:188px; border:25px solid var(--blue); border-top-color:var(--sky); border-left-color:#bbc5ff; border-radius:50%; transform:rotate(-31deg); }.graphic-arrow { position:absolute; right:24px; bottom:12px; color:var(--blue); font:90px/1 Georgia,serif; font-style:normal; }
.vision-intro { display:grid; grid-template-columns:1.25fr .75fr; gap:12%; align-items:end; margin-top:42px; }.vision h2 { font-size:clamp(37px,4.8vw,61px); }.vision-intro p { margin:0 0 3px; color:var(--ink-soft); font-size:15px; }.vision-path { display:grid; grid-template-columns:repeat(3,1fr); margin-top:72px; border-top:1px solid var(--line); }.vision-path article { position:relative; padding:28px 35px 12px 0; min-height:230px; }.vision-path article+article { padding-left:35px; border-left:1px solid var(--line); }.vision-path article:before { position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--blue); content:""; }.vision-path article+article:before { left:-5px; }.vision-path .step { display:block; color:var(--blue); font:22px/1 Georgia,serif; }.vision-path small { display:block; margin-top:13px; color:#8995ae; font-size:10px; letter-spacing:.1em; }.vision-path h3 { margin:34px 0 7px; font-size:21px; letter-spacing:-.04em; }.vision-path p { margin:0; color:#69758a; font-size:12px; line-height:1.8; }
.contact-section { position:relative; overflow:hidden; padding:101px 0; background:var(--footer); color:#fff; }.contact-section:before,.contact-section:after { position:absolute; border:1px solid rgba(155,177,255,.2); border-radius:50%; content:""; }.contact-section:before { top:-310px; right:-110px; width:650px; height:650px; }.contact-section:after { right:55px; bottom:-340px; width:480px; height:480px; }.contact-grid { position:relative; z-index:1; display:grid; grid-template-columns:1fr .75fr; gap:16%; align-items:end; }.contact-section .eyebrow { color:#a7b7ff; }.contact-grid h2 { font-size:clamp(40px,5vw,62px); }.contact-grid h2 em { color:#a7b7ff; }.contact-actions p { margin:0; color:#b4bdd2; font-size:15px; }.button-light { margin-top:29px; border-color:#fff; background:#fff; color:var(--footer); }.button-light:hover { box-shadow:0 10px 23px rgba(0,0,0,.18); }.email-link { display:inline-block; margin:24px 0 0 20px; color:#d4dcfb; font-size:13px; border-bottom:1px solid #7784aa; }.email-link:hover { color:#fff; }.email-link span { margin-left:5px; }
.site-footer { display:grid; grid-template-columns:1.07fr 1.25fr auto; gap:25px; align-items:center; min-height:134px; color:#68758d; font-size:10px; }.footer-brand img { width:34px; height:34px; border-radius:10px; }.footer-brand b { display:block; color:var(--ink); font-size:13px; }.footer-company b,.footer-company span { display:block; }.footer-company b { color:#495670; font-size:11px; font-weight:600; }.footer-company span { margin-top:2px; }.footer-links { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px 16px; }.footer-links a:hover { color:var(--blue); }
.shell { width:min(880px,calc(100% - 32px)); margin:28px auto 64px; }.topbar { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; justify-content:space-between; margin-bottom:16px; }.brand { font-weight:700; }.nav { display:flex; flex-wrap:wrap; gap:12px; }.document { padding:clamp(24px,5vw,56px); border:1px solid var(--line); border-radius:16px; background:var(--paper); box-shadow:0 8px 30px rgba(20,45,30,.06); }.document h1,.document h2,.document h3 { color:var(--ink); line-height:1.35; scroll-margin-top:20px; }.document h1 { margin-top:0; font-size:clamp(1.75rem,5vw,2.45rem); }.document h2 { margin-top:2.1em; padding-top:1.2em; border-top:1px solid var(--line); }.document h3 { margin-top:1.6em; }.document p,.document ul,.document ol,.document blockquote { margin:.9em 0; }.document li+li { margin-top:.35em; }.document blockquote { margin-left:0; padding:12px 16px; border-left:4px solid var(--notice-line); background:var(--notice-bg); color:#5a4818; }.document code { padding:.12em .35em; border-radius:5px; background:#eef2ee; font-family:Consolas,"SFMono-Regular",monospace; }.loading,.error { color:#66736a; }.error { color:#a52727; }
.legal-document-page { background:var(--paper); }
.legal-document-page .document h1,
.legal-document-page .document h2,
.legal-document-page .document h3 { font-size:1em; font-weight:700; letter-spacing:0; line-height:1.7; }
.legal-document-page .document h1 { margin:0 0 1em; }
.legal-document-page .document h2 { margin-top:1.8em; padding-top:1.1em; }
.legal-document-page .document h3 { margin-top:1.4em; }
@keyframes draw-path { to { stroke-dashoffset:0; } } @keyframes pulse { 50% { opacity:.48; transform:scale(1.8); } }
@media (max-width:820px) { .wrap { width:min(100% - 40px,680px); }.site-header { min-height:80px; }.desktop-nav { gap:17px; margin-left:auto; margin-right:23px; font-size:11px; }.hero { grid-template-columns:1fr; gap:25px; padding:71px 0 60px; }.hero-art { min-height:455px; max-width:570px; width:100%; margin:auto; }.belief-grid,.vision-intro,.contact-grid { grid-template-columns:1fr; gap:35px; }.belief-copy { max-width:520px; }.framework-head { grid-template-columns:1fr; gap:16px; }.framework-grid { grid-template-columns:1fr; }.framework-card { min-height:260px; }.framework-card h3 { margin-top:43px; }.vision-path { margin-top:52px; }.site-footer { grid-template-columns:1fr 1fr; padding:30px 0; }.footer-links { grid-column:1/-1; justify-content:flex-start; }.footer-company { text-align:right; }.contact-grid { align-items:start; }.contact-actions { max-width:510px; } }
@media (max-width:560px) { .wrap { width:min(100% - 28px,680px); }.desktop-nav,.nav-cta { display:none; }.hero { min-height:0; padding-top:65px; }.hero h1 { font-size:51px; }.hero-lede { margin-top:25px; font-size:15px; }.hero-actions { margin-top:29px; }.button { width:100%; justify-content:space-between; }.hero-art { min-height:376px; margin-top:14px; margin-bottom:0; border-radius:29px 29px 12px 29px; }.hero-photo { object-position:71% center; }.art-label { top:14px; left:14px; font-size:7px; }.photo-index { right:15px; bottom:15px; }.signal-grid { grid-template-columns:1fr; padding:17px 0; }.signal-grid p { min-height:auto; padding:11px 0; }.signal-grid p+p { padding-left:0; border-left:0; border-top:1px solid var(--line); }.section { padding:83px 0; }.belief-grid { margin-top:28px; }.belief h2,.framework-head h2,.vision h2,.contact-grid h2 { font-size:39px; }.framework-section { padding:81px 0; }.framework-grid { margin-top:34px; }.framework-card { min-height:238px; }.vision-intro { margin-top:27px; }.vision-path { grid-template-columns:1fr; margin-top:45px; }.vision-path article,.vision-path article+article { min-height:174px; padding:24px 0 25px 27px; border-left:1px solid var(--line); }.vision-path article:before,.vision-path article+article:before { top:24px; left:-5px; }.vision-path h3 { margin:19px 0 5px; }.contact-section { padding:78px 0; }.contact-actions p { font-size:14px; }.button-light { margin-top:26px; }.email-link { margin:22px 0 0; }.site-footer { grid-template-columns:1fr; gap:18px; }.footer-company { text-align:left; }.footer-links { grid-column:auto; gap:7px 15px; }.shell { width:min(100% - 20px,880px); margin-top:14px; }.document { padding:22px 18px 34px; border-radius:12px; }.topbar { align-items:flex-start; }.legal-document-page .shell { width:100%; margin:0; }.legal-document-page .document { padding:22px 18px 36px; border:0; border-radius:0; box-shadow:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.hero-art *, .framework-card, .button { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

/* Immersive brand-home redesign */
body { background:#080f24; color:#f7f9ff; }
.page-noise { opacity:.055; mix-blend-mode:screen; }
.site-header { position:absolute; z-index:8; top:20px; left:50%; width:min(1180px,calc(100% - 64px)); min-height:58px; padding:0 18px; transform:translateX(-50%); border:1px solid rgba(194,211,255,.14); border-radius:17px; background:rgba(10,19,52,.45); box-shadow:0 12px 40px rgba(0,0,0,.14); backdrop-filter:blur(16px); }
.brand img { width:34px; height:34px; border-radius:10px; box-shadow:0 7px 20px rgba(87,110,255,.38); }.brand b { color:#fff; font-size:15px; }.brand small { color:#a9b7d9; }.desktop-nav { color:#d4ddf5; }.desktop-nav a:hover,.nav-cta:hover { color:#fff; }.nav-cta { color:#a9baff; }
.hero { position:relative; display:flex; min-height:min(900px,100svh); align-items:center; overflow:hidden; isolation:isolate; border-bottom:1px solid rgba(164,186,248,.14); }.hero-art { position:absolute; z-index:-2; inset:0; min-height:0; overflow:hidden; margin:0; border-radius:0; background:#061126; box-shadow:none; }.hero-photo { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(1.06) contrast(1.04); }.hero-art:after { position:absolute; inset:0; content:""; background:radial-gradient(ellipse 65% 80% at 72% 63%,rgba(75,113,255,.12),transparent 66%); animation:hero-glow 9s ease-in-out infinite alternate; }.photo-wash { z-index:0; background:linear-gradient(90deg,rgba(4,10,28,.94) 0%,rgba(5,12,32,.84) 24%,rgba(5,12,32,.33) 54%,rgba(5,12,32,.1) 100%),linear-gradient(0deg,rgba(4,9,27,.55),transparent 43%); }
.hero-copy { position:relative; z-index:2; width:min(1180px,calc(100% - 64px)); margin:auto; padding:170px 0 90px; }.hero .eyebrow { color:#9db4ff; }.hero h1 { max-width:850px; color:#fbfcff; font-size:clamp(60px,7.5vw,112px); letter-spacing:-.085em; line-height:.98; text-shadow:0 8px 50px rgba(0,0,0,.25); }.hero h1 em { color:#eef3ff; }.hero-lede { max-width:540px; color:#ced8ef; font-size:17px; text-shadow:0 2px 17px rgba(0,0,0,.5); }.hero-actions { margin-top:37px; }.hero .button-primary { border-color:#7190ff; background:#5877ff; box-shadow:0 15px 35px rgba(39,74,226,.38); }.hero .button-primary:hover { background:#7190ff; }.hero .button-secondary { border-color:rgba(222,232,255,.35); background:rgba(8,17,45,.22); color:#fff; backdrop-filter:blur(8px); }.hero .button-secondary:hover { border-color:#fff; background:rgba(255,255,255,.12); }.hero-fact { display:flex; align-items:center; gap:8px; margin:52px 0 0; color:#aab9db; font-size:9px; font-weight:700; letter-spacing:.14em; }.hero-fact span { width:24px; height:1px; background:#7794ff; }
.signal-band { position:relative; border-color:rgba(164,186,248,.14); background:#0a1430; }.signal-grid p { color:#9aa9ca; }.signal-grid p+p { border-color:rgba(164,186,248,.14); }.signal-grid strong { color:#f4f7ff; }
.section { position:relative; background:#080f24; }.section-meta { color:#64749c; }.belief h2,.vision h2 { color:#f7f9ff; }.belief h2 span,.vision h2 em { color:#a9bcff; }.belief-copy,.vision-intro p { color:#aebbd6; }.framework-section { background:linear-gradient(145deg,#0d1938,#0a1430 55%,#101a3d); }.framework-head h2 { color:#f6f8ff; }.framework-head h2 em { color:#a9bcff; }.framework-card { border-color:rgba(180,199,255,.14); background:rgba(255,255,255,.035); }.framework-card:hover { border-color:rgba(153,177,255,.48); background:rgba(122,148,255,.08); box-shadow:0 20px 45px rgba(0,0,0,.18); }.framework-card.feature { border-color:rgba(152,177,255,.35); background:linear-gradient(145deg,rgba(96,124,255,.17),rgba(255,255,255,.035)); }.framework-card h3 { color:#fff; }.framework-card p { color:#acb9d4; }.graphic-bars { border-color:rgba(184,201,255,.24); }.vision-path { border-color:rgba(164,186,248,.19); }.vision-path article+article { border-color:rgba(164,186,248,.19); }.vision-path h3 { color:#f7f9ff; }.vision-path p { color:#a7b4d1; }.vision-path small { color:#7384ac; }.contact-section { background:#060d20; }.site-footer { border-top:1px solid rgba(164,186,248,.13); color:#8b9bbc; }.footer-brand b,.footer-company b { color:#e7edff; }.footer-links a:hover { color:#adbeff; }
@keyframes hero-glow { to { opacity:.55; transform:scale(1.08); } }
@media (max-width:820px) { .site-header { width:min(100% - 40px,680px); }.hero-copy { width:min(100% - 40px,680px); }.hero { min-height:760px; }.hero-photo { object-position:61% center; }.photo-wash { background:linear-gradient(90deg,rgba(4,10,28,.9),rgba(5,12,32,.57) 67%,rgba(5,12,32,.15)),linear-gradient(0deg,rgba(4,9,27,.6),transparent 45%); }.hero h1 { font-size:clamp(62px,10vw,85px); } }
@media (max-width:560px) { .site-header { top:14px; width:calc(100% - 28px); min-height:58px; padding:0 14px; background:rgba(10,19,52,.63); }.site-header .brand img { width:33px; height:33px; }.hero { min-height:830px; align-items:flex-end; }.hero-copy { width:calc(100% - 28px); padding:0 0 52px; }.hero-photo { object-position:60% center; }.photo-wash { background:linear-gradient(180deg,rgba(4,10,28,.25),rgba(4,10,28,.35) 28%,rgba(4,10,28,.88) 73%,#060d20 100%); }.hero h1 { font-size:54px; line-height:1.01; }.hero-lede { margin-top:22px; color:#d5def2; font-size:14px; }.hero-actions { margin-top:27px; }.hero-fact { margin-top:28px; font-size:8px; }.signal-band { background:#080f24; }.section { padding:79px 0; } }

/* Keep-inspired restraint: brand statement first, lived running second. */
.hero { min-height:100svh; background:radial-gradient(ellipse 72% 76% at 78% 58%,#17275b 0%,rgba(16,31,74,.4) 39%,transparent 70%),linear-gradient(135deg,#050912 0%,#071027 58%,#101a42 100%); }.hero-art { display:none; }.hero-atmosphere { position:absolute; z-index:-1; inset:0; overflow:hidden; pointer-events:none; }.hero-atmosphere:before,.hero-atmosphere:after,.hero-atmosphere i { position:absolute; display:block; border:1px solid rgba(130,155,255,.13); border-radius:50%; content:""; }.hero-atmosphere:before { right:-22%; bottom:-58%; width:88vw; height:88vw; }.hero-atmosphere:after { top:18%; right:8%; width:31vw; height:31vw; border-color:rgba(151,182,255,.1); }.hero-atmosphere i:first-child { top:31%; right:16%; width:12px; height:12px; border:0; background:#8aa7ff; box-shadow:0 0 31px 10px rgba(78,117,255,.45); }.hero-atmosphere i:nth-child(2) { right:38%; bottom:27%; width:5px; height:5px; border:0; background:#ff907f; box-shadow:0 0 20px 7px rgba(255,118,92,.35); }.hero-atmosphere i:nth-child(3) { right:-4%; bottom:9%; width:48vw; height:1px; border:0; border-radius:0; background:linear-gradient(90deg,transparent,rgba(121,151,255,.7),transparent); transform:rotate(-13deg); }.hero-copy { padding:204px 0 106px; }.hero h1 { max-width:900px; font-size:clamp(69px,8.5vw,132px); line-height:.93; }.hero h1 em { color:#fff; }.hero-lede { max-width:455px; font-size:18px; }.hero-actions { margin-top:35px; }.hero .button-primary { min-width:226px; }.hero-fact { margin-top:64px; }.runner-story { position:relative; min-height:720px; overflow:hidden; background:#080f24; }.runner-story:after { position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(4,9,22,.92) 0%,rgba(4,9,22,.63) 38%,rgba(4,9,22,.06) 76%),linear-gradient(0deg,rgba(4,9,22,.5),transparent 45%); content:""; }.runner-story>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.85) contrast(1.03); }.runner-story-copy { position:relative; z-index:2; padding-top:170px; }.runner-story-copy h2 { max-width:650px; margin:0; color:#fff; font-size:clamp(44px,5.6vw,78px); letter-spacing:-.08em; line-height:1.05; }.runner-story-copy>p:last-child { max-width:360px; margin:27px 0 0; color:#d1dbf0; font-size:16px; }.runner-story-copy .eyebrow { color:#a9bcff; }
@media (max-width:820px) { .hero { min-height:760px; }.hero-copy { padding:170px 0 76px; }.hero h1 { font-size:clamp(67px,11vw,96px); }.runner-story { min-height:570px; }.runner-story-copy { padding-top:110px; } }
@media (max-width:560px) { .hero { min-height:100svh; }.hero-copy { padding:0 0 62px; }.hero h1 { max-width:350px; font-size:64px; line-height:.96; }.hero-lede { max-width:320px; font-size:15px; }.hero .eyebrow { margin-bottom:19px; font-size:9px; }.hero-fact { margin-top:32px; line-height:1.5; }.hero-atmosphere:before { right:-80%; bottom:-27%; width:170vw; height:170vw; }.hero-atmosphere:after { top:18%; right:-23%; width:76vw; height:76vw; }.runner-story { min-height:540px; }.runner-story:after { background:linear-gradient(90deg,rgba(4,9,22,.84),rgba(4,9,22,.2)),linear-gradient(0deg,rgba(4,9,22,.72),transparent 55%); }.runner-story>img { object-position:63% center; }.runner-story-copy { padding-top:68px; }.runner-story-copy h2 { font-size:43px; }.runner-story-copy>p:last-child { margin-top:19px; font-size:14px; } }

/* 首屏密度修正：标题收敛，右侧用轻量判断示意承接视觉重心。 */
.hero-copy { width:min(1180px,calc(100% - 64px)); padding:176px 0 92px; }
.hero h1 { max-width:710px; font-size:clamp(54px,5.6vw,84px); line-height:.98; }
.hero-lede { max-width:500px; font-size:16px; }
.hero-proof { position:absolute; z-index:2; top:50%; right:max(32px,calc((100% - 1180px) / 2 + 8px)); width:min(330px,23vw); padding:25px 25px 22px; transform:translateY(-40%) rotate(2deg); border:1px solid rgba(177,201,255,.26); border-radius:4px 24px 8px 24px; background:linear-gradient(145deg,rgba(20,38,88,.76),rgba(6,13,33,.78)); box-shadow:0 24px 65px rgba(0,0,0,.22),inset 0 0 42px rgba(118,151,255,.08); backdrop-filter:blur(12px); }
.hero-proof-head { display:flex; align-items:center; justify-content:space-between; color:#9db4ff; font-size:9px; font-weight:800; letter-spacing:.14em; }
.hero-proof-head b { color:#7184bd; font-size:8px; font-weight:600; letter-spacing:.04em; }
.hero-proof h2 { margin:42px 0 10px; color:#f7f9ff; font-size:23px; letter-spacing:-.06em; }
.hero-proof > p { margin:0; color:#b9c7e6; font-size:12px; line-height:1.8; }
.hero-proof-rule { height:1px; margin:22px 0 15px; background:rgba(177,201,255,.18); }
.hero-proof ul { display:grid; gap:12px; padding:0; margin:0; list-style:none; }
.hero-proof li { display:flex; align-items:baseline; justify-content:space-between; gap:18px; color:#788ab7; font-size:10px; }
.hero-proof li b { color:#e5ebff; font-size:11px; font-weight:500; }
@media (max-width:1180px) and (min-width:821px) { .hero-proof { right:32px; width:300px; }.hero-copy { padding-right:350px; }.hero h1 { max-width:650px; font-size:clamp(52px,5vw,76px); } }
@media (max-width:820px) { .hero { display:block; min-height:760px; }.hero-copy { width:min(100% - 40px,680px); padding:170px 0 48px; }.hero-proof { position:relative; top:auto; right:auto; width:min(calc(100% - 40px),390px); margin:0 auto 56px; transform:rotate(1deg); }.hero h1 { max-width:620px; font-size:clamp(56px,9vw,78px); } }
@media (max-width:560px) { .hero-copy { width:calc(100% - 28px); padding:148px 0 34px; }.hero h1 { max-width:350px; font-size:52px; line-height:1; }.hero-proof { width:calc(100% - 28px); padding:21px 20px 19px; margin-bottom:42px; }.hero-proof h2 { margin-top:34px; font-size:21px; }.hero-proof li { font-size:9px; }.hero-proof li b { font-size:10px; } }

/* 官网页脚：主体信息在左，官网导航在右；产品协议不混入营销页脚。 */
.site-footer { display:block; min-height:0; background:#060d20; border-top:1px solid rgba(164,186,248,.14); color:#9aa9c8; }
.site-footer-inner { display:grid; grid-template-columns:minmax(280px,.85fr) minmax(520px,1.15fr); gap:72px; align-items:start; min-height:244px; padding:57px 0 47px; }
.footer-identity .footer-brand { color:#f3f6ff; }
.footer-identity .footer-brand img { width:36px; height:36px; border-radius:10px; box-shadow:0 7px 20px rgba(87,110,255,.28); }
.footer-identity .footer-brand b { color:#f3f6ff; font-size:16px; }
.footer-identity .footer-brand small { color:#8f9fc5; }
.footer-identity>p { margin:18px 0 0; color:#7788ad; font-size:11px; line-height:1.6; }
.footer-identity>p+p { margin-top:7px; }
.footer-identity a { color:#91a2c8; }
.footer-identity a:hover { color:#fff; }
.footer-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; }
.footer-nav>div { display:grid; align-content:start; gap:13px; }
.footer-nav strong { color:#f3f6ff; font-size:13px; font-weight:700; }
.footer-nav a { width:max-content; max-width:100%; color:#8f9fc1; font-size:12px; line-height:1.5; }
.footer-nav a:hover { color:#fff; }
@media (max-width:820px) { .site-footer-inner { grid-template-columns:1fr; gap:38px; padding:48px 0 42px; }.footer-nav { gap:28px; } }
@media (max-width:560px) { .site-footer-inner { width:calc(100% - 28px); min-height:0; padding:42px 0 35px; }.footer-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:29px 22px; }.footer-nav>div:last-child { grid-column:1/-1; }.footer-nav a { font-size:11px; } }

/* 字体比例收口：减少超大标题与过小辅助文字之间的断层。 */
body { font-size:16px; line-height:1.65; }
.eyebrow { font-size:11px; letter-spacing:.16em; line-height:1.45; }
.hero h1 { max-width:760px; font-size:clamp(52px,5.2vw,82px); line-height:1.02; letter-spacing:-.075em; }
.hero-lede { max-width:520px; font-size:17px; line-height:1.82; }
.hero-fact { font-size:10px; }
.hero-proof-head { font-size:10px; }
.hero-proof-head b { font-size:9px; }
.hero-proof h2 { font-size:24px; }
.hero-proof > p { font-size:13px; }
.hero-proof li { font-size:11px; }
.hero-proof li b { font-size:12px; }
.signal-grid p { font-size:14px; line-height:1.75; }
.signal-grid strong { font-size:16px; }
.section-meta { font-size:11px; }
.belief h2,.framework-head h2,.vision h2 { font-size:clamp(39px,4.5vw,60px); line-height:1.1; }
.belief-copy { font-size:16px; line-height:1.85; }
.framework-card h3 { font-size:24px; }
.framework-card p { font-size:14px; line-height:1.8; }
.vision-intro p { font-size:16px; line-height:1.85; }
.vision-path small { font-size:11px; }
.vision-path h3 { font-size:22px; }
.vision-path p { font-size:14px; line-height:1.8; }
.contact-grid h2 { font-size:clamp(42px,4.5vw,60px); line-height:1.08; }
.contact-actions p { font-size:16px; line-height:1.8; }
.email-link { font-size:14px; }
.footer-identity>p { font-size:12px; }
.footer-nav strong { font-size:14px; }
.footer-nav a { font-size:13px; }
@media (max-width:820px) { .hero h1 { font-size:clamp(50px,8.5vw,76px); }.belief h2,.framework-head h2,.vision h2 { font-size:clamp(38px,7vw,56px); }.contact-grid h2 { font-size:clamp(40px,7vw,56px); } }
@media (max-width:560px) { .eyebrow { font-size:10px; }.hero h1 { font-size:50px; }.hero-lede { font-size:15px; line-height:1.75; }.hero-fact { font-size:9px; }.hero-proof h2 { font-size:22px; }.hero-proof > p { font-size:13px; }.hero-proof li { font-size:10px; }.hero-proof li b { font-size:11px; }.signal-grid p { font-size:14px; }.signal-grid strong { font-size:15px; }.belief h2,.framework-head h2,.vision h2,.contact-grid h2 { font-size:38px; }.belief-copy,.vision-intro p,.contact-actions p { font-size:15px; }.framework-card h3 { font-size:22px; }.framework-card p,.vision-path p { font-size:13px; }.vision-path small { font-size:10px; }.footer-nav a { font-size:12px; } }

.faq-heading { display:grid; grid-template-columns:1.25fr .75fr; gap:12%; align-items:end; margin-top:42px; }
.faq-heading h2 { margin:0; color:#f7f9ff; font-size:clamp(39px,4.5vw,60px); line-height:1.1; letter-spacing:-.075em; }
.faq-heading h2 em { color:#a9bcff; font-style:normal; }
.faq-heading > p { margin:0 0 3px; color:#aebbd6; font-size:16px; line-height:1.85; }
.faq-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:54px; }
.faq-grid article { padding:25px 27px 27px; border:1px solid rgba(180,199,255,.14); background:rgba(255,255,255,.035); }
.faq-grid h3 { margin:0 0 11px; color:#fff; font-size:20px; letter-spacing:-.04em; }
.faq-grid p { margin:0; color:#aebbd6; font-size:14px; line-height:1.85; }
@media (max-width:820px) { .faq-heading { grid-template-columns:1fr; gap:20px; }.faq-grid { grid-template-columns:1fr; margin-top:36px; } }
@media (max-width:560px) { .faq-heading { margin-top:28px; }.faq-heading h2 { font-size:38px; }.faq-heading > p { font-size:15px; }.faq-grid article { padding:22px 20px 23px; }.faq-grid h3 { font-size:19px; }.faq-grid p { font-size:13px; } }

/* 备案信息：与主体信息和产品导航分层，整行居中展示。 */
.footer-compliance { display:flex; width:100%; align-items:center; justify-content:center; gap:12px; padding:18px 20px 25px; border-top:1px solid rgba(164,186,248,.12); color:#999; font-size:14px; line-height:1.5; text-align:center; }
.footer-compliance a { display:inline-flex; align-items:center; gap:6px; color:#999; white-space:nowrap; }
.footer-compliance a:hover { color:#dce4ff; }
.footer-compliance-separator { color:#66728c; }
.footer-compliance img { display:block; width:16px; height:17px; flex:0 0 16px; object-fit:contain; }
@media (max-width:560px) { .footer-compliance { flex-wrap:wrap; gap:8px 10px; padding:17px 16px 23px; font-size:14px; }.footer-compliance-separator { margin:0 2px; } }

/* KOVAA-inspired editorial pass: image-led storytelling, calmer hierarchy, and fewer competing blocks. */
.hero { min-height:clamp(720px,100svh,900px); background:#050a17; }
.hero-atmosphere { z-index:-2; }
.hero-visual { position:absolute; z-index:-1; inset:0; overflow:hidden; pointer-events:none; }
.hero-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center right; filter:saturate(.88) contrast(1.05); }
.hero-visual:after { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,9,23,.98) 0%,rgba(4,9,23,.9) 27%,rgba(4,9,23,.48) 51%,rgba(4,9,23,.08) 100%),linear-gradient(0deg,rgba(4,9,23,.76),transparent 42%,rgba(4,9,23,.22)); content:""; }
.hero-visual-label { position:absolute; z-index:1; right:max(32px,calc((100% - 1180px) / 2 + 8px)); bottom:37px; display:flex; align-items:center; gap:9px; color:#bdc9e6; font-size:10px; font-weight:700; letter-spacing:.16em; }
.hero-visual-label b { color:#ff8e7c; font-size:12px; }
.hero-copy { padding-top:178px; padding-bottom:84px; }
.hero h1 { max-width:660px; font-size:clamp(54px,6.2vw,86px); line-height:1.01; }
.hero-lede { max-width:485px; font-size:16px; line-height:1.85; }
.hero-proof { right:max(32px,calc((100% - 1180px) / 2 + 8px)); width:min(310px,23vw); transform:translateY(-31%); border-radius:2px 22px 2px 22px; background:rgba(7,16,40,.72); }
.hero-proof h2 { max-width:225px; margin-top:35px; font-size:22px; line-height:1.35; }
.hero-proof > p { font-size:13px; }
.signal-band { background:#080f24; }
.signal-grid p { min-height:86px; padding-top:22px; padding-bottom:20px; font-size:13px; }
.signal-grid strong { font-size:15px; }
.runner-story { min-height:clamp(570px,72vw,760px); }
.runner-story-copy { padding-top:clamp(120px,15vw,190px); }
.runner-story-copy h2 { max-width:560px; font-size:clamp(45px,5.3vw,73px); }
.runner-story-copy>p:last-child { max-width:410px; font-size:15px; }
.framework-section { padding:108px 0 113px; }
.framework-head { grid-template-columns:.7fr 1.3fr; gap:8%; }
.framework-head h2 { max-width:620px; font-size:clamp(42px,5vw,68px); }
.framework-grid { display:flex; flex-direction:column; gap:0; margin-top:55px; border-top:1px solid rgba(180,199,255,.16); }
.framework-card,.framework-card.feature { display:grid; grid-template-columns:76px minmax(190px,.9fr) minmax(260px,1.15fr) 170px; min-height:0; align-items:center; gap:24px; padding:27px 0; border:0; border-bottom:1px solid rgba(180,199,255,.16); border-radius:0; background:transparent; }
.framework-card:hover,.framework-card.feature:hover { transform:none; border-color:rgba(180,199,255,.4); background:rgba(126,153,255,.06); box-shadow:none; }
.framework-card>span { grid-column:1; grid-row:1; font-size:17px; }
.framework-card h3 { grid-column:2; grid-row:1; margin:0; font-size:24px; }
.framework-card p { grid-column:3; grid-row:1; max-width:350px; margin:0; font-size:14px; line-height:1.75; }
.framework-card>i { position:relative; right:auto; bottom:auto; grid-column:4; grid-row:1; justify-self:end; }
.graphic-bars { width:148px; height:58px; }
.graphic-arc { width:92px; height:92px; border-width:13px; transform:rotate(-31deg); }
.graphic-arrow { font-size:68px; }
.vision.section { padding-top:126px; }
.vision-intro { margin-top:36px; }
.vision-path { margin-top:62px; }
.vision-path article { min-height:205px; }
.faq-section { padding-top:120px; padding-bottom:128px; }
.faq-heading { margin-top:36px; }
.faq-heading h2 { font-size:clamp(42px,5vw,68px); }
.faq-grid { grid-template-columns:1fr; gap:0; margin-top:53px; border-top:1px solid rgba(180,199,255,.16); }
.faq-grid article { display:grid; grid-template-columns:1fr 1.2fr; gap:30px; padding:23px 0; border:0; border-bottom:1px solid rgba(180,199,255,.16); background:transparent; }
.faq-grid h3 { margin:0; font-size:18px; }
.faq-grid p { max-width:570px; font-size:14px; line-height:1.8; }
.contact-section { min-height:460px; display:flex; align-items:center; padding:86px 0; background-image:linear-gradient(90deg,rgba(6,13,32,.98) 0%,rgba(6,13,32,.8) 42%,rgba(6,13,32,.28) 100%),url("hero-runner-v1.png"); background-position:center; background-size:cover; }
.contact-section:before,.contact-section:after { opacity:.45; }
.contact-grid { gap:12%; }
.contact-grid h2 { font-size:clamp(45px,5vw,70px); }
.contact-actions { max-width:475px; }
.contact-actions p { font-size:15px; line-height:1.8; }
.site-footer-inner { min-height:218px; padding-top:50px; padding-bottom:39px; }

@media (max-width:1180px) and (min-width:821px) {
  .hero-copy { padding-right:350px; }
  .hero-proof { right:32px; width:300px; }
  .framework-card,.framework-card.feature { grid-template-columns:62px minmax(170px,.85fr) minmax(220px,1.15fr) 140px; gap:17px; }
}
@media (max-width:820px) {
  .hero { min-height:820px; }
  .hero-copy { padding:168px 0 55px; }
  .hero-visual img { object-position:62% center; }
  .hero-visual:after { background:linear-gradient(90deg,rgba(4,9,23,.95),rgba(4,9,23,.58) 62%,rgba(4,9,23,.18)),linear-gradient(0deg,rgba(4,9,23,.86),transparent 45%); }
  .hero-visual-label { right:28px; bottom:28px; }
  .hero-proof { width:min(calc(100% - 40px),390px); margin-top:12px; transform:rotate(0); }
  .framework-card,.framework-card.feature { grid-template-columns:58px 1fr 150px; gap:16px; }
  .framework-card p { grid-column:2; grid-row:2; }
  .framework-card>i { grid-column:3; grid-row:1 / span 2; }
  .faq-grid article { grid-template-columns:.8fr 1.2fr; }
}
@media (max-width:560px) {
  .hero { min-height:100svh; }
  .hero-copy { padding:96px 0 52px; }
  .hero h1 { max-width:350px; font-size:50px; }
  .hero-lede { max-width:330px; font-size:15px; }
  .hero-visual img { object-position:64% center; }
  .hero-visual:after { background:linear-gradient(180deg,rgba(4,9,23,.2),rgba(4,9,23,.48) 28%,rgba(4,9,23,.94) 74%,#050a17 100%); }
  .hero-visual-label { right:15px; bottom:20px; font-size:8px; }
  .hero-proof { width:calc(100% - 28px); padding:20px; margin-bottom:29px; }
  .hero-proof h2 { max-width:250px; font-size:21px; }
  .signal-grid p { min-height:auto; padding:15px 0; }
  .runner-story { min-height:570px; }
  .runner-story-copy { padding-top:84px; }
  .runner-story-copy h2 { max-width:320px; font-size:43px; }
  .framework-section { padding:80px 0 85px; }
  .framework-head { gap:18px; }
  .framework-head h2 { font-size:39px; }
  .framework-grid { margin-top:35px; }
  .framework-card,.framework-card.feature { grid-template-columns:42px 1fr; gap:8px 15px; padding:23px 0; }
  .framework-card h3 { grid-column:2; grid-row:1; font-size:22px; }
  .framework-card p { grid-column:2; grid-row:2; max-width:310px; font-size:13px; }
  .framework-card>i { grid-column:1 / -1; grid-row:3; justify-self:start; margin-top:9px; }
  .graphic-bars { width:132px; height:43px; }
  .graphic-arc { width:63px; height:63px; border-width:10px; margin-left:8px; }
  .graphic-arrow { font-size:52px; }
  .vision.section,.faq-section { padding-top:83px; padding-bottom:88px; }
  .faq-heading { margin-top:28px; }
  .faq-heading h2 { font-size:39px; }
  .faq-grid { margin-top:35px; }
  .faq-grid article { display:block; padding:22px 0; }
  .faq-grid h3 { margin-bottom:8px; font-size:18px; }
  .faq-grid p { font-size:13px; }
  .contact-section { min-height:540px; padding:74px 0; background-position:63% center; }
  .contact-grid { gap:37px; }
  .contact-grid h2 { font-size:43px; }
  .contact-actions { max-width:340px; }
  .site-footer-inner { padding-top:42px; padding-bottom:34px; }
}