@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#203c38;--muted:#52645a;--green:#21634d;--line:#dce2d8;--paper:#f7f8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d0b83f;outline-offset:4px}header{max-width:1440px;padding:29px 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 19px Manrope,sans-serif;display:flex;align-items:center;letter-spacing:-.8px}.brand-light{font-weight:450;margin-left:4px}.brand-icon{display:inline-grid;place-items:center;background:var(--green);color:#f2f8df;width:29px;height:29px;border-radius:8px;margin-right:9px;font-size:25px;font-weight:500}nav{display:flex;gap:32px;font-size:1rem}nav span{margin-left:8px}.header-status{font-size:.9375rem;color:var(--muted);display:flex;align-items:center;gap:8px}i,.eyebrow>span{display:inline-block;width:6px;height:6px;background:#67936b;border-radius:50%}main{max-width:1320px;margin:auto;padding:0 48px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding:65px 0 52px}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:1.9px;display:flex;align-items:center;gap:9px}.intro h1{font:650 clamp(42px,4.5vw,64px)/1.09 Manrope,sans-serif;letter-spacing:-3.3px;margin:25px 0 22px}.intro h1 em{font-style:normal;color:#688765}.lead{font-size:1.0625rem;color:var(--muted);line-height:1.85;max-width:460px}.benefits{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:.9375rem;margin:24px 0}.text-link{display:inline-block;font-size:.9375rem;border-bottom:1px solid #9ba89a;padding-bottom:5px}.text-link span{margin-left:9px}.checkout-card{border:1px solid #dbe0d5;background:#fffefa;padding:28px 31px 20px;border-radius:13px;box-shadow:0 9px 30px #30472f05;align-self:start}.card-heading{display:flex;justify-content:space-between;align-items:center}.step-badge{font-size:.75rem;letter-spacing:1.7px;font-weight:700;color:#52645a}.lock-icon{font-size:25px;color:#8a997e}.checkout-card h2{font:650 27px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:16px 0 9px}.card-subtitle{font-size:.9375rem;color:var(--muted);margin-bottom:26px}label{display:block;font-size:.9375rem;font-weight:600}select,input[type=text]{width:100%;background:#fffefa;border:1px solid #dce1d8;border-radius:6px;height:50px;padding:0 13px;color:var(--ink);outline-color:#65866d;margin-top:8px}select{font-size:1rem}input::placeholder{color:#6c796e;font-size:1rem}.availability{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.8125rem;margin:10px 0 22px;color:#52645a}.availability i{width:5px;height:5px}.availability>a{color:var(--muted)}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row>span{font-size:.875rem;color:#52645a}.input-help{font-size:.875rem;line-height:1.8;color:#52645a;margin:8px 0 18px}code{font-size:.9375rem;background:#eff1e9;padding:2px 4px;border-radius:3px}.consent{display:flex;gap:9px;font-size:.875rem;font-weight:400;line-height:1.7;color:#52645a;margin:16px 0 23px}.consent input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0;margin:3px 0 0}.consent a{text-decoration:underline}.price-line{border-top:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;align-items:center}.price-line>div{font-size:1rem;font-weight:600}.price-line>div>span{display:block;font-size:.8125rem;font-weight:400;color:#52645a;margin-top:5px}.price-line strong{font:650 30px Manrope,sans-serif;letter-spacing:-1px}.price-line strong>span{font-size:20px}.price-line small{font-size:.8125rem;letter-spacing:0;font-weight:500;color:#52645a}button{border:0;border-radius:6px;background:var(--green);color:white;padding:15px 17px;width:100%;text-align:left;font-size:1rem;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center}button:hover{background:#174e3c}button:disabled{opacity:.6;cursor:wait}.payment-methods{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:17px;margin-top:19px;font-size:.9375rem;color:#5d6960}.payment-methods .stripe{font-size:18px;font-weight:700;letter-spacing:-1px;padding-right:15px;border-right:1px solid var(--line)}.payment-methods>b{font-size:.875rem}.mastercard{color:#798776;letter-spacing:-7px;font-size:22px;margin-right:7px}.mastercard span{color:#a6af95}.google{font-size:1.0625rem}.secure-note{text-align:center;font-size:.8125rem;line-height:1.7;color:#52645a;margin:12px 0 0}.message{font-size:.9375rem;line-height:1.6;color:#8b502b;margin-top:10px}.message:empty{display:none}.device-art{position:relative;height:240px;margin-top:28px;overflow:hidden}.orbit{position:absolute;left:46%;top:50%;border:1px solid #e2e7db;border-radius:50%;transform:translate(-50%,-50%) rotate(-19deg)}.orbit-one{width:360px;height:170px}.orbit-two{width:290px;height:230px;transform:translate(-50%,-50%) rotate(35deg)}.tracker{position:absolute;top:22px;left:34%;width:125px;height:174px;transform:rotate(-17deg);border-radius:19px;background:linear-gradient(115deg,#455a4f,#243a31 55%,#1d3027);box-shadow:10px 15px 0 #182a22,15px 24px 24px #203c3824;border:2px solid #617366;padding:16px 12px;color:#d3ddc7}.tracker-top{display:flex;justify-content:space-between;font:5px monospace;letter-spacing:.8px}.tracker-top i{width:4px;height:4px;background:#bed66e;box-shadow:0 0 5px #c4e985}.tracker-mark{font:70px Manrope,sans-serif;font-weight:400;text-align:center;line-height:1.45;color:#9dac91}.tracker-bottom{font-size:.8125rem;font-weight:700;letter-spacing:1.2px}.tracker-bottom span{display:block;font-size:3.7px;font-weight:400;letter-spacing:.5px;margin-top:6px}.connector{position:absolute;bottom:-15px;left:42px;width:40px;height:16px;background:repeating-linear-gradient(90deg,#192d24 0 4px,#6b7766 4px 5px);border:4px solid #26392e;border-radius:0 0 5px 5px}.art-tag{position:absolute;bottom:22px;right:12px;font-size:.8125rem;padding:9px 11px;background:#fffef8;border:1px solid #dde3d4;border-radius:5px;transform:rotate(-5deg)}.art-tag i{width:5px;height:5px;margin-right:5px}.coordinate{position:absolute;bottom:3px;left:5px;font:7px monospace;letter-spacing:1.5px;color:#a3ad9c}.cross{position:absolute;color:#a8b59e}.c1{left:15px;top:55px}.c2{right:32px;top:14px}.process{border-top:1px solid var(--line);padding:35px 0 36px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2,.faq h2{font:600 25px Manrope,sans-serif;letter-spacing:-.9px;margin:11px 0 0}.section-note{font-size:.875rem;color:#52645a}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:32px;gap:30px}.steps article{display:flex;gap:13px;position:relative}.steps article+article{border-left:1px solid var(--line);padding-left:25px}.step-number{font:500 11px Manrope,sans-serif;color:#8c9b80;background:#eaf0df;flex-shrink:0;width:27px;height:27px;display:grid;place-items:center;border-radius:50%}.steps h3{font-size:1rem;font-weight:600;margin:4px 0 8px}.steps p{font-size:1rem;line-height:1.75;color:#52645a;margin:0;max-width:280px}.step-symbol{position:absolute;right:0;top:0;color:#9dac91;font-size:19px}.guide-banner{border:1px solid #dfe5d3;background:#eef2e5;border-radius:8px;display:flex;align-items:center;gap:18px;padding:23px}.guide-icon{display:grid;place-items:center;width:37px;height:40px;border:1px solid #c8d2bc;border-radius:5px;color:#718366;font-size:23px;flex-shrink:0}.guide-banner h3{font-size:1rem;margin:0 0 6px}.guide-banner p{font-size:.875rem;color:#52645a;margin:0;line-height:1.7}.guide-banner>a{margin-left:auto;font-size:.875rem;white-space:nowrap}.guide-banner>a>span{margin-left:15px}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:55px;padding:48px 0}.faq h2{margin:8px 0}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:.9375rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:#7d8d72}.faq details[open] summary:after{content:'−'}.faq details p{font-size:.9375rem;line-height:1.8;color:var(--muted)}footer{max-width:1320px;margin:auto;padding:25px 48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:13px}footer .brand-icon{width:21px;height:21px;font-size:19px;border-radius:5px}footer>span{font-size:.8125rem;color:#52645a}.footer-dot{color:#7c9873;margin-left:9px}.order-card{max-width:680px;margin:70px auto;background:#fffefa;border:1px solid var(--line);padding:40px;border-radius:14px}.order-card h1{font:600 35px/1.2 Manrope,sans-serif;letter-spacing:-1px}.order-card>p{line-height:1.8;color:var(--muted)}.order-detail{font-size:.9375rem;display:flex;flex-wrap:wrap;gap:15px;margin:25px 0}.paid-badge{color:var(--green);margin-left:auto}.order-card textarea{width:100%;resize:vertical;margin:10px 0 15px;padding:15px;background:#eff3e9;border:1px solid var(--line);border-radius:6px;color:var(--ink);font:1rem/1.8 monospace}.order-notice{padding:18px;background:#eef2e5;border-radius:6px;margin:24px 0;font-size:1rem;line-height:1.8}.order-notice p{margin:8px 0 0;color:var(--muted)}.guide-button{display:block;text-align:center;border:1px solid var(--green);padding:13px;border-radius:6px}.order-card>.text-link{margin-top:24px}#retry-order{margin-top:15px}[hidden]{display:none!important}@media(min-width:1400px){.hero{padding-top:80px}}@media(max-width:1000px){.hero{gap:38px}.intro h1{font-size:48px}.checkout-card{padding:25px 22px}.availability{font-size:.75rem}.header-status{display:none}.section-note{display:none}.step-symbol{display:none}.guide-banner p{max-width:380px}}@media(max-width:720px){header{padding:22px 22px}nav{gap:17px;font-size:.875rem}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:15px;padding:38px 0}.intro h1{font-size:52px}.lead{max-width:460px}.device-art{height:220px;max-width:400px;margin:20px auto 10px}.checkout-card{padding:27px}.steps{grid-template-columns:1fr;gap:23px}.steps article+article{padding-left:0;border-left:0}.steps p{max-width:none}.step-symbol{display:block}.guide-banner{flex-wrap:wrap;gap:12px;padding:20px}.guide-banner>div:nth-child(2){flex:1}.guide-banner>a{margin-left:49px}.faq{grid-template-columns:1fr;gap:13px;padding:33px 0}footer{padding:23px 22px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.order-card{margin:35px auto;padding:24px}.order-card h1{font-size:28px}}

