:root{color-scheme:dark;--bg:#080d0b;--text:#f1f6f2;--muted:#a6b5aa;--green:#b8ff70;--line:rgba(224,255,233,.13)}
*{box-sizing:border-box}html{height:100%;overflow:hidden;scroll-behavior:auto}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 75% 8%,#25463255,transparent 55%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}h1:focus{outline:none}::selection{background:var(--green);color:var(--bg)}
.header{width:min(1040px,100%);margin:0 auto;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:8px 28px}.brand{display:flex;align-items:center;gap:6px;font-size:21px;font-weight:600;letter-spacing:-.7px}.brand>span:first-child{font-size:28px;margin-right:5px;filter:drop-shadow(0 0 15px #b8ff7033)}.brand-light{color:#adbcb1;font-weight:400}.restart{color:#99ac9f;border:0;background:none;min-height:44px;padding:10px 0;font-size:12px}.restart:hover{color:var(--green)}
.wizard{width:min(1020px,100%);margin:0 auto;flex:1;min-height:0;padding:8px 24px max(8px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.progress{flex:0 0 30px;display:flex;list-style:none;padding:0;margin:0 8px;justify-content:space-between;gap:10px}.progress li{display:flex;align-items:center;gap:9px;color:#71887a;font-size:12px;min-height:30px}.progress li>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font-size:11px}.progress li[aria-current]{color:#e7f8df}.progress li[aria-current]>span{background:var(--green);color:#172811;border-color:var(--green);box-shadow:0 0 18px #b8ff7020}.progress li.complete{color:#b0c6b7}.progress li.complete>span{border-color:#b8ff7050;color:var(--green);background:#b8ff700c}
.glass{background:linear-gradient(130deg,rgba(226,255,231,.065),rgba(216,255,226,.02));border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0e,0 25px 70px #0002;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.card{border-radius:26px;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.card section{flex:1;min-height:0;display:flex;flex-direction:column;text-align:center}.panel-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px;scrollbar-width:thin;scrollbar-color:#4c6656 transparent;display:flex;flex-direction:column;justify-content:safe center}.panel-copy{flex-shrink:0}.panel-media{flex:1;min-height:110px;display:flex;align-items:center;justify-content:center;margin-top:15px}.intro-symbol{font-size:38px;filter:drop-shadow(0 0 18px #b8ff7020);margin-bottom:18px}h1{font-size:32px;line-height:1.16;font-weight:550;letter-spacing:-1.1px;margin:0;text-wrap:balance}.lead{font-size:14px;line-height:1.6;color:var(--muted);margin:14px 0 0;text-wrap:pretty}.question{font-weight:500;font-size:15px;letter-spacing:-.2px;margin:23px 0 15px}.choices{display:grid;gap:11px;width:min(400px,100%);margin:0 auto}.button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;width:100%;padding:13px 18px;border-radius:14px;font-size:14px;line-height:1.4;font-weight:600;transition:background .15s,box-shadow .15s}.primary{background:var(--green);border:1px solid var(--green);color:#192b0e;box-shadow:inset 0 1px #e1ffc0,0 8px 30px #b8ff700b}.primary:hover{background:#caff94}.secondary{background:#e5ffeb07;color:#dbe7dd;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff08}.secondary:hover{background:#e5ffeb10}.step-label{font-size:10px;font-weight:600;letter-spacing:1.4px;color:var(--green);margin-bottom:12px}.instruction{font-size:12px;line-height:1.55;color:#9bad9f;margin:12px 0 0}
/* The footer is outside every step's scrolling content; its position never depends on image height. */
.wizard-footer{flex:0 0 auto;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:13px 24px;background:linear-gradient(110deg,#132018f2,#0b1510f5)}.back{min-width:75px;min-height:48px;color:#bacdbf;font-size:13px;border:0;background:none;padding:10px 0;text-align:left}.wizard-footer .button{margin-left:auto;width:min(420px,70%)}.under-card{flex:0 0 24px;display:flex;align-items:center;justify-content:center;min-height:24px}.poster-link{font-size:10px;color:#718d7b;min-height:24px;display:flex;align-items:center}.back:hover,.poster-link:hover{color:var(--green)}
/* Limit the rendered image, not the source viewBox; enlarged examples remain available in the dialog. */
.screen-shot{display:flex;flex-direction:column;width:100%;height:100%;max-height:330px;max-width:450px;min-height:0;margin:0;padding:0;overflow:hidden;border:1px solid #d8ffe52a;border-radius:17px;background:#06120e;box-shadow:0 14px 36px #0003;cursor:zoom-in;color:#a8bcae;text-align:left;transition:border-color .15s}.screen-shot:hover{border-color:#b8ff7077}.screen-shot .screen-svg{display:block;width:100%;height:0;flex:1;min-height:0;overflow:hidden}.screen-caption{flex:0 0 29px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:29px;padding:7px 10px;font-size:9px;background:#0b1712}.screen-caption>span{color:var(--green)}
.help{border-top:1px solid var(--line);margin:12px 0 0;text-align:left}.help>summary{list-style:none;cursor:pointer;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#a0b4a6;padding:8px 0}.help>summary::-webkit-details-marker{display:none}.help>summary:after{content:"+";font-size:19px;font-weight:300}.help[open]>summary:after{content:"−"}.help>div{font-size:12px;color:#a8bbae;line-height:1.65;padding-bottom:10px}.help p{margin-bottom:0}.help dl{margin:0}.help dl>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #d8ffe50a;padding:4px 0}.help dt{color:#7e9a87}.help dd{margin:0;color:#d4e3d8}.text-button{display:block;border:0;background:none;padding:10px 0;font-size:12px;color:var(--green);min-height:44px}.incy-icon{display:block;width:72px;height:72px;border-radius:20px;margin:0 auto 20px;box-shadow:0 15px 35px #0003}.return-symbol{display:grid;place-items:center;width:52px;height:52px;border:1px solid #b8ff7040;border-radius:17px;background:linear-gradient(130deg,#b8ff701f,#b8ff7008);color:var(--green);font-size:30px;margin:0 auto 18px}.final-action{text-align:left;display:flex;align-items:center;gap:14px;background:#dcffe608;border:1px solid var(--line);border-radius:15px;padding:13px 17px;margin:12px auto 0;width:min(440px,100%)}.final-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#b8ff7014;color:var(--green);font-size:12px;flex-shrink:0}.final-action p{font-size:14px;line-height:1.5;color:#a4b9aa;margin:0}.final-action strong{font-weight:500;color:#eff6eb}.final-note{font-size:12px;line-height:1.6;color:#b3d19e;margin:18px 0 0}[data-panel="start"] .panel-content,[data-panel="install"] .panel-content,[data-panel="return"] .panel-content{align-items:center}[data-panel="install"] .button{width:min(400px,100%);margin-top:22px}[data-panel="install"] .help{width:min(400px,100%);margin-top:20px}[data-panel="start"] .lead{margin-bottom:0}
.screen-dialog{width:min(820px,calc(100% - 24px));max-height:90vh;max-height:90dvh;padding:15px;border-radius:23px;border:1px solid #dcffe536;background:#0b1712;color:var(--text);box-shadow:0 30px 100px #000a;overflow:auto}.screen-dialog::backdrop{background:#000b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.dialog-bar p{font-size:14px;line-height:1.5;margin:0;color:#d6e7db}.dialog-bar button{min-height:44px;flex-shrink:0;background:#e2ffeb0c;border:1px solid var(--line);border-radius:11px;color:#d7efdf;padding:9px 13px;font-size:12px}.screen-dialog .screen-svg{display:block;width:100%;height:auto;max-height:calc(90dvh - 95px);border-radius:12px}.noscript{font-size:13px;line-height:1.6;color:var(--muted)}.noscript a{text-decoration:underline;color:var(--green)}
@media(min-width:760px){[data-panel="settings"] .panel-content,[data-panel="purchases"] .panel-content,[data-panel="country"] .panel-content,[data-panel="billing"] .panel-content{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;justify-content:initial}.panel-copy{text-align:left;min-width:0}.panel-media{height:100%;max-height:380px;min-height:0;margin:0}.screen-shot{max-height:360px}h1{font-size:clamp(25px,3vw,34px)}.card{max-height:610px}[data-panel="start"] .panel-content{padding:30px}.wizard{padding-bottom:20px}}
@media(max-width:759px){.header{flex-basis:55px;padding:5px 20px}.brand{font-size:20px}.brand>span:first-child{font-size:26px}.restart{font-size:11px}.wizard{padding:4px 14px max(5px,env(safe-area-inset-bottom));gap:9px}.progress{flex-basis:28px;margin:0 7px}.progress li{font-size:11px;gap:7px;min-height:28px}.progress li>span{width:23px;height:23px;font-size:10px}.card{border-radius:22px}.panel-content{padding:20px;justify-content:flex-start}.panel-media{max-height:245px}.screen-shot{max-height:245px;max-width:390px;border-radius:14px}h1{font-size:26px;letter-spacing:-.8px}.lead{font-size:13px;line-height:1.5;margin-top:10px}.step-label{font-size:9px;letter-spacing:1.2px;margin-bottom:10px}.instruction{font-size:11px;line-height:1.45;margin-top:9px}.help{margin-top:9px}.help>summary{font-size:11px;min-height:36px}.help>div{font-size:11px}.wide-only{display:none}.wizard-footer{padding:10px 16px;gap:14px}.wizard-footer .button{width:auto;flex:1;min-height:49px;font-size:12px;padding:12px 10px;gap:8px}.back{min-width:64px;min-height:49px;font-size:12px}.under-card{flex-basis:22px;min-height:22px}.poster-link{font-size:9px}.choices .button{font-size:13px}.question{font-size:14px;margin-top:20px}.intro-symbol{font-size:34px;margin-bottom:15px}.incy-icon{width:65px;height:65px;border-radius:18px;margin-bottom:16px}.return-symbol{width:46px;height:46px;font-size:27px;margin-bottom:14px}.final-action{padding:12px;gap:11px}.final-action p{font-size:13px}.final-note{font-size:11px;margin-top:14px}.screen-dialog{padding:12px;border-radius:19px}.dialog-bar{gap:10px}.dialog-bar p{font-size:12px}.dialog-bar button{font-size:11px;padding:9px 11px}}
@media(max-height:650px){.header{flex-basis:48px;min-height:48px}.wizard{gap:6px;padding-top:2px;padding-bottom:3px}.progress{flex-basis:26px}.progress li{min-height:26px}.panel-content{padding:15px 18px}.panel-media{margin-top:10px;min-height:90px}.step-label{margin-bottom:7px}h1{font-size:23px}.lead{font-size:12px;margin-top:8px}.instruction{font-size:10px;margin-top:7px}.intro-symbol{font-size:28px;margin-bottom:10px}.question{margin:15px 0 12px}.button{min-height:46px;padding:11px 12px}.choices{gap:9px}.help>summary{min-height:32px;font-size:10px}.help{margin-top:7px}.wizard-footer{padding-top:8px;padding-bottom:8px}.under-card{flex-basis:20px;min-height:20px}.incy-icon{width:52px;height:52px;margin-bottom:12px}.return-symbol{width:40px;height:40px;margin-bottom:10px;font-size:24px}.final-action{padding:9px 12px;margin-top:9px}.final-action p{font-size:12px}.final-note{font-size:10px;margin-top:11px}[data-panel="install"] .button{margin-top:16px}[data-panel="install"] .help{margin-top:12px}}
@media(max-width:360px){.header{padding-left:16px;padding-right:16px}.brand{font-size:18px}.wizard{padding-left:10px;padding-right:10px}.panel-content{padding-left:15px;padding-right:15px}h1{font-size:23px}.lead{font-size:12px}.wizard-footer{padding-left:13px;padding-right:13px}.wizard-footer .button{font-size:11px}.screen-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.panel-content > :not(.panel-media){flex-shrink:0}

.wizard-footer{height:74px;flex-basis:74px}.wizard-footer .button{min-height:50px;white-space:nowrap}.wizard-footer .back{min-height:50px}
@media(max-height:650px){[data-panel="return"] .return-symbol{display:none}}

/* Keep the final instructions shorter than the content area, including medium-height laptop windows. */
[data-panel="return"] .return-content{gap:20px;justify-content:safe center}
.return-copy{width:100%;max-width:440px}.return-steps{display:grid;gap:12px;width:100%;max-width:440px}
.return-steps .final-action{margin:0;width:100%}
@media(min-width:760px){[data-panel="return"] .return-content{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;justify-content:initial}.return-copy{text-align:left}.return-steps{justify-self:center}}
@media(max-width:759px){[data-panel="return"] .return-content{gap:18px}.return-steps{gap:10px}}
@media(max-height:650px){[data-panel="return"] .return-content{gap:14px}.return-steps{gap:9px}}

/* Standalone 1920×1080 vector artwork stays sharp at Retina scale and in the enlarged view. */
.screen-shot .screen-image{display:block;width:100%;height:0;flex:1;min-height:0;object-fit:contain;background:#0b1712}
.screen-dialog{width:min(1240px,calc(100% - 24px))}
.screen-dialog .screen-image{display:block;width:100%;height:auto;max-height:calc(90dvh - 95px);object-fit:contain;border-radius:12px;background:#0b1712}

.download-screen{display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--green);font-size:12px;margin-top:8px}.screen-dialog .screen-image{max-height:calc(90dvh - 145px)}
