:root{--blue:#1b7fdd;--teal:#00bfa6;--ink:#102033;--muted:#5f6f82;--line:#1b7fdd1a;--soft:#f5f9fd;--gradient:linear-gradient(135deg, #1b7fdd, #00bfa6);--card:#fff;--shadow:0 10px 30px #10203314;--radius:16px;color:var(--ink);background:var(--soft);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden}#root{min-height:100%}.app{flex-direction:column;display:flex}.page{width:min(1180px,100% - 48px);margin:0 auto;padding:72px 0}.hero-gradient{background:var(--gradient);color:#fff;box-shadow:var(--shadow);border-radius:24px;padding:56px}.hero-eyebrow{opacity:.9;letter-spacing:1px;text-transform:uppercase;font-size:12px}.hero-title{margin-top:12px;font-size:48px}.hero-description{opacity:.9;margin-top:12px;line-height:1.6}.hero-actions{gap:12px;margin-top:20px;display:flex}.btn-primary{color:var(--blue);cursor:pointer;background:#fff;border:none;border-radius:999px;padding:10px 16px;font-weight:600}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{color:#fff;border:1px solid #ffffff80;border-radius:999px;padding:10px 16px;text-decoration:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .2s}.card-clickable{cursor:pointer}.card-active{border-color:var(--blue);box-shadow:0 0 0 2px #1b7fdd26}.card-sm{padding:12px}.card-md{padding:18px}.card-lg{padding:28px}.section{margin-top:80px}.section-header{margin-bottom:24px}.section-eyebrow{text-transform:uppercase;color:var(--blue);letter-spacing:1px;font-size:12px}.section-title{margin-top:8px;font-size:36px}.section-description{color:var(--muted);margin-top:8px;line-height:1.6}.platform-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.journey-flow{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.journey-step{text-align:center;padding:14px}.journey-index{color:var(--blue);font-size:16px}.journey-active-indicator{background:var(--teal);border-radius:999px;height:3px;margin-top:8px}.scenario-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.scenario-card{padding:16px}.scenario-preview-card{padding:20px}.scenario-detail{color:var(--muted);margin-top:12px;line-height:1.6}.media-panel img,.media-panel video,.media-panel iframe{border-radius:var(--radius);width:100%;display:block}.notes-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffd9;position:sticky;top:0}@media (width<=900px){.hero-title{font-size:32px}.platform-grid,.scenario-layout,.notes-grid{grid-template-columns:1fr}.journey-flow{grid-template-columns:repeat(2,1fr)}}.card,.btn-primary,.btn-secondary,.journey-step,.scenario-card{transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover{transform:translateY(-3px)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px)}.btn-secondary:hover{opacity:.95;transform:translateY(-2px)}.card-active{transform:translateY(-2px);box-shadow:0 12px 30px #1b7fdd2e}.journey-node.active,.journey-step.card-active{animation:1.6s ease-in-out infinite pulseGlow}.scenario-card.card-active{box-shadow:0 12px 30px #00bfa62e}@keyframes pulseGlow{0%{box-shadow:0 0 #00bfa659}70%{box-shadow:0 0 0 10px #00bfa600}to{box-shadow:0 0 #00bfa600}}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.media-panel img,.media-panel video,.media-panel iframe{transition:transform .3s,opacity .3s}.media-panel:hover img,.media-panel:hover video{transform:scale(1.01)}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}.page{animation:.6s both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.section{opacity:0;animation:.7s .12s forwards sectionEnter;transform:translateY(24px)}.section:nth-child(2){animation-delay:.18s}.section:nth-child(3){animation-delay:.24s}.section:nth-child(4){animation-delay:.3s}.section:nth-child(5){animation-delay:.36s}@keyframes sectionEnter{to{opacity:1;transform:translateY(0)}}.hero-gradient{position:relative;overflow:hidden}.hero-gradient:before{content:"";background:radial-gradient(circle at 30% 30%,#ffffff40,#0000 45%);animation:8s ease-in-out infinite alternate heroGlow;position:absolute;inset:-40%}@keyframes heroGlow{0%{opacity:.4;transform:translate(-10px,-10px)scale(1)}to{opacity:.7;transform:translate(10px,10px)scale(1.05)}}.hero-gradient>*{z-index:2;position:relative}.card{opacity:0;animation:.5s forwards cardIn;transform:translateY(10px)}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.16s}.card:nth-child(3){animation-delay:.22s}.card:nth-child(4){animation-delay:.28s}.card:nth-child(5){animation-delay:.34s}.card:nth-child(6){animation-delay:.4s}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.journey-step{position:relative}.journey-step:after{content:"";background:var(--teal);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.journey-step.card-active:after{width:60%}.scenario-card{position:relative;overflow:hidden}.scenario-card:before{content:"";background:linear-gradient(120deg,#0000,#1b7fdd0f,#0000);position:absolute;inset:0;transform:translate(-100%)}.scenario-card:hover:before{animation:.9s forwards shimmerSlide}@keyframes shimmerSlide{to{transform:translate(100%)}}.media-panel{transform:translateZ(0)}.media-panel:hover{transition:transform .3s;transform:scale(1.01)}.card,.hero-gradient{will-change:transform, opacity}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.reveal{opacity:0;will-change:transform, opacity;transition:all .7s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.section{scroll-margin-top:100px}.section:not(:hover){opacity:.98}.card-active{transition:all .25s;transform:translateY(-3px)scale(1.01);box-shadow:0 16px 40px #1b7fdd2e}.hero-gradient{transform:translateZ(0)}.hero-gradient:after{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#00bfa61f,#0000 50%);position:absolute;inset:0}.media-loader{background:linear-gradient(90deg,#1b7fdd14,#00bfa614,#1b7fdd14) 0 0/200% 100%;border-radius:16px;width:100%;height:260px;animation:1.4s ease-in-out infinite shimmer}.notes-card--highlight{background:linear-gradient(135deg,#1b7fdd0f,#00bfa60f);border:1px solid #1b7fdd40}.notes-emphasis{color:var(--muted);margin-bottom:16px}.scenario-grid{grid-template-columns:1fr 2fr;gap:24px;display:grid}.scenario-options{flex-direction:column;gap:10px;display:flex}.scenario-btn{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;padding:12px 14px;transition:all .18s}.scenario-btn:hover{transform:translate(4px)}.scenario-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.scenario-result{padding:20px}.scenario-output{color:var(--ink);margin-top:12px;font-size:15px;line-height:1.5}.scenario-status{color:var(--muted);margin-top:16px;font-size:13px}.scenario-status span{color:var(--teal);font-weight:600}.journey-layout{grid-template-columns:1fr 2fr;gap:24px;display:grid}.journey-flow{flex-direction:column;gap:10px;display:flex}.journey-node{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;padding:12px 14px;transition:all .18s}.journey-node:hover{transform:translate(4px)}.journey-node.active{background:var(--blue);color:#fff;border-color:var(--blue)}.journey-panel{padding:20px}.journey-title{margin-top:10px;margin-bottom:8px}.journey-description{color:var(--ink);line-height:1.5}.journey-status{color:var(--muted);margin-top:16px;font-size:13px}.journey-status span{color:var(--teal);font-weight:600}.hero-stack-panel{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:4px;padding:28px 32px;display:flex}.hero-stack-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:16px;font-size:11px;font-weight:700}.hero-stack-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:12px 0;display:flex}.hero-stack-row:last-child{border-bottom:none}.hero-stack-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.hero-stack-text{flex-direction:column;gap:2px;display:flex}.hero-stack-text strong{color:#fff;font-size:14px;font-weight:600}.hero-stack-text span{color:#ffffff8c;font-size:12px}.platform-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#1b7fdd;margin:0 0 8px;font-size:11px;font-weight:700}.platform-title{color:#0a1628;margin:0 0 12px;font-size:20px;font-weight:700}.platform-description{color:#4a5568;margin:0 0 16px;font-size:14px;line-height:1.65}.platform-points{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.platform-points li{color:#4a5568;padding-left:16px;font-size:13px;position:relative}.platform-points li:before{content:"→";color:#00bfa6;font-weight:700;position:absolute;left:0}.journey-node-number{color:#1b7fdd;opacity:.7;margin-right:8px;font-size:11px;font-weight:800}.journey-node.active .journey-node-number{color:#fff;opacity:1}.journey-status-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.journey-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.journey-status-label{color:#718096;font-size:13px}.journey-status-label strong{color:#0a1628;font-weight:600}.journey-detail{background:#1b7fdd0d;border-left:3px solid #1b7fdd;border-radius:0 8px 8px 0;margin-top:20px;padding:14px 16px}.journey-detail-label{letter-spacing:.1em;text-transform:uppercase;color:#1b7fdd;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.journey-detail-text{color:#4a5568;margin:0;font-size:13px;line-height:1.5}.scenario-btn-category{letter-spacing:.08em;text-transform:uppercase;color:#718096;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.scenario-btn.active .scenario-btn-category{color:#1b7fddb3}.scenario-header{margin-bottom:16px}.scenario-tag{letter-spacing:.08em;text-transform:uppercase;color:#1b7fdd;background:#1b7fdd14;border-radius:20px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.scenario-result-title{color:#0a1628;margin:0;font-size:20px;font-weight:700}.scenario-steps{background:#00bfa60d;border:1px solid #00bfa626;border-radius:10px;margin-top:20px;padding:16px}.scenario-steps-label{letter-spacing:.1em;text-transform:uppercase;color:#00bfa6;margin:0 0 10px;font-size:10px;font-weight:700}.scenario-steps-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.scenario-steps-list li{color:#4a5568;font-size:13px;line-height:1.45}