:root{--type-hero:clamp(3rem, 4.75vw, 4.75rem);--hero-shadow:0 36px 90px #0000007a, 0 0 70px #5287ff14;--scene-panel:#111e34;--scene-edge:#364b70;--duration-scene:5s;--duration-flow:2.2s}.hero{isolation:isolate;background:radial-gradient(at 80% 42%,#2b4d9421,#0000 53%);position:relative}.hero-coordinate{top:var(--space-12);right:var(--gutter);color:var(--text-dim);font:var(--type-label)/1 var(--font-mono);letter-spacing:var(--tracking-label);position:absolute}.hero-layout{min-height:700px;padding-block:var(--space-20) var(--space-12);align-items:center;gap:var(--space-4);grid-template-columns:.95fr 1.15fr;display:grid}.hero-copy{z-index:2;padding-bottom:var(--space-6);position:relative}.hero-copy .eyebrow{color:var(--accent-secondary)}.hero-service{margin-top:var(--space-5);font-size:var(--type-small);color:var(--text-secondary);letter-spacing:.03em}.hero h1{margin-top:var(--space-8);font-size:var(--type-hero);letter-spacing:-.065em;font-weight:500;line-height:1.48}.hero h1 span{white-space:nowrap;display:block}.hero h1 span:last-child{color:var(--text-primary)}.hero-description{max-width:28rem;margin-top:var(--space-6);color:var(--text-secondary);font-size:var(--type-body);text-wrap:pretty;line-height:2.1}.hero-actions{gap:var(--space-4);margin-top:var(--space-10);display:flex}.hero-actions .button{min-height:3.75rem;padding-inline:var(--space-6)}.hero-reassurance{gap:var(--space-2);margin-top:var(--space-5);font-size:var(--type-small);color:var(--text-dim);align-items:center;display:flex}.hero-reassurance svg{color:var(--accent-secondary);flex-shrink:0}.hero-baseline{justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-8);border-top:1px solid var(--border-subtle);display:flex}.hero-english{font-family:var(--font-display);font-size:var(--type-small);letter-spacing:.03em;color:var(--text-secondary)}.hero-features{gap:var(--space-8);font-size:var(--type-small);color:var(--text-secondary);margin:0;padding:0;list-style:none;display:flex}.hero-features li{align-items:center;gap:var(--space-2);display:flex}.hero-features svg{width:13px;height:13px;color:var(--accent-secondary)}.hero-down{color:var(--text-dim)}.dashboard-figure{perspective:1500px;min-width:0;height:645px;margin:0;position:relative}.scene-atmosphere{pointer-events:none;position:absolute;inset:-70px -20px -10px;overflow:clip}.scene-orbit{border:1px solid #5287ff21;border-radius:50%;width:650px;height:650px;position:absolute;top:-25px;left:0;transform:rotateX(54deg)rotate(-28deg);box-shadow:0 0 0 60px #5287ff05,inset 0 0 0 60px #5287ff05}.scene-grid{background-image:linear-gradient(#5287ff14 1px,#0000 1px),linear-gradient(90deg,#5287ff14 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:140px 0 20px;transform:perspective(600px)rotateX(62deg)rotate(-20deg);-webkit-mask-image:radial-gradient(#000,#0000 68%);mask-image:radial-gradient(#000,#0000 68%)}.scene-cross{color:var(--border-strong);font:18px var(--font-mono);position:absolute}.cross-one{top:100px;right:50px}.cross-two{bottom:50px;left:90px}.scene-scale{perspective:1500px;width:650px;height:550px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.scene-stage{--pointer-x:0deg;--pointer-y:0deg;--light-x:65%;--light-y:10%;width:650px;height:550px;transform-style:preserve-3d;transform:rotateX(calc(7deg + var(--pointer-y))) rotateY(calc(-13deg + var(--pointer-x))) rotateZ(3deg);transition:transform var(--duration-normal) var(--ease-out);position:relative}.dashboard-shell{border:1px solid var(--scene-edge);border-radius:var(--radius-md);background:linear-gradient(145deg, #17243b, var(--surface-base) 85%);width:625px;height:515px;box-shadow:var(--hero-shadow);position:absolute;inset:52px 0 auto;overflow:hidden}.dashboard-shell:after{content:"";pointer-events:none;background:radial-gradient(ellipse at var(--light-x) var(--light-y), #a09aff0f, transparent 65%);position:absolute;inset:0}.dashboard-topbar{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;height:44px;padding:0 18px;display:flex}.dashboard-wordmark{font:600 11px var(--font-display);letter-spacing:.12em;align-items:center;gap:7px;display:flex}.dashboard-wordmark svg{color:var(--accent-secondary)}.dashboard-wordmark>span{font:8px var(--font-mono);color:var(--text-dim);letter-spacing:.1em;margin-left:8px}.dashboard-demo{font:8px var(--font-mono);letter-spacing:.15em;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:3px;margin-left:auto;padding:2px 6px}.demo-avatar{background:var(--surface-raised);width:21px;height:21px;font:9px var(--font-display);border-radius:50%;place-items:center;display:grid}.dashboard-body{grid-template-columns:106px 1fr;height:calc(100% - 44px);display:grid}.dashboard-sidebar{border-right:1px solid var(--border-subtle);background:#080e1b4d;padding:18px 8px;position:relative}.sidebar-item{color:var(--text-dim);border-radius:4px;align-items:center;gap:7px;margin-bottom:6px;padding:8px;font-size:9px;display:flex}.sidebar-item svg{width:12px;height:12px}.sidebar-item.selected{color:var(--text-primary);background:#5287ff29;border:1px solid #5287ff26}.sidebar-bottom{color:var(--text-dim);font-size:6px;position:absolute;bottom:16px;left:12px}.tiny-dot{background:var(--accent-secondary);border-radius:50%;width:4px;height:4px;margin-right:5px;display:inline-block}.dashboard-content{padding:15px 20px}.dashboard-breadcrumb{color:var(--text-dim);gap:8px;font-size:7px;display:flex}.dashboard-heading{justify-content:space-between;align-items:center;margin-top:11px;display:flex}.dashboard-kicker{font:7px var(--font-mono);color:var(--text-dim);letter-spacing:.08em}.dashboard-heading h2{margin-top:3px;font-size:15px;font-weight:500}.demo-period{border:1px solid var(--border-subtle);border-radius:3px;align-items:center;gap:10px;padding:4px 7px;font-size:8px;display:flex}.dashboard-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.dashboard-metrics>div{border-left:1px solid var(--border-strong);padding-left:11px}.dashboard-metrics>div:first-child{border-color:var(--accent-primary)}.dashboard-metrics span{color:var(--text-secondary);font-size:8px}.dashboard-metrics strong{font:400 28px/1.3 var(--font-display);margin-top:4px;display:block}.dashboard-metrics small{font:8px var(--font-sans);color:var(--text-dim);margin-left:5px}.dashboard-metrics i{color:var(--text-dim);font-size:6px;font-style:normal}.dashboard-chart{border:1px solid var(--border-subtle);background:#080e1b33;border-radius:4px;margin-top:14px;padding:10px 12px 6px}.chart-heading{align-items:center;gap:12px;font-size:8px;display:flex}.chart-legend{color:var(--text-dim);align-items:center;gap:4px;margin-left:auto;font-size:6px;display:flex}.chart-legend i{background:var(--accent-primary);border-radius:50%;width:4px;height:4px}.chart-drawing{gap:12px;height:74px;margin-top:9px;display:flex}.chart-y{font:6px var(--font-mono);color:var(--text-dim);flex-direction:column;justify-content:space-around;display:flex}.chart-drawing svg{flex:1;min-width:0}.chart-x{color:var(--text-dim);justify-content:space-between;margin-left:22px;font-size:6px;display:flex}.project-list{margin-top:12px}.project-heading{justify-content:space-between;margin-bottom:6px;font-size:8px;display:flex}.project-heading>span:last-child{color:var(--text-dim);gap:10px;display:flex}.project-row{border-top:1px solid var(--border-subtle);grid-template-columns:22px 1fr 50px 55px;align-items:center;gap:6px;padding:6px 0;font-size:7px;display:grid}.project-id{color:var(--text-dim);font-family:var(--font-mono)}.project-category{color:var(--text-dim)}.project-status{align-items:center;gap:4px;font-size:6px;display:flex}.project-status.blue{color:var(--accent-primary)}.project-status.violet{color:var(--accent-secondary)}.project-status.green{color:var(--state-success)}.floating-panel{border:1px solid var(--scene-edge);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);background:linear-gradient(135deg,#1d2f4ef5,#0e192cfa);position:absolute;transform:translateZ(65px)}.flow-panel{width:236px;animation:panel-float var(--duration-scene) var(--ease-out) 1;padding:17px 20px;top:5px;right:-6px}.floating-label{font:8px var(--font-mono);letter-spacing:.12em;color:var(--accent-secondary);align-items:center;gap:8px;display:flex}.flow-panel p{margin-top:10px;font-size:11px}.flow-steps{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:15px;font-size:8px;display:flex}.flow-steps>span{background:var(--surface-base);border:1px solid var(--border-strong);border-radius:3px;padding:3px 11px}.flow-steps svg{width:12px;height:12px;color:var(--accent-primary)}.flow-track{background:var(--border-strong);height:1px;margin-top:12px;overflow:hidden}.flow-track span{background:var(--accent-primary);width:40%;height:1px;animation:data-flow var(--duration-flow) var(--ease-out) 2;display:block}.export-panel{align-items:center;gap:13px;padding:17px 20px;display:flex;bottom:-30px;left:-20px}.export-icon{border-radius:var(--radius-sm);width:35px;height:35px;color:var(--accent-primary);background:#5287ff1f;place-items:center;display:grid}.export-panel p{margin-top:4px;font-size:11px}.export-check{color:var(--state-success);margin-left:13px}.scene-annotation{font:7px var(--font-mono);letter-spacing:.13em;color:var(--text-dim);align-items:center;gap:10px;display:flex;position:absolute}.annotation-top{top:18px;left:10px}.annotation-bottom{bottom:-36px;right:0}.annotation-line{background:var(--border-strong);width:25px;height:1px}.dashboard-figure figcaption{text-align:center;width:100%;color:var(--text-dim);font-size:10px;position:absolute;bottom:-5px;left:0}.phase-notice{padding-block:var(--space-5);border-top:1px solid var(--border-subtle);font-size:var(--type-label);color:var(--text-dim)}.phase-notice .container{justify-content:space-between;gap:var(--space-4);display:flex}.phase-notice a{text-underline-offset:4px;text-decoration:underline}@keyframes panel-float{0%,to{transform:translateZ(65px)translateY(0)}50%{transform:translateZ(65px)translateY(-8px)}}@keyframes data-flow{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (max-width:80rem) and (min-width:64rem){.scene-scale{transform:translate(-50%)scale(.84)}.hero h1{font-size:4.6vw}.hero-layout{min-height:650px}.hero-actions .button{padding-inline:var(--space-4);gap:var(--space-4)}}@media (max-width:63.999rem){.hero-coordinate{display:none}.hero-layout{padding-top:var(--space-16);gap:var(--space-4);grid-template-columns:1fr}.hero-copy{max-width:40rem}.hero h1{font-size:clamp(2.5rem,7vw,4rem)}.hero-description{max-width:35rem}.dashboard-figure{height:550px}.scene-stage{transform:rotateX(7deg)rotateY(-9deg)rotate(2deg)}.hero-baseline{flex-wrap:wrap}.hero-features{gap:var(--space-5)}.hero-down{display:none}}@media (max-width:47.999rem){.hero{overflow:clip}.hero-layout{padding-top:var(--space-10);padding-bottom:var(--space-8);gap:0}.hero-copy .eyebrow{letter-spacing:.12em;font-size:9px}.hero-service{margin-top:var(--space-4);letter-spacing:0;font-size:11px}.hero h1{margin-top:var(--space-6);letter-spacing:-.06em;font-size:clamp(2.25rem,10.25vw,3.75rem);line-height:1.55}.hero-description{margin-top:var(--space-5);font-size:14px;line-height:2}.hero-actions{margin-top:var(--space-8);gap:var(--space-3)}.hero-actions .button{min-height:3.5rem;padding:var(--space-3);gap:var(--space-3);flex:1;justify-content:space-between;font-size:12px}.hero-reassurance{margin-top:var(--space-4);font-size:11px}.dashboard-figure{height:365px;margin-inline:calc(-1 * var(--gutter))}.scene-scale{transform-origin:top;top:22px;transform:translate(-50%)scale(.55)}.scene-atmosphere{inset:-15px 0}.scene-orbit{width:400px;height:400px;top:0;left:calc(50% - 200px)}.scene-cross{display:none}.dashboard-figure figcaption{padding-inline:var(--space-4);font-size:9px;bottom:4px}.hero-baseline{padding-block:var(--space-6);gap:var(--space-4)}.hero-english{font-size:12px}.hero-features{gap:var(--space-3) var(--space-4);flex-wrap:wrap;font-size:10px}.hero-features svg{width:10px}.phase-notice .container{gap:var(--space-2);flex-direction:column}}@media (max-width:359px){.scene-scale{transform:translate(-50%)scale(.47)}.dashboard-figure{height:320px}.hero-service{font-size:10px}}@media (min-width:360px) and (max-width:47.999rem){.scene-scale{transform:translate(-50%)scale(.51)}}@media (prefers-reduced-motion:reduce){.scene-stage{transform:rotateX(7deg)rotateY(-9deg)rotate(2deg)}.floating-panel,.flow-track span{animation:none}}@media (max-width:359px){.hero h1{font-size:10vw}}