/* The supplied raster mark is kept intact inside a white frame. */
.brand-logo-frame{display:block;position:relative;flex:none;width:44px;height:44px;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.brand-logo-frame img{position:absolute;width:82px;height:82px;max-width:none;left:-19px;top:-19px}
.board-icon{position:relative;overflow:hidden;background:#fff;border:1px solid #edf0f7}
.board-icon img{position:absolute;width:44px;height:44px;max-width:none;left:-11px;top:-11px}
.site-header{transition:background .25s,box-shadow .25s}
.site-header.is-scrolled{position:fixed;background:rgba(16,29,54,.93);box-shadow:0 12px 35px rgba(5,17,39,.17);backdrop-filter:blur(18px)}
.site-header.is-scrolled .nav-wrap{height:72px;border-color:transparent}
.page-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff7658,#85a0ff);pointer-events:none}
.hero{--pointer-x:70%;--pointer-y:40%}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 400px at var(--pointer-x) var(--pointer-y),rgba(117,145,237,.12),transparent 80%);z-index:1}
.hero-grid,.hero-bottom{z-index:2}
.visual-board{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1100px) rotate(-2deg) rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transition:transform .3s ease,box-shadow .3s ease}
.hero-visual:hover .visual-board{box-shadow:0 55px 110px rgba(0,0,0,.35)}
.floating-note{animation:note-float 4.6s ease-in-out infinite}
@keyframes note-float{50%{transform:translateY(-8px) rotate(4deg)}}
.button{position:relative;overflow:hidden}
.button:after{content:'';position:absolute;width:60px;height:130%;top:-15%;left:-90px;transform:skewX(-24deg);background:rgba(255,255,255,.32);transition:left .55s ease;pointer-events:none}
.button:hover:after{left:calc(100% + 30px)}
.explore{position:relative;overflow:hidden;background:#eaf0ff}
.explore:before{content:'';position:absolute;width:780px;height:780px;right:-350px;top:-450px;border:1px solid rgba(70,97,185,.16);border-radius:50%;box-shadow:0 0 0 95px rgba(91,118,199,.045),0 0 0 190px rgba(91,118,199,.035)}
.explore .shell{position:relative}
.explore-head{display:grid;grid-template-columns:1.1fr .65fr;gap:70px;align-items:end;margin-bottom:45px}
.explore .eyebrow-light{color:#586bc8}
.explore h2{font:700 clamp(38px,4.3vw,60px)/1.12 'Manrope',sans-serif;letter-spacing:-.065em;margin:0}
.explore h2 em{font-style:normal;color:#536ce2}
.explore-head>p{font-size:15px;line-height:1.75;color:#67758e;margin:0 0 6px}
.explore-stage{display:grid;grid-template-columns:.38fr .62fr;min-height:438px;border-radius:18px;overflow:hidden;box-shadow:0 26px 70px rgba(35,55,100,.12)}
.scenario-select{padding:27px;background:#fff;display:flex;flex-direction:column;gap:10px}
.scenario-tab{display:grid;grid-template-columns:33px 1fr 20px;gap:11px;align-items:center;width:100%;min-height:91px;text-align:left;border:1px solid #e7eaf1;border-radius:10px;background:#f8f9fc;color:#253756;padding:17px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.scenario-tab:hover{transform:translateX(4px);border-color:#c9d3f5}
.scenario-tab.is-active{background:#eaf0ff;border-color:#adc0fa;box-shadow:inset 3px 0 #5c74ec,0 9px 24px rgba(67,90,162,.09)}
.scenario-num{font:800 11px 'Manrope',sans-serif;color:#6279e2;align-self:start;margin-top:5px}
.scenario-tab-text{display:flex;flex-direction:column;gap:6px}
.scenario-tab strong{font:800 16px/1.2 'Manrope',sans-serif;letter-spacing:-.03em}
.scenario-tab small{font-size:11px;color:#8290a6}
.scenario-tab-arrow{color:#697ee0;font-size:18px}
.scenario-hint{color:#929db0;font-size:11px;line-height:1.5;margin:auto 5px 0}
.scenario-panel{position:relative;padding:37px 42px 29px;background:radial-gradient(circle at 83% 10%,#344e89,transparent 42%),linear-gradient(135deg,#172846,#1a3567);color:#fff;overflow:hidden}
.scenario-panel:before{content:'';position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid rgba(255,255,255,.09);right:-235px;bottom:-300px;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018);pointer-events:none}
.scenario-panel>*{position:relative;z-index:1}
.scenario-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:26px}
.scenario-kicker,.scenario-status{font:800 10px 'Manrope',sans-serif;letter-spacing:.15em;color:#a9bafa}
.scenario-status{display:flex;align-items:center;gap:7px;color:#93a5c8}
.scenario-status i{width:6px;height:6px;border-radius:50%;background:#ff977a;box-shadow:0 0 0 4px rgba(255,151,122,.12)}
.scenario-panel h3{font:800 clamp(24px,2.6vw,34px)/1.18 'Manrope',sans-serif;letter-spacing:-.05em;margin:0 0 11px}
.scenario-panel>p{max-width:590px;color:#b8c7e2;font-size:13px;line-height:1.65;margin:0 0 29px}
.flow{display:flex;align-items:stretch;gap:0}
.flow-card{display:flex;flex-direction:column;flex:1;min-width:0;min-height:157px;border:1px solid #52658c;background:rgba(255,255,255,.075);border-radius:9px;padding:14px;backdrop-filter:blur(5px);transition:transform .22s,background .22s}
.flow-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.11)}
.flow-index{font:800 10px 'Manrope',sans-serif;color:#93aaf1;letter-spacing:.08em}
.flow-icon{font-size:23px;color:#ff947a;line-height:1;margin:11px 0 5px}
.flow-card strong{font:800 13px/1.3 'Manrope',sans-serif;margin-bottom:6px}
.flow-card>span:last-child{font-size:10px;line-height:1.45;color:#a9bad6}
.flow-connector{display:grid;place-items:center;width:25px;flex:none;color:#ff9275;font-size:20px}
.scenario-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.16);margin-top:28px;padding-top:19px;color:#ccdaf2;font-size:11px;line-height:1.5}
.scenario-spark{font-size:20px;color:#ff977a}
.scenario-panel.is-switching .flow-card{animation:card-in .5s both}
.scenario-panel.is-switching .flow-card:nth-child(3){animation-delay:.07s}
.scenario-panel.is-switching .flow-card:nth-child(5){animation-delay:.14s}
@keyframes card-in{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
body.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
body.motion-ready .reveal.in-view{opacity:1;transform:translateY(0)}
@media(max-width:900px){.explore-head{grid-template-columns:1fr;gap:20px}.explore-head>p{max-width:590px}.explore-stage{grid-template-columns:1fr}.scenario-select{display:grid;grid-template-columns:repeat(3,1fr);padding:14px}.scenario-tab{grid-template-columns:1fr;gap:3px;min-height:111px;padding:12px}.scenario-tab-arrow,.scenario-hint{display:none}.scenario-panel{min-height:365px}.site-header.is-scrolled .nav-wrap{height:72px}}
@media(max-width:580px){.brand-logo-frame{width:38px;height:38px;border-radius:8px}.brand-logo-frame img{width:72px;height:72px;left:-17px;top:-17px}.hero-visual .visual-board{transform:rotate(-2deg)}.explore-stage{border-radius:12px}.scenario-select{gap:5px;padding:8px}.scenario-tab{min-height:88px;padding:8px;border-radius:7px}.scenario-tab strong{font-size:11px}.scenario-tab small{display:none}.scenario-num{font-size:9px}.scenario-panel{padding:25px 17px}.scenario-panel-top{margin-bottom:20px}.scenario-panel h3{font-size:25px}.scenario-panel>p{font-size:12px}.flow{gap:5px}.flow-card{padding:9px 6px;min-height:144px}.flow-card strong{font-size:10px}.flow-card>span:last-child{font-size:9px}.flow-icon{font-size:19px}.flow-connector{width:9px;font-size:12px}.scenario-bottom{margin-top:18px}.site-header.is-scrolled .nav-wrap{height:68px}.site-header.is-scrolled .primary-nav{top:68px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.visual-board{transform:rotate(-2deg)!important}body.motion-ready .reveal{opacity:1;transform:none}}