:root{color-scheme:dark;--bg:#05060a;--panel:#101116;--ink:#fff;--muted:#a8a8b2;--line:#282931;--accent:#ff754b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}.wrap{max-width:1150px;margin:0 auto;padding:0 30px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:32px;font-weight:700;letter-spacing:-2px;display:flex;align-items:center;gap:16px}.brand span{font-size:10px;line-height:1.5;letter-spacing:2px;font-weight:400}.nav nav{display:flex;gap:30px;font-size:14px;color:#c1c1ca}.hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:710px;padding-top:60px;padding-bottom:100px}.hero:before{content:"";position:absolute;width:450px;height:450px;right:0;top:50px;background:radial-gradient(ellipse,#c050301c,transparent 68%);pointer-events:none}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.3px;color:var(--muted);margin:0 0 24px}h1{font-size:68px;line-height:1.04;letter-spacing:-2.2px;margin:0 0 28px;font-weight:600;position:relative}h2{font-size:48px;line-height:1.08;letter-spacing:-1.6px;font-weight:500;margin:0 0 24px}h3{font-size:27px;line-height:1.25;letter-spacing:-.7px;font-weight:500;margin:0 0 22px}.lede{font-size:17px;line-height:1.7;color:var(--muted);max-width:490px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:25px}.primary{display:inline-flex;gap:20px;align-items:center;justify-content:center;padding:14px 21px;background:var(--accent);color:#151011;border:1px solid var(--accent);border-radius:5px;font-size:14px;font-weight:600;transition:background .18s,transform .18s}.primary:hover:not(:disabled){background:#ff9474;transform:translateY(-2px)}.secondary{font-size:14px;color:#c2c2ca}.hero-note{font-size:12px;color:#797983;margin-top:28px}.hero-visual{position:relative;margin-left:10px;border:1px solid #37313a;background:linear-gradient(140deg,#191517,#0b0c10 70%);padding:26px 24px;border-radius:8px;box-shadow:0 30px 80px #0008}.visual-head,.visual-foot{display:flex;justify-content:space-between;font:10px/1.5 monospace;letter-spacing:1px;color:#b4aeb4}.relation{display:flex;gap:18px;justify-content:center;align-items:center;padding:42px 0 10px;font-size:72px;line-height:1.2;font-weight:500;letter-spacing:-3px}.equals,.times{font-size:38px;color:#63616a}.unknown-key{color:var(--accent)}.relation-labels{display:flex;justify-content:space-around;font-size:10px;color:var(--muted);padding-bottom:30px}.circuit{padding:20px 0 10px;border-top:1px solid var(--line)}.wire{position:relative;display:flex;align-items:center;justify-content:space-between;height:36px;font:12px/1 monospace}.wire:before{content:"";position:absolute;top:18px;left:45px;right:10px;height:1px;background:#38343c}.wire span{z-index:1;background:#101014}.gate,.measure{display:grid;place-items:center;width:25px;height:25px;border:1px solid #665449;color:#ffb298;border-radius:3px}.join{font-size:17px;color:#ffac8e;padding:0 7px}.qft,.blank{width:30px;text-align:center}.qft{color:#e0d2cf}.blank{height:1px}.visual-foot{padding-top:26px;font-size:9px;letter-spacing:0}.lab{padding-top:75px;padding-bottom:90px;border-top:1px solid var(--line)}.section-heading{max-width:680px;margin-bottom:45px}.section-heading>p:last-child,.api p{color:var(--muted);max-width:530px}.mission{display:grid;grid-template-columns:215px 1fr;gap:50px}.stepper{margin:0;padding:0;list-style:none;font:12px/1.5 monospace;color:#777882}.stepper li{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:20px 0}.stepper li[aria-current]{color:var(--accent)}.stepper li.done{color:#d8d8de}.stepper span{font-family:Arial,Helvetica,sans-serif;font-size:13px}.workspace{min-width:0;background:var(--panel);padding:32px;border:1px solid var(--line);border-radius:7px}.scenarios{display:grid;gap:12px;margin:0 0 26px}.scenario{display:flex;gap:18px;align-items:center;text-align:left;border:1px solid #393940;background:#15161c;border-radius:5px;padding:22px 18px}.scenario[aria-pressed=true]{border-color:var(--accent);background:#231c1b}.scenario>span:nth-child(2){flex:1}.scenario-symbol{font-size:34px;color:#f69c54;min-width:35px}.scenario-symbol.sol{color:#bbafee}.scenario strong{display:block;font-size:19px;font-weight:500}.scenario small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:4px}.workspace p{color:var(--muted)}.challenge-data{display:flex;gap:30px;flex-wrap:wrap;margin:30px 0;border-block:1px solid var(--line);padding:22px 0}.challenge-data dt{color:#898993;font-size:11px}.challenge-data dd{margin:7px 0 0;font:20px/1.3 monospace}.support{font-size:13px;line-height:1.6}.panel-actions{display:flex;gap:23px;margin-top:25px;align-items:center}.text-action{border:0;background:none;color:#bbbcc4;font-size:13px;padding:8px 0}.workspace details{font-size:13px;margin-top:20px;color:#c3c3cd}.workspace summary{cursor:pointer}.api{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:80px 100px;border-top:1px solid var(--line)}.code{align-self:center;border:1px solid var(--line);border-radius:7px;background:#101116;overflow:hidden}.code-title{border-bottom:1px solid var(--line);padding:14px 22px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.code pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 monospace;color:#ffb69c;padding:20px;margin:0}.code p{font-size:11px;padding:0 20px 15px}.api h2{font-size:42px}footer{border-top:1px solid var(--line);padding-block:30px!important;font-size:20px;display:flex;gap:30px;align-items:center}footer span{font-size:12px;color:#888894}:focus-visible{outline:2px solid #ffbc9d;outline-offset:5px}.workspace{animation:panel-in .28s ease-out}@keyframes panel-in{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:800px){.wrap{padding-inline:22px}.nav{height:80px}.brand span{display:none}.nav nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:60px;gap:40px;min-height:0}h1{font-size:43px;letter-spacing:-1.3px;max-width:540px}.lede{font-size:16px}.hero-actions{gap:18px}.hero-note{margin-top:20px}.hero-visual{margin-left:0;max-width:480px;width:100%;justify-self:center;padding:24px}.relation{padding-top:25px}.lab{padding-top:55px}.section-heading{margin-bottom:25px}h2{font-size:35px}.mission{grid-template-columns:1fr;gap:25px}.stepper{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.stepper li{padding:12px 0;gap:9px}.stepper span{font-size:12px}.workspace{padding:23px 18px}h3{font-size:24px}.scenario{padding:17px 12px;gap:12px}.scenario small{font-size:12px}.panel-actions{flex-wrap:wrap;gap:10px 20px}.api{grid-template-columns:1fr;gap:30px;padding-block:50px 65px}.api h2{font-size:35px}footer{align-items:flex-start;gap:20px}footer span{font-size:11px}.challenge-data{gap:22px}.hero:before{width:100%;height:500px;top:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.relation{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:0;text-align:center}.relation-labels{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;text-align:center}.relation-labels span:first-child{grid-column:1}.relation-labels span:last-child{grid-column:3}.qasm{margin-bottom:26px}.qasm pre{font:11px/1.7 monospace;max-height:260px;overflow:auto;padding:14px;background:#090a0e}.qasm a{color:var(--accent)}

/* Qorvia type/composition baseline. Background and controls superseded by approved 21st.dev adaptation below. */
@font-face{font-family:"General Sans";src:url("assets/general-sans-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"General Sans";src:url("assets/general-sans-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url("assets/inter-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#000;--panel:#070707;--muted:#ffffffb3;--line:#ffffff18;--accent:#ff8a3d}
body{font-family:Inter,sans-serif;background:#000}.wrap{max-width:1140px;padding-inline:40px}
.nav{height:100px;position:absolute;inset:0 0 auto;z-index:10}.brand{font-family:"General Sans",sans-serif;font-size:27px;font-weight:600;letter-spacing:-1px}.brand span{display:none}.nav nav{font-size:13px;gap:28px;color:#ffffffb3}
h1,h2,h3,.scenario strong{font-family:"General Sans",sans-serif;font-weight:500}.hero-shell{position:relative;isolation:isolate;overflow:hidden;background:#000}.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-4}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#000b,#0005 55%,transparent)}.hero{display:block;padding-top:210px;padding-bottom:105px;min-height:790px}.hero:before{display:none}.hero-copy{max-width:660px;position:relative;z-index:2}h1{font-size:72px;line-height:1.02;letter-spacing:-.02em;margin-bottom:24px}.gradient-text{color:transparent;background-image:linear-gradient(90deg,#ff8a3d,#ff5a2c,#8b5cff,#1e6bff,#ff8a3d);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;animation:gradient-pan 9s infinite}.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:11px;letter-spacing:.08em;border:1.5px solid transparent;border-radius:999px;background:linear-gradient(#080810,#080810) padding-box,linear-gradient(90deg,#c85a2a,#2563eb) border-box;padding:7px 14px;margin-bottom:25px}.status-dot{width:6px;height:6px;background:#9cbdff;border-radius:50%}.lede{max-width:560px;font-size:18px;line-height:28px;margin:0 0 36px}.hero-actions{gap:24px}.primary{position:relative;background:linear-gradient(#000,#000) padding-box,linear-gradient(163deg,#ff8918 28%,#a22904 54%,#000 68%,#0098f3 100%) border-box;border:1px solid transparent;border-radius:12px;padding:14px 20px;color:#fff;font-size:13px;font-weight:500;box-shadow:0 0 16px #c85a2a20;transition:box-shadow .3s,transform .3s}.primary:hover:not(:disabled){background:linear-gradient(#0b0b0b,#0b0b0b) padding-box,linear-gradient(163deg,#ff8918 28%,#a22904 54%,#000 68%,#0098f3 100%) border-box;box-shadow:0 0 25px #c85a2a35;transform:translateY(-2px)}.secondary{font-size:14px}.hero-note{border-top:1px solid #ffffff18;padding-top:22px;margin-top:30px;max-width:660px;font-size:12px;color:#ffffff70}
.light{position:absolute;z-index:-2;border-radius:50%;pointer-events:none;filter:blur(120px)}.light-orange{width:800px;height:600px;left:-200px;bottom:-420px;background:radial-gradient(#a22904,#da6d24 30%,transparent 70%);opacity:.6;animation:blob-drift-a 16s ease-in-out infinite}.light-blue{width:800px;height:600px;right:-180px;bottom:-420px;background:radial-gradient(#1565c0,#1f77f6 30%,transparent 70%);opacity:.5;animation:blob-drift-b 21s ease-in-out infinite}
.lab{position:relative;padding-top:84px;border-top:0}.lab:before{content:"";position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,#a2290470,#1f77f670,transparent)}.section-heading{max-width:720px}h2{font-size:52px;line-height:1.08;letter-spacing:-.02em}.mission{grid-template-columns:190px 1fr;gap:40px}.workspace{position:relative;border:1px solid transparent;background:linear-gradient(#070707,#070707) padding-box,linear-gradient(140deg,#da6d2455,#ffffff12 35%,#ffffff0a 70%,#0098f344) border-box;border-radius:20px;padding:35px;box-shadow:0 20px 70px #0008}.scenario{background:linear-gradient(135deg,#ffffff06,#ffffff02);border:1px solid #ffffff18;border-radius:12px;transition:border-color .3s,background .3s,transform .3s}.scenario:hover{transform:translateX(3px);border-color:#ffffff40}.scenario[aria-pressed=true]{border-color:#c85a2a;background:linear-gradient(135deg,#da6d2418,#1f77f608)}.stepper span{font-family:Inter,sans-serif}.stepper li[aria-current]{color:#ff9c58}.api{border-top-color:#ffffff12;gap:55px}.api h2{font-size:48px}.code{border-radius:16px;background:#070707;border-color:#ffffff18;box-shadow:inset 0 1px #ffffff05,0 10px 30px #0006}.code pre{color:#e3d8ef}.code-title{color:#ffffff80}footer{font-family:"General Sans",sans-serif;font-size:24px}footer span{font-family:Inter,sans-serif}
@keyframes gradient-pan{0%,100%{background-position:0%}50%{background-position:100%}}@keyframes blob-drift-a{0%,100%{transform:translate(0) scale(1)}50%{transform:translate(44px,-34px) scale(1.08)}}@keyframes blob-drift-b{0%,100%{transform:translate(0) scale(1)}50%{transform:translate(-52px,22px) scale(1.1)}}
@media(max-width:800px){.wrap{padding-inline:24px}.nav{height:82px}.nav nav{gap:15px;font-size:11px}.brand{font-size:25px}.hero{padding-top:145px;padding-bottom:80px;min-height:0}.hero-copy{max-width:660px}h1{font-size:48px;line-height:1.02;max-width:660px}.lede{font-size:17px;line-height:27px;max-width:520px}.hero-film{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#000b,#0007)}.hero-actions{gap:18px;flex-wrap:wrap}.hero-note{line-height:1.6}.lab{padding-top:60px;padding-bottom:65px}.lab:before{left:24px;right:24px}h2,.api h2{font-size:38px}.mission{grid-template-columns:1fr;gap:20px}.workspace{padding:25px 20px}.api{gap:30px}.light{filter:blur(90px)}}
@media(max-width:420px){h1{font-size:43px}.hero .eyebrow{font-size:9px;letter-spacing:.07em}.lede{font-size:16px;line-height:26px}.primary{padding:13px 16px}.hero-actions{gap:16px}.secondary{font-size:12px}.hero{padding-bottom:65px}.lab h2{font-size:35px}.nav nav{gap:12px}.stepper span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.gradient-text,.light{animation:none!important}html{scroll-behavior:auto}}

.quantum-orb{position:absolute;top:140px;right:-50px;width:580px;height:580px;object-fit:contain;z-index:1;pointer-events:none;animation:float-soft 6s ease-in-out infinite;mask-image:radial-gradient(circle,#000 56%,transparent 73%)}@keyframes float-soft{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1023px){.quantum-orb{display:none}}@media(prefers-reduced-motion:reduce){.quantum-orb{animation:none!important}}

/* Aya51653 approved: wave-field + solid ivory controls; no source video or glowing CTA borders. */
.hero-wave{position:absolute;inset:0;width:100%;height:100%;z-index:-4;pointer-events:none}
.hero-wave[data-renderer="fallback"]{background:radial-gradient(ellipse at 75% 60%,#122549,#04070d 70%)}
.hero-wave{mask-image:linear-gradient(90deg,transparent,#0003 36%,#000 68%)}
.hero-shade{background:linear-gradient(90deg,#000 5%,#000c 46%,#0004 80%),linear-gradient(0deg,#000,transparent 30%)}
@media(max-width:800px){.hero-wave{opacity:.5;mask-image:linear-gradient(90deg,transparent,#0008 55%,#000)}.hero-shade{background:linear-gradient(90deg,#000e,#0008)}}
.hero .eyebrow{background:#ffffff05;border:1px solid #ffffff20;border-radius:6px;color:#c8d6e6}
.primary{background:#f4f0e8;color:#12151b;border:1px solid #f4f0e8;border-radius:8px;box-shadow:none;font-weight:600;transition:background-color 160ms ease,color 160ms ease,transform 140ms cubic-bezier(.22,1,.36,1)}
.primary:hover:not(:disabled){background:#fff;color:#090d14;box-shadow:none;transform:none}
.primary:active:not(:disabled){transform:scale(.97)}
.primary:focus-visible,.secondary:focus-visible,.text-action:focus-visible,.scenario:focus-visible{outline:2px solid #8dbdff;outline-offset:5px}
.secondary{color:#dae2ec;border-bottom:1px solid #ffffff25;padding-bottom:5px;transition:color 160ms ease,border-color 160ms ease}
.secondary:hover{color:#fff;border-bottom-color:#fff}.secondary span{display:inline-block;transition:transform 180ms cubic-bezier(.22,1,.36,1)}
.secondary:hover span{transform:translateX(3px)}
.direction-dots{position:relative;display:inline-flex;gap:2px;width:30px;height:14px;color:currentColor;overflow:hidden}
.dot-chevron{position:relative;display:block;width:6px;height:14px;flex-shrink:0;opacity:calc(1 - var(--chevron)*.17);transition:transform 180ms cubic-bezier(.22,1,.36,1),opacity 180ms ease;transition-delay:calc(var(--chevron)*20ms)}
.dot-chevron i{position:absolute;left:calc(var(--x)*2px);top:calc(var(--y)*3px);width:1.5px;height:1.5px;border-radius:50%;background:currentColor}
.primary:hover .dot-chevron{transform:translateX(2px);opacity:1}
.workspace{background:#080b10;border:1px solid #ffffff1d;box-shadow:0 20px 70px #0008}
.scenario[aria-pressed=true]{border-color:#82b7ff;background:linear-gradient(135deg,#1e6bff12,#ffffff04)}
.stepper li[aria-current]{color:#adcfff}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.secondary span,.dot-chevron,.scenario{transition:none!important;transform:none!important}.hero-shell{background:#000}}

/* Authenticated qBraid behavior, Qorvia visual tokens; guidance stays optional. */
.lab-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;font:11px/1.5 Inter,sans-serif;letter-spacing:.06em;color:#ffffff80}
.guide-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
.guide-layout:has(.guide-card[hidden]){grid-template-columns:1fr}
.guide-card{padding:20px;background:#080b10;border:1px solid #ffffff25;border-radius:16px;position:sticky;top:24px}
.guide-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font:9px/1.5 Inter,sans-serif;color:#adcfff}
.guide-top .text-action{font-size:10px}.guide-card progress{appearance:none;width:100%;height:3px;border:0;display:block;margin:16px 0 22px;background:#ffffff18;border-radius:4px}
.guide-card progress::-webkit-progress-bar{background:#ffffff18;border-radius:4px}.guide-card progress::-webkit-progress-value{background:#82b7ff;border-radius:4px}.guide-card progress::-moz-progress-bar{background:#82b7ff}
.guide-card h3{font-size:22px;line-height:1.2;margin:0 0 12px}.guide-card p{font-size:13px;line-height:1.7;color:#ffffffb3;margin:0 0 16px}
.guide-card #guide-hint{font-size:11px;color:#adcfff;min-height:20px}.guide-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide-actions .primary{font-size:11px;padding:11px 12px}.guide-actions .text-action:disabled{opacity:.35;cursor:default}
.guide-focus{outline:1px solid #82b7ff;outline-offset:8px;border-radius:12px}
.guide-layout .mission{grid-template-columns:1fr;gap:16px}.guide-layout .stepper{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.stepper li{padding:0}.stepper button{display:flex;width:100%;gap:12px;text-align:left;background:none;border:0;padding:14px 0;color:inherit;font:inherit}.stepper button:disabled{opacity:.55;cursor:default}
@media(max-width:800px){.guide-layout{grid-template-columns:1fr}.guide-card{position:static}.guide-card h3{font-size:24px}.guide-top{font-size:10px}.guide-card p{font-size:14px}.guide-actions .primary{font-size:12px}.lab-tools{font-size:9px;letter-spacing:0}.lab-tools .text-action{font-size:11px}.guide-layout .stepper{gap:0 10px}}