:root{--ink:#20382f;--text:#34483f;--muted:#65756d;--line:#dde5df;--green:#246c54;--green-dark:#19523f;--green-soft:#edf5ef;--page:#f7f8f5;--white:#fff;--amber:#7f5419;--amber-soft:#fcf5e7;--red:#a73c39;--red-soft:#fff2ef;--radius:16px;--shadow:0 4px 20px #20382f04}
.brand-icon{display:block;flex:none;width:39px;height:39px;object-fit:contain;border-radius:9px}@media(max-width:520px){.brand-icon{width:34px;height:34px;border-radius:8px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:var(--green);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--green-dark)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #54a587;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.4}h1{font-size:clamp(26px,4vw,34px);font-weight:650;letter-spacing:-.7px;margin-bottom:12px}h2{font-size:19px;font-weight:650;margin-bottom:16px}h3{font-size:15px;font-weight:650;margin-bottom:10px}p{margin-bottom:14px}p:last-child{margin-bottom:0}.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;z-index:10;top:12px;left:12px;padding:8px 16px;background:white;border:2px solid var(--green);border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{background:var(--white);border-bottom:1px solid var(--line)}.header-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:12px 28px;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);line-height:1.35}.brand strong{font-weight:700;font-size:17px;letter-spacing:-.4px}.brand-caption{display:block;font-size:11px;color:var(--muted);letter-spacing:1.5px;margin-top:4px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--green);border-radius:12px 12px 12px 3px;color:white;font-family:Georgia,serif;font-style:italic;font-size:31px;line-height:1;padding-bottom:5px}.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{text-decoration:none;color:var(--muted);padding:9px 14px;border-radius:8px;font-size:14px;white-space:nowrap}.main-nav a[aria-current=page]{background:var(--green-soft);color:var(--green);font-weight:600}.main-nav a:hover{background:var(--page);color:var(--green)}.page-shell{max-width:1120px;margin:auto;padding:44px 28px 68px;min-height:calc(100vh - 180px)}.page-heading{margin-bottom:28px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.7px;color:var(--green);margin-bottom:12px}.lead{color:var(--muted);font-size:15px;max-width:700px}.steps{list-style:none;display:flex;gap:28px;padding:0;margin:0 0 26px;color:var(--muted);font-size:13px}.steps li{display:flex;align-items:center;gap:9px}.steps li>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);background:white;border-radius:50%;font-size:12px}.steps .current{color:var(--green);font-weight:600}.steps .current>span{background:var(--green);color:white;border-color:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:24px;align-items:start}.main-stack,.side-stack{display:grid;gap:24px;min-width:0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:28px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.panel-heading h2{margin:0}.small-label{font-size:11px;color:var(--muted)}.soft-panel{background:var(--green-soft);border-color:#dce9df}.side-stack p{font-size:13px;line-height:1.9}.side-stack h2{font-size:18px}.help-note{padding:2px 8px}.help-note a{font-size:13px}.quiet-note{padding:0 8px;color:var(--muted);font-size:12px!important}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere}.button{min-height:44px;border:1px solid transparent;border-radius:9px;padding:10px 16px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:1.5;transition:background .15s,border-color .15s;vertical-align:middle}.primary{background:var(--green);color:white}.primary:hover{background:var(--green-dark);color:white}.secondary{background:white;color:var(--green);border-color:#ceddd3}.secondary:hover{background:var(--green-soft);color:var(--green-dark);border-color:#9ebca9}.full-width{width:100%}.button-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.button[aria-busy=true]::before{content:"";width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}fieldset{border:0;padding:0;margin:0;min-width:0}.product-list{display:grid;gap:12px}.product-option{display:flex;gap:13px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:white}.product-option:has(input:checked){border-color:var(--green);background:#f4f9f5;box-shadow:inset 0 0 0 1px var(--green)}.product-option input{accent-color:var(--green);margin:6px 0 0;flex:none;width:17px;height:17px}.product-info{flex:1;min-width:0}.product-name{display:block;font-weight:650;color:var(--ink)}.product-devices{display:block;font-size:12px;color:var(--muted);margin-top:4px}.product-price{display:block;font-size:22px;font-weight:600;color:var(--ink);line-height:1.4;white-space:nowrap}.product-currency{display:block;color:var(--muted);font-size:11px;text-align:right}.purchase-summary{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:13px;color:var(--muted)}.empty-state{background:var(--page);padding:20px;border-radius:12px;margin-top:20px}.empty-state strong{color:var(--ink)}.empty-state p{font-size:13px;margin:6px 0 16px}.form-stack{display:grid;gap:18px}.field{display:grid;gap:7px}.field>label{font-size:13px;font-weight:600;color:var(--ink)}input[type=text],input[type=email],textarea{width:100%;min-width:0;min-height:46px;background:white;border:1px solid #cddbd1;border-radius:9px;padding:10px 12px;color:var(--ink);line-height:1.5}input::placeholder{color:#7c8881}input:disabled,textarea:disabled{background:var(--page)}input[readonly]{background:var(--page)}.field-hint{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.form-status{font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0 0;overflow-wrap:anywhere}.form-status:empty{display:none}.form-status[data-tone=error]{color:var(--red)}.form-status[data-tone=success]{color:var(--green)}.form-stack>.form-status{margin:0}.verification-section{display:grid;gap:16px}.verification-section .button{justify-self:start}.otp-input{letter-spacing:5px;max-width:240px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:19px}.notice{border:1px solid #d3e4d8;background:var(--green-soft);border-radius:10px;color:var(--green-dark);font-size:13px;padding:13px 15px;line-height:1.8;margin:18px 0 0;overflow-wrap:anywhere}.notice.warning{background:var(--amber-soft);border-color:#ecddbc;color:var(--amber)}.notice.error{background:var(--red-soft);border-color:#efcdc7;color:var(--red)}noscript .notice{margin:0 0 24px}.heading-with-action{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading-with-action .button{flex-shrink:0}.heading-with-action .lead{font-size:12px;margin:0}.page-status{margin:-10px 0 24px}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:white;border-radius:var(--radius);padding:18px 8px;margin-bottom:24px}.status-strip>div{padding:0 18px;border-right:1px solid var(--line)}.status-strip>div:last-child{border-right:0}.status-strip span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.status-strip strong{display:block;font-size:14px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.status-strip strong[data-tone=success]{color:var(--green)}.status-strip strong[data-tone=warning]{color:var(--amber)}.code-panel{border-color:#c8dece}.badge{color:var(--green);background:var(--green-soft);border-radius:6px;padding:3px 8px;font-size:11px}.code-display{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:4px}.activation-code{resize:none;overflow-wrap:anywhere;overflow:auto;min-height:96px;background:#f4f8f4;color:var(--green-dark);border-color:#d7e6d9;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:20px;font-weight:600;letter-spacing:1px;line-height:1.6}.code-panel .field-hint{margin-top:14px}.order-facts{margin:0;display:grid;gap:17px;font-size:12px}.order-facts>div{display:grid;grid-template-columns:60px minmax(0,1fr);gap:16px}.order-facts dt{color:var(--muted)}.order-facts dd{margin:0;color:var(--ink);text-align:right;overflow-wrap:anywhere}.action-details{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.action-details summary{color:var(--green);font-size:14px;font-weight:600;cursor:pointer;padding:4px 0}.action-details[open]>summary{margin-bottom:14px}.action-details p{font-size:13px}.action-details section{margin-top:22px}.compact-form{margin-top:16px}.compact-form>.button{justify-self:start}.checkbox-label{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--text);cursor:pointer}.checkbox-label input{accent-color:var(--green);width:16px;height:16px;margin:3px 0;flex:none}.help-section p{font-size:14px}.help-section h3{margin-top:22px}.site-footer{max-width:1120px;margin:auto;padding:22px 28px 30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.site-footer>div{display:flex;gap:12px}.site-footer a{color:var(--muted)}
.compact-page{max-width:700px;margin:12px auto 0}.lookup-page{max-width:580px}.compact-page>.panel{padding:30px}.compact-page h1{font-size:29px;letter-spacing:-.5px}.compact-page .page-heading{margin-bottom:24px}.compact-page .purchase-summary{border:0;padding:0;margin:20px 0 0;font-size:12px;color:var(--muted)}#purchase-button{margin-top:24px}.compact-page .empty-state{background:transparent;padding:0;margin-top:18px}.form-help{margin:22px 0 0;font-size:12px}.order-actions{padding:0 4px}.order-actions .button-row>a{font-size:13px}
@media(max-width:800px){.content-grid{grid-template-columns:minmax(0,1fr)}.side-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.side-stack>.quiet-note{align-self:center}.page-shell{padding-top:30px}.result-grid .side-stack{grid-template-columns:1fr}.result-grid .help-note{padding:0 8px}.heading-with-action{align-items:flex-start}.heading-with-action .button{padding:9px 12px;font-size:12px}.panel{padding:24px}.compact-page>.panel{padding:26px}}
@media(max-width:520px){.header-inner{padding:15px 18px;gap:12px;align-items:flex-start;flex-direction:column;min-height:auto}.main-nav{margin-left:-10px;gap:4px}.main-nav a{padding:6px 10px;font-size:12px}.brand-caption{font-size:10px}.brand-mark{width:34px;height:34px;font-size:28px}.brand strong{font-size:15px}.page-shell{padding:28px 18px 44px}.panel{padding:20px;border-radius:13px}.panel-heading{gap:6px}.panel-heading .small-label{width:100%}.page-heading{margin-bottom:23px}.lead{font-size:14px}.steps{gap:12px;justify-content:space-between;font-size:10px;margin-bottom:22px}.steps li{gap:6px}.steps li>span{width:20px;height:20px;font-size:10px}.side-stack{grid-template-columns:1fr}.product-option{padding:16px 13px;gap:10px;flex-wrap:wrap}.product-name{font-size:14px}.product-price{font-size:20px}.product-option>.product-pricing{margin-left:27px;width:100%;display:flex;gap:8px;align-items:baseline}.product-currency{text-align:left}.purchase-summary{font-size:12px}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 0;padding:18px 0}.status-strip>div{padding:0 17px}.status-strip>div:nth-child(2){border-right:0}.heading-with-action{flex-direction:column;gap:14px}.page-status{margin-top:0}.heading-with-action .button{align-self:flex-start}.activation-code{font-size:17px}.site-footer{margin:0 18px;padding:20px 0;flex-direction:column;gap:8px}.notice{padding:12px}.order-facts>div{grid-template-columns:65px minmax(0,1fr)}.button-row{gap:12px}.button-row a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:520px){.compact-page{margin-top:0}.compact-page>.panel{padding:22px 20px}.compact-page h1{font-size:25px}.compact-page .purchase-summary{font-size:11px;line-height:1.8}.compact-page .page-heading{margin-bottom:20px}}

.result-page{max-width:740px;margin:12px auto 0}
.result-stack{display:grid;gap:14px}
.result-page>.page-status{margin:0 0 16px}
.result-page>#retry-order{margin-bottom:16px}
.result-page>.notice{margin:0}
.result-page .code-panel{padding:40px 36px;text-align:center;margin-bottom:8px}
.result-page .code-panel h1{font-size:27px;letter-spacing:-.5px;margin-bottom:28px}
.result-page .code-display{align-items:center;gap:24px;margin:0}
.result-page .activation-code{height:120px;min-height:120px;padding:18px 20px;font-size:26px;letter-spacing:1.1px;line-height:1.55;text-align:center;border-radius:12px}
.result-page #copy-code{min-width:210px;max-width:100%;min-height:48px;font-size:15px;padding:12px 24px}
.result-page #copy-status{margin-top:16px}
.result-page .code-panel .notice{text-align:left}
.disclosure-panel{padding:0;box-shadow:none;overflow:hidden}
.disclosure-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.disclosure-panel>summary::-webkit-details-marker{display:none}
.disclosure-panel>summary::after{content:"⌄";font-size:20px;line-height:1;color:var(--muted);flex:none;transform-origin:center}
.disclosure-panel[open]>summary::after{transform:rotate(180deg)}
.disclosure-panel>summary:hover{color:var(--green)}
.disclosure-panel>summary:focus-visible{outline-offset:-4px}
.disclosure-content{padding:0 24px 24px}
.disclosure-panel .status-strip{grid-template-columns:repeat(3,minmax(0,1fr));border:0;border-radius:0;padding:0;margin:0 0 26px}
.disclosure-panel .status-strip>div{padding:0 12px}
.disclosure-panel .status-strip>div:first-child{padding-left:0}
.disclosure-panel .status-strip>div:last-child{padding-right:0}
.disclosure-panel .order-facts{font-size:13px}
.disclosure-panel .order-facts>div{grid-template-columns:minmax(100px,.8fr) minmax(0,1.6fr)}
.disclosure-panel .order-actions{border-top:1px solid var(--line);margin-top:24px;padding:20px 0 0}
.disclosure-panel .panel-heading{margin-bottom:12px}
.disclosure-panel .panel-heading h2{font-size:14px}
.disclosure-panel #email-hint{font-size:13px}
.disclosure-panel .resend-hint{margin:0 0 16px}
.disclosure-panel #correction-support{margin-top:20px}
@media(max-width:520px){
  .result-page{margin-top:0}
  .result-page .code-panel{padding:30px 20px}
  .result-page .code-panel h1{font-size:23px;margin-bottom:24px}
  .result-page .activation-code{height:116px;min-height:116px;font-size:20px;letter-spacing:.6px;padding:18px 12px}
  .result-page .code-display{gap:22px}
  .result-page #copy-code{width:100%;min-width:0}
  .disclosure-panel{padding:0}
  .disclosure-panel>summary{padding:18px 20px}
  .disclosure-content{padding:0 20px 20px}
  .disclosure-panel .status-strip{grid-template-columns:minmax(0,1fr);gap:12px}
  .disclosure-panel .status-strip>div{padding:0;border:0;display:flex;align-items:baseline;justify-content:space-between;gap:16px}
  .disclosure-panel .status-strip strong{text-align:right}
  .disclosure-panel .order-facts>div{grid-template-columns:minmax(88px,.8fr) minmax(0,1.4fr);gap:12px}
  .disclosure-panel .panel-heading{align-items:flex-start;flex-direction:column;gap:4px}
  .disclosure-panel .button-row{align-items:stretch}
  .disclosure-panel .button-row .button{flex:1}
}
