*,*:before,*:after{box-sizing:border-box}:root{--c-bg: #fafafa;--c-surface: rgba(255,255,255,.75);--c-elevated: rgba(255,255,255,.9);--c-text: #0a0a0a;--c-text-muted: rgba(10,10,10,.6);--c-text-faint: rgba(10,10,10,.4);--c-border: rgba(0,0,0,.1);--c-border-soft: rgba(0,0,0,.06);--c-shadow: rgba(0,0,0,.08);--c-orb: .09;--c-canvas-bg: rgba(250,250,250,1);--c-shimmer-a: rgba(124,58,237,.3);--c-shimmer-b: rgba(6,182,212,0);--purple: #7C3AED;--cyan: #06B6D4;--pink: #EC4899;--lime: #D4FF00;--orange: #FF6B35}html{scroll-behavior:smooth;background:var(--c-bg)}body{background:var(--c-bg);color:var(--c-text);font-family:inherit;transition:background .45s ease,color .45s ease;position:relative;z-index:0}::-moz-selection{background:#7c3aed40;color:var(--c-text)}::selection{background:#7c3aed40;color:var(--c-text)}.reveal-item{opacity:1;transform:none}.reveal-hidden{opacity:0;transform:translateY(22px);transition:opacity 1.3s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1)}.reveal-visible{opacity:1!important;transform:none!important}.delay-60{transition-delay:60ms}.delay-120{transition-delay:.12s}.delay-180{transition-delay:.18s}.delay-240{transition-delay:.24s}#bg-layer{position:fixed;inset:0;z-index:-10;background:var(--c-bg);transition:background .45s ease;overflow:hidden}#bg-gradient-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#d4ff0026,#06b6d414,#7c3aed26);background-size:200% 200%;animation:gradient-shift 15s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.orb{position:absolute;border-radius:50%;filter:blur(60px)}.orb-1{width:320px;height:320px;top:5%;left:3%;background:rgba(124,58,237,var(--c-orb));animation:float-a 20s ease-in-out infinite}.orb-2{width:480px;height:480px;bottom:10%;right:5%;background:rgba(6,182,212,var(--c-orb));animation:float-b 15s ease-in-out infinite;animation-delay:-5s}@keyframes float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(24px,-20px) scale(1.06)}}@keyframes float-b{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-16px,14px) rotate(6deg)}}.vt-nav{position:sticky;top:0;z-index:100;background:#fafafad1;backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--c-border);box-shadow:0 1px 0 var(--c-border-soft);transition:background .45s ease,border-color .45s ease}.vt-nav-inner{max-width:1280px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.vt-logo{font-size:21px;font-weight:900;letter-spacing:-.04em;color:var(--c-text);text-decoration:none;transition:color .2s ease}.vt-logo:hover{color:var(--purple)}.vt-nav-links{display:flex;align-items:center;gap:40px}.vt-nav-link{font-size:14px;font-weight:500;color:var(--c-text-muted);text-decoration:none;position:relative;transition:color .2s ease}.vt-nav-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--purple);transition:width .3s ease}.vt-nav-link:hover{color:var(--purple)}.vt-nav-link:hover:after{width:100%}.vt-nav-right{display:flex;align-items:center;gap:12px}#theme-toggle{width:34px;height:34px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.22);transition:background .3s ease,transform .3s ease;flex-shrink:0}#theme-toggle:hover{background:#7c3aed33;transform:scale(1.1)}#theme-toggle-icon{display:inline-block;transition:transform .7s cubic-bezier(.68,-.55,.265,1.55)}.btn-primary{display:inline-block;background:var(--purple);color:#fff;padding:9px 20px;font-size:14px;font-weight:600;border-radius:4px;text-decoration:none;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease}.btn-primary:hover{transform:scale(1.04);box-shadow:0 6px 24px #7c3aed59}.btn-ghost{display:inline-block;color:var(--c-text-muted);padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}.btn-ghost:hover{color:var(--c-text)}.glass-card{position:relative;background:var(--c-surface);backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--c-border);border-radius:16px;box-shadow:0 2px 12px var(--c-shadow),0 1px 2px #0000000a;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}.glass-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000001f,0 2px 6px #0000000f}.glass-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#7c3aed00,#7c3aed66,#06b6d400);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.glass-card:hover:before{opacity:1}#cursor-spotlight{position:fixed;width:600px;height:600px;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at center,rgba(124,58,237,.07) 0%,rgba(6,182,212,.04) 40%,transparent 70%);transform:translate(-50%,-50%);mix-blend-mode:multiply}.hero-section{padding:80px 24px 64px;position:relative;z-index:1}.hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr}.hero-canvas-wrap{display:none}}.hero-tag{display:inline-block;background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--purple);margin-bottom:24px}.hero-h1{font-size:clamp(38px,5.5vw,72px);font-weight:900;line-height:1.08;letter-spacing:-.04em;color:var(--c-text);margin:0 0 24px}.hero-h1 .t-purple{color:var(--purple)}.hero-h1 .t-cyan{color:var(--cyan)}.hero-body{font-size:17px;line-height:1.65;color:var(--c-text-muted);max-width:480px;margin:0 0 32px}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.btn-black{display:inline-block;background:var(--c-text);color:#fff;padding:16px 28px;font-size:15px;font-weight:600;border-radius:4px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.btn-black:hover{transform:scale(1.03);box-shadow:0 8px 28px #0003}.btn-outline{display:inline-block;border:2px solid var(--c-text);color:var(--c-text);padding:14px 28px;font-size:15px;font-weight:600;border-radius:4px;text-decoration:none;transition:background .2s ease,color .2s ease}.btn-outline:hover{background:var(--c-text);color:var(--c-bg)}.hero-footnote{font-size:12px;color:var(--c-text-faint);border-left:2px solid var(--purple);padding-left:14px;max-width:420px;line-height:1.5}.hero-canvas-wrap{position:relative}.hero-canvas-card{position:relative;width:100%;height:500px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 48px #0000001f,0 2px 8px #0000000f}.hero-canvas-card canvas{display:block;width:100%;height:100%}.risk-card{position:absolute;bottom:28px;left:28px;right:28px;background:#fffffff2;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:20px 24px;box-shadow:0 8px 32px #00000026;transition:transform .3s ease}.risk-card:hover{transform:scale(1.02)}.risk-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:#0a0a0a66;text-transform:uppercase;margin-bottom:4px}.risk-value{font-size:36px;font-weight:900;color:#0a0a0a;letter-spacing:-.02em;line-height:1}.risk-dot{width:38px;height:38px;background:var(--pink);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.risk-bar-track{margin-top:14px;height:6px;border-radius:999px;background:#0a0a0a1f;overflow:hidden}.risk-bar-fill{height:100%;width:72%;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--pink))}section,footer{position:relative;z-index:1}.section-pad{padding:80px 24px}.section-inner{max-width:1280px;margin:0 auto}.section-inner-md{max-width:1024px;margin:0 auto}.problem-h{font-size:clamp(32px,4.5vw,62px);font-weight:900;letter-spacing:-.04em;line-height:1.1;color:var(--c-text);margin:0 0 8px}.problem-h.t-pink{color:var(--pink);margin-bottom:64px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 720px){.problem-grid{grid-template-columns:1fr}}.problem-card{background:var(--c-surface);border-left:4px solid transparent;border-radius:0 12px 12px 0;padding:32px;position:relative;box-shadow:0 2px 12px var(--c-shadow);transition:transform .3s ease,box-shadow .3s ease}.problem-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #0000001a}.problem-card.pc-purple{border-color:var(--purple)}.problem-card.pc-cyan{border-color:var(--cyan)}.problem-card.pc-orange{border-color:var(--orange)}.problem-num{font-size:52px;font-weight:900;line-height:1;margin-bottom:16px;transition:color .3s ease}.pc-purple .problem-num{color:#7c3aed33}.pc-cyan .problem-num{color:#06b6d433}.pc-orange .problem-num{color:#ff6b3533}.problem-card:hover.pc-purple .problem-num{color:#7c3aedb3}.problem-card:hover.pc-cyan .problem-num{color:#06b6d4b3}.problem-card:hover.pc-orange .problem-num{color:#ff6b35b3}.problem-title{font-size:16px;font-weight:700;color:var(--c-text);margin:0 0 10px}.problem-body{font-size:14px;color:var(--c-text-muted);line-height:1.6;margin:0}.problem-quote{margin-top:64px;max-width:680px;border-left:2px solid var(--pink);padding-left:24px}.problem-quote p{font-size:18px;font-weight:500;color:var(--c-text);line-height:1.6;margin:0;opacity:.8}.accordion-section{padding:80px 24px}.accordion-h{font-size:clamp(28px,3.5vw,48px);font-weight:900;letter-spacing:-.03em;color:var(--c-text);text-align:center;margin:0 0 12px}.accordion-sub{text-align:center;font-size:15px;color:var(--c-text-muted);margin:0 0 64px}.accordion-wrapper{max-width:1280px;margin:0 auto;display:flex;gap:16px;height:520px}@media (max-width: 768px){.accordion-wrapper{flex-direction:column;height:auto;min-height:560px}}.accordion-panel{position:relative;flex:1;border-radius:20px;overflow:hidden;border:1px solid var(--c-border);background:var(--c-surface);backdrop-filter:blur(16px);box-shadow:0 4px 24px var(--c-shadow);cursor:pointer;transition:flex .75s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;will-change:flex}.accordion-panel:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.accordion-panel.active{flex:3}.accordion-label{position:absolute;bottom:32px;left:0;right:0;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease .1s}.accordion-panel.active .accordion-label{opacity:0;pointer-events:none}.accordion-label span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.3em;color:var(--c-text-faint);text-transform:uppercase}.accordion-fill{position:absolute;inset:0;opacity:0;transition:opacity .65s ease}.accordion-panel.active .accordion-fill{opacity:1}.fill-purple{background:var(--purple)}.fill-pink{background:var(--pink)}.fill-cyan{background:var(--cyan)}.accordion-content-wrap{position:absolute;inset:0;padding:32px;display:flex;flex-direction:column;z-index:2}.accordion-head{display:flex;align-items:center;gap:16px;margin-bottom:12px}.accordion-icon{font-size:36px;transition:transform .4s ease}.accordion-panel.active .accordion-icon{transform:scale(1.1)}.accordion-dim-title{font-size:26px;font-weight:900;transition:color .4s ease}.panel-head .accordion-dim-title{color:var(--purple)}.panel-heart .accordion-dim-title{color:var(--pink)}.panel-soul .accordion-dim-title{color:var(--cyan)}.accordion-panel.active .accordion-dim-title{color:#fff}.accordion-tagline{font-size:13px;color:var(--c-text-muted);margin:0 0 0 4px;transition:color .4s ease}.accordion-panel.active .accordion-tagline{color:#ffffffd9}.accordion-body{opacity:0;transform:translateY(14px);transition:opacity .6s ease .2s,transform .6s ease .2s;margin-top:32px;max-width:520px;pointer-events:none}.accordion-panel.active .accordion-body{opacity:1;transform:none;pointer-events:auto}.accordion-body h4{font-size:22px;font-weight:800;color:#fff;margin:0 0 12px;line-height:1.25}.accordion-body>p{color:#ffffffe0;font-size:14px;line-height:1.65;margin:0 0 24px}.acc-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.acc-col-title{font-size:13px;font-weight:700;color:#ffffffe6;margin:0 0 10px}.acc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.acc-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffc7}.acc-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;flex-shrink:0}.authority-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.authority-grid{grid-template-columns:1fr}}.authority-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;padding:24px;box-shadow:0 2px 10px var(--c-shadow);transition:transform .3s ease,box-shadow .3s ease}.authority-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.authority-card.full{grid-column:1 / -1}.authority-emoji{font-size:28px;margin-bottom:14px}.authority-card h3{font-size:16px;font-weight:700;color:var(--c-text);margin:0 0 8px}.authority-card p{font-size:14px;color:var(--c-text-muted);margin:0;line-height:1.55}.timeline-section{background:linear-gradient(180deg,#0a0a0af7,#0a0a0a);padding:96px 24px;position:relative;overflow:hidden}.timeline-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.timeline-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1}.timeline-h{font-size:clamp(28px,3.5vw,48px);font-weight:900;letter-spacing:-.03em;color:#fff;text-align:center;margin:0 0 12px}.timeline-sub{text-align:center;font-size:16px;color:#fff9;max-width:520px;margin:0 auto 80px}.timeline-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative;z-index:1}@media (max-width: 768px){.timeline-cards{grid-template-columns:1fr}}.timeline-beam{position:absolute;top:128px;left:0;right:0;height:4px;pointer-events:none}.timeline-beam svg{width:100%;height:4px;position:absolute;top:0;left:0}.beam-line{stroke-dasharray:1000;stroke-dashoffset:1000}.beam-active{animation:beam-flow 2.2s ease-out forwards}@keyframes beam-flow{to{stroke-dashoffset:0}}.t-card{background:#ffffff0a;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;transition:background .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.t-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#7c3aed00,#7c3aed99,#06b6d433);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.t-card:hover{background:#ffffff12}.t-card:hover:before,.t-card.glow-active:before{opacity:1}@keyframes card-glow{0%,to{box-shadow:0 8px 32px #0006}50%{box-shadow:0 8px 32px #0006,0 0 48px #7c3aed80}}.t-card.glow-active{animation:card-glow 1.2s ease-out forwards}.t-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.t-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .3s ease}.t-card:hover .t-icon{transform:scale(1.1)}.t-icon.ic-purple{background:#7c3aed33;border:2px solid var(--purple)}.t-icon.ic-cyan{background:#06b6d433;border:2px solid var(--cyan)}.t-icon.ic-lime{background:#d4ff0026;border:2px solid var(--lime)}.t-timing{text-align:right}.t-timing-label{font-size:11px;font-weight:700;color:#fff6;letter-spacing:.1em;text-transform:uppercase}.t-timing-val{font-size:30px;font-weight:900;line-height:1.1}.tv-purple{color:var(--purple)}.tv-cyan{color:var(--cyan)}.tv-lime{color:var(--lime)}.t-title{font-size:22px;font-weight:900;color:#fff;margin:0 0 10px}.t-body{font-size:14px;color:#ffffffa6;line-height:1.65;margin:0 0 16px}.t-tag{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.cta-section{padding:96px 24px;background:linear-gradient(135deg,#d4ff0040,#06b6d459,#7c3aed73);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.12),transparent 60%)}.cta-inner{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}.cta-h{font-size:clamp(30px,5vw,64px);font-weight:900;letter-spacing:-.04em;color:#fff;line-height:1.1;margin:0 0 20px;text-shadow:0 2px 20px rgba(0,0,0,.2)}.cta-body{font-size:18px;color:#ffffffeb;margin:0 0 48px;line-height:1.6}.btn-cta{display:inline-block;background:#fff;color:#0a0a0a;padding:20px 40px;font-size:17px;font-weight:700;border-radius:4px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.btn-cta:hover{transform:scale(1.04);box-shadow:0 12px 40px #0003}footer{padding:32px 24px;background:#ffffffb3;backdrop-filter:blur(12px);border-top:1px solid var(--c-border)}.footer-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.footer-copy{font-size:13px;color:var(--c-text-faint);margin:0}.footer-links{display:flex;gap:24px}.footer-links a{font-size:13px;color:var(--c-text-faint);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--purple)}.section-title{font-size:clamp(26px,3vw,40px);font-weight:900;letter-spacing:-.03em;color:var(--c-text);margin:0 0 48px}.vertical-rl{writing-mode:vertical-rl;text-orientation:mixed}html.dark{--c-bg: #000000;--c-surface: rgba(255,255,255,.045);--c-elevated: rgba(255,255,255,.08);--c-text: #f5f5f5;--c-text-muted: rgba(245,245,245,.7);--c-text-faint: rgba(245,245,245,.4);--c-border: rgba(255,255,255,.1);--c-border-soft: rgba(255,255,255,.05);--c-shadow: rgba(0,0,0,.5);--c-orb: .1;--c-canvas-bg: rgba(0,0,0,1)}html.dark body{background:#000;color:#f5f5f5}html.dark #bg-layer{background:#000}html.dark .vt-nav{background:#000000e0;border-color:#ffffff12}html.dark .vt-logo{color:#fff}html.dark .vt-nav-link{color:#ffffffb3}html.dark .vt-nav-link:hover{color:#fff}html.dark .btn-ghost{color:#ffffffa6}html.dark .btn-ghost:hover{color:#fff}html.dark #theme-toggle{background:#7c3aed33;border-color:#7c3aed66}html.dark #theme-toggle-icon{transform:rotate(180deg)}html.dark #cursor-spotlight{background:radial-gradient(circle at center,rgba(124,58,237,.18) 0%,rgba(6,182,212,.1) 40%,transparent 70%);mix-blend-mode:screen}html.dark .glass-card{background:var(--c-surface);border-color:#ffffff1f;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff12}html.dark .glass-card:hover{border-color:#7c3aed4d;box-shadow:0 16px 48px #000000a6,0 0 0 1px #7c3aed26}html.dark .glass-card:before{background:linear-gradient(135deg,#7c3aed00,#7c3aedb3,#06b6d44d)}html.dark .btn-black{background:#fff;color:#0a0a0a}html.dark .btn-black:hover{box-shadow:0 8px 28px #ffffff26}html.dark .btn-outline{border-color:#ffffffb3;color:#fff}html.dark .btn-outline:hover{background:#fff;color:#0a0a0a}html.dark .hero-canvas-card{border-color:#ffffff1a;box-shadow:0 8px 48px #00000080}html.dark .risk-card{background:#000000e6;border-color:#ffffff1a}html.dark .risk-label{color:#fff6}html.dark .risk-value{color:#fff}html.dark .risk-bar-track{background:#ffffff26}html.dark .problem-card{background:#ffffff0a;box-shadow:0 4px 20px #0006}html.dark .problem-card:hover{box-shadow:0 12px 40px #00000080}html.dark .accordion-panel{background:#ffffff0a;border-color:#ffffff1a}html.dark .accordion-panel:hover{box-shadow:0 12px 40px #00000080}html.dark .authority-card{background:#ffffff0a;border-color:#ffffff1a;box-shadow:0 4px 20px #0006}html.dark footer{background:#000c;border-color:#ffffff12}html.dark .cta-section .cta-h{text-shadow:0 2px 24px rgba(0,0,0,.5)}html.dark .btn-cta{box-shadow:0 4px 20px #0000004d}html.dark .accordion-label span{color:#ffffff40}html.dark #bg-gradient-overlay{opacity:.3}