:root{color-scheme:dark;--bg:#100c0d;--panel:#1a1416;--border:#39292d;--red:#ff4c5d;--muted:#b3a4a8;--text:#fff4ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ffb3bb;outline-offset:4px}header,main,footer{max-width:1280px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:27px 40px;border-bottom:1px solid var(--border)}.brand{font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--red)}nav{display:flex;gap:28px;font-size:14px;color:#d5c4c9}.network{font:11px 'Space Grotesk',sans-serif;letter-spacing:1px;color:var(--red)}.mode-strip{text-align:center;background:#261417;color:#e4adb4;padding:8px 20px;font-size:11px;letter-spacing:.8px}.mode-strip.live{color:#f4e7e8}main{padding:0 40px}.hero{min-height:565px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding:55px 0 65px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--red)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.07;letter-spacing:-1.5px}h1{font-size:clamp(48px,6.2vw,84px);margin:22px 0}h1 em{font-style:normal;color:var(--red)}h2{font-size:36px;margin:15px 0 28px}h3{font-size:23px;letter-spacing:-.6px}.intro{color:var(--muted);font-size:17px;max-width:440px;margin-bottom:28px}.button{border:1px solid var(--red);background:var(--red);color:#190a0d;padding:13px 21px;display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:3px;font-weight:700;font-size:14px;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#ff7c89;transform:translateY(-1px)}.button.outline{color:#ffe9ec;background:transparent;border-color:#624049}.button.outline:hover:not(:disabled){background:#342026}.full{width:100%}.hero-notes{font-size:10px;letter-spacing:1.5px;color:#a9969c;margin-top:23px}.hero-notes span{padding:0 13px;color:var(--red)}.signal-art{height:420px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse,#61202c44,transparent 65%)}.ring{position:absolute;border:1px solid #77313e;border-radius:50%;transform:rotate(-30deg) scaleY(.8)}.r1{width:290px;height:290px}.r2{width:410px;height:410px;opacity:.65}.r3{width:535px;height:535px;opacity:.35}.sim-card{position:relative;background:linear-gradient(145deg,#ff6474,#b6253b);border:1px solid #ffacb3;width:218px;height:315px;border-radius:17px 55px 17px 17px;padding:27px;color:#200e13;transform:rotate(12deg);box-shadow:0 35px 80px #0008;display:flex;flex-direction:column;justify-content:space-between}.sim-card>span{font-size:12px;font-weight:700;letter-spacing:2px}.sim-card strong{font:700 24px/1.02 'Space Grotesk',sans-serif;letter-spacing:-1px}.sim-card small{font-size:9px;letter-spacing:1px}.art-label{position:absolute;bottom:10px;font-size:9px;letter-spacing:3px;color:#c0808c}.store-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;border-top:1px solid var(--border);padding-top:50px}.destination{display:grid;gap:8px;font-size:13px;color:var(--muted);max-width:420px}select{background:#20181b;color:var(--text);border:1px solid #60414a;padding:14px;width:100%;border-radius:3px}.muted{color:var(--muted)}.small{font-size:12px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.plan{background:var(--panel);border:1px solid var(--border);padding:24px;transition:border-color .2s}.plan:hover{border-color:var(--red)}.plan-header{display:flex;justify-content:space-between;gap:8px;font-size:12px}.pill{color:var(--red);font-size:10px;letter-spacing:1px}.plan h3{font-size:42px;margin:26px 0 5px}.plan-days{margin:0;color:var(--muted);font-size:13px}.plan-info{font-size:11px;color:var(--muted);line-height:1.9;margin:20px 0;min-height:65px}.plan-price{display:flex;gap:8px;align-items:baseline;margin:20px 0}.plan-price strong{font:600 28px 'Space Grotesk',sans-serif}.plan-price span{font-size:10px;color:var(--muted)}.plan .button{width:100%;background:transparent;color:var(--red)}.purchase-panel{align-self:start;position:sticky;top:22px;border:1px solid #57303a;background:linear-gradient(160deg,#2b1920,#181214)}.wallet-box,.checkout{padding:26px}.wallet-box h3{margin:16px 0}.wallet-box p{font-size:13px}.text-link{display:inline-block;color:var(--red);font-size:12px;margin-top:12px}.checkout{border-top:1px solid #57303a}.checkout h2{font-size:24px;letter-spacing:-.5px}.checkout .muted{font-size:12px}.price-line{display:flex;justify-content:space-between;align-items:center}.price-line strong{font-size:24px}.check{display:block;margin:20px 0;font-size:12px;color:#d5c4c9}.check input{accent-color:var(--red);margin-right:8px}.link-button{padding:0;border:0;background:none;color:var(--red);font-size:inherit;text-decoration:underline}.orders-section{margin-top:75px;border-top:1px solid var(--border);padding-top:40px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.order{padding:28px;border:1px solid var(--border);background:var(--panel);margin-bottom:16px}.order-head{display:flex;justify-content:space-between;gap:20px}.order h3{margin:0 0 12px}.order-id{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.order-status{font-size:12px;color:#ffc4ca}.order-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.order-actions .button{font-size:12px;padding:10px 14px}.verified{color:#c8dcb7;font-size:12px;margin-top:10px}.empty{padding:30px;background:var(--panel);color:var(--muted);font-size:14px}.delivery{display:flex;gap:26px;border-top:1px solid var(--border);margin-top:25px;padding-top:25px}.delivery p{font-size:13px}.delivery code{display:block;overflow-wrap:anywhere;font-size:11px}.qr{width:180px;height:180px;background:white}.usage-box{font-size:12px;margin-top:15px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:65px 0 30px}.how article>span{color:var(--red);font:500 40px 'Space Grotesk',sans-serif}.how p{color:var(--muted);font-size:13px}.how h3{font-size:22px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px;border-top:1px solid var(--border);margin-top:50px;font-size:12px}dialog{background:#24191e;color:var(--text);border:1px solid #73414e;max-width:620px;width:calc(100% - 32px);padding:32px;border-radius:6px}dialog::backdrop{background:#000b}dialog h2{font-size:30px}.dialog-close{float:right;background:transparent;border:0;color:var(--text);font-size:27px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#ffe6e8;color:#30121b;border-left:5px solid var(--red);padding:15px 22px;box-shadow:0 10px 40px #0008;max-width:650px;width:calc(100% - 30px);z-index:20;font-size:14px}.hidden{display:none!important}.error{color:#ff9bac}#account-choices{margin-top:10px}#account-choices p{font-size:12px}#account-choices .button{margin:5px 0}
@media(max-width:900px){.store-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}header,main,footer{padding-left:24px;padding-right:24px}.network{display:none}.hero{gap:0}.plan{padding:17px}.purchase-panel{position:static}.sim-card{transform:rotate(8deg) scale(.85)}}@media(max-width:650px){header{padding:22px 18px}.brand{font-size:23px}nav{gap:15px;font-size:11px}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:35px 0 25px}.hero h1{font-size:60px}.signal-art{height:310px}.sim-card{transform:rotate(10deg) scale(.78)}.store-layout{grid-template-columns:1fr;padding-top:30px}.plan-grid{gap:10px}.plan h3{font-size:34px}.plan-info{font-size:10px}.plan-price{gap:4px}.plan-price strong{font-size:24px}.plan-price span{font-size:9px}.purchase-panel{grid-row:2}.section-top{align-items:flex-start;flex-direction:column}.order{padding:20px}.order-head{flex-direction:column;gap:4px}.how{gap:23px;grid-template-columns:1fr}.how article{border-top:1px solid var(--border);padding-top:15px}.delivery{flex-direction:column}footer{flex-wrap:wrap}.mode-strip{font-size:9px}h2{font-size:30px}}

