@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-Light.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/Montserrat-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

:root{--paper:#f8f8f5;--gold:#f5a623;--gold-pale:#ffdfa2;--sans:Montserrat,Arial,sans-serif;--mono:Montserrat,Arial,sans-serif}
body{font-family:var(--sans);font-weight:400;background:var(--paper)}
.noise,.cursor-glow{display:none}
h1,h2,h3{font-family:var(--sans);font-weight:500}
b,strong{font-weight:600}
.brand{font-weight:700;letter-spacing:.055em}
.nav a,.button,.text-link,.capability h3,.step h3,.film-intro h3{font-weight:600}
.hero h1{font-size:clamp(45px,5.5vw,84px);font-weight:500;line-height:1.06;letter-spacing:-.062em}
.hero h1 em,h2 em{font-style:normal;font-weight:300;color:var(--gold)}
.hero-text{font-size:16px;line-height:1.8;color:#555957;font-weight:400}
.hero{min-height:800px;gap:30px}
.hero-stage{height:490px}
.eyebrow,.section-label{font-weight:500;letter-spacing:.075em}
.hero-flow{margin-top:52px;display:flex;align-items:center;gap:11px;color:#676b67;font-size:10px;font-weight:500;line-height:1.5;white-space:nowrap}
.hero-flow span:first-child{color:#191b1b}
.hero-flow i{height:1px;width:23px;background:var(--gold);display:block;flex:none}
.float-card{border-radius:9px}
.system-card{border-radius:14px;overflow:hidden}
.system-insights{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}
.system-insights>div{padding:9px 11px;background:#252626;border:1px solid #3a3b39;border-radius:6px}
.system-insights small{display:block;color:var(--gold);font-size:7px;font-weight:600;letter-spacing:.08em;margin-bottom:5px}
.system-insights b{font-size:9px;font-weight:500;color:#f5f5ee}
.intro h2,.demo h2,.how h2,.closing h2{font-weight:500;line-height:1.12;letter-spacing:-.055em}
.intro-text,.demo-head p{font-size:15px;line-height:1.8}
.capability{min-height:410px}
.capability h3{font-size:18px;font-weight:600}
.capability p,.step p{font-size:13px;line-height:1.75}
.capability-number{font-weight:500}
.graphic--knowledge{display:flex;align-items:center;justify-content:center;gap:28px;top:44px;height:170px}
.graphic--knowledge>div{min-width:42%;padding:15px 18px;background:#fff;border:1px solid #deddd5;border-radius:11px;box-shadow:0 13px 24px rgba(17,18,20,.05)}
.graphic--knowledge small{font-size:9px;font-weight:600;letter-spacing:.02em;color:#6b6e6a;display:block;margin-bottom:12px}
.graphic--knowledge strong{display:block;font-size:10px;font-weight:500;padding:5px 0;border-top:1px solid #eceae4}
.graphic--knowledge>span{color:var(--gold);font-size:25px;font-weight:300;animation:knowledge-flow 2.8s ease-in-out infinite}
.graphic--knowledge .knowledge-answer{background:#151617;color:#fff;border-color:#151617}
.graphic--knowledge .knowledge-answer small{color:var(--gold)}
.graphic--knowledge .knowledge-answer p{color:#fff;font-size:12px;line-height:1.55;max-width:160px}
@keyframes knowledge-flow{50%{transform:translateX(6px);opacity:.55}}
.graphic--chat div{border-radius:9px;font-weight:500}
.graphic--chat div:first-child{animation:chat-in 4.4s ease-in-out infinite}
.graphic--chat div:nth-child(2){animation:chat-in 4.4s ease-in-out infinite .6s}
@keyframes chat-in{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.graphic--agents span{border-radius:8px;box-shadow:0 8px 20px rgba(17,18,20,.07);font-weight:500}
.graphic--agents span:nth-child(2){animation:agent-rise 3.8s ease-in-out infinite}
@keyframes agent-rise{50%{transform:translateY(-32px)}}
.graphic--document{border-radius:7px;box-shadow:0 12px 25px rgba(17,18,20,.09);animation:document-shift 5s ease-in-out infinite}
@keyframes document-shift{50%{transform:rotate(2deg) translateY(-7px)}}
.graphic--handoff{display:flex;align-items:center;justify-content:center;gap:11px}
.graphic--handoff div{min-width:0;flex:1;padding:14px 12px;background:#fff;border:1px solid #deddd5;border-radius:9px;box-shadow:0 9px 20px rgba(17,18,20,.05)}
.graphic--handoff div:last-child{background:#202120;color:#fff}
.graphic--handoff small{display:block;margin-bottom:8px;color:#777a75;font-size:7px;font-weight:600;letter-spacing:.03em}
.graphic--handoff div:last-child small{color:var(--gold)}
.graphic--handoff strong{font-size:9px;font-weight:500;line-height:1.4}
.graphic--handoff>span{color:var(--gold);font-size:20px;animation:knowledge-flow 2.8s ease-in-out infinite}
.vision{padding-top:115px;padding-bottom:120px;background:#eeefeb}
.vision .section-label{margin-bottom:42px}
.vision-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:54px}
.vision-heading h2{font-size:clamp(36px,4.5vw,68px);letter-spacing:-.06em;line-height:1.1;font-weight:500;margin:0 0 21px}
.vision-heading h2 em{font-style:normal;font-weight:300;color:#bd7300}
.vision-heading p{font-size:15px;line-height:1.8;color:#555955;max-width:760px;margin:0}
.vision-badge{display:block;flex:none;padding:11px 14px;border:1px solid #d2d4cf;color:#545851;font-size:9px;font-weight:600;letter-spacing:.06em}
.vision-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d1d4ce;border:1px solid #d1d4ce}
.vision-switch button{appearance:none;border:0;background:#f8f8f5;color:#6d706d;text-align:left;padding:21px 25px;min-height:80px;cursor:pointer;font:600 15px var(--sans);transition:background .24s,color .24s}
.vision-switch button span{display:inline-block;margin-right:12px;font-size:10px;color:#b67d20}
.vision-switch button small{display:block;margin:7px 0 0 26px;font-size:9px;letter-spacing:.08em;font-weight:500}
.vision-switch button.active{background:#191b1a;color:#fff}
.vision-switch button.active span,.vision-switch button.active small{color:var(--gold)}
.vision-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);background:#fff;border:1px solid #d1d4ce;border-top:0;min-height:505px}
.vision-panel[hidden]{display:none}
.vision-photo{position:relative;min-height:505px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:27px;background:#deded8}
.vision-photo-label,.vision-photo-foot{position:relative;z-index:3;width:max-content;max-width:100%;font-size:9px;letter-spacing:.075em;font-weight:600;color:#313532}
.vision-photo-foot{font-size:8px;color:#454947}
.stone-surface{position:absolute;inset:53px 30px 57px;border:7px solid #f5f3ed;box-shadow:0 25px 50px rgba(25,28,27,.16);background:radial-gradient(ellipse at 74% 26%,rgba(234,234,224,.8),transparent 35%),repeating-linear-gradient(141deg,#a6aaa5 0 3px,#c4c6bf 4px 18px,#b5b9b1 20px 23px,#d5d7d0 25px 43px);transform:rotate(-5deg);animation:stone-enter 5s ease-in-out infinite}
.stone-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 38%,rgba(67,77,72,.18) 39%,transparent 40%,transparent 72%,rgba(63,70,65,.22) 73%,transparent 75%)}
.stone-surface i{position:absolute;display:block;width:56%;height:2px;background:rgba(80,87,83,.48);transform:rotate(-28deg);z-index:1}
.stone-surface i:nth-child(1){top:30%;left:2%}.stone-surface i:nth-child(2){top:56%;left:38%;width:36%}.stone-surface i:nth-child(3){top:80%;left:9%;width:45%}
.vision-scan{position:absolute;z-index:2;right:8%;bottom:18%;padding:10px 12px;background:#161818;color:#fff;font-size:10px;font-weight:600;box-shadow:0 12px 25px rgba(0,0,0,.18);animation:scan-float 3.5s ease-in-out infinite}
@keyframes stone-enter{50%{transform:rotate(-3deg) scale(1.015)}}
@keyframes scan-float{50%{transform:translateY(-7px)}}
.vision-photo--heater{background:radial-gradient(circle at 50% 50%,#fafaf7 0,#dedfd9 70%)}
.heater-scene{position:absolute;inset:50px 25px 47px;display:grid;place-items:center;border:1px solid #cbd0ca;background:linear-gradient(150deg,#e4e7e3,#c8cdc8);overflow:hidden}
.heater-unit{position:relative;width:50%;height:72%;border:8px solid #f8f8f4;border-radius:12px;background:linear-gradient(115deg,#fff,#d7dcd8);box-shadow:14px 24px 28px rgba(29,35,33,.16);z-index:1}
.heater-unit:before{content:"";position:absolute;inset:0;border:1px solid #c2c8c3;border-radius:5px}
.heater-vent{position:absolute;top:14%;left:22%;right:22%;height:20%;background:repeating-linear-gradient(0deg,#69716d 0 2px,transparent 3px 8px);opacity:.56}
.heater-panel{position:absolute;bottom:19%;left:27%;right:27%;height:17%;background:#272c2a;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px}
.heater-panel span{width:8px;height:8px;border-radius:50%;background:#7f9188}.heater-panel span:first-child{background:var(--gold)}
.heater-tag{position:absolute;bottom:7%;left:34%;right:34%;font-size:7px;text-align:center;border:1px solid #adb7ae;padding:3px;color:#5e6b64;letter-spacing:.09em}
.heater-pipe{position:absolute;bottom:-10%;left:49%;width:5px;height:30%;background:#9b9f9a}
.heater-scene .vision-scan{right:5%;bottom:18%}
.vision-analysis{padding:38px clamp(25px,3.8vw,57px);display:flex;flex-direction:column}
.vision-kicker{font-size:9px;letter-spacing:.09em;color:#b2771d;font-weight:600;margin:0 0 20px}
.vision-analysis h3{font-size:clamp(23px,2.4vw,34px);letter-spacing:-.05em;line-height:1.2;max-width:460px;margin:0 0 23px;font-weight:500}
.vision-analysis ol{list-style:none;margin:0;padding:0;border-top:1px solid #e4e6e2}
.vision-analysis li{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #e4e6e2}
.vision-analysis li>span{font-size:9px;color:#b2771d;font-weight:600;padding-top:3px}
.vision-analysis li b{display:block;font-size:12px;font-weight:600;margin-bottom:5px}
.vision-analysis li p{font-size:11px;line-height:1.65;color:#5e635e;margin:0}
.vision-result{display:flex;flex-direction:column;gap:6px;background:#f3f0e9;border-left:3px solid var(--gold);padding:13px 16px;margin-top:20px}
.vision-result span{font-size:8px;font-weight:600;color:#9e6714;letter-spacing:.07em}
.vision-result strong{font-size:11px;font-weight:600}
.vision-decision{display:grid;grid-template-columns:1fr 1.5fr;gap:14px 34px;align-items:center;background:#191b1a;color:#fff;padding:30px 34px}
.vision-decision>div:first-child span{font-size:9px;font-weight:600;color:var(--gold);letter-spacing:.09em}
.vision-decision h3{font-size:22px;letter-spacing:-.045em;font-weight:500;margin:8px 0 0}
.vision-decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vision-decision-actions button{min-height:49px;border:1px solid #555b56;background:#292d2a;color:#f7f7f3;cursor:pointer;padding:11px;font:500 11px var(--sans);transition:background .2s,border-color .2s}
.vision-decision-actions button.active,.vision-decision-actions button:hover{background:#3a3020;border-color:var(--gold)}
.vision-decision p{grid-column:2;font-size:11px;line-height:1.65;color:#d9ddd6;margin:0}
.vision-disclaimer{font-size:10px;line-height:1.7;color:#6d716b;max-width:830px;margin:18px 0 0}
.demo{background:#151617}
.demo-head p{color:#d0d0cb}
.experience{border-radius:14px;overflow:hidden}
.experience-screen{min-height:0}
.demo-canvas{height:255px}
.demo-window-top,.experience-note,.demo-layout{font-family:var(--sans)}
.experience-nav button{font-family:var(--sans);font-weight:500;min-height:56px}
.experience-note p{font-size:12px}
.context-card p{font-size:10px;line-height:1.55;color:#d8d8d2;margin:0 0 12px}
.film-block{margin-top:34px;border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden;background:#242524}
.film-intro{padding:28px 30px;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:end}
.film-intro span{font-size:10px;letter-spacing:.07em;font-weight:600;color:var(--gold)}
.film-intro h3{font-size:clamp(19px,2.3vw,30px);margin:10px 0 0;letter-spacing:-.045em}
.film-intro p{font-size:12px;line-height:1.7;color:#d1d1cc;max-width:340px;margin:0}
.film-frame{aspect-ratio:16/9;background:#f6f5f0}
.film-frame video{display:block;width:100%;height:100%;object-fit:contain}
.film-chapters{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18)}
.film-chapters button{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.18);padding:17px 20px;color:var(--gold);background:transparent;text-align:left;cursor:pointer;font-family:var(--sans);font-size:10px;font-weight:600;min-height:54px;transition:background .2s}
.film-chapters button:last-child{border-right:0}
.film-chapters button span{margin-left:11px;color:#faf8f2;font-size:12px;font-weight:500}
.film-chapters button:hover,.film-chapters button.active{background:#323432}
.media-showcase{margin-top:34px;border:1px solid rgba(255,255,255,.17);border-radius:14px;overflow:hidden;background:#242524}
.media-intro{padding:29px 32px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end}
.media-intro span{font-size:10px;letter-spacing:.07em;font-weight:600;color:var(--gold)}
.media-intro h3{font-size:clamp(22px,2.8vw,35px);font-weight:500;letter-spacing:-.05em;margin:10px 0 0}
.media-intro p{font-size:12px;line-height:1.7;color:#d1d1cc;max-width:360px;margin:0}
.media-switch{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.media-switch button{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.16);min-height:57px;background:#1e1f1e;color:var(--gold);text-align:left;padding:13px 19px;cursor:pointer;font:600 10px var(--sans);transition:background .2s}
.media-switch button:last-child{border-right:0}
.media-switch button span{font-size:12px;font-weight:500;color:#f2f2ed;margin-left:12px}
.media-switch button.active,.media-switch button:hover{background:#3a3d38}
.media-panel{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1fr);background:#171918}
.media-panel[hidden]{display:none}
.media-player{padding:19px;display:grid;place-items:center;background:#0e100f}
.media-player video{display:block;width:auto;max-width:100%;height:min(62vw,600px);aspect-ratio:9/16;object-fit:contain;background:#0a0b0a}
.media-copy{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(30px,5vw,75px)}
.media-copy:after{position:absolute;right:24px;bottom:-37px;color:rgba(255,255,255,.045);font:300 clamp(180px,22vw,330px) var(--sans);pointer-events:none}
.media-panel[data-media-panel="launch"] .media-copy:after{content:"01"}
.media-panel[data-media-panel="stone"] .media-copy:after{content:"02"}
.media-panel[data-media-panel="gas"] .media-copy:after{content:"03"}
.media-copy>span{position:relative;z-index:1;font-size:10px;color:var(--gold);font-weight:600;letter-spacing:.07em}
.media-copy h4{position:relative;z-index:1;font-size:clamp(30px,4vw,55px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:18px 0 22px;max-width:570px}
.media-copy p{position:relative;z-index:1;font-size:15px;line-height:1.75;color:#d4d7d1;max-width:480px;margin:0 0 30px}
.media-copy small{position:relative;z-index:1;font-size:10px;color:#aeb3ac;border-top:1px solid rgba(255,255,255,.19);padding-top:16px}
.story-gallery{margin-top:38px}
.story-gallery__intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}
.story-gallery__intro span{display:block;color:var(--gold);font-size:11px;font-weight:600;margin-bottom:9px}
.story-gallery__intro h3{font-size:clamp(25px,3.2vw,42px);font-weight:500;line-height:1.15;letter-spacing:-.052em;margin:0;max-width:670px}
.story-gallery__intro p{color:#c4c7c1;font-size:13px;line-height:1.65;max-width:280px;margin:0}
.story-gallery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:16px 4px 24px}
.story-card{position:relative;display:block;width:100%;aspect-ratio:9/15.7;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:11px;padding:0;background:#292b2a;color:#fff;text-align:left;cursor:pointer;isolation:isolate;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.story-card:hover,.story-card:focus-visible{transform:translateY(-14px) scale(1.018);box-shadow:0 28px 45px rgba(0,0,0,.34);border-color:var(--gold);z-index:1}
.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.story-card:hover img,.story-card:focus-visible img{transform:scale(1.045)}
.story-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 40%,rgba(0,0,0,.73) 100%)}
.story-card__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(15,16,16,.58);backdrop-filter:blur(5px);font-size:18px;padding-left:4px;transform:translate(-50%,-50%);transition:background .2s,border-color .2s}
.story-card:hover .story-card__play,.story-card:focus-visible .story-card__play{background:var(--gold);border-color:var(--gold);color:#161716}
.story-card__name{position:absolute;left:19px;bottom:38px;font-size:clamp(18px,2vw,27px);font-weight:600;letter-spacing:-.04em}
.story-card__action{position:absolute;left:20px;bottom:18px;color:#e5e8e0;font-size:10px;font-weight:500}
.story-gallery__note{color:#adb1aa;font-size:10px;line-height:1.6;margin:1px 4px 0}
.video-dialog{width:min(960px,calc(100vw - 30px));max-height:92vh;border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:0;background:#171918;color:#f8f8f3;overflow:auto;box-shadow:0 35px 100px rgba(0,0,0,.5)}
.video-dialog::backdrop{background:rgba(3,5,4,.84);backdrop-filter:blur(8px)}
.video-dialog__close{position:absolute;right:14px;top:12px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(15,16,16,.8);color:#fff;font-size:27px;line-height:1;cursor:pointer}
.video-dialog__body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(250px,1fr);min-height:530px}
.video-dialog video{display:block;width:100%;height:100%;max-height:86vh;aspect-ratio:9/16;object-fit:contain;background:#080a09}
.video-dialog__copy{display:flex;flex-direction:column;justify-content:center;padding:55px 50px}
.video-dialog__copy>span{font-size:11px;font-weight:600;color:var(--gold)}
.video-dialog__copy h2{font-size:clamp(28px,3.5vw,44px);font-weight:500;letter-spacing:-.05em;line-height:1.14;margin:14px 0}
.video-dialog__copy p{font-size:14px;line-height:1.65;color:#d0d3cb;margin:0 0 30px}
.video-dialog__copy small{border-top:1px solid rgba(255,255,255,.18);padding-top:17px;color:#aeb4aa;font-size:10px;line-height:1.6}
.voice-band{background:#151617;color:#f6f6f1;padding:0 clamp(22px,7vw,120px) 95px}
.voice-sample{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:66px minmax(0,1fr) minmax(260px,380px);gap:28px;align-items:center;padding:34px 38px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#242524}
.voice-sample__mark{display:flex;align-items:center;justify-content:center;gap:5px;width:62px;height:62px;border-radius:50%;background:var(--gold)}
.voice-sample__mark span{width:4px;height:14px;background:#191b19;border-radius:4px;transform-origin:center}
.voice-sample__mark span:nth-child(2),.voice-sample__mark span:nth-child(4){height:24px}
.voice-sample__mark span:nth-child(3){height:34px}
.voice-sample.is-playing .voice-sample__mark span{animation:voice-pulse .8s ease-in-out infinite alternate}
.voice-sample.is-playing .voice-sample__mark span:nth-child(2){animation-delay:.12s}
.voice-sample.is-playing .voice-sample__mark span:nth-child(3){animation-delay:.24s}
.voice-sample.is-playing .voice-sample__mark span:nth-child(4){animation-delay:.36s}
.voice-sample.is-playing .voice-sample__mark span:nth-child(5){animation-delay:.48s}
@keyframes voice-pulse{to{transform:scaleY(.45)}}
.voice-sample__copy>span{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.075em}
.voice-sample__copy h2{font-size:clamp(23px,2.5vw,34px);font-weight:500;letter-spacing:-.05em;line-height:1.2;margin:10px 0 11px}
.voice-sample__copy p{font-size:12px;line-height:1.7;color:#d1d3cd;margin:0;max-width:510px}
.voice-sample__player audio{display:block;width:100%}
.voice-sample__player small{display:block;font-size:10px;color:#afb3aa;margin-top:10px}
.closing{background:var(--gold)}
.closing h2{font-weight:500}
.closing h2 em{font-weight:300;color:#47330b}
.closing-disclaimer{font-family:var(--sans);font-weight:500}
.reveal,.js-ready .reveal:not(.visible){opacity:1;transform:none}
.js-ready .reveal.visible{animation:reveal-rise .6s ease-out both}
@keyframes reveal-rise{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}
a:focus-visible,button:focus-visible,video:focus-visible,audio:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.button,.text-link{min-height:44px}
.menu-toggle{min-width:44px;min-height:44px;align-items:center}
@media(max-width:1100px){.nav,.topbar>.button{display:none}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;gap:6px}.menu-toggle i{height:1px;background:var(--ink);width:24px;display:block}.topbar.menu-open{position:fixed;background:var(--paper)}.topbar.menu-open .nav{display:flex;position:absolute;top:77px;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);padding:15px 32px 25px;border-bottom:1px solid var(--line)}.topbar.menu-open .nav a{padding:13px 0}.hero{display:block;min-height:0;padding-top:150px;padding-bottom:75px}.hero-copy{max-width:730px}.hero h1{max-width:760px;font-size:clamp(49px,7.4vw,76px)}.hero-flow{white-space:normal;flex-wrap:wrap}.hero-stage{height:465px;max-width:680px;margin:55px auto 0}.graphic--knowledge{gap:10px}.graphic--knowledge>div{min-width:40%}}
@media(max-width:900px){.vision-heading{align-items:start;flex-direction:column}.vision-badge{display:none}.vision-panel{grid-template-columns:1fr}.vision-photo{min-height:390px}.vision-analysis{padding:30px}.vision-decision{grid-template-columns:1fr}.vision-decision p{grid-column:1}}
@media(max-width:800px){.media-intro{grid-template-columns:1fr;gap:12px;padding:22px}.media-switch button{padding:12px 9px;font-size:9px}.media-switch button span{display:block;font-size:10px;margin:5px 0 0}.media-panel{grid-template-columns:1fr}.media-player{padding:16px}.media-player video{width:min(100%,340px);height:auto;max-height:600px}.media-copy{padding:27px}.media-copy h4{font-size:30px}.media-copy p{font-size:13px;margin-bottom:18px}}
@media(max-width:800px){.story-gallery__intro{display:block}.story-gallery__intro p{max-width:none;margin-top:10px}.story-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-card__name{font-size:20px}.video-dialog__body{grid-template-columns:1fr;min-height:0}.video-dialog video{height:min(65vh,600px);width:100%}.video-dialog__copy{padding:20px 25px 28px}.video-dialog__copy h2{font-size:25px;margin:6px 0}.video-dialog__copy p{font-size:12px;margin-bottom:12px}.video-dialog__copy small{padding-top:10px}}
@media(max-width:800px){.voice-band{padding:0 22px 75px}.voice-sample{grid-template-columns:52px 1fr;gap:18px;padding:25px}.voice-sample__mark{width:52px;height:52px}.voice-sample__player{grid-column:1/-1}.voice-sample__copy h2{font-size:24px}}
@media(max-width:800px){.topbar.menu-open .nav{top:64px}.hero{min-height:0}.hero h1{font-size:clamp(42px,11vw,66px)}.hero-flow{font-size:9px;margin-top:34px}.hero-stage{height:375px}.intro-text,.demo-head p{font-size:14px}.capability{min-height:360px}.capability>div:last-of-type{padding-right:35px}.demo-canvas{grid-template-columns:42px minmax(0,1fr)}.film-intro{grid-template-columns:1fr;gap:15px;padding:21px}.film-chapters button{padding:14px 9px;font-size:9px;line-height:1.5}.film-chapters button span{display:block;margin:4px 0 0;font-size:10px}.graphic--knowledge{top:42px}.graphic--knowledge>div{min-width:0;width:45%;padding:11px}.graphic--knowledge small{font-size:8px}.graphic--knowledge strong{font-size:8px}.graphic--knowledge .knowledge-answer p{font-size:10px}}
@media(max-width:600px){.vision{padding-top:83px;padding-bottom:82px}.vision-heading{margin-bottom:33px}.vision-heading h2{font-size:clamp(35px,9.6vw,51px)}.vision-heading p{font-size:13px}.vision-switch button{padding:14px 10px;min-height:86px;font-size:11px;line-height:1.4}.vision-switch button span{margin-right:5px}.vision-switch button small{margin:6px 0 0 0;font-size:7px}.vision-photo{min-height:315px;padding:18px}.stone-surface{inset:48px 22px 45px}.heater-scene{inset:45px 18px 37px}.vision-analysis{padding:26px 21px}.vision-analysis h3{font-size:25px}.vision-decision{padding:25px 18px}.vision-decision-actions{grid-template-columns:1fr}.vision-photo-label,.vision-photo-foot{font-size:7px}}
@media(prefers-reduced-motion:reduce){.graphic--knowledge>span,.graphic--chat div,.graphic--agents span:nth-child(2),.graphic--document,.stone-surface,.vision-scan,.voice-sample.is-playing .voice-sample__mark span,.js-ready .reveal.visible{animation:none!important}.js-ready .reveal:not(.visible){opacity:1;transform:none}}
