/* Product storytelling is deliberately scoped away from the portal/workbench. */
.product-story{--ink:#191a21;--subtle:#686a76;--paper:#fafafa;--accent:#6841d9;--accent-end:#aa62d8;--light-accent:#c8a7ff;--tint:#eee8fc;--glow:110,69,225;color-scheme:light;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.theme-teal{--accent:#007d73;--accent-end:#159e83;--light-accent:#74e9cd;--tint:#e2f3ed;--glow:45,190,153}
.theme-blue{--accent:#1366cd;--accent-end:#5085e8;--light-accent:#83b8ff;--tint:#e4edfd;--glow:52,126,235}
.theme-indigo{--accent:#554bd7;--accent-end:#ad50c2;--light-accent:#b3acff;--tint:#ece9fd;--glow:114,94,229}
.theme-amber{--accent:#a95811;--accent-end:#d08723;--light-accent:#ffc97c;--tint:#fcf0dc;--glow:224,153,62}
.product-story a:hover{color:var(--accent)}
.product-story>.portal-header{width:100%;max-width:none;min-height:62px;padding:8px 7%;border:0;background:#0b101b;color:#c7ccd7;gap:28px}
.product-story>.portal-header .logo{height:40px;width:69px;font-size:9px}
.product-story>.portal-header .logo:before,.product-story>.portal-header .logo:after{width:40px;height:40px;top:0}
.product-story>.portal-header .tagline{font-size:11px;letter-spacing:1px;padding-left:22px}
.product-story>.portal-header nav{font-size:12px}
.product-story>.portal-header a:hover{color:#fff}
.product-story>.portal-header .text-button{color:#b4bbca}
.story-width{width:86%;max-width:1160px;margin:0 auto}
.story-nav{position:sticky;top:0;z-index:20;background:rgba(250,250,250,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #d4d5da90}
.story-nav-inner{width:86%;max-width:1160px;margin:auto;display:flex;align-items:center;gap:32px;min-height:62px}
.story-brand{font-size:20px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}
.story-nav-links{display:flex;gap:26px;margin-left:auto;font-size:12px;color:#555966}
.story-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:14px 25px;border-radius:30px;background:#1769db;color:white;font-size:15px;line-height:1.5;font-weight:500}
.product-story .story-button:hover{color:white;background:#287beb;transform:translateY(-2px)}
.story-button.compact{padding:8px 16px;font-size:12px;gap:16px;white-space:nowrap}
.story-hero{text-align:center;padding-top:64px;scroll-margin-top:80px}
.story-eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--subtle);margin:0 0 22px;line-height:1.7}
.story-eyebrow span{margin:0 12px;color:#bbb}
.story-hero h1{font-size:clamp(40px,5.4vw,74px);letter-spacing:-3px;line-height:1.2;font-weight:750;margin:0;text-wrap:balance}
.accent-text{color:var(--accent);background:linear-gradient(115deg,var(--accent) 15%,var(--accent-end) 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.story-summary{max-width:680px;margin:25px auto 18px;font-size:18px;line-height:1.8;color:var(--subtle);text-wrap:balance}
.story-text-link{color:var(--accent);font-size:15px;display:inline-flex;align-items:center;gap:10px}
.story-text-link:hover span{transform:translateY(2px)}
.story-art{scroll-margin-top:90px;position:relative;isolation:isolate;margin-top:40px;text-align:left;border-radius:26px;background:radial-gradient(ellipse at 50% 100%,rgba(var(--glow),.24),transparent 65%),#0c101d;color:#f6f7ff;overflow:hidden;padding:27px 34px 16px;box-shadow:0 25px 60px #13203614}
.art-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000);pointer-events:none}
.art-topline{display:flex;justify-content:space-between;gap:10px;color:#858da5;font-size:10px;letter-spacing:1.5px}
.art-topline>span:first-child{color:#cdd2e6;font-weight:600;letter-spacing:.3px;font-size:12px}
.art-caption{font-size:10px;color:#a0a6ba;text-align:center;margin:25px 0 0;letter-spacing:.5px}
.story-art h3{color:#f5f6ff;letter-spacing:-.7px}
.story-promises{display:flex;justify-content:center;list-style:none;margin:0;padding:34px 0 54px;gap:0;font-size:15px;color:#4e5261}
.story-promises li{flex:1;border-right:1px solid #dddee5}
.story-promises li:last-child{border:0}
.story-promises span{color:var(--accent);margin-right:10px}
.story-highlights{background:#f0f1f4;padding:105px 0 110px;scroll-margin-top:60px}
.section-heading{margin-bottom:42px;max-width:840px}
.section-heading h2{font-size:clamp(32px,4.3vw,58px);letter-spacing:-2px;line-height:1.25;margin:0;font-weight:720;text-wrap:balance}
.soft-text{color:#85858e}
.section-heading>p:last-child:not(.story-eyebrow){color:var(--subtle);font-size:18px;line-height:1.8;max-width:680px;margin:22px 0 0}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.benefit-card{background:white;border-radius:24px;padding:30px 30px 0;overflow:hidden;min-height:395px;position:relative;display:flex;flex-direction:column}
.benefit-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.benefit-label{font-size:11px;font-weight:600;background:var(--tint);color:var(--accent);padding:4px 11px;border-radius:20px}
.benefit-number{font-size:13px;letter-spacing:1px;color:#a3a5af}
.benefit-card h3{font-size:clamp(22px,2.35vw,31px);line-height:1.4;letter-spacing:-1px;margin:0 0 20px}
.benefit-card>p{font-size:14px;line-height:1.9;color:var(--subtle);margin:0;max-width:330px}
.benefit-mark{height:113px;min-height:100px;margin-top:auto;display:flex;justify-content:center;align-items:center;position:relative;color:var(--accent)}
.mark-1 i{position:absolute;width:80px;height:80px;border-radius:22px;border:1px solid rgba(var(--glow),.4);background:linear-gradient(135deg,rgba(var(--glow),.11),transparent);transform:rotate(-20deg) translateX(-38px)}
.mark-1 i:nth-child(2){transform:rotate(0);background:rgba(var(--glow),.08)}
.mark-1 i:nth-child(3){transform:rotate(20deg) translateX(38px)}
.mark-2{gap:8px;align-items:flex-end;padding-bottom:20px}
.mark-2 b{width:20px;border-radius:6px 6px 0 0;background:linear-gradient(var(--accent-end),var(--tint));height:25px}
.mark-2 b:nth-child(2){height:39px}.mark-2 b:nth-child(3){height:53px}.mark-2 b:nth-child(4){height:67px}.mark-2 b:nth-child(5){height:81px}
.mark-3 span{font-size:105px;font-weight:300;line-height:1;transform:rotate(-8deg);color:var(--accent);opacity:.7}
.story-workflow{background:#0b0e16;color:#f6f7fb;padding:110px 0 85px;scroll-margin-top:60px}
.story-workflow .story-eyebrow{color:#969db1}
.story-workflow .accent-text{background-image:linear-gradient(115deg,#fff,var(--light-accent));color:var(--light-accent)}
.story-workflow .section-heading>p:last-child{color:#999fb0}
.feature-explorer{display:grid;grid-template-columns: .85fr 1.4fr;gap:55px;align-items:start;margin-top:60px}
.explorer-buttons{display:flex;flex-direction:column}
.explorer-button{background:none;border:0;border-bottom:1px solid #ffffff19;text-align:left;display:flex;align-items:center;gap:20px;padding:25px 0;color:#9096a7;font-size:17px;line-height:1.5}
.explorer-button>span{font-size:12px;color:#71788c}
.explorer-button strong{font-weight:500;flex:1}
.explorer-button>b{font-weight:400;transition:transform .25s}
.explorer-button.is-active,.explorer-button:hover{color:white}
.explorer-button.is-active>b{color:var(--light-accent);transform:rotate(45deg)}
.explorer-button.is-active{border-color:var(--light-accent)}
.explorer-panel{background:radial-gradient(ellipse at 50% 0,rgba(var(--glow),.17),transparent 65%),#151925;border:1px solid #ffffff12;border-radius:24px;padding:28px 34px 34px;min-height:365px}
.explorer-panel[hidden]{display:none}
.explorer-panel:not([hidden])+.explorer-panel:not([hidden]){margin-top:16px}
.panel-top{display:flex;justify-content:space-between;font-size:10px;color:#808aa2}
.panel-top .story-eyebrow{color:var(--light-accent);font-size:10px;margin:0}
.output-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:36px 0 32px;position:relative}
.output-chain:before{content:"";position:absolute;height:1px;top:29px;left:15%;right:15%;background:linear-gradient(90deg,#ffffff12,var(--light-accent),#ffffff12)}
.output-chain>div{text-align:center;z-index:1;font-size:12px}
.output-orb{display:flex;width:60px;height:60px;align-items:center;justify-content:center;border:1px solid #ffffff40;border-radius:18px;background:#20283b;color:var(--light-accent);font-size:18px;margin:0 auto 13px;box-shadow:0 0 22px rgba(var(--glow),.14)}
.output-chain strong{font-weight:500;color:#cdd3e4}
.explorer-panel h3{font-size:24px;letter-spacing:-.5px;margin:0 0 14px;color:white}
.explorer-panel>p{font-size:14px;line-height:1.9;color:#a9b1c4;margin:0}
.journey{margin-top:65px;padding-top:30px;border-top:1px solid #ffffff19}
.journey ol{display:flex;list-style:none;gap:15px;justify-content:space-between;margin:0;padding:0}
.journey li{font-size:12px;color:#c0c6d5;position:relative;flex:1}
.journey li:not(:last-child):after{content:"→";position:absolute;right:2px;bottom:0;color:#545d73}
.journey li>span{display:block;color:var(--light-accent);font-size:11px;letter-spacing:2px;margin-bottom:9px}
.story-scenarios{padding:110px 0 85px;scroll-margin-top:60px}
.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-bottom:50px}
.scenario-grid article{display:flex;gap:20px;align-items:flex-start;padding:32px 0;border-bottom:1px solid #dfe0e5}
.scenario-number{color:var(--accent);font-size:12px;letter-spacing:1px;margin-top:7px}
.scenario-grid h3{font-size:22px;letter-spacing:-.5px;margin:0 0 12px}
.scenario-grid p{font-size:14px;line-height:1.9;color:var(--subtle);margin:0;max-width:360px}
.scenario-grid svg{margin-left:auto;width:30px;height:30px;color:#969ca8}
.story-details{border-bottom:1px solid #dedfe5;padding:18px 0;font-size:14px;color:var(--subtle)}
.story-details summary{display:flex;justify-content:space-between;gap:20px;list-style:none;color:#4d5161;font-weight:500}
.story-details summary::-webkit-details-marker{display:none}
.story-details[open] summary>span{transform:rotate(45deg)}
.story-details p{max-width:900px;line-height:1.9}
.story-closing{background:radial-gradient(ellipse at 50% 100%,var(--tint),transparent 70%),#f0f1f4;text-align:center;padding:90px 0 100px}
.closing-symbol{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 28px;background:white;border-radius:24px;color:var(--accent);box-shadow:0 8px 30px rgba(var(--glow),.12)}
.story-closing h2{font-size:clamp(32px,4vw,54px);letter-spacing:-2px;line-height:1.3;white-space:pre-line;margin:0}
.story-closing p:not(.story-eyebrow){font-size:17px;color:var(--subtle);margin-top:23px}
.closing-actions{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:30px}
.story-closing .entry-note{font-size:12px!important}
.story-family{padding:40px 0;color:#636775;font-size:12px;display:flex;justify-content:space-between;gap:30px}
.story-family>div{display:flex;gap:24px;flex-wrap:wrap}
.product-story>.portal-footer{color:#767b88;border-color:#dcdde3;margin-top:0;min-height:75px;font-size:11px}
.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal-ready.is-revealed{opacity:1;transform:none}
.benefit-card:nth-child(2){transition-delay:.08s}.benefit-card:nth-child(3){transition-delay:.16s}
/* Crisp, native product illustrations. All values are labeled examples. */
.mini-eyebrow{font-size:9px;letter-spacing:1.5px;color:#a6adc3}
.prototype-composition,.coding-composition,.knowledge-composition,.ontology-composition{display:flex;gap:30px;align-items:center;padding:35px 24px 0;min-height:330px}
.brief-sheet{width:28%;flex-shrink:0;padding:25px;background:linear-gradient(145deg,#262639,#151b2d);border:1px solid #ffffff24;border-radius:13px;transform:rotate(-4deg);box-shadow:0 25px 35px #0003}
.brief-sheet h3{font-size:21px;margin:16px 0 12px}.brief-sheet>p{font-size:12px;color:#acb1c8;line-height:1.8}
.brief-row{display:flex;flex-direction:column;gap:3px;font-size:10px;border-top:1px solid #ffffff13;padding:8px 0}.brief-row span{color:#848da7}.brief-row b{font-weight:400;color:#c1c5d6}
.art-badge{display:block;font-size:9px;color:var(--light-accent);margin-top:15px}
.product-window{flex:1;min-width:0;border-radius:13px;border:1px solid #c4c6dc40;background:#f8f9fd;box-shadow:0 30px 60px #0005;transform:perspective(1200px) rotateY(-5deg);overflow:hidden}
.window-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 17px;background:#1a2031;color:#9aa5bc;font-size:9px;letter-spacing:.3px;border-bottom:1px solid #ffffff0c}
.window-dots{font-size:8px;letter-spacing:4px;color:#616b82}
.window-body{display:flex;min-height:260px;color:#242739}.mock-sidebar{width:105px;flex-shrink:0;background:#eef0f8;display:flex;flex-direction:column;padding:20px 10px;gap:9px;font-size:10px;color:#898da1}.mock-sidebar b{font-weight:600;color:#33394b;margin:0 9px 10px}.mock-sidebar span{padding:6px 8px;border-radius:5px}.mock-sidebar .is-selected{color:var(--accent);background:var(--tint)}
.mock-content{padding:22px;flex:1;min-width:0}.mock-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.mock-heading h3{font-size:17px;margin:0;color:#242739}.mock-heading>span{font-size:9px;color:#9095a8}
.mock-stats{display:flex;gap:9px;margin:20px 0}.mock-stats>div{flex:1;padding:13px;background:white;border:1px solid #e9eaf2;border-radius:7px}.mock-stats small{font-size:8px;display:block;color:#9297a8}.mock-stats strong{font-size:18px;display:block;font-weight:600;margin-top:5px;color:#353750}
.mock-table{font-size:9px}.mock-table>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:9px 3px;border-bottom:1px solid #e7eaf1;color:#9398a9}.mock-table b{font-weight:500;color:#474d65}.mock-table em{font-style:normal;color:#6f61b1}
.model-layers{flex:0 0 28%}.model-layers h3,.knowledge-source h3{font-size:27px;line-height:1.45;margin:17px 0 26px}.model-layers>div{font-size:13px;border-top:1px solid #ffffff16;padding:13px 0}.model-layers>div span{font-size:10px;color:var(--light-accent);margin-right:12px}.model-layers small{display:block;color:#858fa5;font-size:9px;margin:5px 0 0 29px}
.ontology-graph{flex:1;width:65%;min-width:0}.graph-lines{stroke:#61ccb180;stroke-width:1;fill:none}.graph-edge-labels{fill:#8cadac;font-size:11px}.graph-node rect{fill:#152e31;stroke:#5cbea762}.graph-node text{fill:#d0efe7;font-size:16px;text-anchor:middle}.graph-hub rect{fill:#17473f;stroke:#89efc6;stroke-width:1.5}.graph-hub text{fill:#e0fff2;font-size:23px;text-anchor:middle;font-weight:600}.graph-hub .graph-small{font-size:10px;fill:#8dd0bc;font-weight:400}
.knowledge-source{flex:1;min-width:0;padding:0 15px}.knowledge-orbit{position:relative;height:170px;width:285px;max-width:100%;border:1px solid #80aaf536;border-radius:50%;margin:15px auto 0;background:radial-gradient(ellipse,rgba(var(--glow),.22),transparent 65%)}
.knowledge-orbit:before,.knowledge-orbit:after{content:"";position:absolute;inset:22px;border:1px solid #80aaf522;border-radius:50%;transform:rotate(45deg)}.knowledge-orbit:after{transform:rotate(-45deg)}
.orbit-node{position:absolute;z-index:1;background:#17283f;border:1px solid #527bc95e;border-radius:9px;padding:9px 18px;color:#b4d0f4;font-size:11px}.orbit-one{left:5px;top:5px}.orbit-two{right:0;top:10px}.orbit-three{left:0;bottom:0}.orbit-four{right:5px;bottom:0}.orbit-center{position:absolute;inset:0;display:grid;place-items:center;color:#daeaff;font-size:17px}
.answer-window{width:49%;border:1px solid #7195cd52;border-radius:17px;padding:22px 27px;background:linear-gradient(145deg,#202d45,#141d30);box-shadow:0 15px 60px #0004}.question-bubble{margin:15px 0 8px 25px;border-radius:12px 12px 3px 12px;background:#2b4b78;color:#dbeaff;font-size:13px;padding:13px 17px;text-align:right}.answer-mark{color:#8bbbff;font-size:25px}.answer-window h3{font-size:17px;margin:0 0 10px}.answer-window p{color:#9eacc4;font-size:11px;line-height:1.8;margin:0 0 14px}.evidence-list{display:flex;gap:7px}.evidence-list>span{border:1px solid #ffffff17;border-radius:7px;padding:8px;font-size:9px;flex:1;color:#acbad2}.evidence-list b{display:block;font-weight:400;font-size:8px;color:#7d90ad;margin-top:5px}.evidence-list i,.dashboard-note i,.gateway-quality i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7aaeff;margin-right:6px}.answer-bottom{border-top:1px solid #ffffff13;margin-top:20px;padding-top:12px;font-size:9px;color:#9caccc}.answer-bottom span{margin:0 6px;color:#526484}
.prompt-window{flex:1;border:1px solid #ffffff21;border-radius:13px;overflow:hidden;background:#171c2b;transform:rotate(-2deg);box-shadow:0 22px 45px #0003}.prompt-window h3{font-size:21px;margin:24px 22px 14px}.prompt-window>p{font-size:12px;margin:0 22px 18px;color:#aab0c6;line-height:1.9}.prompt-tags{display:flex;gap:6px;margin:0 22px 18px;flex-wrap:wrap}.prompt-tags span{font-size:8px;color:#b5adeb;border:1px solid #9183c736;border-radius:4px;padding:4px 7px}.code-excerpt{margin:0 22px 22px;padding:13px 16px;border-radius:8px;background:#0e1420;display:flex;gap:24px;align-items:center}.code-excerpt>span{font-size:10px;color:#7d76b1}.code-excerpt code{font-size:9px;color:#a7adc7;line-height:1.9}
.dashboard-window{width:53%;border-radius:14px;overflow:hidden;border:1px solid #d6caff30;background:#fafaff;box-shadow:0 25px 60px #0004;transform:rotate(2deg)}.dashboard-content{padding:22px}.dashboard-kpis{display:flex;gap:12px;margin:20px 0}.dashboard-kpis>span{flex:1;padding:12px 8px;background:#f0edf9;border-radius:6px}.dashboard-kpis small{display:block;font-size:8px;color:#9892ad}.dashboard-kpis b{font-size:12px;display:block;font-weight:600;color:#4a4666;margin-top:5px}.chart-topline{font-size:10px;color:#73748c;display:flex;justify-content:space-between}.chart-topline small{font-size:8px}.demo-bars{height:90px;display:flex;align-items:flex-end;gap:15px;padding:10px 5px 0;border-bottom:1px solid #ddd7ec;background:repeating-linear-gradient(0deg,transparent 0 28px,#eeeaf6 28px 29px)}.demo-bars i{flex:1;height:var(--bar);background:linear-gradient(var(--accent-end),#cac3f5);border-radius:4px 4px 0 0}.dashboard-note{font-size:8px;color:#a09aae;margin-top:15px}
.gateway-composition{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px;align-items:center;min-height:330px;padding:30px 25px 5px}.gateway-column>div{margin-top:10px;border:1px solid #dcb37e30;background:#26221f;padding:12px 17px;border-radius:10px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.gateway-column small{color:#9c9184;font-size:9px}.gateway-column>div:after{content:"";position:absolute;left:100%;width:35px;height:1px;background:linear-gradient(90deg,#ca985c60,transparent)}.gateway-output>div:after{left:auto;right:100%;transform:rotate(180deg)}
.gateway-center{position:relative;display:flex;align-items:center;justify-content:center;min-height:255px;flex-direction:column;gap:20px}.gateway-chip{position:relative;z-index:1;width:165px;height:165px;border-radius:29px;background:linear-gradient(135deg,#403727,#1a1a1f 65%);border:1px solid #e5b16e80;box-shadow:0 0 65px #dfb37020,inset 0 0 30px #d7a36110;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.gateway-chip svg{width:35px;height:35px;color:#f1c38b}.gateway-chip strong{font-size:23px;line-height:1.15;letter-spacing:-.5px;text-align:center;font-weight:600;color:#f3e3c9}.gateway-rings{position:absolute;inset:0;border:1px solid #e3b78122;border-radius:50%;transform:rotate(-15deg)}.gateway-rings:before{content:"";position:absolute;inset:22px;border:1px solid #e3b78122;border-radius:50%}.gateway-quality{font-size:10px;color:#baa48a;position:relative}.gateway-quality i{background:#eabc7e}.gateway-quality span{margin:0 8px}
@media(min-width:1500px){.story-art{margin-top:50px}.story-hero{padding-top:76px}.prototype-composition,.coding-composition,.knowledge-composition,.ontology-composition,.gateway-composition{min-height:370px}}
@media(max-width:1000px){.story-width,.story-nav-inner{width:90%}.story-nav-inner{gap:20px}.story-art{padding:23px 24px 15px}.prototype-composition,.coding-composition,.knowledge-composition,.ontology-composition{gap:20px;padding:27px 0 0}.brief-sheet{padding:20px;width:29%}.mock-sidebar{width:85px}.mock-content{padding:18px}.benefit-card{padding:23px 22px 0}.feature-explorer{gap:30px;grid-template-columns:1fr 1.4fr}.explorer-button{font-size:15px;gap:15px}.explorer-panel{padding:24px;min-height:365px}.gateway-composition{padding:25px 0 0;gap:20px;grid-template-columns:1fr 1fr 1fr}.gateway-column>div{padding:12px;font-size:12px}.gateway-column>div:after{width:20px}.gateway-column small{font-size:8px}.gateway-chip{width:140px;height:140px}.model-layers h3,.knowledge-source h3{font-size:23px}.prompt-window h3{font-size:18px}.answer-window{padding:20px}.story-family{flex-direction:column;gap:15px}}
@media(max-width:700px){.product-story>.portal-header{min-height:54px;padding:7px 5%;gap:15px}.product-story>.portal-header .tagline{display:none}.product-story>.portal-header .logo{height:34px;width:59px;font-size:8px}.product-story>.portal-header .logo:before,.product-story>.portal-header .logo:after{width:34px;height:34px}.product-story>.portal-header nav{font-size:11px;gap:16px}.story-nav-inner{min-height:57px;gap:12px;flex-wrap:wrap;padding:10px 0}.story-brand{font-size:18px}.story-nav-links{order:3;flex-basis:100%;justify-content:center;gap:35px;padding-top:5px;font-size:11px}.story-button.compact{margin-left:auto;padding:6px 13px;font-size:11px}.story-hero{padding-top:44px}.story-hero h1{font-size:clamp(30px,6.6vw,46px);letter-spacing:-1.4px}.story-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:17px}.story-summary{font-size:15px;margin-top:20px;max-width:500px}.story-text-link{font-size:13px}.story-art{margin-top:30px;border-radius:20px;padding:20px 18px 14px}.art-topline{font-size:8px;letter-spacing:.4px}.art-topline>span:first-child{font-size:10px}.art-caption{font-size:8px;line-height:1.8;margin-top:20px}.story-promises{padding:25px 0 36px;font-size:11px;gap:7px}.story-promises span{display:block;margin:0 0 6px;font-size:14px}.story-promises li{padding:0 4px}.story-highlights,.story-workflow{padding:65px 0;scroll-margin-top:108px}.story-scenarios{padding:65px 0;scroll-margin-top:108px}.section-heading h2{font-size:32px;letter-spacing:-1.3px}.section-heading{margin-bottom:28px}.section-heading>p:last-child:not(.story-eyebrow){font-size:15px;margin-top:18px}.benefit-grid{grid-template-columns:1fr;gap:16px}.benefit-card{min-height:0;padding:26px 26px 28px}.benefit-top{margin-bottom:23px}.benefit-card h3{font-size:28px;max-width:80%}.benefit-card>p{font-size:14px;max-width:none;position:relative;z-index:1}.benefit-mark{position:absolute;right:20px;top:65px;width:70px;min-height:0;height:85px;opacity:.26;margin:0}.mark-1 i{width:45px;height:45px}.mark-1 i:first-child{transform:rotate(-20deg) translateX(-17px)}.mark-1 i:nth-child(3){transform:rotate(20deg) translateX(17px)}.mark-2{gap:5px;padding:0}.mark-2 b{width:9px}.mark-3 span{font-size:80px}.feature-explorer{display:flex;flex-direction:column;gap:22px;margin-top:32px}.explorer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;width:100%}.explorer-button{padding:15px 0;font-size:13px;gap:8px}.explorer-button>span{font-size:9px}.explorer-button>b{font-size:13px}.explorer-panels{width:100%}.explorer-panel{padding:24px;min-height:355px}.explorer-panel h3{font-size:22px}.output-chain{margin:30px 0}.output-orb{width:52px;height:52px;font-size:16px;border-radius:15px}.output-chain>div{font-size:10px}.output-chain:before{top:26px}.journey{margin-top:38px}.journey ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 10px}.journey li{font-size:11px}.journey li:after{display:none}.scenario-grid{grid-template-columns:1fr;gap:0;margin-bottom:30px}.scenario-grid article{padding:25px 0;gap:14px}.scenario-grid h3{font-size:20px}.scenario-grid p{font-size:14px}.scenario-grid svg{width:25px;height:25px}.story-closing{padding:65px 0}.story-closing h2{font-size:31px;letter-spacing:-1.4px}.story-closing p:not(.story-eyebrow){font-size:15px}.closing-actions{gap:23px}.story-button{font-size:13px;padding:12px 22px;gap:15px}.story-family>div{gap:14px 22px}.product-story>.portal-footer{width:90%;padding:20px 0;min-height:70px;font-size:10px}.product-story>.portal-footer div{gap:12px;justify-content:flex-end;max-width:200px}
/* Recompose the illustrations on phones rather than clipping a desktop canvas. */
.prototype-composition,.coding-composition,.knowledge-composition,.ontology-composition{flex-direction:column;gap:22px;padding:25px 0 0;min-height:0}.brief-sheet{width:90%;transform:rotate(-2deg);padding:18px 22px}.brief-sheet h3{font-size:20px;margin:12px 0 7px}.brief-sheet>p{font-size:11px;margin:0 0 10px}.brief-sheet>p br{display:none}.brief-row{display:inline-flex;width:49%;border:0;padding:4px 0}.brief-row:nth-of-type(3){display:none}.art-badge{margin-top:10px}.product-window{width:100%;transform:none}.window-body{min-height:220px}.window-bar{padding:10px 12px;font-size:8px}.mock-sidebar{width:69px;font-size:8px;padding:15px 5px;gap:6px}.mock-sidebar b{margin-left:6px;font-size:8px}.mock-sidebar span{padding:5px}.mock-content{padding:15px 10px}.mock-heading h3{font-size:13px}.mock-heading>span{font-size:7px}.mock-stats{gap:5px;margin:15px 0}.mock-stats>div{padding:8px}.mock-stats strong{font-size:14px}.mock-stats small{font-size:7px}.mock-table{font-size:8px}.model-layers{width:100%;display:flex;flex-wrap:wrap;gap:0 12px}.model-layers>.mini-eyebrow{width:100%}.model-layers h3{font-size:23px;margin:12px 0 20px;width:100%}.model-layers h3 br{display:none}.model-layers>div{flex:1;font-size:11px;white-space:nowrap;padding:12px 0}.model-layers>div span{margin-right:5px;font-size:9px}.model-layers small{margin-left:0;font-size:8px}.ontology-graph{width:100%;flex:auto;margin-top:-5px}.knowledge-source{width:100%;padding:0}.knowledge-source h3{margin:12px 0 15px;font-size:23px}.knowledge-source h3 br{display:none}.knowledge-orbit{height:135px;width:250px;margin-top:20px}.orbit-node{font-size:10px;padding:7px 13px}.orbit-center{font-size:15px}.answer-window{width:100%;padding:20px;margin-top:8px}.question-bubble{font-size:12px}.answer-window h3{font-size:16px}.answer-window p{font-size:11px}.prompt-window{width:96%;transform:rotate(-1deg)}.prompt-window h3{font-size:19px}.prompt-window>p{font-size:12px}.dashboard-window{width:100%;transform:none}.dashboard-content{padding:20px}.dashboard-content .mock-heading h3{font-size:17px}.dashboard-kpis b{font-size:12px}.demo-bars{height:100px}.code-excerpt{padding:10px 15px}.gateway-composition{grid-template-columns:1fr;gap:20px;padding:25px 0 0;min-height:0}.gateway-column{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gateway-column>.mini-eyebrow{grid-column:1/-1}.gateway-column>div{margin:0;font-size:11px;flex-direction:column;align-items:flex-start;padding:10px 14px;gap:4px}.gateway-column>div:after{display:none}.gateway-column small{font-size:8px}.gateway-center{min-height:200px;gap:15px}.gateway-rings{inset:0 15%}.gateway-chip{width:128px;height:128px;border-radius:22px}.gateway-chip strong{font-size:21px}.gateway-chip svg{width:29px;height:29px}.gateway-quality{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-story *, .product-story *:before,.product-story *:after{transition:none!important;animation:none!important}.reveal-ready{opacity:1;transform:none}}
@media print{.reveal-ready{opacity:1;transform:none}.story-nav{position:static}.explorer-panel[hidden]{display:block}.story-art,.benefit-card,.explorer-panel{break-inside:avoid}}