.opie-flight,.opie-story{--opie-bg: #060e1b;--opie-text: #f1f5fb;--opie-muted: #aebdce;--opie-accent: #b59aff;--opie-line: color-mix(in srgb, var(--opie-accent) 22%, transparent);color:var(--opie-text);font-family:var(--font-sans, "Inter", sans-serif);background:var(--opie-bg)}.opie-flight{position:fixed;inset:0;z-index:120;overflow:hidden;isolation:isolate;outline:none}.opie-flight:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#060e1bf2,#060e1bbd 24%,transparent 42%,transparent 77%,#060e1b9c),linear-gradient(0deg,#060e1b,transparent 26%)}.opie-flight :is(button,a,[tabindex="0"]):focus-visible,.opie-story :is(button,a,summary):focus-visible{outline:2px solid var(--opie-accent);outline-offset:4px}.opie-flight button,.opie-story button{cursor:pointer;touch-action:manipulation}.opie-flight button:disabled{cursor:default;opacity:.38}.opie-flight :is(button,a){-webkit-tap-highlight-color:transparent}.opie-space-sky{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 60% 37%,color-mix(in srgb,var(--opie-accent) 10%,transparent),transparent 52%),radial-gradient(ellipse at 75% 74%,#12465b4d,transparent 58%),#060e1b}.opie-flight-canvas{position:absolute;inset:0;touch-action:none}.opie-flight-canvas canvas{display:block}.opie-flight-header{position:absolute;inset:max(24px,env(safe-area-inset-top)) 4% auto;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:4}.opie-world-brand{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:44px;text-decoration:none}.opie-world-brand strong{font:600 18px/1 var(--font-display);letter-spacing:.12em}.opie-world-brand>span{font-size:12px;color:var(--opie-muted)}.opie-flight-tools{display:flex;align-items:center;gap:8px}.opie-flight-tools button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;border:1px solid #c4d9f222;border-radius:50%;background:#0c1827ad;color:#becddd;transition:background-color .2s,color .2s,border-color .2s}.opie-flight-tools button:hover{background:#1a2b3e;color:#fff;border-color:#d4e6fb4d}.opie-flight-tools .opie-read-button{border-radius:24px;padding-inline:16px;font-size:12px}.opie-tool-label-short{display:none}.opie-stage-panels{position:absolute;inset:0;z-index:2;pointer-events:none;will-change:opacity}.opie-stage-layout{position:absolute;inset:24% 4% 150px;display:grid;grid-template-columns:minmax(0,29%) minmax(0,1fr) 232px;align-items:start;gap:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#526478 transparent;outline:none;padding:4px 4px 8px 2px;pointer-events:none}.opie-flight-copy{grid-column:1;pointer-events:auto}.opie-flight h1{font:500 clamp(32px,3.3vw,52px)/1.12 var(--font-display);letter-spacing:-.03em;margin:0 0 22px}.opie-flight h1 em,.opie-story h1 em{font-style:normal;color:var(--opie-accent)}.opie-flight-description{font-size:16px;line-height:1.7;color:#bfccda;max-width:390px}.opie-stage-panels[inert] .opie-stage-layout,.opie-stage-panels[inert] .opie-stage-layout>*{pointer-events:none}.opie-order-panel{grid-column:3;pointer-events:auto;min-width:0;padding:20px;border:1px solid var(--opie-line);border-radius:14px;background:linear-gradient(145deg,#0b1725df,#08121dd4);box-shadow:0 14px 45px #00000016}.opie-order-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.opie-order-header>span{font:10px/1.5 var(--font-mono, monospace);letter-spacing:.1em;color:#94a9bf}.opie-order-header>strong{font:500 12px/1.5 var(--font-mono, monospace);color:var(--opie-accent)}.opie-order-status{font:500 19px/1.35 var(--font-display);letter-spacing:-.015em;margin:18px 0}.opie-order-facts{margin:0;border-top:1px solid #cbdcef17;padding-top:4px}.opie-order-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-block:11px;border-bottom:1px solid #cbdcef0d}.opie-order-facts>div:last-child{border-bottom:0;padding-bottom:0}.opie-order-facts dt{font-size:12px;color:#94a9bf}.opie-order-facts dd{font-size:12px;line-height:1.5;text-align:right;color:#e0e9f2}.opie-order-request{margin:18px 0;font:500 18px/1.5 var(--font-display);letter-spacing:-.01em;color:#eff4fa}.opie-example-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px;border:1px solid var(--opie-accent);border-radius:9px;background:var(--opie-accent);color:#071321;font-size:12px;font-weight:600;transition:background-color .2s}.opie-example-button:hover{background:color-mix(in srgb,var(--opie-accent) 80%,white)}.opie-example-button.is-complete{background:transparent;color:var(--opie-accent);border-color:var(--opie-line)}.opie-pick-steps{list-style:none;margin:18px 0 0;padding:0}.opie-pick-steps li{display:flex;align-items:center;gap:10px;padding-block:10px;border-bottom:1px solid #cbdcef12;color:#9dafc2}.opie-pick-step-mark{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border:1px solid #c4d9f22b;border-radius:50%;font:11px/1 var(--font-mono, monospace)}.opie-pick-steps li>div>span{font-size:12px;line-height:1.4}.opie-pick-steps small{display:block;font-size:11px;line-height:1.5;color:#8fa3b8;margin-top:3px}.opie-pick-steps li.is-current{color:var(--opie-accent)}.opie-pick-steps li.is-current .opie-pick-step-mark{border-color:var(--opie-accent)}.opie-pick-steps li.is-complete{color:#9fe0bf}.opie-pick-steps li.is-complete .opie-pick-step-mark{background:#76ceaa16;border-color:#76ceaa52}.opie-example-status{min-height:36px;margin-top:14px;color:#c4d4e3;font-size:12px;line-height:1.5}.opie-example-status:empty{display:none}.opie-example-note{padding-top:12px;border-top:1px solid #cbdcef12;color:#8fa3b8;font-size:11px;line-height:1.55}.opie-flight-footer{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:4%;right:4%;z-index:3;border-top:1px solid #cbdcef1c;padding-top:18px}.opie-journey-navigation{display:flex;align-items:center;justify-content:space-between;gap:32px}.opie-flight-stages{display:flex;flex:1;align-items:center;gap:6px;max-width:740px}.opie-flight-stages button{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px;border-radius:10px;color:#94a6ba;transition:color .2s,background-color .2s}.opie-flight-stages button:hover{color:#edf4fc;background:#c4d9f209}.opie-flight-stages button:disabled{opacity:1}.opie-flight-stages button>span{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #acbfd230;border-radius:50%;font:11px/1 var(--font-mono, monospace)}.opie-flight-stages button>strong{font-size:12px;font-weight:400}.opie-flight-stages button[aria-current=step]{color:var(--stage-colour)}.opie-flight-stages button[aria-current=step]>span{background:color-mix(in srgb,var(--stage-colour) 13%,transparent);border-color:var(--stage-colour)}.opie-flight-stages button[aria-current=step]>strong{font-weight:600}.opie-advance-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.opie-previous,.opie-replay{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border:1px solid #c4d9f22b;border-radius:12px;background:#0c1827b3;color:#becddd;transition:background-color .2s}.opie-previous:hover,.opie-replay:hover{background:#1a2b3e}.opie-next{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;min-width:224px;padding:12px 18px;border:1px solid color-mix(in srgb,var(--opie-accent) 70%,white);border-radius:12px;background:var(--opie-accent);color:#071321;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s}.opie-next:hover{background:color-mix(in srgb,var(--opie-accent) 80%,white)}.opie-next--secondary{background:#0c1827b3;border-color:var(--opie-line);color:var(--opie-accent)}.opie-next--secondary:hover{background:color-mix(in srgb,var(--opie-accent) 12%,#0c1827)}.opie-journey-hint{margin-top:10px;font-size:11px;line-height:1.6;color:#8fa3b8}.opie-journey-hint>span:last-child{display:none}.opie-world-loading{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#060e1bf2;color:#d6e3f1}.opie-world-loading>p{font:500 26px/1.3 var(--font-display)}.opie-world-loading>span{font-size:13px;color:#9dafc2}.opie-loading-spinner{color:var(--opie-accent);animation:opie-loading-turn 1.2s linear infinite}@keyframes opie-loading-turn{to{transform:rotate(360deg)}}.opie-story{margin-top:-80px;padding:155px max(24px,calc((100vw - 1160px)/2)) 100px;min-height:100vh}.opie-story-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;padding-bottom:64px}.opie-eyebrow{font:11px/1.6 var(--font-mono, monospace);color:var(--opie-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}.opie-story h1{font:500 clamp(38px,5vw,68px)/1.1 var(--font-display);letter-spacing:-.03em}.opie-story-hero p[data-speakable]{font-size:17px;line-height:1.8;color:#bdcad9;margin:26px 0;max-width:640px}.opie-story-hero img{max-height:480px;-o-object-fit:contain;object-fit:contain}.opie-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:10px;background:var(--opie-accent);color:#071321;font-size:14px;font-weight:600}.opie-primary:hover{background:color-mix(in srgb,var(--opie-accent) 80%,white)}.opie-fallback-note,.opie-story-note{color:#aebed0;font-size:13px;line-height:1.7;margin-top:20px}.opie-story-note{padding-block:20px;border-block:1px solid var(--opie-line)}.opie-story-chapter{max-width:820px;padding-block:54px;border-bottom:1px solid #cbdcef20}.opie-story-chapter h2,.opie-story-faq h2{font:500 clamp(28px,3vw,40px)/1.2 var(--font-display);letter-spacing:-.025em;margin-bottom:20px}.opie-story-chapter>p:not(.opie-eyebrow){font-size:17px;line-height:1.8;color:#bdcad9}.opie-story-chapter .opie-story-detail{font-size:15px;margin-top:16px;color:#9eafc2}.opie-story-chapter .opie-order-facts{max-width:500px;margin-top:24px}.opie-story-chapter .opie-order-facts :is(dt,dd){font-size:14px}.opie-story-chapter a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:20px;color:var(--opie-accent);font-size:14px}.opie-story-faq{max-width:820px;padding-top:54px}.opie-story-faq details{border-bottom:1px solid #cbdcef20;padding:18px 0}.opie-story-faq summary{cursor:pointer;font-size:16px;line-height:1.6;color:#dae5f0}.opie-story-faq details>p{margin-top:14px;font-size:15px;line-height:1.8;color:#aebed0}.opie-story-faq .opie-primary{margin-top:30px}@media(max-width:1100px){.opie-stage-layout{grid-template-columns:minmax(0,30%) minmax(0,1fr) 210px;gap:16px}.opie-order-panel{padding:16px}.opie-flight h1{font-size:34px}.opie-flight-description{font-size:15px}.opie-journey-navigation{gap:20px}.opie-flight-stages button{gap:5px}.opie-next{min-width:210px;font-size:12px}}@media(max-width:760px){.opie-flight:after{background:linear-gradient(to bottom,transparent 34%,#060e1b66 43%,#060e1bed 56%,#060e1b 79%)}.opie-flight-header{top:max(16px,env(safe-area-inset-top));left:18px;right:18px;gap:12px}.opie-world-brand strong{font-size:16px}.opie-world-brand>span{font-size:10px}.opie-flight-tools{gap:6px}.opie-flight-tools .opie-read-button{padding-inline:12px;gap:6px}.opie-tool-label{display:none}.opie-tool-label-short{display:inline}.opie-stage-layout{inset:44% 22px 164px;display:block;padding:4px 4px 10px 2px;pointer-events:auto}.opie-flight h1{font-size:clamp(27px,7.3vw,34px);line-height:1.12;margin-bottom:15px}.opie-flight-description{font-size:14px;line-height:1.65;max-width:none}.opie-order-panel{margin-top:20px;padding:14px;border-radius:12px}.opie-order-header>span{font-size:9px}.opie-order-status{font-size:15px;margin:12px 0}.opie-order-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:10px}.opie-order-facts>div{display:block;padding:0;border:0}.opie-order-facts dt{font-size:11px;line-height:1.5}.opie-order-facts dd{text-align:left;font-size:13px;margin-top:4px;line-height:1.5}.opie-order-request{font-size:16px;margin:13px 0}.opie-pick-steps{margin-top:12px}.opie-pick-steps li{padding-block:8px}.opie-pick-steps li>div{display:flex;flex:1;align-items:baseline;justify-content:space-between;gap:8px}.opie-pick-steps small{margin-top:0;font-size:10px;text-align:right}.opie-example-status{min-height:18px;margin-top:12px}.opie-example-note{margin-top:12px;font-size:10px}.opie-flight-footer{left:18px;right:18px;bottom:max(16px,env(safe-area-inset-bottom));padding-top:10px}.opie-journey-navigation{display:block}.opie-flight-stages{max-width:none;gap:3px}.opie-flight-stages button{flex-direction:column;gap:4px;padding:0 2px;min-height:44px}.opie-flight-stages button>span{width:22px;height:22px;font-size:10px}.opie-flight-stages button>strong{font-size:10px}.opie-advance-controls{margin-top:10px}.opie-previous,.opie-replay{width:46px;height:46px;border-radius:11px}.opie-next{min-width:0;min-height:46px;flex:1;font-size:12px;padding:11px 15px}.opie-journey-hint{margin-top:8px;font-size:10px;text-align:center;line-height:1.6}.opie-journey-hint>span:first-child{display:none}.opie-journey-hint>span:last-child{display:inline}.opie-world-loading>p{font-size:23px}.opie-story{padding:130px 24px 60px}.opie-story-hero{display:flex;flex-direction:column-reverse;gap:28px;padding-bottom:40px}.opie-story-hero img{height:220px}.opie-story h1{font-size:40px}.opie-story-chapter{padding-block:40px}.opie-story-chapter .opie-order-facts{display:block}.opie-story-chapter .opie-order-facts>div{display:flex;padding-block:8px}}@media(max-height:650px)and (min-width:761px){.opie-flight-header{top:16px}.opie-stage-layout{top:100px;bottom:126px}.opie-flight h1{font-size:30px;margin-bottom:16px}.opie-flight-description{font-size:14px}.opie-order-panel{padding:14px}.opie-order-status{font-size:16px;margin-block:12px}.opie-order-facts>div{padding-block:7px}.opie-flight-footer{bottom:16px;padding-top:12px}}@media(prefers-reduced-motion:reduce){.opie-flight *,.opie-story *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}