@font-face{font-family:Inter;src:url('./assets/inter-regular.ttf') format('truetype');font-weight:100 500;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/inter-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{color-scheme:dark;--bg:#080a0e;--surface:#101319;--border:#252a34;--text:#e9ecf3;--muted:#a0a8b8;--accent:#a5afff;--positive:#9ccfbc;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-size:14px;line-height:1.6}button,input,a{font:inherit}button,input,summary,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:5;background:var(--surface);padding:12px}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--border);background:#0c0f14}.header-inner{max-width:1232px;padding:0 40px;margin:auto;height:80px;display:flex;align-items:center;gap:24px}.header-inner img{display:block}.header-divider{height:22px;width:1px;background:#343945}.header-label{color:#b4bbca;font-size:12px}.preview-label{margin-left:auto;font-size:10px;color:var(--muted);border:1px solid var(--border);padding:3px 9px;border-radius:4px}.shell{width:100%;max-width:1232px;padding:42px 40px 64px;margin:0 auto;flex:1}.page-heading{margin-bottom:32px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.35px;color:#9ca8d1;line-height:1.4;margin:0 0 12px}h1,h2,h3,p{margin-top:0}h1{font-weight:500;font-size:32px;letter-spacing:-1.05px;line-height:1.25;margin-bottom:12px}.page-heading>p:last-child{color:var(--muted);margin:0;font-size:14px}.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:36px}.sidebar{position:sticky;top:24px}.order-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.order-card .eyebrow{color:var(--muted);font-size:9px;margin-bottom:12px}.order-card h2{font-size:19px;line-height:1.45;font-weight:600;letter-spacing:-.3px;overflow-wrap:anywhere;margin:0 0 22px}.partner-summary{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:4px}.partner-summary span{font-size:11px;color:var(--muted)}.partner-summary strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.steps{padding:28px 5px 20px}.steps>div{display:flex;gap:13px;position:relative;min-height:80px;color:var(--muted)}.steps>div:first-child:after{content:"";position:absolute;left:15px;top:39px;bottom:8px;width:1px;background:var(--border)}.steps>div:last-child{min-height:48px}.number{display:flex;justify-content:center;align-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #3b414e;border-radius:50%;font-size:12px;background:var(--bg);color:#b1b8c7}.steps strong{font-size:12px;font-weight:500;display:block;margin:4px 0 3px}.steps small{font-size:11px;color:var(--muted);display:block}.steps [aria-current=step]{color:var(--text)}[aria-current=step] .number{border-color:var(--accent);background:#a5afff14;color:#d6dcff}.complete .number{background:#9ccfbc13;border-color:#629783;color:var(--positive)}.complete .number span{display:none}.complete .number:after{content:"✓"}.sidebar-note{display:flex;gap:12px;border-top:1px solid var(--border);padding-top:22px}.sidebar-note svg{width:20px;height:20px;flex:0 0 20px;stroke:#9aa6c6;stroke-width:1.5}.sidebar-note h3{font-size:12px;font-weight:500;margin:0 0 7px}.sidebar-note p{font-size:11px;line-height:1.75;color:var(--muted);margin:0}
.panel{border:1px solid var(--border);background:var(--surface);border-radius:9px;overflow:hidden}.panel-heading{padding:28px 32px 23px;border-bottom:1px solid var(--border)}.panel-heading .eyebrow{font-size:9px;margin-bottom:11px}.panel-heading h2{font-size:24px;font-weight:500;letter-spacing:-.65px;line-height:1.35;margin:0 0 10px}.panel-heading h2:focus{outline:none}.panel-heading>p:last-child{font-size:13px;color:var(--muted);line-height:1.7;margin:0;max-width:62ch}.panel-body{padding:24px 32px}.progress-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:10px}.progress-label strong{color:#cdd4e4;font-size:11px;font-weight:500}progress{appearance:none;border:0;height:3px;width:100%;display:block;background:#292f3a;border-radius:2px;margin:0 0 24px;overflow:hidden}progress::-webkit-progress-bar{background:#292f3a}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.condition{border:1px solid var(--border);border-radius:6px;margin-bottom:10px;background:#0c0f15;transition:border-color .15s}.condition.checked{border-color:#5f7b70;background:#9ccfbc04}.check-row{display:flex;align-items:flex-start;gap:13px;cursor:pointer;font-size:12px;line-height:1.75;padding:17px 0}.check-row input{appearance:none;width:18px;height:18px;flex:0 0 18px;border:1px solid #687181;border-radius:4px;background:#0c0f15;margin:2px 0 0;display:grid;place-content:center;cursor:pointer}.check-row input:checked{border-color:var(--accent);background:var(--accent)}.check-row input:checked:after{content:"";width:8px;height:4px;border-left:2px solid #101526;border-bottom:2px solid #101526;transform:translateY(-1px) rotate(-45deg)}.check-row:hover input:not(:checked){border-color:var(--accent)}.condition .check-row{font-size:13px;font-weight:500;padding:17px 18px 5px}.condition details{margin:0 18px 14px 49px;font-size:12px;color:var(--muted)}summary{cursor:pointer}.condition summary{font-size:11px;color:#aab4d8;width:fit-content;padding:6px 0}.condition details p{margin:8px 0 2px;line-height:1.8}.field-note{color:var(--muted);font-size:11px;margin:18px 0 0}.action-bar{padding:20px 32px;border-top:1px solid var(--border);background:#0e1117;display:flex;align-items:center;justify-content:space-between;gap:24px}.action-bar>p{font-size:11px;color:var(--muted);max-width:30ch;margin:0}.action-bar button{flex-shrink:0}button{border:1px solid transparent;min-height:44px;padding:11px 19px;display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:5px;background:#a5afff;color:#101526;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#bbc3ff}button:disabled{background:#292e3c;border-color:#353c4d;color:#a0a9bc;cursor:not-allowed}.secondary{border:1px solid #353c49;background:transparent;color:#c2c9d6;font-weight:500}.secondary:hover:not(:disabled){background:#1e2430}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.section-heading h3{font-size:13px;font-weight:600;margin:0}.section-index{font-size:10px;color:#a7b3d7;border:1px solid var(--border);border-radius:4px;min-width:25px;text-align:center;line-height:24px}.devices{display:flex;border:1px solid #343b49;background:#0b0e13;padding:4px;gap:4px;border-radius:6px;margin-bottom:15px}.devices button{flex:1;background:transparent;border:1px solid transparent;color:var(--muted);min-height:36px;font-size:11px;padding:7px 9px;font-weight:500}.devices button[aria-pressed=true]{background:#252b39;border-color:#46506a;color:#e1e5f0}.devices button:hover{color:#e1e5f0;background:#1a1f2a}.instruction{background:#0c0f15;border:1px solid var(--border);border-radius:6px;padding:17px 18px;color:#b6bfce;font-size:12px;line-height:1.8}.instruction p{margin:0}.connection{padding-bottom:0}.declarations{margin-top:26px;padding-top:25px;border-top:1px solid var(--border)}.required-label{margin-left:auto;font-size:10px;color:var(--muted)}.declarations .section-heading{margin-bottom:1px}.declarations>.check-row{border-bottom:1px solid var(--border)}.declarations>.check-row:last-child{border:0}.document-links{display:flex;flex-wrap:wrap;gap:18px;margin:9px 0 0;font-size:11px}.document-links a{text-decoration:none}.document-links a:hover{text-decoration:underline}.destination{display:flex;align-items:center;gap:13px;margin:20px 0 12px;background:#161c28;border:1px solid #303b52;border-radius:6px;padding:15px}.external-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #394663;border-radius:5px;color:#c3ccf3;font-size:18px;flex:0 0 30px}.destination>div:nth-child(2){min-width:0}.destination span{display:block;font-size:10px;color:#aab7ce}.destination strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere;color:#e1e7f6;margin-top:2px}.destination .destination-caption{margin-left:auto;text-align:right;font-size:10px;max-width:12ch}.privacy-note{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.final-actions{align-items:flex-start}.final-action{text-align:right}.final-action p{font-size:10px;color:var(--muted);margin:9px 0 0}.feedback{padding:20px 32px;border-top:1px solid var(--border);background:#171d29}.feedback p{font-size:12px;margin:0;line-height:1.8}.feedback button{margin-top:14px}
.site-footer{border-top:1px solid var(--border)}.footer-inner{max-width:1232px;padding:20px 40px;margin:auto;display:flex;align-items:flex-start;gap:25px;color:#99a2b2;font-size:10px}.footer-caption{margin-left:auto}.privacy-details{max-width:380px}.privacy-details summary{list-style:none;min-height:24px}.privacy-details summary::-webkit-details-marker{display:none}.privacy-details summary:hover{color:var(--text)}.privacy-details>div{padding-top:10px;line-height:1.8}.privacy-details p{margin:0 0 5px}.text-button{padding:7px 0;min-height:36px;border:0;background:none;color:var(--accent);font-size:10px;font-weight:500}.text-button:hover:not(:disabled){background:none;color:#d0d7ff}.error-panel{max-width:700px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:32px;margin:0 auto}.error-panel h2{font-size:22px;font-weight:500;margin-bottom:12px}.error-panel p{font-size:13px;color:var(--muted)}.error-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #6a5b3f;background:#b98b3010;color:#dfc18f;border-radius:50%;margin-bottom:20px}.error-help{border-top:1px solid var(--border);margin-top:25px;padding-top:22px}.error-help h3{font-size:13px;font-weight:600}.error-help p{margin:0}.document{max-width:760px;padding-top:50px}.document h1{font-size:28px}.document section{margin:30px 0}.document section h2{font-size:20px}.document p{color:var(--muted)}.notice{border:1px solid var(--border);padding:18px;border-radius:6px;color:var(--muted)}
@media(min-width:1440px){.shell{padding-top:50px}.workspace{gap:44px;grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:900px){.header-inner,.footer-inner{padding-left:24px;padding-right:24px}.shell{padding:32px 24px 44px}.workspace{grid-template-columns:220px minmax(0,1fr);gap:22px}.order-card{padding:19px}.panel-heading{padding:24px}.panel-body{padding:23px}.action-bar{padding:19px 23px;gap:15px}.action-bar>p{max-width:20ch}.steps strong{font-size:11px}.panel-heading h2{font-size:22px}.destination-caption{display:none!important}}
@media(max-width:700px){.header-inner{height:66px;padding:0 20px;gap:15px}.header-inner img{width:132px;height:auto}.header-label{font-size:10px}.header-divider{height:18px}.preview-label{font-size:8px;padding:3px 6px}.shell{padding:28px 20px 36px}.page-heading{margin-bottom:24px}.page-heading .eyebrow{font-size:9px}h1{font-size:26px;letter-spacing:-.7px}.page-heading>p:last-child{font-size:12px}.workspace{display:flex;flex-direction:column;gap:20px}.sidebar,.content{width:100%;position:static}.order-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:0 18px;padding:17px 18px}.order-card .eyebrow{grid-column:1;margin-bottom:8px;font-size:8px}.order-card h2{grid-column:1;margin:0;font-size:15px}.partner-summary{grid-column:2;grid-row:1/3;justify-content:center;border-top:0;border-left:1px solid var(--border);padding:0 0 0 17px}.partner-summary span{font-size:9px}.partner-summary strong{font-size:11px}.steps{display:flex;gap:16px;padding:21px 0 0}.steps>div{flex:1;gap:9px;min-height:40px!important}.steps>div:first-child:after{display:none}.steps strong{font-size:10px;margin-top:2px;line-height:1.5}.steps small{font-size:9px}.number{width:27px;height:27px;flex-basis:27px;font-size:10px}.sidebar-note{display:none}.panel-heading{padding:23px 20px 21px}.panel-heading h2{font-size:21px}.panel-heading>p:last-child{font-size:12px}.panel-body{padding:21px 20px}.condition .check-row{font-size:12px;padding:15px 14px 5px;gap:11px}.condition details{margin-left:43px;margin-right:14px}.condition summary{font-size:10px}.field-note{font-size:10px}.action-bar{padding:18px 20px;flex-direction:column;align-items:stretch;gap:13px}.action-bar>p{max-width:none;font-size:10px}.action-bar button{width:100%}.devices{gap:2px}.devices button{font-size:10px;padding:7px 3px}.check-row{font-size:11px;gap:11px}.section-heading h3{font-size:12px}.required-label{font-size:9px}.final-actions{flex-direction:column-reverse}.final-action{text-align:left}.final-action p{font-size:9px}.final-actions .secondary{border:0;min-height:35px;padding:5px;background:transparent}.document-links{font-size:10px;gap:13px}.privacy-note{font-size:10px}.feedback{padding:20px}.footer-inner{padding:20px;flex-wrap:wrap;gap:12px 22px;font-size:9px}.footer-caption{width:100%;margin:0}.privacy-details{flex:1}.error-panel{padding:24px}.error-panel h2{font-size:20px}}
@media(max-width:370px){.header-divider,.header-label{display:none}.shell{padding-left:15px;padding-right:15px}.panel-heading,.panel-body,.action-bar{padding-left:16px;padding-right:16px}.steps strong{font-size:9px}.order-card{gap:0 12px}.partner-summary{padding-left:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.check-row input{appearance:auto}.check-row input:checked:after{display:none}button{border:1px solid ButtonText}}

/* Desktop: context and form share the same top edge. */
@media(min-width:701px){
  .header-inner,.footer-inner{max-width:1440px;padding-left:40px;padding-right:40px}
  .shell{max-width:1440px;padding:32px 40px 36px}
  .workspace{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:48px}
  .sidebar{top:24px}
  .page-heading{margin:2px 0 26px}
  .page-heading h1{font-size:30px;line-height:1.25;max-width:15ch;margin-bottom:14px}
  .page-heading>p:last-child{font-size:13px;line-height:1.75;max-width:33ch}
  .order-card{padding:20px}
  .order-card h2{margin-bottom:16px}
  .steps{padding-top:22px;padding-bottom:14px}
  .steps>div{min-height:70px}
  .sidebar-note{padding-top:17px}
  .panel-heading{padding:22px 28px 19px}
  .panel-heading h2{margin-bottom:8px}
  .panel-body{padding:19px 28px}
  .condition .check-row{padding-top:13px}
  .condition details{margin-bottom:9px}
  .condition{margin-bottom:8px}
  progress{margin-bottom:18px}
  .field-note{margin-top:14px}
  .action-bar{padding:16px 28px}
  .section-heading{margin-bottom:12px}
  .devices{margin-bottom:12px}
  .instruction{padding:13px 16px}
  .check-row{padding-top:13px;padding-bottom:13px}
  .connection{padding-bottom:0}
  .declarations{margin-top:19px;padding-top:18px}
  .destination{margin-top:14px;padding:12px 15px}
  .footer-inner{padding-top:15px;padding-bottom:15px}
}
@media(min-width:701px) and (max-width:1000px){
  .header-inner,.footer-inner{padding-left:24px;padding-right:24px}
  .shell{padding:26px 24px 32px}
  .workspace{grid-template-columns:220px minmax(0,1fr);gap:24px}
  .page-heading h1{font-size:26px}
  .panel-heading,.panel-body,.action-bar{padding-left:20px;padding-right:20px}
}
@media(max-width:700px){.sidebar .page-heading{margin-bottom:22px}}
.error-panel h1{font-size:22px;font-weight:500;letter-spacing:-.4px;margin-bottom:12px}

/* Expanded footer: ownership, provider relationship and local navigation timing. */
.site-footer .footer-inner{display:block;padding-top:25px;padding-bottom:22px}
.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.footer-brand{display:flex;align-items:center;gap:20px}
.footer-brand img{display:block;opacity:.85}
.footer-brand>span{font-size:11px;color:var(--muted)}
.footer-top .privacy-details{width:280px;flex:none;text-align:right}
.footer-top .privacy-details summary{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-height:32px;font-size:11px}
.footer-top .privacy-details[open] summary>span{transform:rotate(45deg)}
.footer-top .privacy-details>div{text-align:left}
.footer-disclaimer{max-width:105ch;color:#a0a8b8;font-size:11px;line-height:1.85}
.footer-disclaimer p{margin:0 0 7px}
.footer-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:16px 30px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:20px;padding-top:16px;font-size:10px;line-height:1.8;color:#99a2b2}
.load-metric{white-space:nowrap;font-variant-numeric:tabular-nums}
#load-time{color:#c3cbd9}
@media(max-width:700px){
  .site-footer .footer-inner{padding-top:23px;padding-bottom:22px}
  .footer-top{flex-direction:column;gap:10px;margin-bottom:14px}
  .footer-brand{flex-direction:column;align-items:flex-start;gap:10px}
  .footer-brand>span{font-size:10px}
  .footer-top .privacy-details{width:100%;text-align:left;max-width:none}
  .footer-top .privacy-details summary{justify-content:flex-start;font-size:10px;min-height:40px}
  .footer-disclaimer{font-size:10px}
  .footer-bottom{flex-direction:column;gap:10px;font-size:10px;margin-top:17px;padding-top:14px}
}

/* Brand direction shared with the Q-CODES coming-soon identity. */
:root{--bg:#080b10;--surface:#0e131b;--border:#242c39;--text:#f0f3fc;--muted:#a1a9b9;--accent:#b8c4ff;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace}
body{background:radial-gradient(ellipse at 15% 0%,#18223b20,transparent 46%),var(--bg)}
.site-header{background:#080c12;border-bottom-color:#a5b8e019}
.header-brand{display:flex;align-items:center;gap:16px;flex-shrink:0}
.header-brand>img{width:38px;height:39px;filter:drop-shadow(0 0 13px #bccbff16)}
.header-brand>span,.brand-signature{font-family:var(--mono);font-size:11px;letter-spacing:.15px;color:#d4dcff}
.brand-slash{color:#8c9cc5;margin:0 4px}
.header-label{color:#9fa9bf}
.eyebrow,.number,.section-index,.preview-label,.load-metric{font-family:var(--mono)}
.eyebrow{letter-spacing:1px;color:#aebff2}
.panel{background:linear-gradient(140deg,#111722,#0c1119);border-color:#a4b8e126}
.condition{background:#090e16;border-color:#a4b8e11f}
.action-bar{background:#090e16}
button{background:#b8c4ff}
button:hover:not(:disabled){background:#cbd4ff}
button.secondary{background:transparent}
.devices button{background:transparent}
.devices button:hover{background:#1b2434}
.devices button[aria-pressed=true]{background:#253046;border-color:#53617e}
.site-footer{background:radial-gradient(ellipse at 13% 15%,#35476d14,transparent 45%),#070a0f;border-top-color:#a5b8e026}
.site-footer .footer-inner{padding-top:30px;padding-bottom:20px}
.footer-top{align-items:flex-start;margin-bottom:23px;gap:32px}
.footer-brand{display:flex;flex-direction:row;align-items:center;gap:23px}
.footer-brand>img{width:64px;height:65px;opacity:1;filter:drop-shadow(0 0 16px #bccbff19)}
.footer-brand-copy .brand-signature{font-size:11px;margin:0 0 9px;color:#c3d0ff;line-height:1.5}
.footer-brand-copy>p:last-child{font-size:11px;color:#9fa9bc;line-height:1.7;margin:0}
.footer-contact{width:280px;flex-shrink:0}
.footer-contact>.eyebrow{font-size:9px;color:#8c98b1;margin:0 0 7px}
.footer-contact>a{display:inline-flex;align-items:center;gap:11px;min-height:32px;font-family:var(--mono);font-size:13px;color:#b7c7ef;text-decoration:none}
.footer-contact>a:hover{color:#eef2ff;text-decoration:underline}
.footer-contact>a svg{width:17px;height:17px;flex-shrink:0;color:#99a3b5}
.footer-contact .privacy-details{width:100%;text-align:left;margin-top:5px}
.footer-contact .privacy-details summary{justify-content:flex-start;font-size:10px;color:#9da8bf;min-height:30px}
.footer-contact .text-button{background:transparent}
.footer-disclaimer{color:#919caf;max-width:115ch}
.footer-bottom{border-top-color:#a5b8e01f;color:#919db3}
@media(max-width:700px){
  .header-inner{gap:14px}.header-brand{gap:10px}.header-brand>img{width:31px;height:32px}.header-brand>span{font-size:9px}.header-brand .brand-tagline,.header-brand .brand-slash{display:none}.header-label{font-size:10px}.header-divider{display:block}
  .site-footer .footer-inner{padding-top:25px;padding-bottom:20px}
  .footer-top{gap:22px;margin-bottom:20px}
  .footer-brand{flex-direction:row;gap:18px}
  .footer-brand>img{width:53px;height:54px}
  .footer-brand-copy .brand-signature{font-size:10px}
  .footer-brand-copy>p:last-child{font-size:10px}
  .footer-contact{width:100%}
  .footer-contact>a{font-size:13px;min-height:36px}
  .footer-contact .privacy-details summary{min-height:36px}
}
@media(max-width:370px){.header-label,.header-divider{display:none}}
.footer-contact>.eyebrow{display:block}

.footer-contact{width:auto;min-width:340px}
.footer-contact-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 23px}
.footer-contact-links>a{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-family:var(--mono);font-size:12px;color:#b7c7ef;text-decoration:none}
.footer-contact-links>a:hover{color:#eef2ff;text-decoration:underline}
.footer-contact-links svg{width:17px;height:17px;flex-shrink:0;color:#99a3b5}
.brand-signature{display:flex;align-items:center;white-space:nowrap}
.typewriter-slot{display:inline-block;width:13ch;letter-spacing:0;position:relative}
.typewriter{display:block;white-space:nowrap;letter-spacing:0}
.typewriter-slot.is-typing .typewriter{overflow:hidden;width:0;animation:footer-type 1.7s steps(13,end) .2s forwards}
.typewriter-slot.is-typing:after{content:"";position:absolute;top:1px;height:1.2em;border-right:1px solid #bccbff;left:0;animation:footer-caret-position 1.7s steps(13,end) .2s forwards,footer-caret-blink .65s step-end 6 forwards}
@keyframes footer-type{from{width:0}to{width:13ch}}
@keyframes footer-caret-position{from{left:0}to{left:13ch}}
@keyframes footer-caret-blink{0%,100%{opacity:0}50%{opacity:1}}
@media(max-width:700px){.footer-contact{min-width:0;width:100%}.footer-contact-links{gap:4px 20px}.footer-contact-links>a{font-size:12px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.typewriter-slot.is-typing .typewriter{animation:none;width:13ch}.typewriter-slot.is-typing:after{display:none;animation:none}}

/* Stronger navigation lockup and vertically grouped contact links. */
.header-brand{gap:18px}
.header-brand>img{width:48px;height:49px;filter:drop-shadow(0 0 15px #bccbff25)}
.header-brand>.header-brand-copy{font-size:12px;line-height:1.6}
.portal-label{color:#aabbdc}
.footer-contact-links{flex-direction:column;align-items:flex-start;gap:0}
@media(max-width:700px){
  .header-brand{gap:13px}
  .header-brand>img{width:41px;height:42px}
  .header-brand>.header-brand-copy{display:flex;flex-direction:column;font-size:11px;line-height:1.65}
  .portal-label{font-size:9px}
  .footer-contact-links{gap:0}
}
@media(max-width:370px){.header-brand>.header-brand-copy{font-size:10px}.portal-label{font-size:8px}}

/* Keep navigation compact and center the workspace between header and footer. */
body{min-height:100svh}
.site-header,.site-footer{flex-shrink:0}
.header-inner{height:64px}
.header-brand-copy{display:flex;align-items:center;gap:6px}
.portal-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.portal-typewriter{width:17ch;vertical-align:middle}
.portal-typewriter.is-typing .typewriter{animation:portal-type 1.8s steps(17,end) .2s forwards}
.portal-typewriter.is-typing:after{animation:portal-caret-position 1.8s steps(17,end) .2s forwards,footer-caret-blink .65s step-end 6 forwards}
@keyframes portal-type{from{width:0}to{width:17ch}}
@keyframes portal-caret-position{from{left:0}to{left:17ch}}
@media(min-width:701px){
  main.shell{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 274px);padding-top:30px;padding-bottom:30px}
  .workspace{width:100%;align-items:center}
  .sidebar{position:static}
  .site-footer .footer-inner{padding-top:22px;padding-bottom:16px}
  .footer-top{margin-bottom:15px}
  .footer-bottom{margin-top:14px;padding-top:12px}
}
@media(max-width:700px){
  .header-inner{height:62px}
  .header-brand>.header-brand-copy{align-items:flex-start;gap:0}
}
@media(prefers-reduced-motion:reduce){.portal-typewriter.is-typing .typewriter{animation:none;width:17ch}.portal-typewriter.is-typing:after{animation:none;display:none}}

/* Keep the footer below the initial viewport, after the activation workspace. */
main.shell{min-height:calc(100svh - 64px + 24px)}
@media(max-width:700px){main.shell{min-height:calc(100svh - 62px + 24px)}}

/* Navbar typing repeats with a pause on the complete label. */
.portal-typewriter.is-typing .typewriter{animation:portal-type-loop 9s steps(17,end) infinite}
.portal-typewriter.is-typing:after{animation:portal-caret-loop 9s steps(17,end) infinite,portal-caret-pulse .7s step-end infinite}
@keyframes portal-type-loop {
  0%, 8% { width: 0; }
  38%, 68% { width: 17ch; }
  88%, 100% { width: 0; }
}
@keyframes portal-caret-loop {
  0%, 8% { left: 0; }
  38%, 68% { left: 17ch; }
  88%, 100% { left: 0; }
}
@keyframes portal-caret-pulse{0%,100%{opacity:1}50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.portal-typewriter.is-typing .typewriter{animation:none;width:17ch}.portal-typewriter.is-typing:after{animation:none;display:none}}

.condition-illustration {
  width: min(100%, 320px);
  margin-top: 12px;
  padding: 7px;
  border: 1px solid rgba(184, 196, 255, 0.24);
  border-radius: 8px;
  background: rgba(184, 196, 255, 0.025);
  user-select: none;
  -webkit-touch-callout: none;
}
.condition-illustration img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  pointer-events: none;
}

.site-header {
  background: transparent;
  border-bottom: 1px solid rgba(165, 184, 224, 0.09);
}

/* Inset navigation separator with a little space above the brand. */
.site-header {
  padding-top: 12px;
  border-bottom: 0;
}
.site-header::after {
  content: "";
  display: block;
  width: min(calc(100% - 80px), 1360px);
  height: 1px;
  margin-inline: auto;
  background: rgba(165, 184, 224, 0.09);
}
@media (max-width: 700px) {
  .site-header { padding-top: 8px; }
  .site-header::after { width: calc(100% - 40px); }
}

.site-header .header-inner {
  height: 76px;
  padding-bottom: 12px;
}
#offer-name {
  text-shadow: 0 0 18px rgba(184, 196, 255, 0.22);
}
#step-2 .panel-heading { padding: 28px 30px; }
#step-2 .panel-heading h2 { font-size: 26px; }
#step-2 .panel-body { padding: 26px 30px; }
.device-section {
  padding: 22px;
  background: rgba(184, 196, 255, 0.025);
  border: 1px solid var(--border);
  border-radius: 8px;
}
#step-2 .section-heading { margin-bottom: 18px; }
#step-2 .section-heading h3 { font-size: 16px; font-weight: 500; }
#step-2 .instruction { padding: 18px; font-size: 14px; line-height: 1.8; }
#step-2 .devices button { font-size: 12px; min-height: 42px; }
#step-2 .check-row { font-size: 13px; line-height: 1.8; gap: 14px; }
#step-2 .connection { padding-top: 20px; }
#step-2 .declarations { margin-top: 30px; padding-top: 0; border: 0; }
#step-2 .declarations > .check-row {
  padding: 18px;
  margin-bottom: 12px;
  background: #090e16;
  border: 1px solid var(--border);
  border-radius: 6px;
}
#step-2 .declarations > .check-row:has(input:checked) {
  border-color: #65749b;
  background: rgba(184, 196, 255, 0.035);
}
#step-2 .document-links { font-size: 12px; margin-top: 12px; }
#step-2 .destination { margin-top: 26px; padding: 18px; }
#step-2 .privacy-note { font-size: 11px; line-height: 1.8; }
#step-2 .final-actions { padding: 22px 30px; }
.back-to-top {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 20;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid #566587;
  border-radius: 8px;
  background: #141c2b;
  color: #d9e1ff;
  box-shadow: 0 4px 20px #0005;
  font-size: 23px;
}
.back-to-top:hover:not(:disabled) { background: #26324b; }
@media (max-width: 700px) {
  .site-header .header-inner { height: 72px; padding-bottom: 10px; }
  #step-2 .panel-heading, #step-2 .panel-body { padding: 22px 18px; }
  #step-2 .panel-heading h2 { font-size: 23px; }
  .device-section { padding: 16px; }
  #step-2 .devices { flex-wrap: wrap; }
  #step-2 .devices button { flex-basis: 40%; }
  #step-2 .instruction { padding: 14px; font-size: 13px; }
  #step-2 .check-row { font-size: 13px; gap: 11px; }
  #step-2 .declarations > .check-row { padding: 15px; }
  #step-2 .final-actions { padding: 20px 18px; }
  .back-to-top { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); }
  .site-footer .footer-inner { padding-bottom: 76px; }
}

/* Slow breathing glow around the product name. */
#offer-name {
  color: #f3f5ff;
  text-shadow: 0 0 8px rgba(184, 196, 255, 0.25),
               0 0 22px rgba(140, 162, 255, 0.2);
  animation: product-name-glow 4.5s ease-in-out infinite;
}
@keyframes product-name-glow {
  0%, 100% {
    text-shadow: 0 0 8px rgba(184, 196, 255, 0.25),
                 0 0 22px rgba(140, 162, 255, 0.2);
  }
  50% {
    text-shadow: 0 0 5px rgba(220, 228, 255, 0.65),
                 0 0 16px rgba(167, 185, 255, 0.6),
                 0 0 34px rgba(124, 153, 255, 0.4);
  }
}
@media (prefers-reduced-motion: reduce) {
  #offer-name {
    animation: none;
    text-shadow: 0 0 10px rgba(184, 196, 255, 0.4),
                 0 0 24px rgba(140, 162, 255, 0.25);
  }
}

#offer-name {
  font-weight: 700;
}
#offer-name {
  -webkit-text-stroke: 0.2px currentColor;
}

#offer-name {
  text-shadow: none;
  animation: none;
}

.checklist-section-title {
  margin: 26px 0 14px;
  font-size: 15px;
  font-weight: 600;
  color: #c7d2ec;
}
.checklist-section-title:first-child { margin-top: 0; }
.condition details p, #instruction { white-space: pre-line; }
.condition-illustration { width: min(100%, 640px); }

/* Keep product context aligned to the top as the form grows. */
@media (min-width: 701px) {
  .workspace {
    align-items: start;
  }
  .sidebar {
    align-self: start;
  }
}

/* Subtle cool gradient behind the activation workspace. */
body {
  background-color: #080b10;
  background-image:
    radial-gradient(ellipse at 12% 18%, rgba(65, 83, 133, 0.12), transparent 58%),
    radial-gradient(ellipse at 88% 72%, rgba(86, 66, 126, 0.035), transparent 56%),
    linear-gradient(145deg, #090d15 0%, #080b10 48%, #0a0d13 100%);
  background-attachment: fixed;
}

.header-logo-link {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.header-logo-link img {
  width: 54px;
  height: 55px;
  filter: drop-shadow(0 0 15px rgba(188, 203, 255, 0.15));
  transition: filter 180ms ease;
}
.header-logo-link:hover img {
  filter: drop-shadow(0 0 17px rgba(188, 203, 255, 0.3));
}
.portal-typewriter.is-typing .typewriter {
  animation: portal-type-loop 9s steps(17, end) infinite,
             portal-complete-glow 9s ease-in-out infinite;
}
@keyframes portal-complete-glow {
  0%, 46%, 54%, 100% {
    color: #aabbdc;
    text-shadow: none;
  }
  48% {
    color: #c3d0e8;
    text-shadow: 0 0 4px rgba(220, 232, 255, 0.35),
                 0 0 10px rgba(157, 187, 255, 0.28);
  }
}
.portal-typewriter.is-typing {
  animation: portal-glow-halo 9s ease-out infinite;
}
@keyframes portal-glow-halo {
  0%, 46%, 54%, 100% { filter: drop-shadow(0 0 0 transparent); }
  48% { filter: drop-shadow(0 0 7px rgba(154, 184, 255, 0.25)); }
}
@media (max-width: 700px) {
  .header-logo-link img { width: 46px; height: 47px; }
}
@media (prefers-reduced-motion: reduce) {
  .portal-typewriter.is-typing { animation: none; filter: none; }
  .portal-typewriter.is-typing .typewriter {
    animation: none;
    text-shadow: none;
    width: 17ch;
  }
}




@font-face {
  font-family: Manrope;
  src: url('./assets/manrope.ttf') format('truetype');
  font-weight: 200 800;
  font-display: swap;
}
:root { font-family: Manrope, 'Segoe UI', sans-serif; }
.header-logo-link img, .header-logo-link:hover img, .footer-brand > img {
  filter: none;
}
#offer-name { -webkit-text-stroke: 0; }



/* API session status */
.case-reference{margin:16px 0;color:var(--muted,#98a2b3);font-size:12px;overflow-wrap:anywhere}.case-reference strong{display:block;margin-top:5px;color:var(--text,#eef0fa);font-weight:600}.loading-state{padding:48px 24px;color:#aab4c8;text-align:center}.feedback{overflow-wrap:anywhere}

.delivery-card{margin-top:26px;padding:24px;border:1px solid #333c50;border-radius:10px;background:#10151f}.delivery-placeholder{letter-spacing:4px;filter:blur(3px);user-select:none;pointer-events:none}.delivery-key{display:block;font-size:clamp(17px,2vw,25px);padding:20px 0;overflow-wrap:anywhere;white-space:pre-wrap;color:#eff2ff}.delivery-key.is-revealing{animation:key-reveal .65s ease-out both}.delivery-instructions{white-space:pre-line;margin-top:20px}.delivery-dialog{max-width:570px;width:calc(100% - 32px);background:#101620;color:#eef0fa;border:1px solid #414d64;border-radius:12px;padding:26px}.delivery-dialog::backdrop{background:#02040bd9}.delivery-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px}.delivery-result{margin-top:18px;font-size:13px}@keyframes key-reveal{from{filter:blur(8px);opacity:.2}to{filter:blur(0);opacity:1}}@media(prefers-reduced-motion:reduce){.delivery-key.is-revealing{animation:none}}