:root{--ink:#162033;--accent:#BF3543;--line:#E6EAF0;--muted:#667085}*{box-sizing:border-box}body{margin:0;background:#F5F7FB;color:var(--ink);font:16px/1.55 Arial,sans-serif}a{color:var(--accent)}.shell{max-width:1040px;margin:auto;padding:24px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:32px}.nav strong{letter-spacing:.08em}.nav-links{display:flex;gap:18px;flex-wrap:wrap}h1{font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-.025em}h2{font-size:23px}h3{font-size:18px}.lead,.muted{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin:20px 0}.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:600}input,select,textarea{width:100%;font:inherit;padding:12px;border:1px solid #D7DDE7;border-radius:8px;margin:6px 0 10px;background:white;color:var(--ink)}input[type=checkbox],input[type=radio]{width:auto;margin-right:8px}button,.button{font:inherit;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:white;padding:11px 18px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}.secondary{background:white;color:var(--accent)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.price{font-size:32px;font-weight:700;margin:16px 0}.combo{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:16px;margin:12px 0;cursor:pointer}.combo.recommended{border:2px solid var(--accent)}.combo:has(input:checked){background:#FBECEF}.combo strong{display:block}.badge{font-size:13px;padding:3px 8px;background:#FBECEF;border-radius:5px}.message{white-space:pre-line;padding:14px 18px;border-left:4px solid var(--accent);background:#F9FAFC;margin:16px 0}.error{border-color:#ad3838;background:#fff0f0;color:#7b2424}.warning{background:#fff5d9;border-color:#bb8300}.qr{max-width:300px;width:100%;height:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}td input{min-width:85px}td select{min-width:130px}code{overflow-wrap:anywhere}.hide,[hidden]{display:none!important}small{font-size:14px}#auth-panel{max-width:600px}.summary{position:sticky;top:20px}.commerce-quota{padding:18px;margin:18px;border:1px solid var(--line);background:#F9FAFC;border-radius:10px}.commerce-quota a{margin-right:14px}.payment-layout{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:24px;align-items:start}.payment-details{display:grid;gap:10px}.payment-field{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,2fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:9px 0}.payment-field>span{color:var(--muted)}.payment-field>strong{overflow-wrap:anywhere}.copy-payment{padding:7px 10px}.pay-now{width:100%;font-size:18px;font-weight:700;margin:20px 0}.bank-app-list{border-top:1px solid var(--line);padding-top:16px}.bank-app{margin:5px}.bank-app-list[hidden]{display:none}@media(max-width:700px){.shell{padding:16px}.nav{align-items:flex-start;flex-direction:column}.grid,.fields,.payment-layout{grid-template-columns:1fr}.panel{padding:20px}.summary{position:static}.payment-field{grid-template-columns:1fr auto}.payment-field>span{grid-column:1/-1}.qr{display:block;margin:auto}}
.voucher-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}.voucher-line button{margin-top:6px}.voucher-box{margin:12px 0 18px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfdfc}.annual-plan del{color:#8b8b8b;margin-right:6px}.annual-plan b{color:var(--accent)}.voucher-submit{display:flex;align-items:end;padding-bottom:10px}.checkout-logo{width:220px;height:72px;object-fit:cover}.table-wrap table input,.table-wrap table select{margin:0}.table-wrap table input[type=checkbox]{width:auto}@media(max-width:700px){.voucher-line{grid-template-columns:1fr}.voucher-line button{margin-top:0}.checkout-logo{width:190px;height:62px}}

/* V4.0.2 — purchase page: one-screen desktop flow */
.checkout-v402{background:#fff;color:#202020}.checkout-shell{max-width:1180px;padding:14px 24px 28px}.checkout-nav{height:66px;padding:0 0 10px;margin:0 0 12px;border-color:#ececec}.checkout-v402 .checkout-logo{width:190px;height:56px;object-fit:contain;object-position:left center}.checkout-main{margin:0}.checkout-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:4px 0 12px}.checkout-heading h1{margin:2px 0 0;font-size:32px;color:#191919}.checkout-heading>p{max-width:560px;margin:0 0 3px;color:#707070;font-size:14px;line-height:1.45}.checkout-kicker,.summary-label{margin:0;color:#a51721;font-size:11px;font-weight:800;letter-spacing:.14em}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.72fr);gap:14px;align-items:stretch}.checkout-v402 .panel{border-color:#e7e7e7;border-radius:14px}.checkout-form-panel,.checkout-summary{margin:0;padding:18px 20px}.checkout-summary{position:static;display:flex;flex-direction:column;min-height:100%}.checkout-summary h2{margin:5px 0 6px;font-size:22px;color:#202020}.summary-desc,.summary-unit,.summary-saving,.payment-note{font-size:13px;line-height:1.4}.checkout-summary .price{font-size:34px;margin:12px 0 4px;color:#c81f2b}.summary-saving{min-height:18px;color:#287144;font-weight:700}.summary-benefit{margin:12px 0;padding:12px;border-radius:10px;background:#faf7f7;color:#5e5e5e;font-size:13px;line-height:1.45}.checkout-summary #pay{margin-top:auto;width:100%;min-height:48px;background:#c81f2b;border-color:#c81f2b;font-weight:800}.checkout-summary #pay:hover{background:#a51721}.payment-note{text-align:center;margin:9px 0 0}.purchase-compact{margin-bottom:14px}.compact-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.compact-types button{min-height:54px;padding:9px 10px;text-align:left;background:#fff;border:1px solid #dedede;color:#333}.compact-types button[aria-pressed="true"]{border-color:#c81f2b;background:#fff7f7;box-shadow:0 0 0 2px rgba(200,31,43,.06)}.compact-types button strong{display:block;font-size:14px}.compact-types button span{display:block;margin-top:1px;color:#777;font-size:11px}.compact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.compact-options .combo{margin:0;padding:9px 10px;min-height:52px;border-color:#e1e1e1}.compact-options .combo.recommended{border-width:1px;border-color:#c81f2b}.compact-options .combo:has(input:checked){background:#fff6f6;border-color:#c81f2b}.compact-options .combo input{margin:0 6px 0 0}.compact-options .combo span{min-width:0}.compact-options .combo strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-options .combo small{display:block;color:#777;font-size:10.5px;white-space:nowrap}.compact-quantity{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:12px;margin-top:10px}.compact-quantity input{margin:0;padding:8px 10px}.contact-compact{border-top:1px solid #ededed;padding-top:12px}.contact-compact h2{margin:0 0 8px;font-size:17px;color:#252525}.checkout-fields{gap:7px 10px}.checkout-v402 label{font-size:11.5px;color:#555}.checkout-v402 input,.checkout-v402 select{padding:8px 9px;margin:3px 0 3px;border-color:#d3d3d3;border-radius:7px;font-size:13px}.checkout-minor-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:5px}.checkout-minor-row label{margin:0}.checkout-minor-row .voucher-line{grid-template-columns:1fr auto;gap:5px}.checkout-minor-row button{padding:8px 10px;margin-top:3px;background:#fff;color:#c81f2b;border-color:#d8b5b8;font-size:12px}.compact-status{min-height:16px;margin:3px 0 0;font-size:11px}.orders-details{margin-top:10px;color:#666;font-size:12px}.orders-details summary{cursor:pointer}.orders-panel{margin:8px 0 0}.checkout-v402 #payment{margin:14px 0 0}.checkout-auth{margin:28px auto!important}.checkout-auth h2{margin-top:0}.checkout-auth .actions{margin-top:8px}
@media(min-width:901px) and (min-height:720px){.checkout-v402:not(:has(#payment:not([hidden]))) .checkout-layout{max-height:calc(100vh - 180px)}}
@media(max-width:900px){.checkout-heading{display:block}.checkout-heading>p{margin-top:8px}.checkout-layout{grid-template-columns:1fr}.compact-options{grid-template-columns:1fr 1fr}.checkout-summary{min-height:auto}.checkout-summary #pay{margin-top:12px}}
@media(max-width:620px){.checkout-shell{padding:10px 14px 24px}.checkout-nav{height:58px}.checkout-v402 .checkout-logo{width:166px;height:48px}.checkout-heading h1{font-size:28px}.compact-types,.compact-options,.checkout-fields,.checkout-minor-row{grid-template-columns:1fr}.compact-quantity{grid-template-columns:1fr}.checkout-form-panel,.checkout-summary{padding:16px}.checkout-minor-row .voucher-line{grid-template-columns:1fr auto}}

/* Unified account sign-in */
#auth-panel{width:min(560px,calc(100% - 28px));margin:42px auto}.auth-card{padding:4px}.auth-card>h2{margin-bottom:8px}.auth-card>p{color:#667085;margin-top:0}.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}.auth-social-button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d8dde5;border-radius:9px;background:#fff;color:#27313d;font:inherit;font-weight:800;cursor:pointer}.auth-social-button span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #d8dde5;border-radius:50%;font-size:10px}.auth-social-button .apple-mark{background:#222;color:#fff;border-color:#222;font-size:8px}.auth-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:#98a2b3;font-size:11px}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#e4e7ec;flex:1}.auth-card #auth-form{display:grid;gap:12px}.auth-card #auth-form label{display:grid;gap:6px}.auth-card #auth-form input{min-height:44px}.auth-card #auth-message{min-height:20px;color:#a21d24;font-size:12px}
@media(max-width:620px){.auth-social{grid-template-columns:1fr}}

/* Extracted from checkout.html; source order preserved. */
.checkout-account-actions{
      display:flex;
      align-items:center;
      gap:8px;
    }

    .checkout-account-actions .secondary{
      min-width:96px;
      height:38px;
      padding:0 16px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid #d8d3ce;
      border-radius:9px;
      background:#fff;
      color:#34302d;
      font:inherit;
      font-size:13px;
      font-weight:800;
      line-height:1;
      text-decoration:none;
      cursor:pointer;
      transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
    }

    .checkout-account-actions .secondary:hover{
      background:#f7f5f2;
      border-color:#bfb9b3;
      box-shadow:0 4px 12px rgba(30,25,20,.08);
      transform:translateY(-1px);
    }

    .checkout-account-actions .secondary:active{
      transform:translateY(0);
      box-shadow:none;
    }

    .checkout-account-actions .secondary:focus-visible{
      outline:2px solid #BF3543;
      outline-offset:2px;
    }
  
    /* Checkout topbar: blend with page background and remove boxed-strip feeling */
    .checkout-nav{
      position:relative;
      background:transparent !important;
      border-bottom:1px solid rgba(90,82,76,.12) !important;
      box-shadow:none !important;
    }

    .checkout-nav::before{
      content:"";
      position:absolute;
      top:0;
      bottom:-1px;
      left:50%;
      width:100vw;
      transform:translateX(-50%);
      background:#F5F7FB;
      border-bottom:1px solid rgba(90,82,76,.12);
      z-index:-1;
      pointer-events:none;
    }

    .checkout-nav .checkout-logo{
      display:block;
    }

    @media(max-width:640px){
      .checkout-nav::before{
        background:#F5F7FB;
      }
    }

