/* V6: original spatial product scene. All motion is finite or input driven. */
.concept-v6 { --v6-ink:#10271e; --v6-paper:#f7f8f2; }
.concept-v6 .navigation-chapter { background:#0c2119; }
.concept-v6 .site-header { height:84px; }
.concept-v6 .wordmark { font-size:34px; }
.concept-v6 .desktop-nav { gap:30px; }
.concept-v6 .header-cta { border-radius:6px; background:#e9f0df; }
.concept-v6 .hero-chapter { position:relative; overflow:hidden; background:#0b2018; }
.hero-atmosphere { position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 77% 41%,#37593c40,transparent 48%),linear-gradient(125deg,#0b2018 20%,#132e22 75%,#10241c); }
.hero-atmosphere::after { content:""; position:absolute; inset:0; background-image:radial-gradient(#b6cbb611 .65px,transparent .65px); background-size:5px 5px; mask-image:linear-gradient(90deg,transparent,#000); }
.concept-v6 .hero { position:relative; grid-template-columns:1fr 1.07fr; align-items:center; gap:40px; padding-top:64px; padding-bottom:52px; min-height:730px; }
.concept-v6 .hero-copy { padding-top:0; }
.concept-v6 .hero .eyebrow { font-size:10px; letter-spacing:.14em; margin-bottom:31px; color:#cbdbcc; }
.concept-v6 .hero h1 { font-size:clamp(64px,5.5vw,82px); line-height:1.02; letter-spacing:-.068em; font-weight:500; margin:0; }
.concept-v6 .hero .title-accent { color:#d0f697; }
.concept-v6 .hero-description { font-size:16px; max-width:445px; line-height:1.85; margin-top:30px; color:#bdcebf; }
.concept-v6 .hero-actions { margin-top:30px; gap:24px; flex-wrap:wrap; }
.concept-v6 .button-lime { background:#d0f697; border:1px solid #dcf9b5; color:#11281d; border-radius:6px; box-shadow:0 1px 0 #fff4 inset,0 4px 8px #0001; }
.concept-v6 .button-lime:hover { background:#dff9b8; transform:translateY(-2px); box-shadow:0 6px 20px #0002; }
.concept-v6 .hero-actions .button { padding:0 20px; min-height:56px; gap:30px; font-size:13px; }
.concept-v6 .hero-secondary { font-size:12px; gap:12px; }
.hero-availability { display:flex; gap:8px; align-items:center; color:#b4c5b7; font-size:11px; margin-top:23px; }
.hero-availability>span { width:5px; height:5px; background:#d0f697; border-radius:50%; }
.hero-scope { position:relative; display:flex; align-items:center; gap:28px; padding:27px 0 31px; border-top:1px solid #d0e0c72b; color:#c1d0c0; }
.hero-scope>span { font-size:9px; letter-spacing:.1em; color:#97b09e; }
.hero-scope>div { display:flex; align-items:center; gap:23px; font-size:12px; }
.hero-scope i { width:3px; height:3px; border-radius:50%; background:#7f9b76; }
.hero-scope>a { margin-left:auto; display:flex; align-items:center; gap:20px; min-height:44px; font-size:11px; color:#e1ecd8; }
.nexus { position:relative; min-width:0; width:100%; max-width:670px; justify-self:end; }
.nexus-caption { display:flex; justify-content:space-between; color:#bfd0b8; font-size:8px; letter-spacing:.12em; padding:0 8px; }
.nexus-caption>span:last-child { color:#a0b4a0; }
.nexus-visual { position:relative; width:100%; aspect-ratio:1.09; perspective:1300px; }
.nexus-grid { position:absolute; width:110%; height:106%; left:-5%; top:0; overflow:visible; }
.nexus-path { stroke-dasharray:100; opacity:.5; }
.nexus-depth { position:absolute; inset:0; transform:rotateX(var(--nexus-x,0deg)) rotateY(var(--nexus-y,0deg)); transition:transform .5s cubic-bezier(.2,.8,.2,1); transform-style:preserve-3d; }
.nexus-console { position:absolute; top:12%; left:10%; width:85%; color:#15382a; background:#fafcf6; border-radius:12px; border:1px solid #e9f3d6; box-shadow:0 2px 0 #aec49e,0 5px 0 #607b5c,0 8px 0 #2e4e33,0 35px 65px #0005; transform:perspective(1000px) rotateX(12deg) rotateY(-13deg) rotateZ(-7deg); transform-origin:center; }
.nexus-console-bar { display:flex; align-items:center; height:51px; gap:12px; padding:0 21px; border-bottom:1px solid #e1e7d9; }
.nexus-wordmark { font-weight:800; font-size:26px; letter-spacing:-.09em; line-height:1; }
.nexus-wordmark>span { color:#87a543; }
.nexus-console-bar>strong { font-size:11px; font-weight:600; }
.nexus-console-label { margin-left:auto; font-size:6.5px; letter-spacing:.12em; color:#5d715d; }
.nexus-console-body { padding:21px 25px 20px; }
.nexus-overview { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
.nexus-overview small { font-size:6.5px; letter-spacing:.1em; color:#61745e; }
.nexus-overview h2 { font-size:17px; letter-spacing:-.04em; font-weight:600; line-height:1.4; margin:5px 0 0; }
.nexus-overview-icon { width:35px; height:35px; display:grid; place-items:center; color:#526f46; border:1px solid #dce6cf; border-radius:7px; background:#f0f4e8; }
.nexus-overview-icon svg { width:18px; height:18px; }
.nexus-stream { display:flex; align-items:center; gap:12px; padding:12px 3px; border-top:1px solid #e2e9db; }
.nexus-stream-icon { width:30px; height:32px; display:grid; place-items:center; background:#eff3e9; border:1px solid #e3ead9; color:#547944; border-radius:6px; }
.nexus-stream-icon svg { width:16px; height:16px; }
.nexus-stream strong { font-size:10px; display:block; font-weight:600; }
.nexus-stream small { font-size:8px; display:block; color:#627563; margin-top:4px; }
.nexus-stream-state { margin-left:auto; font-size:7.5px; padding:5px 7px; border-radius:4px; color:#4c6644; background:#edf3e7; }
.nexus-stream-active .nexus-stream-state { background:#f6ecd7; color:#855b20; }
.nexus-processor { position:absolute; width:21%; aspect-ratio:1; top:49%; left:4%; transform:perspective(700px) rotateX(18deg) rotateY(-19deg) rotateZ(-12deg); border-radius:22%; padding:6px; background:linear-gradient(135deg,#eaffb7,#648044 50%,#c1e382); box-shadow:0 2px 0 #f3ffd0,0 5px 0 #647e4a,0 8px 0 #3a5832,0 15px 16px #0004,0 0 65px #c9f78d19; }
.processor-surface { height:100%; border:1px solid #e3ffb9; border-radius:18%; background:linear-gradient(140deg,#edffd1,#c9f78d 45%,#a5ce6d); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:inset 0 2px 2px #fff9,inset 0 -3px 8px #749d4c66; }
.processor-surface>svg { width:48%; height:48%; fill:#29422b; }
.processor-surface>span { font-size:5.5px; letter-spacing:.15em; color:#324b2c; margin-top:9px; }
.nexus-proposal { position:absolute; width:65%; right:0; top:56%; border:1px solid #e1e9d7; border-radius:9px; background:#f4f8ec; color:#153326; box-shadow:0 3px 0 #90a680,0 7px 0 #3e583a,0 25px 60px #0005; transform:perspective(900px) rotateY(-5deg) rotateX(3deg) rotateZ(2deg); }
.proposal-top { display:flex; align-items:center; gap:9px; padding:13px 17px; font-size:10px; border-bottom:1px solid #dce5d0; background:linear-gradient(110deg,#eef7df,#e1efcb); border-radius:9px 9px 0 0; }
.proposal-icon { width:24px; height:24px; border-radius:6px; background:#204c30; display:grid; place-items:center; color:#d4f1a1; }
.proposal-icon svg { width:14px; height:14px; }
.proposal-draft { font-size:6.5px; letter-spacing:.1em; margin-left:auto; color:#527046; }
.proposal-content { padding:19px 20px 16px; min-height:159px; }
.proposal-step { font-size:7px; color:#577045; letter-spacing:.1em; }
.proposal-content h3 { font-size:23px; letter-spacing:-.045em; font-weight:600; line-height:1.2; margin:8px 0; }
.proposal-description { font-size:10px; line-height:1.7; color:#50634e; max-width:290px; margin:0; min-height:34px; }
.proposal-record { border:1px solid #dce5cf; border-radius:4px; background:#fcfdf9; display:flex; align-items:center; gap:8px; padding:8px 9px; font-size:8px; margin-top:13px; }
.proposal-record-dot { width:5px; height:5px; border-radius:50%; background:#b78b3f; }
.proposal-bottom { padding:10px 18px; display:flex; justify-content:space-between; font-size:7.5px; color:#526c47; border-top:1px solid #dce5d0; }
.proposal-bottom>span:last-child { display:flex; align-items:center; gap:5px; }
.proposal-bottom svg { width:12px; height:12px; }
.nexus-controls { display:flex; width:100%; gap:0; border-bottom:1px solid #a9c1a737; margin-top:7px; }
.nexus-controls button { position:relative; width:33.333%; display:flex; align-items:center; justify-content:center; gap:10px; border:0; color:#b6cbb9; min-height:48px; background:transparent; font:inherit;font-weight:500; cursor:pointer; font-size:12px; }
.nexus-controls button>span { font-size:8px; color:#8ea589; }
.nexus-controls button::after { content:""; position:absolute; height:2px; bottom:-1px; left:0; right:0; background:#d0f697; transform:scaleX(0); transition:transform .28s; transform-origin:left; }
.nexus-controls button[aria-pressed="true"] { color:#eff8e5; }
.nexus-controls button[aria-pressed="true"]>span { color:#c9f78d; }
.nexus-controls button[aria-pressed="true"]::after { transform:scaleX(1); }
.nexus-controls button:hover { background:#d6fac909; }
.nexus-controls button:focus-visible { outline:2px solid #d0f697; outline-offset:3px; border-radius:3px; }
.nexus[data-phase="prepare"] .proposal-record-dot { background:#648dba; }
.nexus[data-phase="review"] .proposal-record-dot { background:#507b38; }
.concept-v6 .platform-section { background:#eaf0e3; border-top:1px solid #d1dac8; }
.concept-v6 .platform-heading h2 { font-size:clamp(38px,3.8vw,55px); font-weight:500; letter-spacing:-.055em; line-height:1.1; }
.concept-v6 .platform-heading>p { font-size:14px; color:#53634d; line-height:1.8; }
.concept-v6 .workspace-shell { box-shadow:0 3px 0 #c0cdb6,0 22px 65px #29421d14; border:1px solid #c0ceb8; }
.concept-v6 .product-tabs { border-radius:5px; }
.concept-v6 .usecase-section { background:#fafbf7; }
.concept-v6 .closing-section { background:radial-gradient(ellipse at 70% 60%,#315432 0,transparent 50%),#0b2118; }
@media(min-width:1600px){.concept-v6 .hero { min-height:790px; }.nexus-visual { aspect-ratio:1.1; }}
@media(max-width:1100px){.concept-v6 .hero { gap:22px; grid-template-columns:.95fr 1fr; min-height:650px; padding-top:48px; }.concept-v6 .hero h1{font-size:62px;}.concept-v6 .hero-description{font-size:14px;}.concept-v6 .hero-actions{gap:10px 20px;}.nexus-proposal{width:68%;}.proposal-content{padding:13px 15px;min-height:143px;}.proposal-content h3{font-size:20px;}.nexus-console-body{padding:16px 20px;}.nexus-stream{padding:10px 0;}.nexus-console-label{display:none;}.hero-scope{gap:20px;}.hero-scope>span{max-width:120px;line-height:1.6;}.hero-scope>div{gap:13px;font-size:11px;}.hero-scope>a{gap:8px;font-size:10px;}}
@media(max-width:900px){.concept-v6 .hero{grid-template-columns:1fr;gap:45px;min-height:auto;padding-top:58px;padding-bottom:38px;}.concept-v6 .hero h1{font-size:76px;}.concept-v6 .hero-copy{max-width:620px;}.concept-v6 .hero-description{max-width:480px;font-size:16px;}.concept-v6 .hero-actions{gap:24px;}.nexus{justify-self:center;max-width:600px;}.nexus-visual{aspect-ratio:1.07;}.nexus-console-body{padding:21px 25px 20px;}.nexus-stream{padding:12px 3px;}.nexus-console-label{display:block;}.proposal-content{padding:19px 20px 16px;min-height:159px;}.proposal-content h3{font-size:23px;}.hero-scope{flex-wrap:wrap;justify-content:space-between;padding:22px 0;gap:13px;}.hero-scope>span{max-width:none;}.hero-scope>div{order:3;width:100%;font-size:12px;justify-content:space-between;}.hero-scope>a{margin-left:0;}.concept-v6 .platform-heading>p br{display:none;}}
@media(max-width:540px){.concept-v6 .site-header{height:72px;}.concept-v6 .wordmark{font-size:29px;}.concept-v6 .hero{padding-top:43px;gap:32px;}.concept-v6 .hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:26px;}.concept-v6 .hero h1{font-size:clamp(48px,12.3vw,66px);line-height:1.04;letter-spacing:-.061em;}.concept-v6 .hero-description{font-size:14px;line-height:1.8;margin-top:24px;}.concept-v6 .hero-description br{display:none;}.concept-v6 .hero-actions{gap:12px;margin-top:25px;}.concept-v6 .hero-actions .button{font-size:12px;min-height:52px;gap:15px;padding:0 16px;}.concept-v6 .hero-secondary{font-size:11px;gap:8px;min-height:44px;}.hero-availability{font-size:10px;margin-top:15px;}.nexus-caption{font-size:6.5px;padding:0;}.nexus-visual{aspect-ratio:.91;}.nexus-console{left:5%;top:9%;width:94%;transform:perspective(800px) rotateY(-10deg) rotateX(7deg) rotateZ(-5deg);border-radius:8px;}.nexus-console-bar{height:38px;gap:9px;padding:0 15px;}.nexus-wordmark{font-size:23px;}.nexus-console-bar>strong{font-size:9px;}.nexus-console-label{font-size:5px;}.nexus-console-body{padding:13px 15px;}.nexus-overview{margin-bottom:10px;}.nexus-overview h2{font-size:14px;}.nexus-overview small{font-size:5.5px;}.nexus-overview-icon{width:27px;height:27px;}.nexus-stream{padding:9px 0;gap:8px;}.nexus-stream-icon{width:26px;height:26px;}.nexus-stream strong{font-size:8px;}.nexus-stream small{font-size:6.5px;margin-top:3px;}.nexus-stream-state{font-size:6px;padding:4px 5px;}.nexus-proposal{top:57%;width:77%;right:0;}.nexus-processor{top:59%;left:0;width:22%;padding:4px;}.processor-surface>span{font-size:4px;margin-top:6px;}.proposal-top{padding:8px 12px;font-size:8px;gap:7px;}.proposal-icon{width:20px;height:20px;}.proposal-draft{font-size:5px;}.proposal-content{padding:11px 13px;min-height:123px;}.proposal-step{font-size:6px;}.proposal-content h3{font-size:19px;margin:6px 0;}.proposal-description{font-size:8px;line-height:1.6;min-height:26px;}.proposal-record{font-size:6.5px;margin-top:9px;padding:6px;}.proposal-bottom{font-size:6px;padding:7px 12px;}.proposal-bottom svg{width:10px;height:10px;}.nexus-controls{margin-top:27px;}.nexus-controls button{font-size:11px;gap:8px;}.hero-scope>div{font-size:9px;gap:9px;}.hero-scope>span{font-size:7px;}.hero-scope>a{font-size:9px;}.hero-scope i{width:2px;height:2px;}.concept-v6 .platform-heading h2{font-size:38px;}.concept-v6 .platform-heading>p{font-size:13px;}.concept-v6 .closing-action p br{display:none;}}
@media(max-width:360px){.nexus-visual{aspect-ratio:.82;}.nexus-proposal{top:58%;width:78%;}.nexus-processor{top:59%;}.nexus-console-label{display:none;}.nexus-console-body{padding:10px 12px;}.nexus-overview h2{font-size:12px;}.nexus-stream small{font-size:6px;}.hero-scope>div{font-size:8px;}.nexus-controls{margin-top:24px;}.concept-v6 .hero h1{font-size:46px;}}
@media(prefers-reduced-motion:reduce){.nexus-depth,.nexus-controls button::after{transition:none!important;}.nexus-depth{transform:none!important;}.concept-v6 .button-lime:hover{transform:none;}}
/* Keep the foreground proposal above the tilted system plane in every engine. */
.nexus-depth { transform-style:flat; }
.nexus-console { z-index:1; }
.nexus-processor { z-index:2; }
.nexus-proposal { z-index:3; }
/* The active proposal is readable content; its supporting system is an illustration. */
.proposal-top { font-size:12px; }
.proposal-content { min-height:180px; }
.proposal-step { font-size:9px; }
.proposal-content h3 { font-size:26px; }
.proposal-description { font-size:12px; min-height:40px; line-height:1.65; }
.proposal-record { font-size:10px; }
.proposal-bottom { font-size:9px; }
.nexus-controls { margin-top:42px; }
@media(max-width:1100px) and (min-width:901px){.nexus-visual{aspect-ratio:.9;}.nexus-proposal{top:51%;width:73%;}.proposal-content h3{font-size:22px;}.proposal-content{padding:15px;}.proposal-description{font-size:11px;}.proposal-record{font-size:9px;}.proposal-top{font-size:11px;}.nexus-controls{margin-top:32px;}}
@media(max-width:900px) and (min-width:541px){.nexus-controls{margin-top:44px;}}
@media(max-width:540px){.nexus-visual{aspect-ratio:auto;height:490px;}.nexus-proposal{top:51%;width:82%;}.nexus-processor{top:47%;}.proposal-top{font-size:10px;padding:10px 12px;}.proposal-content{min-height:166px;padding:14px;}.proposal-step{font-size:8px;}.proposal-content h3{font-size:21px;line-height:1.2;}.proposal-description{font-size:11px;line-height:1.6;min-height:36px;}.proposal-record{font-size:8px;padding:8px 7px;}.proposal-bottom{font-size:8px;padding:9px 12px;}.nexus-controls{margin-top:30px;}}
@media(max-width:360px){.nexus-visual{height:480px;}.nexus-proposal{top:49%;width:87%;}.nexus-processor{top:44%;}.proposal-content{min-height:176px;}.proposal-content h3{font-size:20px;}.proposal-description{font-size:11px;min-height:36px;}.proposal-record{font-size:7.5px;}.proposal-bottom{font-size:7px;}.nexus-controls{margin-top:36px;}}
/* White reading surfaces separate the evidence from the forest brand canvas. */
.concept-v6 .usecase-card { background:linear-gradient(140deg,#fff,#f8faf5); border-color:#dce3d5; box-shadow:0 2px 4px #18351504; }
.concept-v6 .usecase-heading h2 { font-weight:500; font-size:clamp(36px,3.7vw,52px); letter-spacing:-.055em; }
.concept-v6 .comparison-market { background:#f8faf5; }
.concept-v6 .comparison-market:nth-child(2) { background:#eff4e8; }
.concept-v6 .comparison-market:first-child .comparison-market-monogram { color:#385878; background:#e6eef4; border-color:#c0d0dc; }
.concept-v6 .comparison-market:nth-child(2) .comparison-market-monogram { color:#75592a; background:#f2ead7; border-color:#d8c9a8; }
.concept-v6 .comparison-evidence,.concept-v6 .comparison-paper { background:#fafbf7; }
.concept-v6 .usecase-card:focus-visible { outline:3px solid #35542c; outline-offset:4px; }
.concept-v6 .platform-bottom > p:first-child { color:#4e6046; }