/* Keep functional text readable at normal browser zoom on dense displays. */
.card-subtitle,.input-help,.consent,.secure-note,.message,.guide-banner p,
.faq details p,.order-notice{line-height:1.75}
.hero>*,.steps article>div,.guide-banner>div,.faq>div{min-width:0}
.steps h3{padding-right:14px}
.order-detail{overflow-wrap:anywhere}
button{min-height:50px;gap:12px}
@media(max-width:1000px){
  .hero{gap:32px;grid-template-columns:1fr 1fr}
  .header-status{display:none}
  .guide-banner{flex-wrap:wrap}
  .guide-banner>a{margin-left:55px}
}
@media(max-width:800px){
  .hero{grid-template-columns:1fr}
  .intro .lead{max-width:580px}
  .device-art{max-width:400px;margin:24px auto}
  .steps{grid-template-columns:1fr;gap:24px}
  .steps article+article{padding-left:0;border-left:0}
  .steps p{max-width:none}
}
@media(max-width:480px){
  header{flex-wrap:wrap;gap:18px}
  nav{gap:22px;font-size:.9375rem}
  .checkout-card{padding:24px 20px}
  .guide-banner{align-items:flex-start}
  .guide-banner>a{margin-left:0;white-space:normal}
  .intro h1{font-size:44px;letter-spacing:-2px}
}

#device-reply,#new-reply{width:100%;margin-top:8px;padding:14px;border:1px solid #9ba99c;border-radius:6px;background:#fffefa;color:var(--ink);font:1rem/1.6 Consolas,monospace;resize:vertical;overflow-wrap:anywhere}
#device-reply:focus,#new-reply:focus{outline:2px solid var(--green);outline-offset:2px}
#refresh-challenge{border-top:1px solid var(--line);padding-top:20px;margin:26px 0}
#refresh-challenge h3{font-size:1.125rem}#refresh-button{margin-top:12px}