.languages{display:flex;gap:8px;align-items:center}.flag{border:1px solid transparent;background:transparent;padding:5px;border-radius:4px;display:flex;align-items:center}.flag img{display:block;border-radius:2px;object-fit:cover}.flag[aria-pressed="true"]{border-color:var(--red);background:#3a1821}.flag:hover{background:#392128}.hero-notes{font-size:16px;letter-spacing:1.1px;color:#e7c7ce;line-height:1.8}.hero-notes span{padding:0 10px}.choice-row{display:flex;gap:35px;align-items:flex-start;justify-content:space-between;border-top:1px solid var(--border);padding-top:35px}.destination-box{flex:1}.wallet-box{padding:18px 22px;border:1px solid #624049;background:var(--panel);width:325px;flex-shrink:0}.wallet-box p{margin:8px 0}.wallet-box .text-link{margin-top:9px}.step-title{color:var(--red);font-size:20px;font-weight:700;letter-spacing:1px;line-height:1.3}.selection-grid{display:flex;align-items:flex-start;gap:25px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-width:0}.selection-grid:has(.checkout:not(.hidden)) .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout{position:sticky;top:20px;width:330px;flex-shrink:0;background:var(--panel);border:1px solid #624049;margin-top:25px}.simulation-label{color:#ffb8c1;font-size:13px}.how article>span{font-size:48px}.how h3{font-size:25px}#sign-summary{overflow-wrap:anywhere}.dialog-close{font-size:13px}.flag:disabled{opacity:.5}
@media(max-width:900px){header{flex-wrap:wrap;gap:14px}nav{gap:18px}.step-title{font-size:18px}.wallet-box{width:290px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-grid{flex-wrap:wrap}.checkout{position:static;width:100%}.hero-notes{font-size:14px}}
@media(max-width:650px){header{gap:18px}nav{order:3;width:100%;justify-content:center}.languages{gap:4px}.flag{padding:3px}.flag img{width:26px;height:18px}.choice-row{gap:15px;flex-direction:column}.destination-box,.wallet-box{width:100%}.wallet-box{padding:16px 18px}.step-title{font-size:20px}.hero-notes{font-size:15px}.plan-grid{width:100%}.checkout{padding:20px}.how h3{font-size:26px}.how article>span{font-size:50px}}
.hero>div{min-width:0}.hero h1{font-size:clamp(42px,4.5vw,64px)}.order,.plan,.destination-box{min-width:0}@media(max-width:650px){.hero h1{font-size:44px}.hero{min-height:0}.order-actions .button{white-space:normal;overflow-wrap:anywhere;max-width:100%}}

.service-state{display:block;margin-top:12px;font-size:13px;font-weight:400;letter-spacing:normal;color:var(--muted)}.service-state .button{display:block;margin-top:10px;padding:9px 18px}#wallet-status{line-height:1.6;overflow-wrap:anywhere;color:#ffc4ca}#wallet-status:empty{display:none}.catalog-error{grid-column:1/-1}select:disabled{opacity:.7}#legal-copy a{color:#ffc4ca;overflow-wrap:anywhere}

/* Equal dimensions for the destination and wallet steps. */
.choice-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}
.choice-row > .destination-box,
.choice-row > .wallet-box {
  width: 100%;
  min-width: 0;
  margin: 0;
}
.choice-row > .destination-box {
  padding: 18px 22px;
  border: 1px solid transparent;
}
.choice-row .destination {
  width: 100%;
  max-width: none;
}
.choice-row #account-choices .button {
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width: 650px) {
  .choice-row { grid-template-columns: minmax(0, 1fr); }
  .choice-row > .destination-box,
  .choice-row > .wallet-box { padding: 16px 18px; }
}

