.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-canvas{opacity:.65;width:100%;height:100%;position:absolute;top:0;left:0}.hero-grid{opacity:.035;pointer-events:none;background-image:linear-gradient(#8c99b04d 1px,#0000 1px),linear-gradient(90deg,#8c99b04d 1px,#0000 1px);background-size:55px 55px;width:100%;height:100%;position:absolute;top:0;left:0}.hero:after{content:"";background:linear-gradient(to bottom,transparent,var(--bg-deep));pointer-events:none;height:200px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:2;max-width:720px;padding:var(--sp-3xl) 0 var(--sp-2xl);position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-bright,var(--accent));margin-bottom:var(--sp-lg);opacity:0;animation:fadeUp .7s var(--ease) .6s forwards;text-shadow:0 0 12px #00ffcc80,0 0 40px #00d4aa33;font-size:13px;font-weight:500}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--sp-lg);opacity:0;animation:fadeUp .7s var(--ease) .8s forwards;font-size:clamp(36px,5.6vw,60px);font-weight:700;line-height:1.08}.hero-sub{max-width:580px;margin-bottom:var(--sp-xl);opacity:0;animation:fadeUp .7s var(--ease) 1s forwards;font-size:clamp(16px,1.8vw,18px);line-height:1.75}.hero-cta{font-family:var(--font-body);color:var(--bg-deep);background:var(--accent);transition:transform .3s var(--ease),box-shadow .3s;opacity:0;animation:fadeUp .7s var(--ease) 1.2s forwards;box-shadow:var(--neon-glow-sm);border-radius:8px;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;display:inline-flex}.hero-cta:hover{box-shadow:var(--neon-glow-lg);opacity:1;transform:translateY(-2px)}.hero-cta svg{transition:transform .3s}.hero-cta:hover svg{transform:translate(4px)}.hero-scroll{z-index:2;opacity:0;animation:fadeIn 1s var(--ease) 2s forwards;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom,var(--accent),transparent);width:1px;height:44px;animation:2.5s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:.7}}.premise{padding:var(--sp-3xl) 0}.premise-grid{gap:var(--sp-2xl);grid-template-columns:1.618fr 1fr;align-items:center;display:grid}.premise h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--sp-lg);font-size:clamp(28px,3.4vw,38px);font-weight:700;line-height:1.15}.premise p{margin-bottom:var(--sp-md)}.premise em{color:var(--text-primary);font-style:italic}.premise-visual{aspect-ratio:1;background:var(--bg-primary);border:1px solid #00d4aa1a;border-radius:16px;max-height:400px;position:relative;overflow:hidden;box-shadow:0 0 40px #00d4aa0a,0 0 80px #00d4aa05}.premise-visual canvas{width:100%;height:100%}@media (max-width:900px){.premise-grid{gap:var(--sp-xl);grid-template-columns:1fr}.premise-visual{max-height:300px}}.spectrum{padding:var(--sp-3xl) 0;background:var(--bg-primary)}.spectrum-header{text-align:center;max-width:640px;margin:0 auto var(--sp-xl)}.spectrum-header h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--sp-md);font-size:clamp(28px,3.4vw,38px);font-weight:700;line-height:1.15}.spectrum-levels{border-radius:12px;grid-template-columns:repeat(5,1fr);gap:2px;display:grid;overflow:hidden}.spectrum-level{background:var(--bg-surface);padding:var(--sp-lg) var(--sp-sm);text-align:center;transition:background .4s;position:relative}.spectrum-level:hover{background:var(--bg-elevated)}.spectrum-level:after{content:"";height:3px;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.spectrum-level:nth-child(-n+4):after{background:var(--accent-bright,var(--accent));opacity:0;box-shadow:0 0 8px #00ffcc80,0 0 20px #00d4aa4d}.spectrum-level:nth-child(-n+4):hover:after{opacity:1}.spectrum-level:last-child:after{background:var(--accent-warm);opacity:0;box-shadow:0 0 8px #d4952a80,0 0 20px #d4952a4d}.spectrum-level:last-child:hover:after{opacity:1}.sv-box{width:48px;height:48px;margin:0 auto var(--sp-sm)}.sv-box svg{width:48px;height:48px;overflow:visible}.spectrum-num{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.1em;margin-bottom:6px;font-size:11px;font-weight:500}.spectrum-level h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.spectrum-q{font-family:var(--font-mono);margin-bottom:var(--sp-xs);font-size:11px}.spectrum-level:nth-child(-n+4) .spectrum-q{color:var(--accent)}.spectrum-level:last-child .spectrum-q{color:var(--accent-warm)}.spectrum-level>p{color:var(--text-secondary);font-size:13px;line-height:1.55}.spectrum-note{text-align:center;margin-top:var(--sp-lg);color:var(--text-secondary);font-size:14px}.spectrum-note span{color:var(--accent)}.sv-bar{fill:var(--accent);opacity:0;transition:opacity .5s var(--ease),transform .5s var(--ease);transform:translateY(12px)}.anim .sv-bar{opacity:.7;transform:translateY(0)}.sv-bar-2{transition-delay:.15s}.sv-bar-3{transition-delay:.3s}.spectrum-level:hover .sv-bar{opacity:1}.sv-trace{stroke:var(--accent);stroke-width:2px;fill:none;stroke-dasharray:120;stroke-dashoffset:120px;transition:stroke-dashoffset 1.2s var(--ease)}.anim .sv-trace{stroke-dashoffset:0}.sv-dot{fill:var(--accent);opacity:0;transition:opacity .4s .8s}.anim .sv-dot{opacity:1;animation:1.6s ease-in-out 1s infinite dotPulse}@keyframes dotPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.sv-forecast{stroke:var(--accent);stroke-width:2px;fill:none;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 1.4s var(--ease)}.anim .sv-forecast{stroke-dashoffset:0}.sv-forecast-band{fill:var(--accent);opacity:0;transition:opacity .6s .8s}.anim .sv-forecast-band{opacity:.08}.sv-path-dim{stroke:var(--text-tertiary);stroke-width:1px;fill:none;opacity:.3}.sv-path-lit{stroke:var(--accent);stroke-width:1.8px;fill:none;stroke-dasharray:80;stroke-dashoffset:80px;transition:stroke-dashoffset .8s var(--ease)}.anim .sv-path-lit{stroke-dashoffset:0}.sv-node{fill:none;stroke:var(--text-tertiary);stroke-width:1px;opacity:.4;transition:opacity .4s,stroke .4s,fill .4s}.sv-node-lit{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:0;transition:opacity .5s .6s}.anim .sv-node-lit{opacity:1}.sv-node-fill{fill:var(--accent);opacity:0;transition:opacity .5s 1s}.anim .sv-node-fill{opacity:.8}.sv-spiral{stroke:var(--accent-warm);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200px;transition:stroke-dashoffset 2s var(--ease)}.anim .sv-spiral{stroke-dashoffset:0}.sv-spiral-core{fill:var(--accent-warm);opacity:0;transition:opacity .5s .3s}.anim .sv-spiral-core{opacity:.8}@media (max-width:960px){.spectrum-levels{grid-template-columns:1fr;gap:2px}.spectrum-level{text-align:left;padding:var(--sp-md);gap:0 var(--sp-sm);grid-template-columns:48px 1fr;align-items:start;display:grid}.sv-box{grid-row:1/4;margin:0}.spectrum-num,.spectrum-level h3,.spectrum-q,.spectrum-level>p{grid-column:2}}.methodology{padding:var(--sp-3xl) 0}.meth-header{text-align:center;max-width:700px;margin:0 auto var(--sp-xl)}.meth-header h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--sp-xs);font-size:clamp(28px,3.4vw,38px);font-weight:700;line-height:1.15}.phi-mark{font-family:var(--font-mono);color:var(--accent);font-size:.85em;font-weight:400}.meth-sub{font-family:var(--font-mono);color:var(--accent);margin-bottom:var(--sp-md);font-size:13px}.meth-header>p:last-of-type{font-size:17px}.phases{gap:var(--sp-md);margin-bottom:var(--sp-lg);grid-template-columns:repeat(4,1fr);display:grid}.phase-card{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--sp-lg) var(--sp-md);transition:border-color .4s,transform .4s var(--ease),box-shadow .4s;border-radius:12px;position:relative;overflow:hidden}.phase-card:before{content:"";background:linear-gradient(90deg,var(--accent),transparent);opacity:0;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.phase-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.phase-card:hover:before{opacity:1}.phase-icon{width:40px;height:40px;margin-bottom:var(--sp-sm);color:var(--accent)}.phase-icon svg{width:34px;height:34px;stroke:var(--accent);fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.phase-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-sm);font-size:11px;font-weight:500}.phase-card h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--sp-sm);letter-spacing:-.01em;font-size:21px;font-weight:600}.phase-card p{font-size:15px;line-height:1.65}.cycle-note{text-align:center;padding:var(--sp-lg) 0;border-top:1px solid var(--border-subtle)}.cycle-note p{font-family:var(--font-mono);color:var(--text-secondary);font-size:14px}.phi-eq{color:var(--accent-warm);font-weight:600}@media (max-width:1000px){.phases{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.phases{grid-template-columns:1fr}}.resource-grid{grid-template-columns:1fr 1fr;gap:34px;max-width:920px;margin:0 auto;display:grid}@media (max-width:700px){.resource-grid{grid-template-columns:1fr}}