:root{--home-ink:#202522;--home-muted:#606b65;--home-line:#dce2dd;--home-surface:#fff;--home-soft:#f4f5f3;--home-primary:#218467;--home-primary-deep:#176b53;--home-mint:#218467}
.home-page{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--home-surface)}.home-page .home-brand-mark{background:#218467;box-shadow:none;border-radius:11px}.home-page .home-header-cta{box-shadow:none;border-radius:8px}.home-page .home-account-avatar{background:#218467;box-shadow:none}.home-page [hidden]{display:none!important}.home-page :focus-visible{outline:3px solid #57aa90;outline-offset:3px}.home-header{backdrop-filter:blur(12px)}.home-header-inner{min-height:72px}.home-nav{gap:23px}.home-nav-menu,.home-language-menu,.home-account-menu{box-shadow:0 12px 32px rgba(32,37,34,.1)}
.editorial{color:var(--home-ink)}.ed-hero{background:#f4f5f3;padding:86px 0 0}.ed-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.84fr);align-items:center;gap:clamp(50px,8vw,120px);padding-bottom:72px}.ed-kicker,.ed-label{color:#527064;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.ed-kicker{margin:0 0 28px}.ed-kicker>span{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#218467}.ed-hero h1,.ed-section h2{margin:0;color:var(--home-ink);font-weight:700;letter-spacing:-.055em}.ed-hero h1{font-size:clamp(56px,6.1vw,82px);line-height:1.04}.ed-hero h1 span{color:#218467}.ed-lead{max-width:480px;margin:26px 0;color:var(--home-muted);font-size:17px;line-height:1.7}.ed-proof{display:flex;flex-wrap:wrap;gap:20px;color:#53625a;font-size:12px}.ed-proof span{display:flex;align-items:center;gap:7px}.ed-proof i{font-size:18px;color:#218467}
.ed-ticket{overflow:visible;border:1px solid #dce2dd;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(31,50,39,.08)}.ed-ticket-head,.ed-ticket-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7c8980;font-size:10px;font-weight:700;letter-spacing:.1em}.ed-ticket-head{padding:19px 24px;border-bottom:1px solid #e7ebe8}.ed-ticket-bottom{padding:18px 24px;border-top:1px dashed #dce2dd}.ed-ticket-bottom i{color:#218467;font-size:15px}.ed-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:22px 24px 0;padding:4px;border:1px solid #e2e7e3;border-radius:10px;background:#f4f5f3}.ed-tabs button{min-height:47px;padding:8px;color:#68756d;border:1px solid transparent;border-radius:7px;background:transparent;font-weight:700;cursor:pointer;transition:background .18s,box-shadow .18s,transform .12s}.ed-tabs button:active{transform:scale(.98)}.ed-tabs button[aria-selected=true]{color:#176b53;border-color:#dde6df;background:#fff;box-shadow:0 2px 5px rgba(32,37,34,.06)}.ed-tabs small{display:block;margin-top:2px;font-size:9px;font-weight:600;letter-spacing:.04em}.ed-ticket-body{padding:27px 24px 30px}.ed-ticket-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.ed-ticket-title h2{margin:6px 0 0;font-size:26px;letter-spacing:-.04em}.ed-ticket-title>i{color:#218467;font-size:26px}.ed-ticket-body>p,.ed-checker>p{margin:9px 0 18px;color:#69766d;font-size:13px;line-height:1.65}.ed-search{position:relative;display:flex;align-items:center;gap:10px;height:56px;padding:5px 5px 5px 16px;border:1px solid #dce2dd;border-radius:9px;background:#fff}.ed-search>i{color:#708077;font-size:19px}.ed-search input,.ed-device-form input{width:100%;min-width:0;color:#202522;border:0;outline:0;background:transparent;font-size:14px}.ed-search input:focus-visible,.ed-device-form input:focus-visible{outline:0}.ed-search:focus-within,.ed-device-form:focus-within{outline:2px solid #58a98f;outline-offset:2px}.ed-search>button,.ed-device-form button{flex:none;height:44px;padding:0 16px;color:white;border:0;border-radius:6px;background:#218467;cursor:pointer}.ed-search>button:hover,.ed-device-form button:hover{background:#176b53}.ed-suggestions{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:12;max-height:265px;overflow:auto;padding:6px;border:1px solid #dce2dd;border-radius:9px;background:#fff;box-shadow:0 12px 24px rgba(32,37,34,.1)}.ed-suggestions button{display:flex;width:100%;align-items:center;gap:9px;padding:10px;color:#202522;text-align:left;border:0;border-radius:6px;background:#fff;cursor:pointer}.ed-suggestions button:hover,.ed-suggestions button:focus{background:#f4f5f3}.ed-suggestions p{margin:9px;color:#606b65;font-size:13px}.ed-popular{margin-top:24px}.ed-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.ed-chip{padding:8px 11px;color:#43534a;border:1px solid #e0e6e1;border-radius:30px;background:#fff;font-size:12px;cursor:pointer;transition:background .15s,border-color .15s}.ed-chip:hover{border-color:#218467;background:#f1f8f4}.ed-hero-bottom{display:flex;justify-content:space-between;gap:10px;padding:19px 0;border-top:1px solid #dce2dd;color:#75837a;font-size:10px;font-weight:700;letter-spacing:.09em}.ed-hero-bottom a{color:#218467;letter-spacing:0;font-size:12px}
.ed-section{padding:100px 0}.ed-section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.ed-section h2{font-size:clamp(35px,4vw,52px);line-height:1.1}.ed-section-top .ed-kicker{margin-bottom:17px}.ed-section-aside,.ed-value-intro{max-width:330px;color:#69766d;font-size:14px;line-height:1.7}.ed-section-aside a,.ed-value-card a,.ed-faq a,.ed-drawer>a{color:#218467;font-size:13px;font-weight:750}.ed-section-aside a i,.ed-value-card a i,.ed-faq a i{margin-left:5px}.ed-shelf-meta{display:flex;justify-content:space-between;gap:12px;padding:15px 0;color:#738078;border-top:1px solid #dce2dd;font-size:10px;font-weight:700;letter-spacing:.09em}.ed-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ed-product,.ed-skeleton{display:flex;min-height:216px;flex-direction:column;justify-content:space-between;padding:23px;border:1px solid #dce2dd;border-radius:10px;background:#fff;transition:border-color .18s,transform .18s,box-shadow .18s}.ed-product:hover{border-color:#9cbcae;box-shadow:0 8px 20px rgba(32,50,40,.06);transform:translateY(-2px)}.ed-product-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ed-product-flag{display:inline-flex;align-items:center;gap:10px}.ed-product-flag .flag{width:33px;height:33px;border:1px solid #e4e9e5;border-radius:50%}.ed-product-code{color:#829088;font-size:11px;letter-spacing:.08em}.ed-product h3{margin:14px 0 6px;font-size:21px;letter-spacing:-.03em}.ed-product-detail{color:#69766d;font-size:12px}.ed-product-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:20px}.ed-product-price{color:#202522;font-size:21px;font-weight:750}.ed-product-price small{display:block;color:#79867e;font-size:10px;font-weight:600}.ed-product-arrow{display:grid;width:34px;height:34px;place-items:center;color:#218467;border:1px solid #dce2dd;border-radius:50%;font-size:17px}.ed-skeleton span,.ed-skeleton b,.ed-skeleton small{display:block;border-radius:5px;background:#edf0ed;animation:ed-pulse 1.4s ease-in-out infinite}.ed-skeleton span{width:38px;height:38px;border-radius:50%}.ed-skeleton b{width:58%;height:19px}.ed-skeleton small{width:35%;height:18px}@keyframes ed-pulse{50%{opacity:.5}}.ed-shelf-foot{margin:17px 0 0;color:#758179;font-size:12px}.ed-status{grid-column:1/-1;min-height:150px;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:24px;border:1px solid #dce2dd;border-radius:10px;color:#606b65}.ed-status button{margin-top:9px;padding:0;color:#218467;border:0;background:transparent;font-weight:700;cursor:pointer}
.ed-value{background:#f4f5f3}.ed-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ed-value-card{display:flex;min-height:330px;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid #dce2dd;border-radius:11px;background:white}.ed-value-number{background:#e8eeea}.ed-value-index{display:flex;justify-content:space-between;align-items:center;color:#738077;font-size:10px;font-weight:700;letter-spacing:.1em}.ed-value-index i{display:grid;width:44px;height:44px;place-items:center;color:#218467;border:1px solid #dce2dd;border-radius:50%;font-size:21px}.ed-value-card h3{margin:0 0 12px;font-size:31px;line-height:1.16;letter-spacing:-.04em}.ed-value-card p{max-width:390px;margin:0 0 23px;color:#68756d;font-size:14px;line-height:1.65}
.ed-compat-grid{display:grid;grid-template-columns:1fr minmax(350px,.8fr);align-items:center;gap:100px}.ed-compat-grid>div:first-child>p:not(.ed-kicker){max-width:440px;margin:20px 0;color:#69766d;font-size:15px;line-height:1.7}.ed-steps{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:36px;font-size:12px}.ed-steps b{margin-right:5px;color:#218467}.ed-checker{padding:28px;border:1px solid #dce2dd;border-radius:12px;background:#f4f5f3}.ed-check-icon{display:grid;width:43px;height:43px;place-items:center;margin-bottom:22px;color:#218467;border:1px solid #cbdad0;border-radius:10px;background:#fff;font-size:22px}.ed-checker h3{margin:8px 0 0;font-size:25px;letter-spacing:-.04em}.ed-device-form{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 13px;border:1px solid #dce2dd;border-radius:8px;background:#fff}.ed-device-result{margin-top:14px;color:#58685d;font-size:13px;line-height:1.6}.ed-guide-link{margin-top:17px;padding:0;color:#218467;border:0;background:none;font-size:13px;font-weight:700;cursor:pointer}
.ed-faq{background:#f4f5f3}.ed-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.ed-faq-grid>div:first-child>p:not(.ed-kicker){max-width:330px;margin:20px 0;color:#69766d;line-height:1.7}.ed-faq-list details{border-bottom:1px solid #dce2dd}.ed-faq-list details:first-child{border-top:1px solid #dce2dd}.ed-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font-size:15px;font-weight:700;cursor:pointer;list-style:none}.ed-faq-list summary::-webkit-details-marker{display:none}.ed-faq-list details[open] summary i{transform:rotate(45deg)}.ed-faq-list details p{max-width:620px;margin:0 0 20px;color:#69766d;font-size:13px;line-height:1.7}.ed-drawer-backdrop{position:fixed;inset:0;z-index:99;background:rgba(25,32,28,.38)}.ed-drawer{position:fixed;top:0;right:0;bottom:0;z-index:100;width:min(460px,100%);overflow:auto;padding:30px;background:#fff;box-shadow:-12px 0 35px rgba(32,37,34,.1);animation:ed-slide .2s ease-out}@keyframes ed-slide{from{transform:translateX(20px);opacity:.7}}.ed-drawer-top{display:flex;align-items:center;justify-content:space-between}.ed-drawer-top button{width:38px;height:38px;color:#202522;border:1px solid #dce2dd;border-radius:50%;background:#fff;cursor:pointer}.ed-drawer h2{margin:38px 0 12px;font-size:34px;letter-spacing:-.04em}.ed-drawer>p,.ed-drawer li p{color:#69766d;font-size:14px;line-height:1.7}.ed-drawer ol{display:grid;gap:16px;margin:32px 0;padding-left:20px}.ed-drawer li::marker{color:#218467}.ed-drawer li p{margin:5px 0}.home-footer{background:#fff}.home-footer .home-store-list{display:none}
[data-bs-theme=dark] .home-page{--home-ink:#eef4ef;--home-muted:#b1beb5;--home-line:#3b4a40;--home-surface:#1b2520;--home-soft:#222e27;--home-primary:#68cba4;--home-primary-deep:#4eae8a}[data-bs-theme=dark] .ed-hero,[data-bs-theme=dark] .ed-value,[data-bs-theme=dark] .ed-faq{background:#222e27}[data-bs-theme=dark] .ed-ticket,[data-bs-theme=dark] .ed-product,[data-bs-theme=dark] .ed-value-card,[data-bs-theme=dark] .ed-drawer{background:#28362d;border-color:#3b4a40}[data-bs-theme=dark] .ed-checker,[data-bs-theme=dark] .ed-tabs,[data-bs-theme=dark] .ed-value-number{background:#303f35}[data-bs-theme=dark] .ed-search,[data-bs-theme=dark] .ed-device-form,[data-bs-theme=dark] .ed-chip,[data-bs-theme=dark] .ed-suggestions,[data-bs-theme=dark] .ed-suggestions button,[data-bs-theme=dark] .ed-tabs button[aria-selected=true],[data-bs-theme=dark] .ed-check-icon{background:#1b2520;color:#e8f0ea;border-color:#46574b}[data-bs-theme=dark] .ed-search input,[data-bs-theme=dark] .ed-device-form input,[data-bs-theme=dark] .ed-product-price,[data-bs-theme=dark] .ed-drawer-top button{color:#eef4ef}[data-bs-theme=dark] .ed-hero h1 span,[data-bs-theme=dark] .ed-section-aside a,[data-bs-theme=dark] .ed-value-card a,[data-bs-theme=dark] .ed-guide-link,[data-bs-theme=dark] .ed-faq a{color:#68cba4}[data-bs-theme=dark] .ed-lead,[data-bs-theme=dark] .ed-value-card p,[data-bs-theme=dark] .ed-compat-grid>div:first-child>p:not(.ed-kicker),[data-bs-theme=dark] .ed-faq-list details p,[data-bs-theme=dark] .ed-ticket-body>p,[data-bs-theme=dark] .ed-drawer p{color:#b1beb5}
@media(max-width:900px){.ed-hero-grid{grid-template-columns:1fr;gap:42px}.ed-hero-copy{max-width:650px}.ed-ticket{max-width:620px}.ed-compat-grid,.ed-faq-grid{gap:45px}.ed-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ed-hero{padding-top:55px}.ed-hero-grid{padding-bottom:45px}.ed-hero h1{font-size:clamp(46px,11vw,68px)}.ed-lead{font-size:15px}.ed-ticket-head,.ed-ticket-bottom{padding-left:18px;padding-right:18px}.ed-tabs{margin:16px 18px 0}.ed-ticket-body{padding:22px 18px}.ed-section{padding:67px 0}.ed-section-top{display:block;margin-bottom:28px}.ed-section-aside,.ed-value-intro{margin-top:18px}.ed-products{grid-template-columns:1fr}.ed-product,.ed-skeleton{min-height:190px}.ed-value-grid,.ed-compat-grid,.ed-faq-grid{grid-template-columns:1fr;gap:14px}.ed-value-card{min-height:285px;padding:24px}.ed-compat-grid,.ed-faq-grid{gap:35px}.ed-checker{padding:23px}.ed-drawer{top:auto;max-height:90vh;border-radius:16px 16px 0 0}.ed-drawer h2{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.editorial *, .ed-drawer{animation:none!important;transition:none!important}}

body.ed-drawer-open{overflow:hidden}

/* Motion reinforces navigation, selection, and destination actions. */
@media (hover: hover) and (pointer: fine) {
  .home-nav > a {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: color 180ms ease, background-size 240ms cubic-bezier(.16, 1, .3, 1);
  }
  .home-nav > a:hover, .home-nav > a:focus-visible, .home-nav > a[aria-current="page"] { background-size: 100% 1px; }
  .ed-product { transition: transform 240ms cubic-bezier(.16, 1, .3, 1), border-color 180ms ease, box-shadow 240ms ease; }
  .ed-product:hover, .ed-product:focus-visible { transform: translateY(-2px); }
  .ed-product-arrow, .ed-section-aside a i, .ed-value-card a i, .ed-guide-link i, .ed-faq a i {
    transition: transform 220ms cubic-bezier(.16, 1, .3, 1), color 180ms ease;
  }
  .ed-product:hover .ed-product-arrow, .ed-product:focus-visible .ed-product-arrow,
  .ed-section-aside a:hover i, .ed-value-card a:hover i, .ed-guide-link:hover i, .ed-faq a:hover i {
    transform: translate(2px, -2px);
  }
  .ed-faq-list summary { transition: color 180ms ease; }
  .ed-faq-list summary:hover { color: var(--home-primary); }
}
.ed-tabs button, .ed-search > button, .ed-device-form button, .home-header-cta {
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease,
              box-shadow 180ms ease, transform 140ms cubic-bezier(.16, 1, .3, 1);
}
.ed-tabs button:active, .ed-search > button:active, .ed-device-form button:active, .home-header-cta:active { transform: scale(.98); }
.ed-faq-list summary i { transition: transform 220ms cubic-bezier(.16, 1, .3, 1); }
@supports (interpolate-size: allow-keywords) {
  .ed-faq-list { interpolate-size: allow-keywords; }
  .ed-faq-list details::details-content { block-size: 0; overflow: clip; transition: block-size 240ms ease, content-visibility 240ms allow-discrete; }
  .ed-faq-list details[open]::details-content { block-size: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .home-nav > a, .ed-product, .ed-product-arrow, .ed-section-aside a i,
  .ed-value-card a i, .ed-guide-link i, .ed-faq a i, .ed-tabs button,
  .ed-search > button, .ed-device-form button, .home-header-cta,
  .ed-faq-list summary, .ed-faq-list summary i, .ed-faq-list details::details-content {
    transition: none !important;
  }
  .ed-product:hover, .ed-product:focus-visible, .ed-product:hover .ed-product-arrow,
  .ed-product:focus-visible .ed-product-arrow, .ed-tabs button:active,
  .ed-search > button:active, .ed-device-form button:active, .home-header-cta:active { transform: none; }
}


/* Editorial terminal: light surfaces, restrained contrast, and clear product hierarchy. */
.home-page { --home-ink:#202522; --home-muted:#626a65; --home-line:#dedfdd; --home-primary:#218467; color:#202522; background:#fff; }
.home-page .home-brand-mark { background:#202522; }
.home-page .home-header-cta { background:#202522; }
.terminal-hero { padding:100px 0 65px; background:#fff; }
.terminal-intro { display:flex; justify-content:space-between; align-items:center; gap:48px; margin-bottom:44px; }
.terminal-intro h1 { margin:0; color:#202522; font-size:clamp(52px,6.5vw,96px); font-weight:750; letter-spacing:-.04em; line-height:1.02; }
.terminal-intro p { margin:22px 0 0; color:#606862; font-size:18px; }
.terminal-visual { width:230px; height:230px; display:grid; place-items:center; color:#dfe4e0; font-size:210px; }
.terminal-controls { display:flex; gap:10px; align-items:stretch; padding:8px; background:#f4f5f3; border:1px solid #e0e3e0; border-radius:14px; }
.terminal-controls .ed-tabs { flex:none; width:310px; margin:0; padding:0; border:0; background:transparent; }
.terminal-controls .ed-tabs button { min-height:58px; font-size:14px; }
.terminal-controls .ed-tabs button[aria-selected=true] { color:#176b53; border-color:#dce7df; }
.terminal-controls .ed-search { flex:1; height:62px; padding-left:18px; border-color:#e2e4e2; }
.terminal-controls .ed-search input { font-size:16px; }
.terminal-controls .ed-search input::placeholder { color:#67716a; opacity:1; }
.terminal-controls .ed-search>button { height:50px; padding:0 24px; background:#218467; }
.terminal-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; }
.terminal-bottom .ed-chips { margin:0; }
.terminal-device { flex:none; color:#454d48; font-size:13px; font-weight:650; }
.terminal-device i { margin-right:5px; }
.ed-chip:hover { background:#f4f5f3; border-color:#aeb7b0; }
.stage-section { padding:64px 0 110px; }
.stage-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:32px; }
.stage-heading h2,.benefit-section h2,.how-heading h2 { margin:0; color:#202522; font-size:clamp(35px,3.7vw,52px); font-weight:720; letter-spacing:-.04em; line-height:1.1; }
.stage-heading p,.how-heading p { margin:12px 0 0; color:#626a65; font-size:15px; }
.stage-heading>a,.value-copy a,.benefit-grid a { color:#202522; font-weight:700; font-size:13px; }
.stage { position:relative; overflow:hidden; min-height:510px; border-radius:16px; background:#303936; }
.stage-image { position:absolute; inset:0; background-position:center; background-size:cover; opacity:0; transform:scale(1.03); transition:opacity .7s ease,transform 7s ease-out; }
.stage-image-a,.stage-image-b { background-image:url('/assets/images/home/terminal-new-york.webp'); }
.stage-image[data-image=us] { background-image:url('/assets/images/home/terminal-new-york.webp'); }
.stage-image[data-image=jp] { background-image:url('/assets/images/home/terminal-tokyo.webp'); }
.stage-image[data-image=cn] { background-image:url('/assets/images/home/terminal-shanghai.webp'); }
.stage-image[data-image=au] { background-image:url('/assets/images/home/terminal-sydney.webp'); }
.stage-image[data-image=gb] { background-image:url('/assets/images/home/terminal-london.webp'); }
.stage-image[data-image=sg] { background-image:url('/assets/images/home/terminal-singapore.webp'); }
.stage-image[data-image=generic] { background-image:none; background-color:#48524b; }
.stage:not([data-layer=b]) .stage-image-a,.stage[data-layer=b] .stage-image-b { opacity:1; transform:scale(1); }
.stage-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,18,16,.8),rgba(12,18,16,.2) 70%),linear-gradient(0deg,rgba(12,18,16,.55),transparent 48%); }
.stage-content { position:relative; z-index:1; display:flex; align-items:center; min-height:430px; padding:42px; }
.stage-panel { width:min(430px,100%); padding:32px; color:#fff; border:1px solid rgba(255,255,255,.24); border-radius:14px; background:rgba(20,27,24,.84); backdrop-filter:blur(12px); animation:stage-enter .35s ease-out; }
@keyframes stage-enter { from { opacity:.5; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.stage-panel-label { color:#c2cbc5; font-size:11px; letter-spacing:.1em; font-weight:700; }
.stage-title { display:flex; align-items:center; gap:14px; margin:18px 0 12px; color:#fff; font-size:clamp(35px,4vw,48px); font-weight:700; letter-spacing:-.035em; }
.stage-title .flag,.stage-region { width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,.3); flex:none; }
.stage-region { display:inline-grid; place-items:center; color:#202522; background:#e8ebe8; font-size:10px; }
.stage-detail { color:#e6eae7; font-size:15px; line-height:1.5; }
.stage-price { display:flex; align-items:baseline; gap:12px; margin:25px 0; }
.stage-price span { color:#d1d8d3; font-size:11px; font-weight:700; letter-spacing:.08em; }
.stage-price strong { font-size:32px; color:#fff; }
.stage-cta { display:inline-flex; align-items:center; min-height:48px; padding:0 20px; color:#fff; background:#218467; border-radius:7px; font-weight:700; transition:background .2s,transform .2s; }
.stage-cta:hover { color:#fff; background:#176b53; transform:translateY(-2px); }
.stage-dock { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:8px; padding:0 42px 27px; }
.stage-dock-button { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 14px; border:1px solid rgba(255,255,255,.32); border-radius:25px; background:rgba(20,27,24,.65); color:#fff; font-size:12px; font-weight:650; cursor:pointer; transition:background .2s,border-color .2s; }
.stage-dock-button:hover { background:#39433d; }
.stage-dock-button[aria-pressed=true] { background:#218467; border-color:#218467; }
.stage-dock-button .flag,.stage-dock-button .stage-region { width:21px; height:21px; border-radius:50%; }
.stage-loading { min-height:300px; display:flex; flex-direction:column; justify-content:space-between; }
.stage-skeleton { display:block; height:18px; width:58%; border-radius:4px; background:rgba(255,255,255,.22); animation:ed-pulse 1.4s ease-in-out infinite; }
.stage-skeleton:nth-child(2) { width:80%; height:40px; }.stage-skeleton:nth-child(4) { width:45%; height:44px; }
.stage-retry { color:#fff; background:none; border:0; padding:0; text-decoration:underline; }
.stage-foot { display:flex; justify-content:space-between; gap:10px; margin-top:16px; color:#626a65; font-size:11px; font-weight:650; }
.stage-note { margin:10px 0 0; color:#626a65; font-size:12px; }
.value-section,.benefit-section { background:#f4f5f3; }
.value-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.value-panel { min-height:370px; display:flex; justify-content:space-between; gap:24px; padding:36px; overflow:hidden; border:1px solid #e2e4e2; border-radius:14px; background:#fff; }
.value-copy { position:relative; z-index:1; max-width:300px; }.value-index { color:#68706b; font-size:11px; font-weight:700; letter-spacing:.08em; }
.value-copy h3 { margin:24px 0 15px; font-size:clamp(25px,2.5vw,34px); line-height:1.1; letter-spacing:-.035em; }
.value-copy p,.benefit-grid p,.how-grid p { color:#626a65; line-height:1.65; font-size:14px; }.value-copy a { display:inline-block; margin-top:18px; }
.signal-ui,.message-ui { align-self:center; min-width:210px; padding:18px; border:1px solid #e4e6e4; border-radius:12px; background:#f8f9f8; box-shadow:0 12px 28px rgba(32,37,34,.06); }
.signal-ui>div { display:grid; grid-template-columns:24px 1fr; gap:3px 8px; padding:11px 0; border-bottom:1px solid #e5e7e5; font-size:11px; }.signal-ui>div:last-child { border:0; }.signal-ui i { grid-row:span 2; font-size:18px; color:#6d7770; }.signal-ui span { color:#747c76; }.signal-ui b { color:#28302a; }
.message-ui>div { display:flex; gap:8px; align-items:center; color:#68706b; font-size:10px; font-weight:700; }.message-ui>div i { font-size:20px; }.message-ui strong { display:block; margin-top:20px; font-size:15px; }.message-ui p { margin:6px 0 0; color:#626a65; font-size:12px; }
.how-section { padding:125px 0; }.how-heading { text-align:center; }.how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:54px; }.how-grid article { min-height:245px; padding:30px; border:1px solid #e2e4e2; border-radius:12px; }.how-grid article>span { display:block; color:#8a928c; font-weight:700; font-size:13px; }.how-grid article>i { display:block; margin:28px 0 17px; color:#616b64; font-size:27px; }.how-grid h3,.benefit-grid h3 { margin:0; font-size:20px; letter-spacing:-.02em; }
.benefit-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:16px; margin-top:38px; }.benefit-grid article { min-height:250px; padding:32px; border:1px solid #e2e4e2; border-radius:12px; background:#fff; }.benefit-grid article>i { display:block; margin-bottom:48px; color:#69726c; font-size:28px; }.benefit-large { display:flex; flex-direction:column; justify-content:end; }.benefit-large>i { margin-top:0; }.benefit-grid p { margin-top:12px; }
.ed-compat { padding:110px 0; }.ed-steps { display:none; }.ed-check-icon,.ed-guide-link { color:#454d48; }.ed-device-form button { background:#202522; }.ed-device-form button:hover { background:#3b443e; }
.ed-faq { padding:110px 0; background:#f4f5f3; }.ed-faq-grid { grid-template-columns:.75fr 1.5fr; gap:65px; }.ed-faq-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; align-items:start; }.ed-faq-list details,.ed-faq-list details:first-child { border:1px solid #e0e3e0; border-radius:10px; background:#fff; }.ed-faq-list summary { min-height:80px; padding:24px; font-size:15px; }.ed-faq-list summary i { display:grid; place-items:center; flex:none; width:29px; height:29px; border:1px solid #dce0dc; border-radius:50%; transition:transform .2s; }.ed-faq-list details p { padding:0 24px; }.ed-faq a,.ed-drawer>a { color:#202522; }
.trust-strip { padding:48px 0; text-align:center; background:#fff; }.trust-marks { display:flex; justify-content:center; flex-wrap:wrap; gap:38px; color:#606862; font-size:15px; font-weight:700; }.trust-strip p { margin:15px 0 0; color:#68706b; font-size:12px; }
.home-footer .home-store-list { display:flex; }.home-store-badge { opacity:.65; cursor:default; }.home-footer { background:#fff; }.home-footer .home-brand-mark { background:#202522; }
.home-nav-menu i,.home-nav-menu a:hover,.home-footer-links a:hover,.home-footer-bottom a:hover { color:#454d48; }
.ed-faq-list summary:hover { color:#202522; }
@media(min-width:901px) { .home-footer-grid { grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(105px,.7fr)); gap:28px; } }
.editorial a:not(.stage-cta) { text-underline-offset:4px; }.editorial a:not(.stage-cta):hover { color:#202522; text-decoration:underline; }
[data-bs-theme=dark] .terminal-hero,[data-bs-theme=dark] .trust-strip { background:#1b2520; }
[data-bs-theme=dark] .terminal-intro h1,[data-bs-theme=dark] .stage-heading h2,[data-bs-theme=dark] .benefit-section h2,[data-bs-theme=dark] .how-heading h2 { color:#eef4ef; }
[data-bs-theme=dark] .terminal-intro p,[data-bs-theme=dark] .stage-heading p,[data-bs-theme=dark] .how-heading p,[data-bs-theme=dark] .stage-foot,[data-bs-theme=dark] .stage-note,[data-bs-theme=dark] .trust-strip p { color:#b1beb5; }
[data-bs-theme=dark] .terminal-controls,[data-bs-theme=dark] .value-section,[data-bs-theme=dark] .benefit-section { background:#222e27; border-color:#3b4a40; }
[data-bs-theme=dark] .value-panel,[data-bs-theme=dark] .benefit-grid article,[data-bs-theme=dark] .how-grid article,[data-bs-theme=dark] .ed-faq-list details { background:#28362d; border-color:#46574b; color:#eef4ef; }
[data-bs-theme=dark] .signal-ui,[data-bs-theme=dark] .message-ui { background:#1b2520; border-color:#46574b; }
[data-bs-theme=dark] .value-copy p,[data-bs-theme=dark] .benefit-grid p,[data-bs-theme=dark] .how-grid p,[data-bs-theme=dark] .message-ui p { color:#b1beb5; }
[data-bs-theme=dark] .signal-ui b,[data-bs-theme=dark] .terminal-device,[data-bs-theme=dark] .stage-heading>a,[data-bs-theme=dark] .value-copy a,[data-bs-theme=dark] .benefit-grid a,[data-bs-theme=dark] .ed-faq a,[data-bs-theme=dark] .editorial a:not(.stage-cta):hover { color:#eef4ef; }
@media(max-width:900px) { .terminal-visual { width:150px; height:150px; font-size:140px; }.value-panel { flex-wrap:wrap; }.signal-ui,.message-ui { width:100%; }.benefit-grid { grid-template-columns:1fr 1fr; }.benefit-large { grid-column:span 2; }.ed-faq-grid { gap:35px; } }
@media(max-width:700px) { .terminal-hero { padding:70px 0 45px; }.terminal-intro { margin-bottom:30px; }.terminal-intro h1 { font-size:clamp(43px,10vw,62px); }.terminal-intro p { font-size:15px; }.terminal-visual { width:90px; height:90px; font-size:85px; }.terminal-controls { display:block; }.terminal-controls .ed-tabs { width:100%; margin-bottom:7px; }.terminal-controls .ed-search { height:58px; }.terminal-controls .ed-search>button { padding:0 15px; height:46px; }.terminal-bottom { align-items:flex-start; flex-direction:column; }.stage-section,.ed-compat,.ed-faq,.how-section { padding:75px 0; }.stage-heading { align-items:start; flex-direction:column; }.stage { min-height:510px; }.stage-content { min-height:410px; padding:20px; }.stage-panel { padding:25px; }.stage-dock { padding:0 20px 22px; }.stage-foot { flex-direction:column; }.value-grid,.how-grid,.benefit-grid,.ed-faq-list { grid-template-columns:1fr; }.value-panel { min-height:0; padding:28px; }.how-grid { margin-top:35px; }.how-grid article { min-height:200px; }.benefit-large { grid-column:auto; }.benefit-grid article { min-height:200px; }.benefit-grid article>i { margin-bottom:35px; }.ed-faq-grid { grid-template-columns:1fr; }.ed-faq-list summary { min-height:74px; } }
@media(prefers-reduced-motion:reduce) { .stage-image,.stage-panel,.stage-cta,.stage-dock-button { animation:none!important; transition:none!important; } }


/* The approved full-page mockup establishes the homepage proportions. */
.home-page { color:#202522; }
.home-header-inner { min-height:58px; }
.home-page .home-brand-mark { background:#218467; }
.terminal-hero { padding:28px 0 20px; }
.terminal-intro { position:relative; min-height:205px; display:block; margin:0; }
.terminal-intro>div:first-child { position:relative; z-index:1; padding-top:8px; }
.terminal-intro h1 { font-size:clamp(48px,5.3vw,74px); line-height:.99; letter-spacing:-.04em; max-width:700px; }
.terminal-intro p { margin:12px 0 0; font-size:17px; color:#54635a; }
.terminal-visual { position:absolute; right:0; top:-26px; width:49%; height:245px; background:url('/assets/images/home/terminal-globe.webp') center/contain no-repeat; }
.terminal-controls { position:relative; z-index:2; padding:6px; border-radius:8px; background:#fff; gap:8px; box-shadow:0 2px 8px rgba(32,37,34,.04); }
.terminal-controls .ed-tabs { width:270px; background:#f4f5f3; padding:3px; }
.terminal-controls .ed-tabs button { min-height:48px; font-size:13px; }
.terminal-controls .ed-search { height:54px; }
.terminal-controls .ed-search>button { width:42px; height:42px; padding:0; border-radius:50%; font-size:0; }
.terminal-controls .ed-search>button i { font-size:20px; }
.terminal-bottom { margin-top:10px; }
.terminal-bottom .ed-chips { gap:6px; }.terminal-bottom .ed-chip { padding:5px 9px; font-size:11px; }
.terminal-device { font-size:12px; }
.stage-section { padding:28px 0 30px; background:#f4f5f3; }
.stage-heading { margin-bottom:14px; align-items:center; }
.stage-heading h2,.benefit-section h2 { font-size:clamp(27px,2.6vw,36px); letter-spacing:-.035em; }
.stage-heading p { margin:4px 0 0; font-size:13px; }
.stage-section .stage-heading p { display:none; }
.stage { min-height:480px; border-radius:10px; }
.stage-shade { background:linear-gradient(0deg,rgba(9,14,13,.68),transparent 50%),linear-gradient(90deg,rgba(9,14,13,.24),transparent 58%); }
.stage-content { min-height:480px; align-items:flex-end; padding:24px; }
.stage-panel { width:min(325px,100%); padding:22px; border-radius:10px; }
.stage-title { font-size:32px; margin:12px 0 8px; }.stage-title .flag,.stage-title .stage-region { width:32px; height:32px; }
.stage-detail { margin:0; font-size:13px; }.stage-price { margin:15px 0; }.stage-price strong { font-size:25px; }
.stage-cta { min-height:44px; width:100%; justify-content:center; }
.stage-dock { position:absolute; inset:auto 20px 24px 370px; padding:0; flex-wrap:nowrap; overflow:auto; }
.stage-dock-button { flex:none; border-radius:7px; min-height:44px; padding:0 11px; background:rgba(12,18,16,.78); }
.stage-dock-button[aria-pressed=true] { background:#18362b; border-color:#218467; }
.stage-foot { margin-top:8px; font-size:10px; }.stage-note { font-size:11px; margin:4px 0 0; }
.value-section { padding:30px 0 34px; background:#fff; }
.value-section .stage-heading { display:none; }
.value-grid { gap:0; }.value-panel { position:relative; min-height:225px; padding:8px 22px 5px 0; border:0; border-radius:0; background:#fff; }
.value-panel+ .value-panel { padding-left:32px; padding-right:0; border-left:1px solid #e2e4e2; }
.value-copy { max-width:250px; }.value-index { font-size:11px; letter-spacing:0; }
.value-copy h3 { font-size:25px; margin:18px 0 12px; line-height:1.05; }.value-copy p { font-size:12px; line-height:1.55; }.value-copy a { margin-top:8px; font-size:12px; }
.signal-ui { min-width:180px; max-width:215px; align-self:center; padding:12px; border-radius:10px; box-shadow:none; background:#f7f8f7; }
.signal-ui>div { padding:8px 0; }
.number-scene { position:relative; flex:1; min-width:200px; max-width:300px; min-height:208px; border-radius:8px; background:#e9eceb url('/assets/images/home/terminal-phone.webp') 70% center/cover no-repeat; overflow:hidden; }
.phone-notification { position:absolute; right:8px; bottom:32px; width:180px; display:flex; align-items:center; gap:8px; padding:9px; color:#222b27; background:rgba(248,249,248,.94); border-radius:9px; box-shadow:0 5px 14px rgba(20,30,25,.12); font-size:10px; }
.phone-notification-icon { display:grid; place-items:center; flex:none; width:25px; height:25px; border-radius:7px; background:#e6ebe7; font-size:15px; }.phone-notification span:nth-child(2) { display:grid; flex:1; }.phone-notification small { font-size:9px; }
.how-section { padding:48px 0 56px; }.how-heading h2 { font-size:clamp(37px,3.8vw,50px); }.how-heading p { font-size:16px; margin-top:3px; }
.how-grid { margin-top:27px; gap:45px; }.how-grid article { position:relative; min-height:250px; padding:18px 22px 22px; border-radius:7px; }.how-grid article:not(:last-child)::after { content:'→'; position:absolute; right:-35px; top:46%; color:#7a857d; font-size:24px; }
.how-grid article>span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#eef2ef; color:#525f56; font-size:14px; }
.how-grid .step-art { height:92px; display:grid; place-items:center; color:#6e7971; font-size:70px; }.how-grid .step-art i { display:block; }.step-device { position:relative; }.step-device i+ i { position:absolute; font-size:32px; }.step-signal i { font-size:80px; }
.how-grid h3 { margin-top:12px; font-size:17px; }.how-grid p { margin:8px 0 0; font-size:12px; line-height:1.5; }
.benefit-section { padding:35px 0 45px; }.benefit-subtitle { margin:5px 0 0; color:#626a65; font-size:14px; }
.benefit-grid { grid-template-columns:2fr 1fr 1fr; grid-template-rows:1fr 1fr; gap:12px; margin-top:18px; }
.benefit-grid article { min-height:150px; padding:20px; border-radius:7px; }.benefit-grid article>i { margin:0 0 10px; font-size:25px; }.benefit-grid h3 { font-size:16px; }.benefit-grid p { font-size:12px; margin:8px 0; line-height:1.4; }.benefit-grid a { font-size:11px; }
.benefit-grid .benefit-large { grid-row:span 2; min-height:315px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:15px; padding:25px; }.benefit-large h3 { font-size:30px; line-height:1; }.benefit-large p { max-width:220px; margin:13px 0; }.benefit-interface { width:40%; flex:none; padding:15px; border:1px solid #e5e8e5; border-radius:10px; background:#fafbfa; font-size:11px; }.benefit-interface span,.benefit-interface strong { display:block; margin:10px 0; }.benefit-interface span { color:#68726a; }
.ed-compat { padding:48px 0; }.ed-compat-grid { grid-template-columns:1fr 1.35fr; align-items:center; gap:50px; }.ed-compat-grid h2 { font-size:27px; }.ed-compat-grid .ed-kicker,.ed-check-icon,.ed-checker>.ed-label,.ed-checker h3,.ed-checker>p { display:none; }.ed-compat-grid>div:first-child>p:not(.ed-kicker) { margin:8px 0; font-size:13px; }.ed-checker { padding:0; border:0; background:transparent; }.ed-guide-link { margin-top:8px; }
.ed-faq { padding:65px 0 75px; }.ed-faq-grid { grid-template-columns:.55fr 1.45fr; gap:45px; }.ed-faq-grid .ed-kicker { display:none; }.ed-faq-grid h2 { font-size:32px; }.ed-faq-grid>div:first-child>p:not(.ed-kicker) { margin:14px 0 4px; font-size:13px; }.ed-faq-list { gap:12px; }.ed-faq-list summary { min-height:70px; padding:22px 24px; }
.trust-strip { padding:28px 0; }.trust-marks { gap:38px; align-items:center; color:#202522; }.trust-visa { font-weight:900; font-style:italic; }.trust-mastercard { display:flex; }.trust-mastercard i { display:block; width:22px; height:22px; border-radius:50%; background:#26302b; }.trust-mastercard i+ i { margin-left:-8px; background:#7e8680; opacity:.9; }.trust-strip p { margin:8px 0 0; font-size:10px; }
.home-footer { padding-top:38px; }.home-footer-grid { gap:20px; }.home-footer-brand>p { margin:10px 0; font-size:11px; }.home-footer-links { gap:9px; }.home-footer-links a,.home-footer-links h2 { font-size:11px; }.home-footer-bottom { margin-top:22px; padding-top:14px; font-size:11px; }
@media(max-width:900px) { .value-panel { flex-wrap:nowrap; }.signal-ui { min-width:140px; }.number-scene { min-width:160px; }.benefit-grid { grid-template-columns:2fr 1fr 1fr; }.benefit-grid .benefit-large { grid-column:auto; }.terminal-visual { width:44%; height:200px; }.terminal-intro { min-height:180px; } }
@media(max-width:700px) { .terminal-hero { padding:30px 0 20px; }.terminal-intro { min-height:145px; }.terminal-intro h1 { font-size:clamp(38px,8.5vw,54px); }.terminal-intro p { max-width:70%; font-size:14px; }.terminal-visual { width:39%; height:145px; top:0; opacity:.8; }.terminal-controls { display:block; }.terminal-controls .ed-tabs { width:100%; margin:0 0 6px; }.terminal-bottom { flex-direction:row; flex-wrap:wrap; gap:9px; }.stage-section { padding:25px 0 35px; }.stage-heading { flex-direction:row; align-items:center; }.stage { min-height:470px; }.stage-content { min-height:400px; padding:18px; }.stage-panel { padding:20px; }.stage-dock { inset:auto 18px 18px; }.value-grid { grid-template-columns:1fr; gap:18px; }.value-panel { min-height:190px; padding:0 0 18px; }.value-panel+ .value-panel { border-left:0; border-top:1px solid #e2e4e2; padding:20px 0 0; }.value-copy h3 { font-size:21px; }.number-scene { min-height:180px; }.signal-ui { min-width:135px; }.how-section { padding:55px 0; }.how-grid { grid-template-columns:1fr; gap:12px; margin-top:25px; }.how-grid article { min-height:190px; }.how-grid article:not(:last-child)::after { display:none; }.benefit-grid { grid-template-columns:1fr 1fr; }.benefit-grid .benefit-large { grid-column:span 2; grid-row:auto; min-height:230px; }.ed-compat { padding:55px 0; }.ed-compat-grid { grid-template-columns:1fr; gap:20px; }.ed-faq { padding:65px 0; }.ed-faq-grid { grid-template-columns:1fr; gap:25px; }.ed-faq-list { grid-template-columns:1fr; }.trust-marks { gap:20px; }.home-footer { padding-top:38px; } }
@media(max-width:420px) { .terminal-visual { opacity:.45; }.terminal-intro p { max-width:90%; }.terminal-device { font-size:11px; }.value-panel { flex-wrap:wrap; }.signal-ui,.number-scene { width:100%; max-width:none; }.benefit-grid { grid-template-columns:1fr; }.benefit-grid .benefit-large { grid-column:auto; }.benefit-interface { display:none; } }