:root{--bg:#041322;--surface:#0b1c2c;--line:#314354;--gold:#dfc188;--text:#f2f4f8;--muted:#9baec3;--faint:#768ca3;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold);outline-offset:2px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:7px;background:#061625;color:var(--text);padding:19px 22px;min-width:0}input::placeholder,textarea::placeholder{color:#8398ad}textarea{resize:vertical;line-height:1.6;font-size:14px}label{display:block;font-size:14px;margin-bottom:12px}h1{font-size:clamp(38px,4vw,57px);line-height:1.03;letter-spacing:-2.1px;font-weight:550;margin:23px 0 18px;outline:none}h2{font-size:26px;font-weight:550;letter-spacing:-.7px}p{line-height:1.6}.shell{max-width:1536px;margin:auto;padding:0 5.65vw;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff22;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:26px;text-decoration:none;font-size:29px;font-weight:650;letter-spacing:8px}.brand img{width:25px;height:36px}.text-button{background:none;border:0;color:#bdcbdc;font-size:15px;padding:12px 0}.text-button span{margin-left:14px;color:#e0e7ef;font-size:21px}.text-button:hover,.underlink:hover{color:var(--gold)}main{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:735px;flex:1;align-items:center}.wing{position:absolute;z-index:0;pointer-events:none;inset:0 auto 0 -9vw;width:57%;overflow:visible;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 80%,transparent)}.wing img{position:absolute;width:110%;max-width:none;top:-48%;right:0;transform:scaleX(-1);mask-image:linear-gradient(to left,#000 80%,transparent);-webkit-mask-image:linear-gradient(to left,#000 80%,transparent);animation:wing-arrive 1.4s ease-out both}.activation{grid-column:2;z-index:1;width:min(100%,526px);justify-self:end;padding:60px 0 55px;animation:appear .7s ease-out both}.steps{padding:0;margin:0 0 50px;display:flex;list-style:none;justify-content:space-between;color:#6e8298;font-size:13px;gap:16px}.steps li{display:flex;gap:18px;align-items:center;white-space:nowrap}.steps li:not(:last-child)::after{content:'—';margin-left:18px;color:#647a8e}.steps b{font-size:20px;font-weight:500}.steps .active{color:var(--gold)}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:4px;margin:0}.lead{font-size:20px;color:var(--muted);line-height:1.5;margin:0 0 50px}form .primary{margin-top:20px}.primary{width:100%;display:flex;justify-content:center;align-items:center;gap:24px;min-height:64px;padding:16px 22px;background:linear-gradient(100deg,#cfad6d,#e6cfa0);border:1px solid #e2c78c;border-radius:7px;color:#17202b;font-size:19px;font-weight:550;transition:filter .18s,transform .18s}.primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.primary span{font-size:28px;font-weight:350}.underlink{display:inline-block;border:0;border-bottom:1px solid #8393a7;background:none;color:#bccbdd;font-size:14px;padding:0 0 3px;margin-top:29px}.inline-help{margin:12px 0 20px}.notice,.error{padding:14px 17px;border-left:2px solid var(--gold);font-size:14px;color:var(--gold);margin-top:24px;line-height:1.6}.error{border-color:#e49488;color:#f1b7ad}.micro{font-size:12px;color:var(--faint);line-height:1.7;margin:20px 0}.check{display:flex;gap:12px;font-size:12px;color:#b0bfd0;line-height:1.6;align-items:flex-start}.check input{width:17px;height:17px;margin:3px 0 0;accent-color:var(--gold);flex-shrink:0}.summary{margin:30px 0 35px}.summary>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #ffffff16}.summary dt{color:var(--muted)}.summary dd{margin:0;overflow-wrap:anywhere}.status-icon{margin-top:35px;color:var(--gold);font-size:42px;line-height:1}.spinner{display:block;width:34px;height:34px;border:1px solid #dfc18844;border-top:2px solid var(--gold);border-radius:50%;animation:spin 1.2s linear infinite}footer{height:96px;border-top:1px solid #ffffff22;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}footer small{font-size:11px;color:var(--faint);letter-spacing:2px}dialog{background:var(--surface);color:var(--text);padding:34px;border:1px solid var(--line);border-radius:12px;width:min(530px,calc(100% - 30px));max-height:85svh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog p,dialog li{font-size:15px;line-height:1.7;color:#b2c2d4}dialog ol{padding-left:20px}dialog .close{position:absolute;right:12px;top:6px;background:none;border:0;color:var(--muted);font-size:32px;padding:8px}dialog h2{padding-right:20px}dialog .primary{font-size:16px;min-height:52px}#content{animation:appear .3s ease-out}#dialog-status{font-size:16px;color:var(--gold)}[hidden]{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wing-arrive{from{opacity:0;translate:-16px 12px}to{opacity:1;translate:0 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.shell{padding:0 86px}.wing{left:-140px}}@media(max-width:1050px){.brand{font-size:24px;letter-spacing:6px}main{min-height:690px;grid-template-columns:42% 58%}.wing{width:62%;left:-21%}.activation{width:95%}.steps{gap:7px}.steps li{gap:10px}.steps li:not(:last-child)::after{margin-left:8px}.lead{font-size:18px}}@media(max-width:640px){.shell{padding:0 24px}header{height:84px}.brand{font-size:20px;letter-spacing:5px;gap:13px}.brand img{width:18px;height:28px}.text-button{font-size:12px}.text-button span{margin-left:8px;font-size:18px}main{display:block;min-height:600px;overflow:visible}.activation{width:100%;padding:55px 0;position:relative}.wing{width:400px;left:-275px;top:80px;bottom:0;opacity:.14}.wing img{top:-240px;width:500px}.steps{margin-bottom:42px;font-size:11px}.steps b{font-size:17px}.steps li{gap:10px}.steps li:not(:last-child)::after{margin-left:10px}h1{font-size:43px;letter-spacing:-1.7px;margin-top:23px}.lead{font-size:17px;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:3px}.primary{min-height:58px;font-size:17px}input{padding:18px;font-size:16px}footer{height:82px;gap:10px}footer small{font-size:9px;letter-spacing:1px}.summary{font-size:14px}.summary>div{gap:12px}dialog{padding:25px}}@media(max-width:350px){.shell{padding:0 18px}.brand{letter-spacing:3px;font-size:18px}.steps li:not(:last-child)::after{margin-left:0}.steps li{gap:5px}h1{font-size:39px}footer small{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.error h2{font-size:21px;line-height:1.3;margin:0 0 18px}.error p{margin:6px 0 16px}.error b{color:var(--text);font-weight:500}.feedback-actions{display:flex;gap:20px;flex-wrap:wrap}.feedback-actions .underlink{margin-top:0}.secondary-link{margin-left:24px}.result-details{font-size:13px;margin:24px 0}.result-details>div{padding:12px 0}.result-details dt{flex-shrink:0}.result-details dd{text-align:right}

/* Keep the image's mirrored placement and entrance separate from its slow movement. */
.wing-motion{position:absolute;inset:0;transform-origin:12% 70%;--wing-angle:1.6deg;--wing-lift:-7px;--wing-stretch:1.015;--wing-flex:.45deg;animation:wing-sway 8.5s ease-in-out 1.4s infinite both}
@keyframes wing-sway{0%,100%{transform:translateY(0) rotate(0deg) skewY(0deg) scaleX(1)}50%{transform:translateY(var(--wing-lift)) rotate(var(--wing-angle)) skewY(var(--wing-flex)) scaleX(var(--wing-stretch))}}
@media(max-width:640px){.wing-motion{--wing-angle:.8deg;--wing-lift:-3px;--wing-stretch:1.008;--wing-flex:.2deg;animation-duration:10s}}

/* Keep the next action ahead of order details on desktop and mobile. */
.result-state h1{font-size:40px;line-height:1.12;letter-spacing:-1.2px;margin:20px 0}.result-state .status-icon{margin-top:22px;font-size:30px}.result-state .lead{font-size:18px;line-height:1.55;margin-bottom:24px}.result-action-card{padding:18px;background:#102737;border:1px solid #dfc18866;border-radius:12px;box-shadow:0 8px 32px #0002}.result-action-card .primary{font-size:18px;line-height:1.35;min-height:66px}.result-action-card .micro{font-size:14px;line-height:1.55;margin:14px 0 0;color:#c1cedb}.result-action-card[aria-busy=true] .primary:disabled{opacity:1;cursor:wait;background:#1a3545;border-color:#486271;color:#e9cf98}.result-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.result-links .underlink{margin-top:0}#activation-details{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}#activation-details summary{color:#c1cedb;font-size:14px;cursor:pointer}#activation-details .result-details{margin-bottom:0}.result-state #order-id{margin:22px 0 14px}@media(max-width:640px){.result-state h1{font-size:32px}.result-state .lead{font-size:16px}.result-action-card{padding:14px}.result-action-card .primary{font-size:16px;padding:16px 12px}.result-action-card .micro{font-size:13px}}

.error.compact-session{padding:22px;border:1px solid #dfc18866;border-left:3px solid var(--gold);border-radius:12px;background:#102737;color:var(--text)}.error.compact-session h2{font-size:26px;line-height:1.2;margin:0 0 14px}.error.compact-session #error-message{font-size:18px;line-height:1.5;margin:0 0 20px}.error.compact-session b,.error.compact-session #error-next,.error.compact-session #error-reference,.error.compact-session .feedback-actions{display:none}.error.compact-session .primary{font-size:18px}@media(max-width:640px){.error.compact-session{padding:18px}.error.compact-session #error-message{font-size:17px}}

/* 2026-11 activator: one clear action per screen, the wing reports progress. */
.top-links{display:flex;gap:26px;align-items:center}.top-links .text-button span{margin-left:8px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:30px}.steps li{display:block;border-top:2px solid #26394a;padding-top:9px;font-size:13px}.steps li:not(:last-child)::after{content:none}.steps b{font-size:13px;font-weight:500;margin-right:3px}.steps li.done{border-color:#8d7a50;color:var(--muted)}.steps li.done b{font-size:0}.steps li.done b::before{content:'✓';font-size:13px}.steps .active{border-color:var(--gold)}
h1{font-size:clamp(36px,3.4vw,50px)}.lead{font-size:18px;margin-bottom:26px}
.ghost,a.ghost{display:inline-flex;gap:5px;align-items:center;border:1px solid #3a4d60;background:#122536;color:#d2dce9;border-radius:8px;padding:9px 13px;font-size:13.5px;white-space:nowrap;text-decoration:none}.ghost:hover{border-color:var(--gold)}
.key-chip{display:inline-block;border:1px solid #3d5163;background:#102737;border-radius:20px;padding:6px 13px;font-size:13px;color:var(--soft,#c1cedb);margin:0}.key-chip b{font-weight:600;color:var(--gold)}
.how{list-style:none;counter-reset:how;margin:0 0 20px;padding:0;border:1px solid #243a4c;border-radius:12px;background:#0b1c2cd9}.how li{counter-increment:how;display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid #1f3343;font-size:14.5px;line-height:1.35}.how li:last-child{border:0}.how li::before{content:counter(how);color:var(--gold);font-weight:600;font-size:14px}.how small{display:block;color:var(--faint);font-size:12.5px;margin-top:2px}
#session-form textarea{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12.5px;padding:13px 15px;line-height:1.5;resize:none;height:84px}#session-form .check{font-size:13px;margin:0 0 16px}#session-form label[for=session]{margin-bottom:9px}
.detected{margin:10px 0 16px;background:#14342c;color:#b9ecd0;border-radius:9px;padding:10px 13px;font-size:14px;line-height:1.4}.detected.bad{background:#38242a;color:#fac1b6}#key-detected{margin-bottom:0}
.form-links,.result-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}.form-links .underlink,.result-links .underlink{margin:0}
.trust{position:absolute;left:0;bottom:26px;width:46%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;z-index:1}.trust b{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.trust p{font-size:12.5px;line-height:1.5;color:var(--muted);margin:0}
.plan-change{display:flex;align-items:center;justify-content:space-between;background:#102737;border:1px solid #2c4557;border-radius:12px;padding:16px 18px;font-size:13.5px;color:var(--muted);margin-bottom:6px}.plan-change b{display:block;font-size:18px;color:var(--text);font-weight:600;margin-top:3px}.plan-change i{font-style:normal;color:var(--gold);font-size:24px}.plan-change span:last-child{text-align:right}
.summary{margin:14px 0 20px}#confirm-view+*{margin:0}.check span{font-size:13px}
.progress-list{list-style:none;margin:24px 0 20px;padding:0}.progress-list li{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #1f3343;font-size:15.5px;color:var(--faint)}.progress-list li:last-child{border-bottom:1px solid #1f3343}.progress-list li::before{content:'';flex:0 0 22px;height:22px;border-radius:50%;border:1px solid #3d5163;text-align:center;line-height:20px;font-size:12px}.progress-list .done{color:var(--text)}.progress-list .done::before{content:'✓';background:#14342c;border-color:#2f6a55;color:#6fd3a0}.progress-list .current{color:var(--gold)}.progress-list .current::before{border:2px solid var(--gold);border-right-color:transparent;animation:spin 1.2s linear infinite}.progress-list small{margin-left:auto;font-size:13px;color:var(--faint)}
.after{background:#102737;border:1px solid #2c4557;border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.5;color:#c1cedb;margin:12px 0}.after b{display:block;color:var(--text);font-weight:600;margin-bottom:3px;font-size:15px}
.no-charge{display:inline-block;background:#14342c;color:#b9ecd0;font-size:13.5px;border-radius:7px;padding:7px 11px;margin:0 0 18px}
a.primary{text-decoration:none;box-sizing:border-box}#success-next{margin-bottom:6px}#activation-details{margin-top:6px}.result-state h1{margin-top:12px}.result-state .status-icon{margin-top:0}
.wing .lit{display:none}.wing[data-progress="1"] .lit,.wing[data-progress="2"] .lit,.wing[data-progress="3"] .lit{display:block;animation:none}.wing[data-progress="1"] img:not(.lit),.wing[data-progress="2"] img:not(.lit),.wing[data-progress="3"] img:not(.lit),.wing[data-progress=off] img{filter:grayscale(1) brightness(.33);transition:filter .8s}
.wing[data-progress="1"] .lit{-webkit-mask-image:linear-gradient(35deg,#000 28%,transparent 40%);mask-image:linear-gradient(35deg,#000 28%,transparent 40%)}.wing[data-progress="2"] .lit{-webkit-mask-image:linear-gradient(35deg,#000 40%,transparent 52%);mask-image:linear-gradient(35deg,#000 40%,transparent 52%)}.wing[data-progress="3"] .lit{-webkit-mask-image:linear-gradient(35deg,#000 54%,transparent 66%);mask-image:linear-gradient(35deg,#000 54%,transparent 66%)}
@media(max-height:900px) and (min-width:1051px){.trust{bottom:10px}}
@media(max-width:1050px){.trust{display:none}}
@media(max-width:640px){.top-links{gap:14px}.steps{margin-bottom:24px}.steps li{font-size:12px}h1{font-size:34px;letter-spacing:-1.1px;margin-top:0}.lead{font-size:15.5px;margin-bottom:16px}.activation{padding:24px 0 34px}.how li{font-size:13.5px;padding:10px 12px;grid-template-columns:18px 1fr auto}.how small{font-size:11.5px}.ghost,a.ghost{padding:6px 9px;font-size:12px}main{min-height:0}
.wing{opacity:.85;inset:auto -30px 0 auto;top:auto;width:380px;height:280px;bottom:0;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}.wing img{width:380px;top:-280px;right:0}
body:not([data-view=key]):not([data-view=success]) .wing{display:none}body[data-view=key] .activation{padding-bottom:280px}body[data-view=success] .wing{top:-10px;bottom:auto;left:-30px;right:auto;width:440px;height:230px}body[data-view=success] .wing img{width:440px;top:-300px}body[data-view=success] .activation{padding-top:190px}body[data-view=success] .steps{display:none}
}
@media(min-width:1051px){body[data-view=session] .wing{mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 62%,transparent 76%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 62%,transparent 76%)}}
@media(max-width:640px){.top-links [data-dialog=status]{display:none}.brand{letter-spacing:4px}}

/* Motion: quick, purposeful, and fully off under prefers-reduced-motion. */
@property --lit{syntax:'<percentage>';inherits:true;initial-value:-15%}
button,a,input,textarea,select,.after,.how li{transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s,filter .18s,opacity .18s}
.primary:active:not(:disabled),.ghost:active,.underlink:active{transform:scale(.98)}.ghost:hover{transform:translateY(-1px)}
input:focus,textarea:focus{box-shadow:0 0 0 4px #dfc1881f}
.steps li{position:relative;transition:color .3s,border-color .4s}
.view-in>*{animation:rise .42s cubic-bezier(.2,.7,.2,1) both}.view-in>:nth-child(2){animation-delay:.04s}.view-in>:nth-child(3){animation-delay:.08s}.view-in>:nth-child(4){animation-delay:.12s}.view-in>:nth-child(5){animation-delay:.16s}.view-in>:nth-child(n+6){animation-delay:.2s}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.detected,.view-in .key-chip,.view-in .no-charge{animation:pop .28s cubic-bezier(.2,.9,.3,1.2) both}@keyframes pop{from{opacity:0;transform:scale(.96) translateY(-3px)}to{opacity:1;transform:none}}
.error:not([hidden]){animation:rise .3s ease both}dialog[open]{animation:dialog-in .24s cubic-bezier(.2,.8,.2,1) both}dialog[open]::backdrop{animation:fade .24s ease both}@keyframes dialog-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}
.progress-list li{transition:color .35s}.view-in .progress-list .done::before{animation:pop .3s ease both}
.view-in .status-icon{animation:pop .4s cubic-bezier(.2,.9,.3,1.4) both}
.wing .lit{display:block;--lit:-15%;opacity:0;animation:none;transition:--lit 1.4s cubic-bezier(.3,.7,.2,1),opacity .6s;-webkit-mask-image:linear-gradient(35deg,#000 var(--lit),transparent calc(var(--lit) + 12%));mask-image:linear-gradient(35deg,#000 var(--lit),transparent calc(var(--lit) + 12%))}
.wing[data-progress="1"] .lit{--lit:28%;opacity:1;-webkit-mask-image:linear-gradient(35deg,#000 var(--lit),transparent calc(var(--lit) + 12%));mask-image:linear-gradient(35deg,#000 var(--lit),transparent calc(var(--lit) + 12%))}.wing[data-progress="2"] .lit{--lit:40%;opacity:1;-webkit-mask-image:linear-gradient(35deg,#000 var(--lit),transparent calc(var(--lit) + 12%));mask-image:linear-gradient(35deg,#000 var(--lit),transparent calc(var(--lit) + 12%))}.wing[data-progress="3"] .lit{--lit:54%;opacity:1;-webkit-mask-image:linear-gradient(35deg,#000 var(--lit),transparent calc(var(--lit) + 12%));mask-image:linear-gradient(35deg,#000 var(--lit),transparent calc(var(--lit) + 12%))}
.wing img:not(.lit){transition:filter .9s ease}.wing[data-progress=full] img:not(.lit){animation:wing-glow 1.6s ease-out both}@keyframes wing-glow{0%{filter:grayscale(.6) brightness(.6)}45%{filter:brightness(1.35)}100%{filter:none}}