:root{--demo-head-h: 90px;--demo-tabs-h: 62px;--demo-stage-pad: 40px;--demo-chrome: calc(var(--header-h) + var(--demo-head-h) + var(--demo-tabs-h) + var(--demo-stage-pad))}.demo-head{padding:calc(var(--header-h) + var(--space-4)) var(--section-x) var(--space-4);background:var(--offwhite)}.dh-inner{max-width:1360px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}.dh-copy .kicker{margin-bottom:var(--space-2)}.dh-copy h1{font-family:var(--font-h1);font-weight:400;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.015em;line-height:1.1;color:var(--ink-strong)}.dh-ctas{display:flex;gap:10px}.demo-tabs{display:flex;justify-content:center;gap:var(--space-2);background:var(--navy-deep);padding:clamp(18px,2.5vw,28px) var(--space-5) 0}.demo-tabs .dt{flex:none;font:500 13.5px/1 var(--font-body);color:var(--navy-ink-mute);text-decoration:none;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--navy-line);transition:color var(--dur-fast) ease,background var(--dur-fast) ease,border-color var(--dur-fast) ease}.demo-tabs .dt:hover,.demo-tabs .dt:focus-visible{color:var(--white);border-color:#ffffff73}.demo-tabs .dt:focus-visible{outline:0;box-shadow:0 0 0 3px #ffffff59}.demo-tabs .dt.is-on{background:var(--white);color:var(--navy-deep);border-color:var(--white)}.demo-soon{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(20px,3vw,48px);padding:clamp(28px,4vw,64px);background:linear-gradient(160deg,#15507c,#0e2c45);color:#fff}.ds-copy h2{margin:14px 0 0;font:400 clamp(30px,3.2vw,46px)/1.08 var(--font-h1);letter-spacing:-.02em;color:#fff;text-wrap:balance}.ds-copy p:not(.kicker){margin:16px 0 0;max-width:460px;font-size:17px;line-height:1.6;color:#ffffffc7}.ds-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ds-shot{border-radius:16px;overflow:hidden;background:#f3f2ee}.ds-shot img{display:block;width:100%;height:auto}@media(max-width:860px){.demo-soon{grid-template-columns:minmax(0,1fr)}}.demo-stage{background:var(--navy-deep);padding:var(--space-4) clamp(12px,2vw,32px) var(--space-5)}.demo-shell{max-width:1600px;margin:0 auto;border-radius:var(--radius);overflow:hidden;box-shadow:0 40px 110px -40px #0009;background:var(--navy-deep)}.demo-shell iframe{display:block;width:100%;height:max(560px,calc(100dvh - var(--demo-chrome)));border:0}.demo-gate{min-height:max(560px,calc(100dvh - var(--demo-chrome)));display:grid;place-items:center;padding:clamp(20px,4vw,48px);background:linear-gradient(180deg,#0e2c458c,#0e2c45eb),url(/img/live-hero/logbook-01.webp) center top / cover no-repeat,var(--navy-deep)}.demo-gate[hidden]{display:none}.dg-card{width:min(520px,100%);padding:clamp(24px,4vw,40px);border-radius:var(--radius);background:var(--white, #fff);box-shadow:0 40px 110px -40px #0009}.dg-card h2{margin-top:12px;font:400 clamp(26px,3vw,34px)/1.1 var(--font-h1);letter-spacing:-.02em;color:var(--ink-strong)}.dg-sub{margin-top:10px;font-size:16px;line-height:1.5;color:var(--ink-mute, #5b6470)}.dg-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dg-row{display:flex;gap:10px;margin-top:22px}.dg-row input{flex:1;min-width:0;font:400 16px/1.2 var(--font-body);padding:12px 14px;border:1px solid var(--line-strong, rgba(0, 0, 0, .18));border-radius:10px;background:#fff;color:var(--ink-strong)}.dg-row input:focus-visible{outline:0;border-color:var(--navy-deep);box-shadow:0 0 0 3px #15507c2e}.dg-row input[aria-invalid=true]{border-color:#c2410c}.dg-row .btn{flex:none}.dg-status{margin-top:10px;font-size:14px;color:#c2410c}.dg-status:empty{display:none}.dg-alt{margin-top:18px;font-size:14px;color:var(--ink-mute, #5b6470)}.dg-alt a{color:var(--ink-strong);font-weight:500}.demo-shell iframe[hidden]{display:none}@media(max-width:520px){.dg-row{flex-direction:column}}@media(max-width:680px){.dh-inner{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.dh-ctas{flex-wrap:wrap}.demo-tabs{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:var(--space-4)}.demo-tabs::-webkit-scrollbar{display:none}}@media(prefers-reduced-motion:reduce){.demo-tabs .dt{transition:none}}