/* Public integration guide; uses the existing bundled script. */
nav { align-items: center; }
nav .nav-api { display:inline-flex; align-items:center; gap:8px; padding:7px 13px; border:1px solid #75404a; border-radius:4px; color:var(--red); font-weight:700; white-space:nowrap; }
nav .nav-api:hover { background:#342026; }
#api-guide { max-width:900px; max-height:calc(100dvh - 40px); overflow-y:auto; padding:30px 36px; }
#api-guide h2 { margin-bottom:15px; }
#api-guide h3 { font-size:23px; letter-spacing:-.6px; line-height:1.3; }
#api-guide p { font-size:14px; line-height:1.75; }
.api-base { display:grid; gap:9px; padding:20px; border:1px solid var(--border); background:var(--bg); margin-top:24px; }
.api-base code { overflow-wrap:anywhere; font-size:14px; }
.api-badge { color:#c8dcb7; font-size:12px; }
.api-section { padding:22px 0; border-bottom:1px solid var(--border); }
.api-section:last-child { border-bottom:0; }
.api-controls { display:flex; align-items:flex-end; flex-wrap:wrap; gap:14px; margin:22px 0 14px; }
.api-controls label { display:grid; gap:7px; color:var(--muted); font-size:12px; }
.api-controls input { width:150px; border:1px solid #624049; border-radius:3px; color:var(--text); background:var(--bg); padding:10px 14px; }
.api-code-block { min-width:0; border:1px solid #51343c; margin:16px 0; background:#110d0f; border-radius:4px; overflow:hidden; }
.api-code-bar { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:10px 15px; border-bottom:1px solid var(--border); color:var(--muted); font-size:12px; }
.api-code-bar .button { padding:6px 10px; font-size:11px; }
#api-guide pre { max-width:100%; overflow:auto; padding:18px; font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size:2; }
.api-code-block pre { margin:0; max-height:380px; color:#f5d9df; }
.api-output { max-height:270px; background:#131210; color:#c8dcb7; border:1px solid #37382b; border-radius:4px; white-space:pre-wrap; overflow-wrap:anywhere; }
.api-endpoints { margin:20px 0 0; }
.api-endpoints>div { padding:13px 0; border-bottom:1px solid var(--border); }
.api-endpoints dt { display:flex; gap:12px; align-items:baseline; font-size:12px; }
.api-endpoints code { overflow-wrap:anywhere; }
.api-method { flex-shrink:0; width:40px; color:var(--red); font-weight:700; }
.api-endpoints dd { margin:5px 0 0 52px; color:var(--muted); font-size:12px; }
@media(max-width:650px) {
  header nav { gap:12px; flex-wrap:wrap; }
  nav a[href="#como"] { display:inline; }
  nav .nav-api { display:inline-flex; padding:5px 9px; gap:5px; }
  #api-guide { padding:23px 18px; }
  #api-guide h2 { font-size:27px; }
  #api-guide pre { padding:12px; font-size:11px; }
  .api-base { padding:15px; }
  .api-controls .button { padding:12px 15px; }
}

/* Keep actionable wallet requirements visible on the pending order. */
.toast{white-space:pre-line;max-height:70dvh;overflow:auto}
.order-problem{border-left:3px solid var(--red);padding:2px 16px;margin-top:18px;background:#321923}
.order-problem p{font-size:13px;line-height:1.6}

/* Compact ALGO requirement, visible before and after connecting. */
.wallet-algo-notice{margin:11px 0;padding:10px 12px;border:1px solid var(--red);border-left:3px solid var(--red);border-radius:3px;background:#301318;color:#ff7b88}
.wallet-algo-notice>strong{display:block;font-size:11px;font-weight:800;letter-spacing:.45px;line-height:1.4}
.wallet-algo-notice .algo-minimum{display:block;margin-top:3px;font-size:21px;font-weight:800;line-height:1.25;letter-spacing:-.3px}

/* Compact introduction with the purchase message as the main heading. */
.hero{min-height:0;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:28px;padding:28px 0 30px}
.hero .eyebrow{margin:0 0 10px}
.hero h1{max-width:740px;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}
.hero .intro{max-width:580px;font-size:16px;line-height:1.55;margin:0 0 18px}
.hero .hero-notes{margin-top:14px}
.hero .signal-art{height:250px}
.hero .r1{width:180px;height:180px}
.hero .r2{width:250px;height:250px}
.hero .r3{width:320px;height:320px}
.hero .sim-card{width:138px;height:200px;padding:17px;border-radius:11px 35px 11px 11px;transform:rotate(12deg);box-shadow:0 20px 45px #0006}
.hero .sim-card>span{font-size:8px;letter-spacing:1.1px}
.hero .sim-card svg{width:42px;height:35px}
.hero .sim-card strong{font-size:16px;letter-spacing:-.5px}
.hero .sim-card small{font-size:6px;letter-spacing:.6px}
.hero .art-label{bottom:0;font-size:8px;letter-spacing:2px}
@media(max-width:900px){
 .hero{grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);gap:16px}
 .hero .sim-card{transform:rotate(8deg) scale(.9)}
}
@media(max-width:650px){
 .hero{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 0 20px}
 .hero h1{font-size:29px;letter-spacing:-.6px}
 .hero .intro{font-size:15px;margin-bottom:15px}
 .hero .hero-notes{margin-top:12px;font-size:14px}
 .hero .signal-art{height:165px}
 .hero .sim-card{transform:rotate(10deg) scale(.65)}
 .hero .r1{width:130px;height:130px}
 .hero .r2{width:190px;height:190px}
 .hero .r3{width:250px;height:250px}
 .hero .art-label{font-size:7px}
}

.order-payment-status{margin:18px 0;padding:15px 18px;border:1px solid #326752;border-left:4px solid #65dbad;border-radius:3px;background:#10291f;color:#a8f3d5}
.order-payment-status strong{display:block;font-size:18px;line-height:1.4}
.order-payment-status p{margin:8px 0 0;font-size:14px;line-height:1.55}

.repeat-purchase-note{margin:18px 0;padding:12px 14px;border-left:3px solid var(--red);background:#2b191e;color:#f5c8ce;font-size:13px;line-height:1.55}

/* Delivery status: distinguish received payment from a ready installation. */
.issuance-estimate{display:block;margin-top:10px;font-size:12px;line-height:1.5;opacity:.82}
.order-payment-status.delivery-attention{border-color:#ff735d;background:rgba(255,86,63,.08)}
.delivery-diagnostics{margin-top:12px;font-size:12px;overflow-wrap:anywhere}
.delivery-diagnostics summary{cursor:pointer;font-weight:700}
.delivery-diagnostics p{font-size:12px!important}
.delivery-diagnostics code{font-size:12px}