:root{color-scheme:dark;--bg:#15171a;--panel:#202327;--raised:#282c31;--text:#f1f3f5;--muted:#abb0b8;--line:#363b42;--accent:#f08040;--danger:#ffa693;--font:'Avenir Next',Avenir,'Trebuchet MS',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-underline-offset:5px}a:hover{color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main:focus{outline:none}.wrap{width:min(1080px,calc(100% - 80px));margin-inline:auto}.preview-bar{background:#1c1e21;color:#b6bac1;font-size:13px;border-bottom:1px solid #2a2e33}.preview-bar .wrap{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.preview-bar a{text-decoration:none;white-space:nowrap}.nav nav a{text-decoration:none;color:var(--muted)}.nav nav a:hover{color:var(--text)}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--accent);color:#17191b;padding:12px 18px}.skip:focus{top:10px}main{min-height:calc(100svh - 320px)}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,5vw,62px);line-height:1.08;letter-spacing:-2.6px;font-weight:600}h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;font-weight:600}h3{font-size:19px;line-height:1.35;font-weight:600}p{color:var(--muted)}.lead{font-size:21px;line-height:1.6;margin-top:24px}.quiet,.field-hint{font-size:15px;color:var(--muted);line-height:1.6}.quiet{margin-top:24px}.field-hint{margin-top:10px}.breadcrumb{font-size:15px;margin-bottom:24px}.intro{padding:68px 0 56px}.intro.compact{padding-bottom:36px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}.button,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;text-decoration:none;border-radius:8px;font-size:16px;line-height:24px;padding:13px 22px;font-weight:600;transition:background .16s ease,transform .16s ease}.button{background:var(--accent);color:#181b1e}.button:hover{background:#ff965b;color:#181b1e}.button:active,.secondary:active{transform:translateY(1px)}.secondary{background:var(--raised);border-color:#454b53;color:var(--text)}.secondary:hover{background:#353b42}.text-link{border:0;padding:0;background:none;color:var(--text);text-decoration:none;line-height:1.6;font-weight:500}.text-link:hover{text-decoration:underline}.wide{width:100%}.split{display:grid;grid-template-columns:1fr 440px;gap:105px;padding:68px 0 90px;align-items:center}.order-summary{padding-left:18px}.product-mark{width:145px;height:145px;display:block;margin:0 0 30px -13px;filter:drop-shadow(0 12px 20px #0004)}.order-summary h1{font-size:53px}.price{font-size:44px;line-height:1.1;color:var(--text);margin-top:28px;letter-spacing:-1.5px}.price span{font-size:17px;color:var(--muted);letter-spacing:0;margin-left:8px}.benefits{padding:0;list-style:none;line-height:1.9;color:#d0d4da;margin:24px 0 0}.form-panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:34px}.form-panel>p{margin-top:16px}.form-panel h2{font-size:29px}form{margin-top:30px}label{display:block;font-size:15px;font-weight:500;margin-bottom:9px;color:#d8dce1}input,select,textarea{display:block;width:100%;border:1px solid #505761;border-radius:7px;background:#181b1f;color:var(--text);padding:12px 14px;min-height:50px}input::placeholder,textarea::placeholder{color:#868e99}input[aria-invalid=true]{border-color:var(--danger)}form>.button{margin-top:24px}form>label:not(:first-child){margin-top:22px}textarea{resize:vertical}.below-form{margin-top:28px;font-size:15px}.below-form a{color:var(--muted)}.code{font-variant-numeric:tabular-nums;font-size:27px;letter-spacing:8px}.inline-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px}.inline-actions button,.inline-actions a{font-size:15px}.error{color:var(--danger);font-size:15px;margin-top:12px}.email-address{color:var(--text);overflow-wrap:anywhere}.narrow{width:min(500px,100%);margin:auto;padding:75px 0 90px}.narrow h1{font-size:52px}.narrow .lead{font-size:19px}.narrow form{margin-top:36px}.centered{max-width:670px;margin:auto;text-align:center;padding:80px 0 105px}.centered .actions{justify-content:center}.centered h1{font-size:49px}.centered .quiet{max-width:500px;margin:32px auto 0}.status-orbit{display:block;width:72px;height:72px;margin:0 auto 35px;border:2px solid #474f59;border-right:5px solid var(--accent);border-radius:50%;box-shadow:inset 0 0 0 12px #25292e}.ready-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:68px;padding-bottom:80px;align-items:start}.key-panel{border-top:1px solid var(--line);padding-top:28px}.key-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:24px}.key-row code{font:16px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.key-row button{font-size:14px;padding:8px 12px;white-space:nowrap}.next-steps{border-top:1px solid var(--line);padding-top:28px}.next-steps ol{padding:0;margin:28px 0 0;list-style:none}.next-steps li+li{margin-top:25px}.next-steps p{font-size:16px;margin-top:8px}.account-heading{display:flex;justify-content:space-between;align-items:center;padding:64px 0 45px}.account-heading .lead{font-size:18px;margin-top:14px;overflow-wrap:anywhere}.account-grid{display:grid;grid-template-columns:330px 1fr;gap:65px;padding-bottom:70px}.license-card{background:linear-gradient(145deg,#2b3036,#1d2024);border:1px solid #414750;border-radius:16px;padding:28px;align-self:start}.license-card img{width:84px;height:84px;display:block;margin:-10px 0 16px -8px}.license-card h2{font-size:25px}.license-card>p{margin-top:8px;font-size:16px}.license-card .key-row{display:block;padding:17px;background:#14171b99;margin-top:26px}.license-card code{display:block;font-size:14px}.license-card .key-row button{margin-top:14px}.license-card .license-links{display:grid;gap:17px;margin-top:28px;font-size:15px}.license-links a,.license-links button{justify-self:start;font-size:15px}.devices-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.devices-header p{font-size:15px}.device{display:flex;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.device-copy{flex:1;min-width:0}.device-copy h3{font-size:18px;overflow-wrap:anywhere}.device-copy p{font-size:14px;margin-top:4px}.device>button{font-size:14px;white-space:nowrap}.mac-icon{width:42px;height:29px;border:1.5px solid #9ba7b3;border-radius:4px;background:linear-gradient(135deg,#63727b55,#242b34);position:relative;flex:none;margin:0 3px 5px}.mac-icon:after{content:'';position:absolute;left:-5px;right:-5px;height:3px;border-radius:0 0 4px 4px;background:#98a4af;bottom:-6px}.device-note{margin-top:22px;font-size:15px}.device-note a{color:#dfe2e6}.notice{border-left:2px solid var(--accent);padding:16px 20px;background:#25272b;color:#c9cdd4;font-size:16px;margin:24px 0}.notice h3{margin-bottom:8px;color:var(--text)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{list-style:none;cursor:pointer;color:var(--text);font-size:18px;display:flex;align-items:center;justify-content:space-between;gap:24px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--muted);font-size:24px;font-weight:400}details[open] summary:after{content:'−'}details p{margin:16px 28px 0 0;font-size:16px}details a{font-size:16px}details>p+a{display:inline-block;margin-top:14px}.activation-detail{margin-top:26px}.activation-detail summary{font-size:15px}.download-hero{display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:center;padding:65px 0 95px}.download-hero .button{margin-top:32px}.download-hero .quiet{margin-top:16px;margin-bottom:28px}.download-hero>img{width:100%;height:auto;filter:drop-shadow(0 24px 35px #0004)}.setup-section{border-top:1px solid var(--line);padding:50px 0 40px}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:34px}.setup-grid article{border-top:1px solid var(--line);padding-top:22px}.setup-grid p{margin-top:12px;font-size:16px}.reading{max-width:730px;padding-bottom:50px}.help-layout{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:start;padding-bottom:80px}.help-layout .reading h2{margin-bottom:12px}.support-panel{padding:28px}.support-panel h2{font-size:28px}.catalog-intro{padding-bottom:70px}.catalog-row{display:flex;justify-content:space-between;align-items:center;gap:30px;text-decoration:none;border-top:1px solid var(--line);padding:29px 0;transition:padding .2s ease}.catalog-row:hover{padding-left:12px}.catalog-row h2{font-size:23px}.catalog-row p{font-size:16px;margin-top:8px}.catalog-meta{display:flex;gap:28px;align-items:center;max-width:260px}.catalog-meta>span:first-child{font-size:14px;color:var(--muted)}.catalog-meta>span:last-child{font-size:25px;color:var(--accent)}.review-note{border-top:1px solid var(--line);padding:55px 0 65px;max-width:740px}.review-note p{margin:18px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:14px}.footer nav{display:flex;gap:25px}.footer a{text-decoration:none}.review-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 26px;color:var(--muted);font-size:13px}.state-control{display:flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap;margin:0}.state-control select{width:auto;font-size:13px;min-height:36px;padding:6px 30px 6px 10px;background:#1b1e22;color:var(--muted)}#demo-help{font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);padding:13px 21px;max-width:calc(100% - 40px);border:1px solid #59636e;background:#30363e;color:var(--text);box-shadow:0 10px 40px #0006;border-radius:9px;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;z-index:50;font-size:15px}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:var(--panel);color:var(--text);border:1px solid #505761;border-radius:16px;padding:34px;width:min(490px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow-y:auto;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#06080ab8;backdrop-filter:blur(5px)}dialog h2{font-size:27px}dialog p{margin-top:18px}dialog .actions{margin-top:26px}.danger-button{background:#ff9b87;color:#261916}.danger-button:hover{background:#ffb09f}.empty{padding:45px 0}.empty p{margin-top:12px}.mail-window{max-width:760px;margin:0 auto 80px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.mail-envelope{display:grid;grid-template-columns:75px 1fr;gap:8px;padding:24px 35px;background:#202328;font-size:14px}.mail-envelope span{color:var(--muted)}.mail-envelope b{font-weight:500}.mail-paper{background:#fafaf8;color:#202329;padding:48px 55px 55px}.mail-paper img{width:68px;height:68px;display:block;margin-bottom:26px}.mail-paper h2{font-size:29px}.mail-paper p{color:#5c626a;margin-top:20px}.mail-paper code{display:block;background:#eeefed;border:1px solid #dddeda;padding:20px;border-radius:8px;color:#23272d;margin-top:24px;overflow-wrap:anywhere}.mail-paper .button{margin-top:24px}.mail-paper .email-foot{font-size:14px;border-top:1px solid #dedfdb;padding-top:24px;margin-top:35px}.legal{margin:0 auto;padding-top:65px}.legal h2{margin-top:34px}.legal h2+p{margin-top:14px}.legal .notice{margin-top:30px}.license-picker{max-width:330px;margin-bottom:24px}.status-label{color:var(--danger)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1000px){.split{gap:50px;grid-template-columns:1fr 420px}.order-summary{padding-left:0}.order-summary h1{font-size:47px}.account-grid{gap:40px;grid-template-columns:300px 1fr}.help-layout{gap:40px;grid-template-columns:1fr 390px}.download-hero{gap:30px;grid-template-columns:1fr 300px}.ready-grid{gap:40px}.key-row{flex-wrap:wrap}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.preview-bar{font-size:11px}.preview-bar .wrap{gap:12px}h1{font-size:44px;letter-spacing:-1.8px}.intro{padding:42px 0 38px}.lead{font-size:19px;margin-top:20px}.split{grid-template-columns:1fr;gap:38px;padding:38px 0 55px}.product-mark{width:105px;height:105px;margin-bottom:20px;margin-left:-8px}.order-summary h1{font-size:44px}.price{font-size:36px;margin-top:22px}.order-summary .benefits{font-size:16px;line-height:1.8;margin-top:16px}.order-summary .quiet{margin-top:14px}.form-panel{padding:26px}.form-panel h2{font-size:27px}.claim .order-summary .quiet br{display:none}.narrow{padding:48px 0 65px}.narrow h1{font-size:44px}.centered{padding:55px 0 75px}.centered h1{font-size:40px}.centered .lead br{display:none}.ready-grid,.account-grid,.help-layout{grid-template-columns:1fr;gap:40px}.key-row{gap:16px;padding:18px}.next-steps{margin-top:0}.account-heading{padding:45px 0 30px;align-items:flex-start;gap:16px}.account-heading h1{font-size:38px}.account-heading .text-link{font-size:14px;white-space:nowrap;padding-top:6px}.account-heading .lead{font-size:16px}.license-card{padding:24px}.license-card img{float:left;margin:-5px 16px 6px -5px;width:72px;height:72px}.license-card .key-row{clear:both}.device{gap:14px}.device>button{padding:0}.mac-icon{width:30px;height:22px;margin-inline:4px}.device-copy h3{font-size:16px}.device-copy p{font-size:13px}.devices-header h2{font-size:25px}.download-hero{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:20px;padding:35px 0 60px}.download-hero>img{width:145px;margin-left:-10px}.setup-section{padding-top:35px}.setup-grid{grid-template-columns:1fr;gap:28px;margin-top:24px}.setup-grid p{max-width:450px}.help-layout{padding-bottom:55px}.catalog-row{padding:25px 0}.catalog-row h2{font-size:22px}.catalog-row p{font-size:15px}.catalog-meta{max-width:25px}.catalog-meta>span:first-child{display:none}.catalog-intro{padding-bottom:50px}.review-note{padding-top:35px}.footer{font-size:12px;gap:16px}.footer nav{gap:17px}.review-tools{flex-direction:column;align-items:flex-start;gap:10px}.state-control{width:100%;justify-content:space-between}.state-control select{max-width:70%}.mail-envelope{padding:20px;grid-template-columns:60px 1fr}.mail-paper{padding:30px 25px}.mail-paper h2{font-size:26px}.legal{padding-top:40px}.actions{gap:20px}dialog{padding:26px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.preview-bar .wrap>span{max-width:210px}.form-panel{padding:22px}.device{gap:10px}.device>button{font-size:13px}.footer{align-items:flex-start;flex-direction:column}h1,.order-summary h1{font-size:40px}}

.device .text-link{min-height:44px}.license-links>span{font-size:14px;color:var(--muted)}

.sign-out{margin:0}.license-picker .secondary{margin-top:12px}.key-row code{user-select:all}body{min-height:100svh}.footer{margin-top:40px}

.purchase-total{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-block:1px solid var(--line,#353a40);margin-block:32px 12px}.link-button{appearance:none;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left}.link-button:hover{color:var(--accent,#f78236)}.below-form form{margin:0}.code-input{font-variant-numeric:tabular-nums;letter-spacing:.3em;font-size:1.5rem}.break{overflow-wrap:anywhere}

.email-change-actions{align-items:center;flex-wrap:wrap}.email-change-actions form{margin:0}.email-change-page p,.email-change-page label{overflow-wrap:anywhere}

/* UI-04: readable result actions, long names and reduced motion. */
.button.secondary{color:var(--text);background:var(--raised);border-color:#454b53}.button.secondary:hover{color:var(--text);background:#353b42}.purchase-result>.panel{margin-block:32px}.purchase-result>p:not(.lead){margin-top:18px}.purchase-result>.button{margin-top:28px}.purchase-result .key-row{flex-wrap:wrap}.key-row code{min-width:0}.account-heading>div,.account-grid>*,.split>*{min-width:0}dialog h2{overflow-wrap:anywhere}.devices-header{flex-wrap:wrap}.below-form:has(>form){display:flex;flex-wrap:wrap;gap:12px 24px}.below-form .link-button{min-height:44px}.email-change-page .actions button{min-height:44px}
@media(prefers-reduced-motion:reduce){.button,.secondary,.toast{transition:none}}
