@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}
.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}
.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}

@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}
.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}
.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}

@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}
}
}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.relative{position:relative}
.start{inset-inline-start:var(--spacing)}
.end{inset-inline-end:var(--spacing)}
.grid{display:grid}
.hidden{display:none}
.table{display:table}
.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
}
:root{--ink:#101010;--paper:#f4f0e5;--blue:#304cff;--yellow:#f7ff42;--coral:#ff5c45;--mint:#6cf2bd;--violet:#8a5cff;--white:#fffef9}
*{box-sizing:border-box}
html{background:var(--paper)}
body{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(#1b1b1b0c 1px,#0000 1px),linear-gradient(90deg,#1b1b1b0c 1px,#0000 1px);background-size:28px 28px;margin:0;font-family:Arial,Helvetica,sans-serif}
button,select{font:inherit;color:inherit}
button{cursor:pointer}
main{min-height:100vh}
header{background:var(--yellow);border-bottom:3px solid var(--ink);z-index:20;justify-content:space-between;align-items:center;min-height:92px;padding:14px 3vw;display:flex;position:sticky;top:0}
.brand,.topControls,.gateRow,.panelHead,.tabs,.presets{align-items:center;display:flex}
.brand{gap:13px}
.atom{border:3px solid var(--ink);background:var(--blue);color:#fff;width:58px;height:58px;box-shadow:5px 5px 0 var(--ink);border-radius:50%;place-items:center;font-size:33px;display:grid;position:relative;overflow:hidden}
.atom>i,.atom>b,.atom>em{display:none}
.brand h1{text-transform:uppercase;letter-spacing:-.06em;margin:0 0 8px;font-size:28px;line-height:.9}
.brand h1 sup{background:var(--coral);border:1px solid var(--ink);letter-spacing:.08em;vertical-align:top;padding:3px 5px;font-size:8px}
.brand small{text-transform:uppercase;font:700 11px ui-monospace,monospace}
.brand small i{border:1px solid var(--ink);background:#00a66d;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}
.topControls{gap:9px}
.topControls label{text-transform:uppercase;font:800 10px ui-monospace,monospace}
.topControls select{background:var(--white);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);margin-top:3px;padding:7px 8px;display:block}
.iconBtn{background:var(--white);border:2px solid var(--ink);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);font-size:22px}
button:active{box-shadow:1px 1px 0 var(--ink)!important;transform:translate(2px,2px)!important}
.run{background:var(--coral);border:2px solid var(--ink);text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);padding:11px 18px;font-weight:900}
.topRun{min-width:100px}
.intro{border-bottom:3px solid var(--ink);grid-template-columns:minmax(430px,1fr) 150px minmax(380px,.8fr);align-items:center;gap:28px;max-width:1600px;margin:auto;padding:34px 3vw 28px;display:grid}
.eyebrow{letter-spacing:.13em;background:var(--ink);color:var(--yellow);padding:6px 9px;font:900 11px ui-monospace,monospace;display:inline-block}
.intro h2{letter-spacing:-.085em;text-transform:uppercase;max-width:860px;margin:16px 0 18px;font-size:clamp(46px,6vw,92px);line-height:.78}
.intro h2 em{color:var(--blue);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--yellow);font-style:normal}
.intro p{max-width:580px;margin:0;font-size:15px;font-weight:700}
.quantumOrb{border:3px solid var(--ink);background:var(--violet);width:130px;height:130px;box-shadow:9px 9px 0 var(--ink);border-radius:50%;place-items:center;animation:4s steps(2,end) infinite wobble;display:grid;position:relative}
.quantumOrb:before,.quantumOrb:after{content:"";border:3px solid var(--ink);border-radius:50%;width:145px;height:45px;position:absolute;transform:rotate(35deg)}
.quantumOrb:after{background:0 0;transform:rotate(-35deg)}
.quantumOrb .orbCore,.quantumOrb>i{display:none}
.quantumOrb>span{color:#fff;font:900 54px Georgia}
.presets{flex-wrap:wrap;justify-content:flex-end;gap:9px}
.presets span{text-align:right;text-transform:uppercase;width:100%;font:800 11px ui-monospace,monospace}
.presets button,.circuitFooter button,.tabs button{background:var(--white);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:9px 12px;font-weight:800}
.layout{grid-template-columns:minmax(650px,1.55fr) minmax(350px,.75fr);gap:22px;max-width:1600px;margin:auto;padding:28px 3vw 48px;display:grid}
.panel{background:var(--white);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.workspace{overflow:hidden}
.palette{background:var(--blue);color:#fff;border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;min-height:116px;padding:18px 20px;display:flex}
h3{text-transform:uppercase;letter-spacing:-.02em;margin:0 0 5px;font-size:15px}
.palette p,.panelHead p{margin:0;font:11px ui-monospace,monospace}
.gateRow{gap:8px}
.gate{border:2px solid var(--ink);background:var(--yellow);width:46px;height:46px;box-shadow:4px 4px 0 var(--ink);font-size:19px;font-weight:900}
.gH,.gZ{background:var(--yellow)}
.gX,.gT{background:var(--coral)}
.gY{background:#fff}
.gS{background:var(--mint)}
.gate.selected{outline:4px solid #fff;transform:rotate(-5deg)}
.controlGate{border:2px solid var(--ink);background:var(--mint);min-width:58px;height:46px;box-shadow:4px 4px 0 var(--ink);font-size:19px}
.controlGate span{font-size:8px;font-weight:900;display:block}
.circuit{background:var(--paper);background-image:radial-gradient(var(--ink) 1px,transparent 1px);background-size:20px 20px;min-height:390px;padding:53px 20px 0;position:relative}
.quantumDust{display:none}
.timeline{justify-content:space-around;font:800 11px ui-monospace,monospace;display:flex;position:absolute;top:18px;left:116px;right:100px}
.wire{grid-template-columns:42px 42px 1fr 54px;align-items:center;height:88px;display:grid;position:relative}
.wire>b{background:var(--ink);color:#fff;padding:5px;font-size:18px}
.wire>code{margin-left:5px;font-weight:900}
.line{background:var(--ink);height:3px;position:relative}
.line:after{content:"";border-left:8px solid var(--ink);border-top:5px solid #0000;border-bottom:5px solid #0000;position:absolute;top:-5px;right:-4px}
.operations{height:100%;position:absolute;top:0;left:84px;right:54px}
.op{z-index:3;width:43px;height:43px;position:absolute;top:50%;transform:translate(-50%,-50%)}
.op.gate{box-shadow:4px 4px 0 var(--ink)}
.controlDot,.targetDot{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-size:24px}
.connector{background:var(--ink);z-index:2;width:3px;position:absolute}
.drop{border:2px dashed var(--ink);background:#fff;width:36px;height:36px;font-size:20px;font-weight:900}
.drop:hover{background:var(--yellow)}
.drop.controlMode{background:var(--mint)}
.running .line:before{content:"";z-index:4;background:var(--coral);border:2px solid var(--ink);border-radius:50%;width:18px;height:18px;animation:.52s linear sweep;position:absolute;top:-8px}
@keyframes sweep{0%{left:0}
to{left:100%}
}
.circuitFooter{border-top:3px solid var(--ink);background:#fff;justify-content:space-between;align-items:center;height:72px;margin:10px -20px 0;padding:0 22px;display:flex}
.circuitFooter span{font:800 11px ui-monospace,monospace}
.circuitFooter .run{background:var(--yellow)}
.explain{border-top:3px solid var(--ink);background:var(--mint);grid-template-columns:1fr 250px;gap:20px;padding:20px;display:grid}
.explain>div{gap:12px;display:flex}
.bulb{background:var(--yellow);border:2px solid var(--ink);width:38px;height:38px;box-shadow:3px 3px 0 var(--ink);flex:none;place-items:center;display:grid}
.explain p{margin:4px 0;font-size:13px;line-height:1.5}
.explain ol{margin:0;padding:0;list-style:none}
.explain li{grid-template-columns:24px 48px 1fr;padding:3px;font:11px ui-monospace,monospace;display:grid}
.explain li b{text-transform:uppercase}
aside{flex-direction:column;gap:20px;display:flex}
.results,.measurements{padding:19px}
.panelHead{justify-content:space-between;gap:12px}
.tabs{gap:0}
.tabs button{box-shadow:none;font-size:10px}
.tabs .active{background:var(--ink);color:#fff}
.bars{min-height:170px;padding:22px 0 10px}
.bar{grid-template-columns:55px 1fr 92px;align-items:center;gap:10px;margin:12px 0;font-size:12px;display:grid}
.bar>strong{text-align:right;font:800 11px ui-monospace,monospace}
.track{border:2px solid var(--ink);background:#fff;height:15px}
.track i{background:var(--blue);border-right:2px solid var(--ink);height:100%;transition:width .35s;display:block}
.stateSummary{border-top:2px solid var(--ink);justify-content:space-between;padding-top:13px;font:800 11px ui-monospace,monospace;display:flex}
.status{background:var(--yellow);border:2px solid var(--ink);text-transform:uppercase;padding:5px 8px;font:900 9px ui-monospace,monospace}
.status.done{background:var(--mint)}
.empty{text-align:center;padding:28px 0 12px}
.empty>span{font-size:38px}
.empty p{font:11px/1.6 ui-monospace,monospace}
.shots{max-height:210px;padding-top:15px;overflow:auto}
.shots>div{grid-template-columns:55px 1fr 38px;align-items:center;gap:8px;margin:8px 0;font:11px ui-monospace,monospace;display:grid}
.shots>div>div{border:2px solid var(--ink);height:12px}
.shots i{background:var(--coral);height:100%;display:block}
.plain{background:var(--yellow);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--blue);gap:13px;padding:20px;display:flex}
.plain>span{font-size:28px}
.plain p{font-size:13px;line-height:1.5}
.plain small{border-top:2px solid var(--ink);padding-top:10px;font:10px/1.5 ui-monospace,monospace;display:block}
@keyframes wobble{50%{transform:rotate(8deg)}
}
@media (max-width:1080px){header{position:static}
.intro{grid-template-columns:1fr 120px}
.presets{grid-column:1/-1;justify-content:flex-start}
.presets span{text-align:left}
.layout{grid-template-columns:1fr}
.quantumOrb{width:105px;height:105px}
.quantumOrb:before,.quantumOrb:after{width:118px}
.results,.measurements{min-height:auto}
}
@media (max-width:690px){header{padding:13px;display:block}
.topControls{flex-wrap:wrap;margin-top:16px}
.topControls label{width:calc(50% - 5px)}
.topControls select{width:100%;margin-top:5px}
.topRun{flex:1}
.intro{padding:27px 14px;display:block}
.intro h2{font-size:52px}
.quantumOrb{opacity:.2;position:absolute;top:38px;right:20px}
.presets{justify-content:flex-start;margin-top:20px}
.presets span{text-align:left}
.layout{padding:18px 10px 35px;display:block}
.workspace{margin-bottom:18px}
.palette{padding:15px;display:block}
.gateRow{margin-top:15px;padding:5px;overflow:auto}
.gate{flex:none}
.circuit{padding:45px 10px 0;overflow-x:auto}
.wire,.circuitFooter{min-width:620px}
.timeline{min-width:500px}
.connector{display:none}
.explain{grid-template-columns:1fr}
.explain ol{display:none}
.panelHead{flex-direction:column;align-items:flex-start}
.bar{grid-template-columns:48px 1fr 80px}
.brand h1{font-size:24px}
.atom{width:48px;height:48px}
aside{gap:15px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}
}
.lessonLab{grid-template-columns:310px 1fr;gap:20px;max-width:1600px;margin:28px auto 4px;padding:0 3vw;display:grid}
.lessonPicker{border:3px solid var(--ink);background:var(--ink);box-shadow:8px 8px 0 var(--blue);flex-direction:column;gap:10px;padding:14px;display:flex}
.lessonPicker>span{color:var(--yellow);text-transform:uppercase;padding:4px;font:900 11px ui-monospace,monospace}
.lessonPicker button{text-align:left;border:2px solid var(--ink);background:var(--white);padding:13px;box-shadow:3px 3px #fff5}
.lessonPicker button b,.lessonPicker button small{display:block}
.lessonPicker button b{text-transform:uppercase;font-size:14px}
.lessonPicker button small{color:#444;margin-top:5px;font:10px/1.4 ui-monospace,monospace}
.lessonPicker button.active{background:var(--yellow);box-shadow:-5px 5px 0 var(--coral);transform:translate(7px)}
.lessonStage{border:3px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--ink);grid-template-columns:1.1fr 1fr;min-height:315px;display:grid;position:relative}
.stepCount{background:var(--blue);color:#fff;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:8px 11px;font:900 11px ui-monospace,monospace;position:absolute;top:0;right:0}
.stepStory{border-right:3px solid var(--ink);padding:32px}
.stepStory>span{text-transform:uppercase;color:var(--blue);font:900 10px ui-monospace,monospace}
.stepStory h2{letter-spacing:-.05em;text-transform:uppercase;margin:12px 0;font-size:clamp(28px,3vw,48px);line-height:.95}
.stepStory p{max-width:600px;font-size:16px;line-height:1.55}
.stepStory strong{background:var(--mint);border:2px solid var(--ink);margin-top:20px;padding:12px;font:900 11px/1.5 ui-monospace,monospace;display:block}
.stepVisual{grid-template-columns:1fr 50px 1fr;align-items:stretch;padding:45px 18px 70px;display:grid}
.beforeAfter{border:3px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink);flex-direction:column;justify-content:center;padding:14px;display:flex}
.beforeAfter.after{background:var(--yellow);transform:rotate(2deg)}
.beforeAfter span{color:var(--blue);font:900 10px ui-monospace,monospace}
.beforeAfter b{margin-top:8px;font-size:14px;line-height:1.35}
.changeArrow{place-items:center;font-size:35px;font-weight:900;display:grid}
.stepNav{gap:9px;display:flex;position:absolute;bottom:16px;right:18px}
.stepNav button{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;padding:9px 12px;font-weight:900}
.stepNav button:disabled{opacity:.35}
.stepNav .next{background:var(--coral)}
@media (max-width:900px){.lessonLab{grid-template-columns:1fr}
.lessonPicker{grid-template-columns:repeat(3,1fr);display:grid}
.lessonPicker>span{grid-column:1/-1}
.lessonPicker button.active{transform:none}
.lessonStage{grid-template-columns:1fr}
.stepStory{border-right:0;border-bottom:3px solid var(--ink)}
}
@media (max-width:690px){.lessonLab{margin-top:18px;padding:0 10px}
.lessonPicker{grid-template-columns:1fr}
.lessonStage{display:block}
.stepStory{padding:25px 17px}
.stepVisual{grid-template-columns:1fr 32px 1fr;padding:24px 12px 78px}
.beforeAfter{padding:9px}
.beforeAfter b{font-size:11px}
.changeArrow{font-size:24px}
.stepNav{left:14px;right:14px}
.stepNav .next{flex:1}
.lessonPicker button.active{box-shadow:4px 4px 0 var(--coral)}
}
.futurePortal{color:#fff;border:3px solid var(--ink);max-width:1500px;box-shadow:12px 12px 0 var(--ink);background:radial-gradient(circle at 70% 30%,#49319a 0,#0000 28%),radial-gradient(circle at 10% 90%,#094e75 0,#0000 30%),linear-gradient(145deg,#110d2d,#191047 55%,#071c35);border-radius:42px;margin:55px auto;padding:55px clamp(18px,4vw,64px);position:relative;overflow:hidden}
.futurePortal:before{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff08 50%,#0000 70%);animation:8s linear infinite aurora;position:absolute;inset:0}
.stars i{background:#fff;border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 12px #fff}
.stars i:first-child{top:13%;left:7%}
.stars i:nth-child(2){animation-delay:-.4s;top:28%;left:24%}
.stars i:nth-child(3){animation-delay:-.8s;top:8%;left:47%}
.stars i:nth-child(4){animation-delay:-1.2s;top:17%;left:71%}
.stars i:nth-child(5){animation-delay:-1.6s;top:39%;left:91%}
.stars i:nth-child(6){animation-delay:-.7s;top:78%;left:16%}
.stars i:nth-child(7){animation-delay:-1.4s;top:82%;left:82%}
.futureIntro{z-index:2;text-align:center;max-width:930px;margin:0 auto 35px;position:relative}
.futureIntro>span{letter-spacing:.18em;color:#b8ffef;font:900 11px ui-monospace,monospace}
.futureIntro h2{letter-spacing:-.055em;margin:12px 0 18px;font-size:clamp(36px,5vw,70px);line-height:.95}
.futureIntro p{color:#d5d4ef;max-width:760px;margin:auto;font-size:15px;line-height:1.6}
.futureWorlds{z-index:2;grid-template-columns:repeat(6,1fr);gap:10px;display:grid;position:relative}
.futureWorlds button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff3d;border-radius:18px;min-height:100px;padding:15px 8px;transition:all .2s}
.futureWorlds button span,.futureWorlds button b{display:block}
.futureWorlds button span{filter:grayscale(.5);font-size:30px}
.futureWorlds button b{margin-top:8px;font-size:11px}
.futureWorlds button:hover,.futureWorlds button.active{background:var(--world);transform:translateY(-7px)}
@supports (color:color-mix(in lab, red, red)){.futureWorlds button:hover,.futureWorlds button.active{background:color-mix(in srgb,var(--world) 24%,#ffffff0d)}
}
.futureWorlds button:hover,.futureWorlds button.active{border-color:var(--world);box-shadow:0 0 28px var(--world)}
@supports (color:color-mix(in lab, red, red)){.futureWorlds button:hover,.futureWorlds button.active{box-shadow:0 0 28px color-mix(in srgb,var(--world) 45%,transparent)}
}
.futureWorlds button.active span{filter:none}
.futureReveal{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0c;border:1px solid #ffffff38;border-radius:28px;grid-template-columns:280px 1fr;align-items:center;gap:30px;margin:30px 0 20px;padding:25px;display:grid;position:relative}
.futurePlanet{background:radial-gradient(circle at 32% 28%,#fff 0 3%,var(--world) 8%,var(--world) 46%,#090725 80%);border-radius:50%;place-items:center;width:220px;height:220px;margin:auto;display:grid;position:relative}
@supports (color:color-mix(in lab, red, red)){.futurePlanet{background:radial-gradient(circle at 32% 28%,#fff 0 3%,var(--world) 8%,color-mix(in srgb,var(--world) 55%,#33205f) 46%,#090725 80%)}
}
.futurePlanet{box-shadow:inset -30px -25px 45px #05051aaa,0 0 45px var(--world)}
@supports (color:color-mix(in lab, red, red)){.futurePlanet{box-shadow:inset -30px -25px 45px #05051aaa,0 0 45px color-mix(in srgb,var(--world) 45%,transparent)}
}
.futurePlanet{animation:5s ease-in-out infinite planetFloat}
.futurePlanet>span{filter:drop-shadow(0 8px 15px #0008);font-size:72px}
.futurePlanet i{border:1px solid var(--world);position:absolute;inset:-13px}
@supports (color:color-mix(in lab, red, red)){.futurePlanet i{border:1px solid color-mix(in srgb,var(--world) 65%,transparent)}
}
.futurePlanet i{border-radius:50%;transform:rotateX(70deg)}
.futurePlanet i:nth-of-type(2){opacity:.45;inset:-28px}
.futurePlanet i:nth-of-type(3){opacity:.2;inset:-44px}
.futureCopy small{letter-spacing:.14em;color:var(--world);font:900 10px ui-monospace,monospace}
.futureCopy h3{letter-spacing:-.04em;text-transform:none;margin:10px 0;font-size:clamp(26px,3vw,45px);line-height:1}
.futureCopy>p{color:#d8d7ec;line-height:1.6}
.futureExample{border-left:4px solid var(--world);background:#05051966;margin:18px 0;padding:14px;font-size:13px;line-height:1.55}
.futureCopy em{color:var(--world);text-transform:uppercase;font:800 10px ui-monospace,monospace}
.truthStrip{z-index:2;color:#111;background:#f7ff42;border-radius:12px;grid-template-columns:170px 1fr;gap:18px;padding:15px 18px;font-size:12px;line-height:1.5;display:grid;position:relative}
.truthStrip b{font:900 11px ui-monospace,monospace}
.truthStrip span{font-weight:600}
@keyframes twinkle{50%{opacity:.2;transform:scale(.5)}
}
@keyframes planetFloat{50%{transform:translateY(-10px)rotate(2deg)}
}
@keyframes aurora{to{transform:translate(100%)}
}
@media (max-width:900px){.futurePortal{margin:35px 12px}
.futureWorlds{grid-template-columns:repeat(3,1fr)}
.futureReveal{grid-template-columns:220px 1fr}
.futurePlanet{width:175px;height:175px}
}
@media (max-width:600px){.futurePortal{border-radius:24px;padding:38px 14px}
.futureWorlds{grid-template-columns:repeat(2,1fr)}
.futureReveal{padding:18px;display:block}
.futurePlanet{width:145px;height:145px;margin:15px auto 35px}
.futurePlanet>span{font-size:52px}
.truthStrip{grid-template-columns:1fr}
.futureIntro h2{font-size:38px}
}
.weatherLab{border:3px solid var(--ink);max-width:1500px;box-shadow:10px 10px 0 var(--blue);background:linear-gradient(155deg,#8bdcff 0,#dff8ff 38%,#fff8da 100%);margin:50px auto;padding:42px clamp(16px,3vw,45px);position:relative;overflow:hidden}
.weatherSky{pointer-events:none;position:absolute;inset:0}
.weatherSky i{filter:blur(1px);background:#fff9;border-radius:50px;width:120px;height:40px;animation:18s linear infinite cloudDrift;position:absolute}
.weatherSky i:before,.weatherSky i:after{content:"";background:inherit;border-radius:50%;position:absolute}
.weatherSky i:before{width:55px;height:55px;top:-23px;left:18px}
.weatherSky i:after{width:70px;height:70px;top:-35px;right:10px}
.weatherSky i:first-child{top:18%;left:-15%}
.weatherSky i:nth-child(2){opacity:.45;animation-duration:25s;top:43%;left:30%}
.weatherSky i:nth-child(3){opacity:.6;animation-duration:31s;top:12%;left:70%}
.weatherSky i:nth-child(4){opacity:.35;animation-duration:22s;top:78%;left:5%}
.weatherSky i:nth-child(5){opacity:.4;animation-duration:28s;top:68%;left:75%}
.weatherMoon{border:3px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:105px;height:105px;font-size:57px;animation:4s ease-in-out infinite sunPulse;display:grid;position:absolute;top:35px;right:6%;box-shadow:7px 7px #ff8b45}
.weatherIntro,.weatherSearch,.weatherResults,.weatherLab>footer{z-index:2;position:relative}
.weatherIntro{max-width:840px}
.weatherIntro>span{letter-spacing:.15em;background:var(--ink);color:#fff;padding:6px 8px;font:900 11px ui-monospace,monospace}
.weatherIntro h2{letter-spacing:-.07em;text-transform:uppercase;margin:14px 0;font-size:clamp(42px,6vw,80px);line-height:.9}
.weatherIntro p{max-width:750px;font-size:15px;line-height:1.6}
.weatherSearch{max-width:850px;margin:28px 0 25px}
.weatherSearch label{text-transform:uppercase;font:900 11px ui-monospace,monospace}
.weatherSearch label>div{margin-top:8px;display:flex}
.weatherSearch input{border:3px solid var(--ink);min-width:0;box-shadow:5px 5px 0 var(--ink);background:#fff;flex:1;padding:15px;font-size:16px}
.weatherSearch button{border:3px solid var(--ink);background:var(--coral);box-shadow:5px 5px 0 var(--ink);text-transform:uppercase;padding:12px 18px;font-weight:900}
.weatherSearch>strong{color:#a61c14;background:#fff;border:2px solid #a61c14;margin-top:12px;padding:10px;display:block}
.weatherResults{border:3px solid var(--ink);background:#fffef7;padding:22px;box-shadow:8px 8px #165e88}
.weatherTitle{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:end;padding-bottom:15px;display:flex}
.weatherTitle small{color:var(--blue);font:900 10px ui-monospace,monospace}
.weatherTitle h3{text-transform:none;margin:3px 0 0;font-size:27px}
.weatherTitle>span{font:10px ui-monospace,monospace}
.forecastDays{grid-template-columns:repeat(7,1fr);gap:9px;padding:20px 0;display:grid}
.forecastDays article{border:2px solid var(--ink);text-align:center;box-shadow:3px 3px 0 var(--ink);background:#fff;padding:12px 9px}
.forecastDays article.today{background:var(--yellow);transform:translateY(-5px)}
.forecastDays article>b{font:900 10px ui-monospace,monospace}
.forecastDays article>span{margin:8px 0;font-size:37px;display:block}
.forecastDays h4{margin:0;font-size:24px}
.forecastDays h4 small{color:#5e6670;font-size:15px}
.forecastDays p{min-height:26px;font-size:11px}
.forecastDays dl{border-top:1px solid #bbb;margin:0;padding-top:7px;font:9px ui-monospace,monospace}
.forecastDays dl>div{justify-content:space-between;display:flex}
.forecastDays dt,.forecastDays dd{margin:2px 0}
.forecastDays dd{font-weight:800}
.quantumWeather{color:#fff;border:3px solid var(--ink);background:#191047;align-items:center;gap:15px;padding:15px;display:flex}
.quantumWeather>span{background:var(--violet);border-radius:50%;flex:none;place-items:center;width:50px;height:50px;font:900 30px Georgia;display:grid;box-shadow:0 0 22px #aa82ff}
.quantumWeather b{color:var(--yellow);font:900 10px ui-monospace,monospace}
.quantumWeather p{margin:5px 0;font-size:12px;line-height:1.5}
.weatherLab>footer{color:#334b58;margin-top:16px;font:10px ui-monospace,monospace}
@keyframes cloudDrift{0%{transform:translate(-160px)}
to{transform:translate(115vw)}
}
@keyframes sunPulse{50%{transform:scale(1.07);box-shadow:11px 11px #ff8b45}
}
@media (max-width:980px){.forecastDays{grid-template-columns:repeat(4,1fr)}
.weatherMoon{opacity:.35}
}
@media (max-width:600px){.weatherLab{margin:35px 10px;padding:30px 12px}
.weatherSearch label>div{display:block}
.weatherSearch input,.weatherSearch button{width:100%}
.weatherSearch button{margin-top:8px}
.forecastDays{grid-template-columns:repeat(2,1fr)}
.weatherTitle{display:block}
.weatherTitle>span{margin-top:8px;display:block}
.weatherMoon{width:75px;height:75px;font-size:38px}
.quantumWeather{align-items:flex-start}
.weatherIntro h2{font-size:46px}
}
.currentConditions{border-bottom:2px solid var(--ink);grid-template-columns:85px 1fr 230px;align-items:center;gap:18px;padding:20px 0;display:grid}
.currentIcon{text-align:center;filter:drop-shadow(0 7px 8px #25465c44);font-size:58px;animation:3s ease-in-out infinite weatherBounce}
.currentConditions>div:nth-child(2) small,.currentConditions>div:nth-child(2) strong,.currentConditions>div:nth-child(2) span{display:block}
.currentConditions>div:nth-child(2) small{color:var(--blue);font:900 10px ui-monospace,monospace}
.currentConditions>div:nth-child(2) strong{margin:3px 0;font-size:47px;line-height:1}
.currentConditions>div:nth-child(2) span{font-size:13px}
.currentConditions dl{border:2px solid var(--ink);background:var(--mint);grid-template-columns:1fr 1fr;margin:0;display:grid}
.currentConditions dl>div{padding:10px}
.currentConditions dl>div+div{border-left:2px solid var(--ink)}
.currentConditions dt{text-transform:uppercase;font:900 9px ui-monospace,monospace}
.currentConditions dd{margin:3px 0 0;font-size:18px;font-weight:900}
.hourlyStrip{scrollbar-width:thin;gap:8px;padding:16px 2px 6px;display:flex;overflow-x:auto}
.hourlyStrip>div{text-align:center;border:2px solid var(--ink);background:#e8f7ff;min-width:82px;padding:10px 7px}
.hourlyStrip b,.hourlyStrip span,.hourlyStrip strong,.hourlyStrip small{display:block}
.hourlyStrip b{font:900 9px ui-monospace,monospace}
.hourlyStrip span{margin:5px;font-size:25px}
.hourlyStrip strong{font-size:17px}
.hourlyStrip small{color:#265a86;margin-top:4px;font:8px ui-monospace,monospace}
.quantumWeather{background:radial-gradient(circle at 10%,#5436a9,#191047 45%,#090824);grid-template-columns:90px minmax(240px,1fr) minmax(260px,.8fr);align-items:center;padding:20px;display:grid;position:relative;overflow:hidden}
.quantumWeather:before{content:"";opacity:.13;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:23px 23px;position:absolute;inset:0}
.quantumWeather>*{z-index:2;position:relative}
.quantumWeatherOrb{background:radial-gradient(circle at 30% 25%,#fff,#a986ff 20%,#5933c8 60%,#15064d);border-radius:50%;place-items:center;width:65px;height:65px;display:grid;position:relative;box-shadow:0 0 30px #aa82ff}
.quantumWeatherOrb>span{font:900 32px Georgia}
.quantumWeatherOrb i{border:1px solid #d5c9ff;border-radius:50%;animation:4s linear infinite quantumSpin;position:absolute;inset:-10px;transform:rotateX(65deg)}
.quantumWeatherOrb i:nth-child(3){animation-direction:reverse;transform:rotateY(65deg)}
.quantumForecastCopy p{max-width:540px}
.quantumForecastCopy button{background:var(--yellow);color:#111;border:2px solid #fff;padding:9px 12px;font-weight:900;box-shadow:4px 4px #9c7cff}
.scenarioBars{border-left:1px solid #fff5;padding-left:18px}
.scenarioBars>div{grid-template-columns:72px 1fr 36px;align-items:center;gap:6px;margin:9px 0;font:9px ui-monospace,monospace;display:grid}
.scenarioBars>div>i{background:linear-gradient(90deg,#6cf2bd,#f7ff42);height:10px;display:block;box-shadow:0 0 10px #b8ffad}
.scenarioBars>div>b{text-align:right}
.weatherLab:has(.weatherResults) .weatherMoon{background:radial-gradient(circle at 35% 30%,#fff,var(--yellow) 18%,#ff9b42 70%);box-shadow:0 0 50px #ffcc47,7px 7px #ff8b45}
@keyframes weatherBounce{50%{transform:translateY(-7px)rotate(3deg)}
}
@keyframes quantumSpin{to{rotate:360deg}
}
@media (max-width:900px){.quantumWeather{grid-template-columns:70px 1fr}
.scenarioBars{border-top:1px solid #fff5;border-left:0;grid-column:1/-1;margin-top:8px;padding:14px 0 0}
.currentConditions{grid-template-columns:70px 1fr}
.currentConditions dl{grid-column:1/-1}
}
@media (max-width:600px){.currentConditions{grid-template-columns:55px 1fr}
.currentIcon{font-size:42px}
.currentConditions>div:nth-child(2) strong{font-size:38px}
.quantumWeather{display:block}
.quantumWeatherOrb{margin:0 auto 20px}
.scenarioBars{margin-top:18px}
.forecastDays article.today{transform:none}
}
.caseLab{max-width:1500px;margin:55px auto;padding:0 3vw}
.caseHeading{max-width:900px;margin-bottom:25px}
.caseHeading>span{background:var(--blue);color:#fff;padding:6px 9px;font:900 11px ui-monospace,monospace}
.caseHeading h2{letter-spacing:-.07em;text-transform:uppercase;margin:15px 0;font-size:clamp(42px,6vw,78px);line-height:.9}
.caseHeading p{font-size:15px;line-height:1.55}
.caseTabs{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}
.caseTabs button{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:left;background:#fff;align-items:center;gap:10px;padding:15px;display:flex}
.caseTabs button>span{font-size:28px}
.caseTabs button b{text-transform:uppercase;font-size:13px}
.caseTabs button.active{background:var(--yellow);box-shadow:7px 7px 0 var(--blue);transform:translateY(-6px)}
.caseWorkbench{border:3px solid var(--ink);min-height:430px;box-shadow:10px 10px 0 var(--ink);background:#fff;grid-template-columns:minmax(300px,.75fr) minmax(400px,1.25fr);display:grid}
.caseControls{border-right:3px solid var(--ink);background:#e9efff;padding:30px}
.caseControls>small{color:var(--blue);font:900 10px ui-monospace,monospace}
.caseControls h3{text-transform:uppercase;margin:12px 0 30px;font-size:30px;line-height:1}
.caseControls label{margin:23px 0;font:900 11px ui-monospace,monospace;display:block}
.caseControls label>b{float:right;background:var(--yellow);border:1px solid var(--ink);padding:3px 6px}
.caseControls input[type=range]{width:100%;accent-color:var(--blue);margin-top:13px;display:block}
.controlNote{border:2px solid var(--ink);background:#fff;padding:10px;font:10px/1.5 ui-monospace,monospace}
.caseOutput{flex-direction:column;justify-content:center;padding:35px;display:flex}
.bigNumber{letter-spacing:-.06em;color:var(--blue);word-break:break-word;font-size:clamp(42px,6vw,82px);font-weight:900}
.caseOutput>p{max-width:650px;font-size:17px}
.metricRow{border:3px solid var(--ink);grid-template-columns:1fr 1fr;margin:20px 0;display:grid}
.metricRow>div{background:var(--yellow);padding:15px}
.metricRow>div+div{border-left:3px solid var(--ink);background:var(--mint)}
.metricRow span,.metricRow b{display:block}
.metricRow span{text-transform:uppercase;font:9px ui-monospace,monospace}
.metricRow b{margin-top:5px;font-size:18px}
.quantumNext{color:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--violet);background:#191047;margin-top:15px;padding:15px}
.quantumNext>b{color:var(--yellow);font:900 10px ui-monospace,monospace}
.quantumNext p{margin:6px 0;font-size:12px;line-height:1.55}
.materialOutput{gap:16px}
.material{grid-template-columns:95px 1fr 55px;align-items:center;gap:10px;display:grid}
.material>span{font-weight:900}
.material>i{border:2px solid var(--ink);background:#eee;height:25px}
.material>i>b{background:linear-gradient(90deg,var(--blue),var(--mint));border-right:2px solid var(--ink);height:100%;display:block}
.material>strong{font-size:18px}
.securityChecks{gap:8px;margin-top:30px;display:grid}
.securityChecks span{border:2px solid var(--ink);background:#fff;padding:9px;font-size:11px;font-weight:800}
.riskDial{background:var(--mint);border:4px solid var(--ink);width:180px;height:180px;box-shadow:9px 9px 0 var(--ink);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}
.riskDial.urgent{background:var(--coral);animation:2s ease-in-out infinite riskPulse}
.riskDial span{font-size:22px;font-weight:900}
.caseOutput:has(.riskDial)>p{text-align:center;max-width:600px;margin:auto}
@keyframes riskPulse{50%{box-shadow:9px 9px 0 var(--ink),0 0 0 14px #ff5c4533}
}
@media (max-width:850px){.caseTabs{grid-template-columns:repeat(2,1fr)}
.caseWorkbench{grid-template-columns:1fr}
.caseControls{border-right:0;border-bottom:3px solid var(--ink)}
}
@media (max-width:550px){.caseLab{padding:0 10px}
.caseTabs{grid-template-columns:1fr 1fr}
.caseTabs button{text-align:center;padding:10px;display:block}
.caseTabs button>span{display:block}
.caseTabs button b{font-size:10px}
.caseOutput,.caseControls{padding:22px 15px}
.metricRow{grid-template-columns:1fr}
.metricRow>div+div{border-left:0;border-top:3px solid var(--ink)}
.material{grid-template-columns:80px 1fr 40px}
.bigNumber{font-size:45px}
}
.howQuantum{border:3px solid var(--ink);max-width:1500px;box-shadow:10px 10px 0 var(--violet);background:#fff;margin:40px auto;padding:35px 3vw}
.howTitle{max-width:1000px}
.howTitle>span{background:var(--ink);color:var(--yellow);padding:6px 9px;font:900 10px ui-monospace,monospace}
.howTitle h2{letter-spacing:-.055em;text-transform:uppercase;margin:14px 0 28px;font-size:clamp(30px,4vw,58px);line-height:.98}
.howFlow{grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr;align-items:stretch;display:grid}
.howFlow>article{border:3px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink);padding:17px;position:relative}
.howFlow>article:nth-of-type(2){background:#e8f7ff}
.howFlow>article:nth-of-type(3){background:#eee8ff}
.howFlow>article:nth-of-type(4){background:var(--mint)}
.howFlow>article>b{font:900 10px ui-monospace,monospace;position:absolute;top:6px;right:7px}
.howFlow>article>span{font-size:34px}
.howFlow h3{margin:12px 0 6px;font-size:15px}
.howFlow p{margin:0;font-size:11px;line-height:1.5}
.howFlow>i{place-items:center;font-size:27px;font-weight:900;display:grid}
.awsNow{border:3px solid var(--ink);color:#fff;background:linear-gradient(120deg,#14102d,#25125c);grid-template-columns:105px 1.2fr .8fr;align-items:center;gap:22px;margin-top:30px;padding:24px;display:grid;position:relative}
.awsBadge{text-align:center;color:#111;background:#f90;border:3px solid #fff;border-radius:50%;place-items:center;width:92px;height:92px;font:12px ui-monospace,monospace;display:grid;box-shadow:0 0 30px #f906}
.awsBadge b{font-size:17px}
.awsNow small{color:var(--yellow);font:900 10px ui-monospace,monospace}
.awsNow h3{text-transform:none;margin:7px 0;font-size:28px}
.awsNow p{color:#dedcf1;font-size:12px;line-height:1.55}
.startSteps{border-left:1px solid #fff5;gap:5px;padding-left:20px;display:grid}
.startSteps>b{color:var(--yellow);margin-bottom:4px;font:900 10px ui-monospace,monospace}
.startSteps span{font-size:11px}
.awsNow>a{color:#ffb84d;font:900 9px ui-monospace,monospace;position:absolute;bottom:10px;right:15px}
.readinessLine{border:3px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}
.readinessLine>div{padding:14px}
.readinessLine>div:first-child{background:var(--mint)}
.readinessLine>div:nth-child(2){background:var(--coral)}
.readinessLine>div:nth-child(3){background:var(--yellow)}
.readinessLine>div+div{border-left:3px solid var(--ink)}
.readinessLine b,.readinessLine span{display:block}
.readinessLine b{font:900 10px ui-monospace,monospace}
.readinessLine span{margin-top:5px;font-size:11px;line-height:1.4}
@media (max-width:980px){.howFlow{grid-template-columns:1fr 25px 1fr}
.howFlow>i:nth-of-type(2){display:none}
.howFlow>article:nth-of-type(3){margin-top:18px}
.howFlow>article:nth-of-type(3),.howFlow>article:nth-of-type(4){grid-row:2}
.awsNow{grid-template-columns:95px 1fr}
.startSteps{border-top:1px solid #fff5;border-left:0;grid-column:1/-1;padding:15px 0 8px}
}
@media (max-width:600px){.howQuantum{margin:30px 10px;padding:25px 13px}
.howFlow{display:block}
.howFlow>i{height:35px;transform:rotate(90deg)}
.howFlow>article{margin:0!important}
.awsNow{padding:18px;display:block}
.awsBadge{margin:0 auto 20px}
.startSteps{margin-top:15px}
.readinessLine{grid-template-columns:1fr}
.readinessLine>div+div{border-left:0;border-top:3px solid var(--ink)}
}
.unlockGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}
.unlockGrid article{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#e9efff;padding:17px}
.unlockGrid article:nth-child(2){background:var(--mint)}
.unlockGrid article:nth-child(3){background:var(--yellow)}
.unlockGrid article:nth-child(4){background:#ffd9cf}
.unlockGrid article>b{color:var(--blue);font:900 10px ui-monospace,monospace}
.unlockGrid h3{margin:12px 0 7px;font-size:17px}
.unlockGrid p{margin:0;font-size:11px;line-height:1.5}
.hybridFormula{border:3px solid var(--ink);background:var(--paper);justify-content:center;align-items:center;gap:12px;margin:20px 0;padding:14px;font-size:12px;font-weight:800;display:flex}
.hybridFormula>b{background:var(--ink);color:#fff;padding:6px;font:900 10px ui-monospace,monospace}
.hybridFormula>i{font-size:20px}
.nowFuture{border:3px solid var(--ink);grid-template-columns:1fr 1fr;margin-top:20px;display:grid}
.nowFuture>div{background:var(--mint);padding:18px}
.nowFuture>div+div{border-left:3px solid var(--ink);background:var(--yellow)}
.nowFuture>div>b{font:900 11px ui-monospace,monospace}
.nowFuture ul{margin:10px 0 0;padding-left:18px;font-size:12px;line-height:1.7}
.weatherPipeline{z-index:2;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;align-items:stretch;margin:25px 0;display:grid;position:relative}
.weatherPipeline article{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;padding:13px;position:relative}
.weatherPipeline article>b{font:900 9px ui-monospace,monospace;position:absolute;top:5px;right:6px}
.weatherPipeline h3{margin:8px 0 4px;font-size:13px}
.weatherPipeline p{margin:0;font-size:10px;line-height:1.45}
.weatherPipeline>i{place-items:center;font-size:20px;font-weight:900;display:grid}
.weatherQuantumGap{z-index:2;border:3px solid var(--ink);background:#fff;grid-template-columns:1fr 1fr;display:grid;position:relative}
.weatherQuantumGap>div{padding:13px}
.weatherQuantumGap>div+div{border-left:3px solid var(--ink);background:#eee8ff}
.weatherQuantumGap b,.weatherQuantumGap span{display:block}
.weatherQuantumGap b{font:900 10px ui-monospace,monospace}
.weatherQuantumGap span{margin-top:5px;font-size:11px;line-height:1.45}
.advancedLab{max-width:1600px;margin:45px auto;padding:0 3vw}
.advancedLab>summary{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--blue);cursor:pointer;background:#fff;grid-template-columns:90px 1fr auto;align-items:center;gap:14px;padding:18px;list-style:none;display:grid}
.advancedLab>summary::-webkit-details-marker{display:none}
.advancedLab>summary>span{background:var(--ink);color:var(--yellow);text-align:center;padding:7px;font:900 10px ui-monospace,monospace}
.advancedLab>summary>b{text-transform:uppercase;font-size:19px}
.advancedLab>summary>small{font:10px ui-monospace,monospace}
.advancedLab[open]>summary{background:var(--yellow)}
.advancedLab .layout{padding:25px 0 40px}
@media (max-width:1000px){.unlockGrid{grid-template-columns:1fr 1fr}
.weatherPipeline{grid-template-columns:1fr 22px 1fr}
.weatherPipeline>i:nth-of-type(2),.weatherPipeline>i:nth-of-type(4){display:none}
.weatherPipeline article:nth-of-type(n+3){margin-top:12px}
.weatherPipeline article:nth-of-type(3),.weatherPipeline article:nth-of-type(4),.weatherPipeline article:nth-of-type(5){grid-row:auto}
}
@media (max-width:650px){.unlockGrid{grid-template-columns:1fr}
.hybridFormula{text-align:center;grid-template-columns:1fr;display:grid}
.hybridFormula>i{transform:rotate(90deg)}
.nowFuture,.weatherQuantumGap{grid-template-columns:1fr}
.nowFuture>div+div,.weatherQuantumGap>div+div{border-left:0;border-top:3px solid var(--ink)}
.weatherPipeline{display:block}
.weatherPipeline>i{height:28px;transform:rotate(90deg)}
.weatherPipeline article{margin:0!important}
.advancedLab{padding:0 10px}
.advancedLab>summary{grid-template-columns:1fr}
.advancedLab>summary>small{line-height:1.4}
}
html{scroll-behavior:smooth;scroll-padding-top:110px}
main{flex-direction:column;display:flex}
.intro{order:1}
.weatherLab{order:2}
.howQuantum{order:3}
.caseLab{order:4}
.advancedLab{order:5}
header{order:0}
.storyNav{align-items:center;gap:7px;display:flex}
.storyNav a{color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;padding:9px 11px;font:900 10px ui-monospace,monospace;text-decoration:none}
.storyNav a:hover,.storyNav a:focus-visible{background:var(--coral);transform:translateY(-2px)}
.earthOrb{border:4px solid var(--ink);width:230px;height:230px;box-shadow:15px 15px 0 var(--blue),0 0 55px #73e8ff66;transform:rotate(calc(var(--mx)*2deg)) translateY(calc(var(--my)*5px));background:radial-gradient(circle at 34% 28%,#e8ffff 0 7%,#65d2f4 8% 34%,#2456ba 62%,#10205f 100%);border-radius:50%;place-items:center;transition:transform .2s;display:grid;position:relative}
.earthOrb>span{filter:drop-shadow(0 8px 12px #07174d88);font-size:112px}
.earthOrb>i{border:2px solid var(--ink);border-radius:50%;animation:11s linear infinite quantumSpin;position:absolute;inset:-18px;transform:rotateX(67deg)}
.earthOrb>i:nth-of-type(2){animation-duration:16s;animation-direction:reverse;inset:-35px;transform:rotateY(72deg)}
.earthOrb>b{background:var(--yellow);border:2px solid var(--ink);white-space:nowrap;box-shadow:4px 4px 0 var(--ink);padding:7px 10px;font:900 10px ui-monospace,monospace;position:absolute;bottom:-36px}
.journeyStrip{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--coral);background:#fff;grid-column:1/-1;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;display:grid}
.journeyStrip span{text-align:center;padding:13px;font:900 11px ui-monospace,monospace}
.journeyStrip i{text-align:center;font-size:20px}
.weatherLab{margin-top:48px;padding-top:65px}
.weatherIntro p{font-size:17px}
.demoTruth{z-index:2;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;grid-template-columns:1fr 1fr;margin:28px 0 38px;display:grid;position:relative}
.demoTruth>div{padding:18px}
.demoTruth>div:first-child{background:var(--mint)}
.demoTruth>div+div{border-left:3px solid var(--ink);background:#ffd8d2}
.demoTruth b,.demoTruth strong,.demoTruth span{display:block}
.demoTruth b{font:900 10px ui-monospace,monospace}
.demoTruth strong{margin:7px 0;font-size:22px}
.demoTruth span{font-size:12px;line-height:1.55}
.sectionLabel{z-index:2;border-bottom:3px solid var(--ink);justify-content:space-between;align-items:end;gap:20px;margin-top:34px;padding:15px 0 9px;display:flex;position:relative}
.sectionLabel b{font:900 13px ui-monospace,monospace}
.sectionLabel span{max-width:630px;font-size:12px}
.sensorGrid{z-index:2;grid-template-columns:repeat(3,1fr);gap:11px;margin:14px 0 32px;display:grid;position:relative}
.sensorGrid article{border:3px solid var(--ink);min-height:220px;box-shadow:5px 5px 0 var(--ink);background:#fff;flex-direction:column;padding:17px;display:flex}
.sensorGrid article:nth-child(2),.sensorGrid article:nth-child(4){background:#e8f7ff}
.sensorGrid article:nth-child(3),.sensorGrid article:nth-child(5){background:#e7ffda}
.sensorGrid article.aiSensor{background:#eee8ff}
.sensorGrid article>span{font-size:35px}
.sensorGrid h3{margin:9px 0 5px;font-size:18px}
.sensorGrid article>b{color:var(--blue);font:900 10px ui-monospace,monospace}
.sensorGrid p{flex:1;margin:9px 0;font-size:11px;line-height:1.55}
.sensorGrid a{color:var(--ink);font:900 9px ui-monospace,monospace;text-decoration-thickness:2px}
.weatherPipeline{grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr 35px 1fr;margin-bottom:40px}
.weatherPipeline article{min-height:205px;padding:16px}
.weatherPipeline article:first-of-type{background:#e8f7ff}
.weatherPipeline article:nth-of-type(2){background:#fff}
.weatherPipeline article:nth-of-type(3){background:#eee8ff}
.weatherPipeline article:nth-of-type(4){background:#fffbd0}
.weatherPipeline article:nth-of-type(5){background:var(--mint)}
.weatherPipeline article>span{font-size:34px}
.weatherPipeline h3{font-size:15px}
.weatherPipeline p{font-size:11px;line-height:1.5}
.plantSystem{z-index:2;border:3px solid var(--ink);background:linear-gradient(#e4f8ff 0 47%,#d8f4b8 47% 72%,#ad744d 72%);margin:22px 0 40px;padding:25px;position:relative;box-shadow:9px 9px #377c58}
.plantTitle{max-width:970px}
.plantTitle>b{background:var(--ink);color:var(--yellow);padding:6px 8px;font:900 11px ui-monospace,monospace}
.plantTitle h3{letter-spacing:-.045em;margin:12px 0 7px;font-size:35px}
.plantTitle p{border:2px solid var(--ink);background:#ffffffc7;max-width:1000px;padding:11px;font-size:12px;line-height:1.6}
.waterLoop{grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center;margin:25px 0 16px;display:grid}
.waterLoop>div{border:3px solid var(--ink);text-align:center;min-height:135px;box-shadow:4px 4px 0 var(--ink);background:#fff;flex-direction:column;justify-content:center;padding:13px;display:flex}
.waterLoop>div:nth-of-type(2),.waterLoop>div:nth-of-type(3){background:#f0d6b7}
.waterLoop>div:nth-of-type(4){background:#d9ffc6}
.waterLoop>div:nth-of-type(5){background:#dff8ff}
.waterLoop>div>span{font-size:34px}
.waterLoop b{margin:5px 0;font-size:13px}
.waterLoop small{font:9px/1.3 ui-monospace,monospace}
.waterLoop>i{text-align:center;font-size:24px;font-weight:900}
.plantBranches{flex-wrap:wrap;gap:8px;display:flex}
.plantBranches span{border:2px solid var(--ink);background:#fff;padding:7px 10px;font:900 9px ui-monospace,monospace}
.fusionAlgorithm{z-index:2;border:4px solid var(--ink);color:#fff;box-shadow:10px 10px 0 var(--violet);background:#14102d;margin:0 0 32px;padding:28px;position:relative}
.algorithmIntro>span{color:var(--yellow);font:900 11px ui-monospace,monospace}
.algorithmIntro h2{letter-spacing:-.06em;margin:10px 0;font-size:clamp(48px,7vw,88px);line-height:.9}
.algorithmIntro p{color:#dfdcf4;max-width:950px;font-size:14px;line-height:1.6}
.algorithmFormula{background:#251d57;border:3px solid #fff;grid-template-columns:115px 1fr;align-items:center;margin:22px 0;display:grid}
.algorithmFormula b{background:var(--yellow);color:#111;place-items:center;height:100%;padding:14px;font:900 11px ui-monospace,monospace;display:grid}
.algorithmFormula span{padding:14px;font:800 13px/1.5 ui-monospace,monospace}
.algorithmSteps{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}
.algorithmSteps article{background:#20194a;border:2px solid #fff;min-height:165px;padding:16px}
.algorithmSteps article:nth-child(2n){background:#322165}
.algorithmSteps b{color:var(--mint);font:900 10px ui-monospace,monospace}
.algorithmSteps p{color:#e8e5f5;font-size:11px;line-height:1.55}
.algorithmSteps code{color:var(--yellow);font-size:10px}
.feedbackLoop{border:2px solid #fff6;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 35px;align-items:center;margin:20px 0 12px;display:grid}
.feedbackLoop span{text-align:center;padding:12px 6px;font:900 9px ui-monospace,monospace}
.feedbackLoop i,.feedbackLoop b{text-align:center;color:var(--yellow);font-size:20px}
.algorithmGuardrail{background:var(--coral);color:#111;border:3px solid #fff;grid-template-columns:180px 1fr;display:grid}
.algorithmGuardrail b{border-right:3px solid #fff;padding:14px;font-size:15px}
.algorithmGuardrail span{padding:14px;font-size:11px;line-height:1.5}
.weatherQuantumGap{margin:28px 0}
.weatherSearch{scroll-margin-top:115px}
.simControls{border:3px solid var(--ink);background:#e9efff;flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0 0;padding:13px;display:flex}
.simControls label{font:900 10px ui-monospace,monospace}
.simControls select,.simControls button{border:2px solid var(--ink);background:#fff;padding:8px 10px;font-weight:800}
.simControls .run{background:var(--coral);margin-left:auto}
@media (max-width:1100px){.storyNav a{padding:8px;font-size:9px}
.sensorGrid{grid-template-columns:1fr 1fr}
.waterLoop{grid-template-columns:1fr 22px 1fr 22px 1fr}
.waterLoop>i:nth-of-type(3),.waterLoop>i:nth-of-type(5){display:none}
.waterLoop>div:nth-of-type(n+4){margin-top:12px}
.algorithmSteps{grid-template-columns:1fr 1fr}
.earthOrb{width:190px;height:190px}
.earthOrb>span{font-size:92px}
}
@media (max-width:760px){header{display:block;position:relative}
.brand{justify-content:center}
.storyNav{margin-top:14px;padding:2px 2px 6px;overflow-x:auto}
.storyNav a{white-space:nowrap}
.intro{display:block}
.earthOrb{margin:45px auto 55px}
.journeyStrip{display:flex;overflow-x:auto}
.journeyStrip span{min-width:115px}
.weatherLab{padding-top:38px}
.demoTruth{grid-template-columns:1fr}
.demoTruth>div+div{border-left:0;border-top:3px solid var(--ink)}
.sectionLabel{display:block}
.sectionLabel span{margin-top:7px;display:block}
.sensorGrid{grid-template-columns:1fr}
.sensorGrid article{min-height:0}
.plantTitle h3{font-size:27px}
.waterLoop{display:block}
.waterLoop>i{height:30px;transform:rotate(90deg);display:block!important}
.waterLoop>div{min-height:105px;margin:0!important}
.algorithmSteps,.feedbackLoop{grid-template-columns:1fr}
.feedbackLoop i{transform:rotate(90deg)}
.feedbackLoop b{padding:7px}
.algorithmGuardrail{grid-template-columns:1fr}
.algorithmGuardrail b{border-bottom:3px solid #fff;border-right:0}
.algorithmFormula{grid-template-columns:1fr}
.plantSystem,.fusionAlgorithm{padding:18px 13px}
.simControls .run{margin-left:0}
.earthOrb{transform:none}
}
.simpleHero{border-bottom:0;grid-template-columns:minmax(560px,1.35fr) minmax(300px,.65fr);gap:clamp(35px,6vw,90px);width:min(1500px,94vw);min-height:calc(100vh - 92px);padding:44px 3vw 52px}
.simpleHero .heroCopy{max-width:920px}
.simpleHero h2{letter-spacing:-.075em;text-transform:none;margin:17px 0 22px;font-size:clamp(52px,6.4vw,96px);line-height:.91}
.simpleHero h2 em{line-height:1.02;display:inline-block}
.heroLead{line-height:1.4;margin:0 0 12px!important;font-size:21px!important}
.simplePromise{gap:9px;max-width:830px;margin:0 0 27px;padding:0;list-style:none;display:grid}
.simplePromise li{border:3px solid var(--ink);min-height:54px;box-shadow:4px 4px 0 var(--ink);background:#fff;grid-template-columns:44px 1fr;align-items:center;gap:13px;padding:7px 14px 7px 8px;font-size:clamp(17px,1.55vw,22px);line-height:1.32;display:grid}
.simplePromise li>b{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:38px;height:38px;font-size:17px;display:grid}
.simplePromise li:nth-child(2)>b{background:#dff8ff}
.simplePromise li:nth-child(3)>b{background:var(--coral)}
.simplePromise li:nth-child(4)>b{background:var(--mint)}
.simplePromise li:nth-child(5)>b{background:#eee8ff}
.simplePromise strong{font-weight:900}
.heroAction{background:var(--blue);color:#fff;border:3px solid var(--ink);min-height:58px;box-shadow:6px 6px 0 var(--ink);align-items:center;gap:15px;padding:14px 19px;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}
.heroAction:hover,.heroAction:focus-visible{background:#2037d6;transform:translateY(-2px)}
.heroAction span{font-size:25px}
.plainBadge{margin-left:18px;font-size:14px;font-weight:800;display:inline-block}
.heroVisual{align-content:center;place-items:center;gap:62px;display:grid}
.heroVisual .earthOrb{width:280px;height:280px;margin:0}
.heroVisual .earthOrb>span{font-size:138px}
.heroVisual>b{background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:center;padding:11px 14px;font-size:17px}
.weatherLab{margin-top:0}
@media (max-width:900px){.simpleHero{grid-template-columns:1fr;min-height:auto;padding-top:36px}
.heroVisual{display:none}
.simpleHero h2{font-size:clamp(48px,10vw,76px)}
.simplePromise li{font-size:19px}
}
@media (max-width:600px){header{padding:11px 12px;display:flex;position:relative}
.brand{justify-content:flex-start}
.brand small{font-size:9px}
.atom{width:44px;height:44px}
.storyNav{margin:0;padding:0;overflow:visible}
.storyNav a{box-shadow:2px 2px 0 var(--ink);padding:10px 8px;font-size:9px}
.simpleHero{width:100%;padding:28px 13px 39px;display:block}
.simpleHero .eyebrow{font-size:9px}
.simpleHero h2{margin:14px 0 20px;font-size:47px;line-height:.95}
.heroLead{font-size:19px!important}
.simplePromise{gap:8px;margin-bottom:24px}
.simplePromise li{grid-template-columns:38px 1fr;gap:10px;min-height:0;padding:8px;font-size:17px;line-height:1.32}
.simplePromise li>b{width:34px;height:34px;font-size:15px}
.heroAction{justify-content:center;width:100%;font-size:17px}
.plainBadge{text-align:center;margin:15px 0 0;display:block}
.weatherLab{margin-top:0}
}
.weatherPipeline article{overflow-wrap:anywhere;min-width:0}
@media (min-width:651px) and (max-width:1200px){.weatherPipeline{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px}
.weatherPipeline>i{display:none}
.weatherPipeline article{min-height:220px;margin:0!important}
.weatherPipeline article:nth-of-type(5){grid-column:1/-1;min-height:170px}
}
.systemTitle em{font-family:Arial,Helvetica,sans-serif;font-size:.72em;font-style:normal;font-weight:800;letter-spacing:0;line-height:1.08;-webkit-text-stroke:0;text-shadow:none}
.conceptTruth{border:3px solid var(--ink);max-width:830px;box-shadow:5px 5px 0 var(--ink);background:#fff;grid-template-columns:1fr 1fr;margin:0 0 25px;display:grid}
.conceptTruth>div{padding:13px 15px}
.conceptTruth>div:first-child{background:var(--mint)}
.conceptTruth>div+div{border-left:3px solid var(--ink);background:#ffd8d2}
.conceptTruth b,.conceptTruth span{display:block}
.conceptTruth b{margin-bottom:6px;font:900 11px ui-monospace,monospace}
.conceptTruth span{font-size:15px;font-weight:700;line-height:1.4}
.quantumDisclaimer{border:3px solid var(--ink);max-width:1050px;box-shadow:5px 5px 0 var(--ink);background:#ffd8d2;margin:0 0 24px;padding:15px 17px;font-size:16px;line-height:1.55}
.quantumDisclaimer b{margin-bottom:4px;font-size:19px;display:block}
@media (max-width:600px){.brand h1{font-size:20px}
.systemTitle em{font-size:.66em}
.conceptTruth{grid-template-columns:1fr}
.conceptTruth>div+div{border-left:0;border-top:3px solid var(--ink)}
.conceptTruth span{font-size:14px}
}
@property --tw-rotate-x{syntax:"*";inherits:false}
@property --tw-rotate-y{syntax:"*";inherits:false}
@property --tw-rotate-z{syntax:"*";inherits:false}
@property --tw-skew-x{syntax:"*";inherits:false}
@property --tw-skew-y{syntax:"*";inherits:false}