:root{
  --bg:#07090f;--bg2:#0d1117;--bg3:#131c27;--bg4:#1a2535;
  --p:#2563eb;--p2:#3b82f6;--p3:#93c5fd;
  --g:#00e5a0;--r:#ff4d6d;--y:#ffc93c;--b:#4da6ff;
  --txt:#e8f0ff;--sub:#7a8baa;--bdr:rgba(37,99,235,0.2);
  --card:rgba(255,255,255,0.025);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--txt);font-family:'Space Grotesk','Noto Sans SC',sans-serif;min-height:100vh;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(37,99,235,0.15),transparent);pointer-events:none;z-index:0;}
.mono{font-family:monospace;}
.page{display:none;position:relative;z-index:1;min-height:100vh;}
.page.on{display:block;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:300;height:58px;
  display:flex;align-items:center;justify-content:space-between;padding:0 2rem;
  background:rgba(7,7,17,0.92);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--bdr);}
.logo{font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;}
.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--p),var(--p2));border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;}
.logo span{color:var(--p3);}
.brand-wordmark{line-height:0;flex:0 0 auto;}
.brand-wordmark img{display:block;width:172px;height:auto;max-width:none;}
.mob-menu .brand-wordmark img{width:158px;}
.footer-wordmark{display:inline-flex;line-height:0;}
.footer-wordmark img{display:block;width:158px;height:auto;}
.nl-wrap{display:flex;gap:2px;}
.nl{background:transparent;border:none;color:var(--sub);font-family:'Space Grotesk',sans-serif;font-size:0.88rem;cursor:pointer;padding:6px 14px;border-radius:8px;transition:all 0.18s;text-decoration:none;display:inline-flex;align-items:center;}
.nl:hover,.nl.on{color:var(--txt);background:rgba(37,99,235,0.12);}
.nav-r{display:flex;align-items:center;gap:0.6rem;}
.bal-pill{display:none;align-items:center;gap:6px;font-size:0.8rem;font-weight:600;
  background:rgba(0,229,160,0.1);color:var(--g);border:1px solid rgba(0,229,160,0.25);
  padding:5px 12px;border-radius:999px;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;
  font-family:'Space Grotesk',sans-serif;font-weight:600;border:none;transition:all 0.18s;white-space:nowrap;}
.btn-xs{font-size:0.75rem;padding:4px 10px;border-radius:6px;}
.btn-sm{font-size:0.82rem;padding:6px 14px;border-radius:8px;}
.btn-md{font-size:0.9rem;padding:10px 22px;border-radius:10px;}
.btn-lg{font-size:1rem;padding:13px 30px;border-radius:12px;}
.btn-p{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;}
.btn-p:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(37,99,235,0.4);}
.btn-ghost{background:transparent;color:var(--txt);border:1px solid var(--bdr);}
.btn-ghost:hover{border-color:var(--p2);background:rgba(37,99,235,0.08);}
.btn-g{background:rgba(0,229,160,0.12);color:var(--g);border:1px solid rgba(0,229,160,0.25);}
.btn-g:hover{background:rgba(0,229,160,0.22);}
.btn-r{background:rgba(255,77,109,0.12);color:var(--r);border:1px solid rgba(255,77,109,0.25);}
.btn-r:hover{background:rgba(255,77,109,0.22);}
.btn-y{background:rgba(255,201,60,0.12);color:var(--y);border:1px solid rgba(255,201,60,0.25);}
.btn:disabled{opacity:0.45;cursor:not-allowed;transform:none !important;}

/* HERO */
.hero{padding:58px 2rem 0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(37,99,235,0.12);border:1px solid var(--bdr);padding:6px 16px;border-radius:999px;font-size:0.78rem;color:var(--p3);margin-bottom:1.75rem;animation:up 0.6s ease both;}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--g);animation:glow 2s infinite;}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(0,229,160,0.5)}50%{box-shadow:0 0 0 8px rgba(0,229,160,0)}}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.hero h1{font-size:clamp(2.8rem,6vw,5.2rem);font-weight:700;line-height:1.05;animation:up 0.7s 0.1s ease both;max-width:820px;width:100%;}
.hero h1 .gr{background:linear-gradient(135deg,#93c5fd,#2563eb,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.hero p{margin-top:1.25rem;font-size:1.05rem;color:var(--sub);max-width:460px;width:100%;line-height:1.75;animation:up 0.7s 0.2s ease both;}
.hero p b{color:var(--txt);font-weight:500;}
.hbtns{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center;animation:up 0.7s 0.3s ease both;}
.hstats{display:flex;gap:3rem;margin-top:4rem;animation:up 0.7s 0.4s ease both;flex-wrap:wrap;justify-content:center;}
.hs{text-align:center;}
.hs-n{font-size:2rem;font-weight:700;}
.hs-n em{color:var(--p3);font-style:normal;}
.hs-l{font-size:0.78rem;color:var(--sub);margin-top:2px;}
.flags-row{display:flex;gap:1rem;margin-top:3rem;flex-wrap:wrap;justify-content:center;animation:up 0.7s 0.5s ease both;}
.flag-chip{background:var(--bg3);border:1px solid var(--bdr);border-radius:999px;padding:6px 16px;font-size:0.85rem;display:flex;align-items:center;gap:6px;}
.hero-facts{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:0.75rem;width:min(760px,100%);margin-top:3rem;animation:up 0.7s 0.4s ease both;}
.hero-fact{background:rgba(255,255,255,0.025);border:1px solid var(--bdr);border-radius:12px;padding:0.9rem 0.75rem;text-align:left;}
.hero-fact strong{display:block;font-size:0.86rem;color:var(--txt);margin-bottom:3px;}
.hero-fact span{display:block;font-size:0.72rem;color:var(--sub);line-height:1.45;}
.workflow-demo{width:min(760px,100%);margin-top:1rem;background:linear-gradient(145deg,rgba(21,31,46,.96),rgba(10,14,22,.96));border:1px solid var(--bdr);border-radius:18px;padding:1rem;text-align:left;animation:up 0.7s 0.5s ease both;}
.workflow-demo-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.15rem 0.25rem 0.85rem;color:var(--sub);font-size:0.72rem;}
.workflow-demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;}
.workflow-demo-step{background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:0.85rem;min-width:0;}
.workflow-demo-step b{display:block;font-size:0.82rem;margin:0.35rem 0;}
.workflow-demo-step span{display:block;font-size:0.72rem;line-height:1.5;color:var(--sub);}
/* home sections */
.home-sec{padding:5rem 0;border-top:1px solid var(--bdr);}
.home-sec .eye{text-align:center;margin-bottom:0.5rem;}
.home-sec .sec-ttl{text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:0.5rem;}
.home-sec .sec-sub{text-align:center;color:var(--sub);font-size:0.98rem;max-width:520px;margin:0 auto 3rem;}
/* extend banner */
.ext-banner{background:linear-gradient(135deg,rgba(37,99,235,0.12),rgba(192,132,252,0.08));border:1px solid rgba(37,99,235,0.25);border-radius:20px;padding:3rem 2.5rem;display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap;}
.ext-icon{font-size:4rem;flex-shrink:0;line-height:1;}
.ext-banner h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;margin-bottom:0.75rem;background:linear-gradient(135deg,#93c5fd,#2563eb,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.ext-banner p{color:var(--sub);font-size:0.98rem;line-height:1.7;max-width:520px;margin-bottom:1.25rem;}
/* how it works */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.step{background:var(--bg3);border:1px solid var(--bdr);border-radius:16px;padding:1.75rem 1.5rem;position:relative;transition:border-color 0.2s;}
.step:hover{border-color:rgba(37,99,235,0.4);}
.step.hl{border-color:rgba(37,99,235,0.5);background:linear-gradient(135deg,rgba(37,99,235,0.08),rgba(192,132,252,0.04));}
.step-num{width:36px;height:36px;border-radius:50%;background:var(--bg4);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:0.82rem;font-weight:700;color:var(--p3);margin-bottom:1rem;}
.step.hl .step-num{background:rgba(37,99,235,0.2);border-color:rgba(37,99,235,0.4);}
.step-icon{font-size:1.8rem;margin-bottom:0.75rem;}
.step h3{font-size:0.92rem;font-weight:700;margin-bottom:0.4rem;}
.step p{font-size:0.8rem;color:var(--sub);line-height:1.6;}
.step .hl-badge{position:absolute;top:1rem;right:1rem;font-size:0.65rem;padding:2px 8px;border-radius:999px;background:rgba(37,99,235,0.2);color:var(--p3);font-weight:700;border:1px solid rgba(37,99,235,0.3);}
/* features grid */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.feat{background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;padding:1.5rem;transition:border-color 0.2s,transform 0.2s;}
.feat:hover{border-color:rgba(37,99,235,0.35);transform:translateY(-2px);}
.feat-ico{font-size:1.75rem;margin-bottom:0.75rem;}
.feat h3{font-size:0.9rem;font-weight:700;margin-bottom:0.35rem;}
.feat p{font-size:0.78rem;color:var(--sub);line-height:1.6;}
.intent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.intent-card{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;padding:1.15rem;text-align:left;cursor:pointer;color:var(--txt);font-family:inherit;transition:border-color .2s,transform .2s;}
.intent-card:hover{border-color:var(--p2);transform:translateY(-2px);}
.intent-card strong{display:block;font-size:0.9rem;}
.intent-card small{display:block;color:var(--sub);margin-top:3px;font-size:0.72rem;}
.bridge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.bridge-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:16px;padding:1.35rem;display:flex;flex-direction:column;align-items:flex-start;}
.bridge-card h3{font-size:1rem;margin:0.65rem 0 0.4rem;}
.bridge-card p{color:var(--sub);font-size:0.8rem;line-height:1.6;margin-bottom:1rem;flex:1;}
.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.fact-item{background:rgba(37,99,235,.07);border:1px solid rgba(37,99,235,.2);border-radius:14px;padding:1.1rem;}
.fact-item strong{display:block;font-size:0.88rem;margin-bottom:0.3rem;}
.fact-item span{display:block;color:var(--sub);font-size:0.76rem;line-height:1.55;}

/* LAYOUT */
.wrap{max-width:1100px;margin:0 auto;padding:0 2rem;}
.eye{font-size:0.7rem;color:var(--p3);text-transform:uppercase;letter-spacing:0.14em;font-weight:700;margin-bottom:6px;}
.ttl{font-size:1.9rem;font-weight:700;margin-bottom:0.25rem;}
.sub-txt{color:var(--sub);font-size:0.95rem;line-height:1.6;}

/* CARDS */
.card{background:var(--card);border:1px solid var(--bdr);border-radius:16px;}
.card-p{padding:1.5rem;}

/* SHOP */
.chips{display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.5rem;row-gap:0.5rem;}
.chip{padding:5px 16px;border-radius:999px;border:1px solid var(--bdr);background:transparent;color:var(--sub);font-family:'Space Grotesk',sans-serif;font-size:0.82rem;cursor:pointer;transition:all 0.18s;}
.chip.on,.chip:hover{background:rgba(37,99,235,0.15);color:var(--txt);border-color:var(--p2);}
.recharge-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;}
.recharge-presets button{padding:12px 4px;border-radius:10px;font-size:1rem;font-weight:600;}
.recharge-presets button:focus-visible{outline:2px solid var(--p3);outline-offset:2px;}
.crypto-due{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;padding:16px;margin-bottom:12px;}
.crypto-due-value{font-size:1.5rem;font-weight:700;color:var(--p3);overflow-wrap:anywhere;}
#operator-chips .chip:not(.on):hover{background:rgba(255,255,255,0.035);color:var(--txt);border-color:var(--bdr);}
.sbox{background:rgba(255,255,255,0.04);border:1px solid var(--bdr);border-radius:8px;padding:7px 14px;color:var(--txt);font-family:'Space Grotesk',sans-serif;font-size:0.85rem;outline:none;margin-left:auto;min-width:200px;transition:border-color 0.18s;}
.sbox:focus{border-color:var(--p2);}
.sbox::placeholder{color:var(--sub);}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:1rem;}
.acard{background:var(--card);border:1px solid var(--bdr);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;}
.acard::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--p),var(--p3));opacity:0;transition:opacity 0.2s;}
.acard:hover{border-color:var(--p2);transform:translateY(-2px);}
.acard:hover::after{opacity:1;}
.acard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.acard-info{display:flex;align-items:center;gap:10px;}
.aflag{font-size:1.6rem;}
.aname{font-size:0.95rem;font-weight:600;}
.acountry{font-size:0.72rem;color:var(--sub);}
.stock-badge{padding:3px 10px;border-radius:999px;font-size:0.7rem;background:rgba(0,229,160,0.1);color:var(--g);border:1px solid rgba(0,229,160,0.2);}
.stock-badge.lo{background:rgba(255,201,60,0.1);color:var(--y);border-color:rgba(255,201,60,0.2);}
.stock-badge.out{background:rgba(255,77,109,0.1);color:var(--r);border-color:rgba(255,77,109,0.22);}
.acard.unavailable{cursor:default;opacity:0.72;}
.acard.unavailable:hover{transform:none;border-color:var(--bdr);}
.acard.unavailable::after{display:none;}
.acard-meta{display:flex;gap:0.75rem;font-size:0.75rem;color:var(--sub);margin-bottom:1rem;}
.acard-bot{display:flex;align-items:center;justify-content:space-between;}
.aprice{font-size:1.3rem;font-weight:700;}
.aprice sub{font-size:0.75rem;font-weight:400;color:var(--sub);}
.fav-btn{background:transparent;border:none;cursor:pointer;font-size:1.1rem;padding:4px;line-height:1;transition:transform 0.18s;}
.fav-btn:hover{transform:scale(1.2);}
.catalog-filter-scroll{min-width:0;}
.api-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.api-code{display:block;width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#070a10;border:1px solid var(--bdr);border-radius:10px;padding:0.85rem;color:#c8d8ee;font:0.76rem/1.6 'JetBrains Mono',monospace;}

/* DASHBOARD */
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:2rem;}
.kpi{background:var(--bg3);border:1px solid var(--bdr);border-radius:14px;padding:1.25rem;}
.kpi-l{font-size:0.72rem;color:var(--sub);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;}
.kpi-v{font-size:1.75rem;font-weight:700;}
.kpi-v.g{color:var(--g);}
.kpi-v.p{color:var(--p3);}
.kpi-v.y{color:var(--y);}
.kpi-sub{font-size:0.72rem;color:var(--sub);margin-top:3px;}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
@media(max-width:768px){.dash-grid{grid-template-columns:1fr;}}
.dcard{background:var(--bg3);border:1px solid var(--bdr);border-radius:16px;padding:1.5rem;}
.dcard-ttl{font-size:0.95rem;font-weight:700;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem;}

/* INNER DASHBOARD LAYOUT */
.dash-layout { display: flex; gap: 2rem; align-items: flex-start; margin-top: 1.5rem; }
.dash-sidebar { width: 220px; flex-shrink: 0; display: flex; flex-direction: column; gap: 8px; position: sticky; top: 80px; }
.dash-tab { padding: 14px 1.25rem; border-radius: 12px; background: rgba(255,255,255,0.03); border: 1px solid var(--bdr); color: var(--sub); cursor: pointer; text-align: left; font-size: 0.92rem; transition: all 0.2s; font-family: inherit; font-weight: 500; }
.dash-tab:hover { background: rgba(255,255,255,0.06); color: var(--txt); }
.dash-tab.on { background: rgba(37,99,235,0.12); border-color: var(--p3); color: var(--txt); box-shadow: 0 4px 12px rgba(37,99,235,0.1); }
.dash-tab i { font-style: normal; margin-right: 10px; font-size: 1.1rem; }
.dash-tab i.chevron { margin-left: auto; font-size: 0.8rem; transition: transform 0.3s; margin-right: 0; }
.dash-tab.open i.chevron { transform: rotate(90deg); }
.dash-sub { display: none; flex-direction: column; gap: 4px; padding-left: 1rem; margin-top: 4px; animation: slideDown 0.3s ease both; }
.dash-sub.on { display: flex; }
@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

.dash-content { flex: 1; min-width: 0; }
.dash-section { display: none; animation: fade 0.3s ease both; }
.dash-section.on { display: block; }
.sms-scroll-hint{display:none;}@media(max-width:768px){.sms-scroll-hint{display:block;font-size:12px;color:var(--sub);}}
@media(max-width:768px){.dash-content:has(#s-sms.on){width:100%;max-width:100%;}#s-sms .dcard{min-width:0;max-width:100%;}#d-sms-hist{width:100%;max-width:100%;overflow-x:auto;}}

@media (max-width: 900px) {
  .dash-layout { flex-direction: column; }
  .dash-sidebar { width: 100%; position: static; flex-direction: row; overflow-x: auto; padding-bottom: 10px; scrollbar-width: none; }
  .dash-sidebar::-webkit-scrollbar { display: none; }
  .dash-tab { white-space: nowrap; padding: 10px 1rem; font-size: 0.85rem; }
}



/* NUMBER ITEM CARD */
.nitem{background:var(--bg4);border:1px solid var(--bdr);border-radius:12px;padding:1rem;margin-bottom:0.75rem;}
.nitem-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem;}
.nitem-tel{font-family:monospace;font-size:0.95rem;font-weight:500;}
.timer{font-size:0.78rem;font-weight:600;padding:3px 10px;border-radius:6px;font-family:monospace;}
.timer.ok{background:rgba(0,229,160,0.1);color:var(--g);border:1px solid rgba(0,229,160,0.2);}
.timer.warn{background:rgba(255,201,60,0.1);color:var(--y);border:1px solid rgba(255,201,60,0.2);}
.timer.exp{background:rgba(255,77,109,0.1);color:var(--r);border:1px solid rgba(255,77,109,0.2);}
.nitem-actions{display:flex;gap:0.5rem;flex-wrap:wrap;}
.sms-preview{background:rgba(37,99,235,0.08);border:1px solid rgba(37,99,235,0.15);border-radius:8px;padding:10px 12px;margin-top:0.75rem;font-size:0.88rem;line-height:1.6;}
.otp-code{font-family:monospace;font-size:1.4rem;font-weight:700;color:var(--p3);letter-spacing:4px;display:block;margin-top:4px;}
.copy-btn{background:transparent;border:none;cursor:pointer;color:var(--sub);font-size:0.8rem;padding:2px 6px;border-radius:4px;transition:all 0.18s;font-family:'Space Grotesk',sans-serif;}
.copy-btn:hover{color:var(--p3);background:rgba(37,99,235,0.1);}

/* ACTIVE NUMBERS */
#page-dash>.wrap{max-width:1440px;}
.number-toolbar{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;}
.number-search{margin:0;min-width:0;flex:1;max-width:360px;}
.number-status-filter{width:auto;min-width:155px;padding:7px 34px 7px 12px;font-size:.82rem;}
.number-list-shell{border:1px solid var(--bdr);border-radius:13px;background:var(--bg4);overflow:hidden;}
.number-table-header,.number-row{display:grid;grid-template-columns:2.15fr 1.45fr .88fr .68fr .78fr .82fr 1.18fr;min-width:0;}
.number-table-header{background:rgba(255,255,255,.025);color:var(--sub);font-size:.68rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase;}
.number-table-header>span,.number-cell{min-width:0;padding:11px 10px;}
.number-row{align-items:center;border-top:1px solid rgba(255,255,255,.055);}
.number-row:first-child{border-top:0;}
.number-cell{font-size:.76rem;line-height:1.45;overflow-wrap:anywhere;}
.number-project-name{display:-webkit-box;min-width:0;max-height:2.9em;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:var(--txt);font-weight:650;font-size:.82rem;}
.number-order-ref{display:block;margin-top:4px;color:var(--sub);font-size:.67rem;}
.number-phone-wrap{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;width:max-content;white-space:nowrap;}
.number-phone{flex:none;min-width:0;color:var(--p3);font:700 .84rem/1.35 'JetBrains Mono',monospace;white-space:nowrap;overflow-wrap:normal;word-break:normal;}
.number-copy{flex:none;border:0;border-radius:6px;background:rgba(37,99,235,.12);color:var(--p3);cursor:pointer;padding:4px 6px;line-height:1;}
.number-copy:hover{background:rgba(37,99,235,.22);}
.number-note-view{display:flex;align-items:baseline;gap:6px;min-width:0;margin-top:4px;}
.number-note-text{min-width:0;color:var(--sub);font-size:.68rem;overflow-wrap:anywhere;}
.number-note-edit,.number-note-form button{border:0;background:none;color:var(--p3);font-size:.68rem;font-weight:600;line-height:1.4;cursor:pointer;padding:0;white-space:nowrap;}
.number-note-form{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;}
.number-note-form input{width:min(180px,100%);min-width:0;padding:4px 6px;border:1px solid var(--bdr);border-radius:6px;background:var(--bg2);color:var(--txt);font:inherit;font-size:.7rem;}
.number-note-view[hidden],.number-note-form[hidden]{display:none!important;}
.number-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:700;white-space:nowrap;}
.number-status.active{background:rgba(0,229,160,.11);color:var(--g);}.number-status.expired{background:rgba(255,77,109,.1);color:var(--r);}.number-status.locked{background:rgba(255,201,60,.1);color:var(--y);}
.number-time{color:var(--sub);font-size:.69rem;font-variant-numeric:tabular-nums;}
.number-date-short{display:inline-block;white-space:nowrap;cursor:help;}
.number-date-full{display:none;}
.number-expiry .timer{display:inline-flex;margin-bottom:4px;}
.number-actions-wrap{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.number-actions-wrap>.btn{white-space:nowrap;}
.number-more{position:relative;}
.number-more>summary{list-style:none;cursor:pointer;color:var(--sub);font-size:.7rem;padding:5px 7px;border:1px solid var(--bdr);border-radius:7px;white-space:nowrap;}
.number-more>summary::-webkit-details-marker{display:none;}
.number-more[open]>summary{color:var(--txt);border-color:var(--p2);}
.number-secondary-actions{position:absolute;z-index:20;right:0;top:calc(100% + 5px);display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:165px;padding:8px;background:var(--bg2);border:1px solid var(--bdr);border-radius:10px;box-shadow:0 14px 35px rgba(0,0,0,.35);}
.number-secondary-actions .btn{text-align:left;white-space:nowrap;}
.number-message{grid-column:1/-1;margin:0 10px 10px;padding:9px 11px;border:1px solid rgba(37,99,235,.14);border-radius:8px;background:rgba(37,99,235,.065);font-size:.73rem;line-height:1.55;overflow-wrap:anywhere;}
.number-message.locked{color:var(--r);border-color:rgba(255,77,109,.18);background:rgba(255,77,109,.06);}
.number-message .otp-code{font-size:1rem;letter-spacing:2px;}
.number-mobile-label{display:none;color:var(--sub);font-size:.67rem;font-weight:600;}
.number-empty{padding:2.4rem 1rem;text-align:center;color:var(--sub);border:1px dashed var(--bdr);border-radius:13px;}
@media(max-width:760px){
  #page-dash>.wrap{padding-left:1rem;padding-right:1rem;}
  #s-nums>.dcard{padding:1rem;}
  #s-nums .dcard-ttl{align-items:flex-start;}
  .number-toolbar{align-items:stretch;flex-direction:column;gap:.6rem;}
  .number-search,.number-status-filter{width:100%;max-width:none;}
  .number-list-shell{border:0;background:transparent;overflow:visible;}
  .number-table-header{display:none;}
  .number-row{display:block;margin-bottom:.75rem;padding:10px 12px;background:var(--bg4);border:1px solid var(--bdr);border-radius:12px;}
  .number-row:first-child{border-top:1px solid var(--bdr);}
  .number-cell{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:.78rem;}
  .number-cell:last-of-type{border-bottom:0;}
  .number-mobile-label{display:block;}
  .number-project-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
  .number-date-short{display:none;}
  .number-date-full{display:inline;}
  .number-phone-wrap,.number-actions-wrap{min-width:0;}
  .number-actions-wrap{align-items:flex-start;}
  .number-actions-wrap>.btn{flex:1;min-width:118px;}
  .number-more{flex:none;}
  .number-secondary-actions{position:static;margin-top:6px;min-width:min(190px,calc(100vw - 92px));box-shadow:none;}
  .number-message{margin:9px 0 0;}
}

/* TX ROW */
.txrow{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.04);}
.txrow:last-child{border-bottom:none;}
.txamt{font-size:0.95rem;font-weight:600;}
.txamt.cr{color:var(--g);}
.txamt.dr{color:var(--r);}
.txdt{font-size:0.72rem;color:var(--sub);}

/* MODALS */
.ov{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,0.8);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:1rem;}
.ov.show{display:flex;}
.modal{background:var(--bg2);border:1px solid var(--bdr);border-radius:18px;padding:2rem;width:100%;animation:up 0.3s ease;overflow-y:auto;max-height:92vh;}
.msm{max-width:420px;}.mmd{max-width:520px;}.mlg{max-width:700px;}
.mhd{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:0.5rem;}
.mttl{font-size:1.2rem;font-weight:700;}
.msub{font-size:0.85rem;color:var(--sub);margin-bottom:1.5rem;line-height:1.5;}
.xb{background:none;border:none;color:var(--sub);font-size:1.4rem;cursor:pointer;line-height:1;}
.xb:hover{color:var(--txt);}
.f{display:flex;flex-direction:column;gap:5px;margin-bottom:1rem;}
.f label{font-size:0.78rem;color:var(--sub);font-weight:500;}
.f input,.f select,.f textarea{background:rgba(255,255,255,0.05);border:1px solid var(--bdr);border-radius:8px;padding:10px 14px;color:var(--txt);font-family:'Space Grotesk',sans-serif;font-size:0.92rem;outline:none;transition:border-color 0.18s;width:100%;}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--p2);}
.f select option{background:var(--bg3);}
.f textarea{resize:vertical;min-height:80px;line-height:1.5;}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.macts{display:flex;gap:0.75rem;margin-top:1.5rem;}
.macts .btn{flex:1;}
.div{height:1px;background:var(--bdr);margin:1.25rem 0;}
.notice{background:rgba(255,201,60,0.07);border:1px solid rgba(255,201,60,0.2);border-radius:10px;padding:12px 16px;font-size:0.84rem;color:var(--y);margin-bottom:1rem;line-height:1.5;}
.notice.info{background:rgba(37,99,235,0.07);border-color:rgba(37,99,235,0.2);color:var(--p3);}

/* result boxes */
.rb{border-radius:12px;padding:1.25rem;margin-top:1.25rem;}
.rb.ok{background:rgba(0,229,160,0.07);border:1px solid rgba(0,229,160,0.2);}
.rb.er{background:rgba(255,77,109,0.07);border:1px solid rgba(255,77,109,0.2);}
.rttl{font-size:0.75rem;color:var(--sub);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.75rem;}
.rrow{display:flex;align-items:flex-start;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.05);}
.rrow:last-child{border-bottom:none;}
.rk{font-size:0.78rem;color:var(--sub);flex-shrink:0;padding-right:8px;}
.rv{font-size:0.85rem;font-weight:500;text-align:right;word-break:break-all;max-width:250px;}
.rv.g{color:var(--g);}
.rv.m{font-family:monospace;font-size:0.78rem;}

/* pay tabs */
.ptabs{display:flex;gap:0.5rem;margin-bottom:1.25rem;}
.ptab{flex:1;padding:8px;border-radius:8px;border:1px solid var(--bdr);background:transparent;color:var(--sub);font-family:'Space Grotesk',sans-serif;font-size:0.85rem;cursor:pointer;text-align:center;transition:all 0.18s;}
.ptab.on{background:rgba(37,99,235,0.15);color:var(--txt);border-color:var(--p2);}
.pb{display:none;}
.pb.on{display:block;}
.copt{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--bdr);border-radius:10px;cursor:pointer;margin-bottom:0.5rem;transition:all 0.18s;}
.copt:hover,.copt.on{border-color:var(--p2);background:rgba(37,99,235,0.08);}
.wbox{background:rgba(255,255,255,0.04);border:1px solid var(--bdr);border-radius:8px;padding:10px 14px;font-family:monospace;font-size:0.8rem;color:var(--p3);word-break:break-all;margin:0.75rem 0;}

/* spinner */
.spin{width:26px;height:26px;border:2px solid rgba(37,99,235,0.2);border-top-color:var(--p2);border-radius:50%;animation:rot 0.6s linear infinite;margin:0 auto 0.75rem;}
@keyframes rot{to{transform:rotate(360deg)}}
.cmsg{text-align:center;padding:2.5rem;color:var(--sub);font-size:0.9rem;}

/* toast */
.toast{position:fixed;bottom:2rem;right:2rem;z-index:999;border-radius:10px;padding:12px 18px;font-size:0.85rem;transform:translateY(80px);opacity:0;transition:all 0.35s;pointer-events:none;max-width:300px;}
.toast.ok{background:rgba(0,229,160,0.15);border:1px solid rgba(0,229,160,0.3);color:var(--g);}
.toast.er{background:rgba(255,77,109,0.15);border:1px solid rgba(255,77,109,0.3);color:var(--r);}
.toast.up{transform:translateY(0);opacity:1;}

/* auth toggle */
.atog{text-align:center;font-size:0.85rem;color:var(--sub);margin-top:1rem;}
.atog a{color:var(--p3);cursor:pointer;}
.atog a:hover{text-decoration:underline;}

/* profile tabs */
.prof-tabs{display:flex;gap:0.5rem;margin-bottom:1.5rem;}
.ptab2{flex:1;padding:8px;border-radius:8px;border:1px solid var(--bdr);background:transparent;color:var(--sub);font-family:'Space Grotesk',sans-serif;font-size:0.82rem;cursor:pointer;text-align:center;transition:all 0.18s;}
.ptab2.on{background:rgba(37,99,235,0.15);color:var(--txt);border-color:var(--p2);}

/* referral box */
.ref-box{background:linear-gradient(135deg,rgba(37,99,235,0.12),rgba(192,132,252,0.08));border:1px solid var(--bdr);border-radius:14px;padding:1.5rem;margin-bottom:1.5rem;}
.ref-code{font-family:monospace;font-size:1.4rem;font-weight:700;color:var(--p3);letter-spacing:3px;}

/* HAMBURGER */
.ham{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;transition:background 0.18s;}
.ham:hover{background:rgba(255,255,255,0.07);}
.ham span{display:block;width:22px;height:2px;background:var(--txt);border-radius:2px;transition:all 0.3s;}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ham.open span:nth-child(2){opacity:0;}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* MOBILE NAV DRAWER */
.mob-menu{display:none;position:fixed;top:58px;left:0;right:0;z-index:299;
  background:rgba(7,7,17,0.98);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--bdr);padding:0.75rem 1rem 1rem;
  flex-direction:column;gap:4px;}
.mob-menu.open{display:flex;}
.mob-menu .nl{text-align:left;padding:10px 14px;border-radius:10px;font-size:0.95rem;width:100%;}
.mob-menu-bal{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:rgba(0,229,160,0.07);border:1px solid rgba(0,229,160,0.15);margin-bottom:4px;}
.mob-menu-bal span:first-child{font-size:0.78rem;color:var(--sub);}
.mob-menu-bal span:last-child{font-size:0.95rem;font-weight:700;color:var(--g);}
.mob-div{height:1px;background:var(--bdr);margin:6px 0;}

/* ─── 768px ─── */
@media(max-width:768px){
  .ham{display:flex;}
  .nl-wrap{display:none;}
  .nav-r .bal-pill{display:none !important;}
  .nav-r #b-rech{display:none !important;}
  .nav-r #b-out{display:none !important;}
  .nav-r #b-prof{display:none !important;}
  .nav-r #b-login{display:none !important;}
  nav{padding:0 1rem;}
  nav>.brand-wordmark img{width:144px;}
  .wrap{padding:0 1rem;}

  /* hero */
  .hero{padding:58px 1.25rem 2rem;}
  .hero h1{font-size:clamp(2rem,8vw,3.2rem);}
  .hero p{font-size:0.95rem;}
  .hbtns{gap:0.75rem;}
  .hbtns .btn{font-size:0.9rem;padding:11px 22px;}
  .hstats{gap:1.5rem;margin-top:2.5rem;}
  .hs-n{font-size:1.6rem;}
  .flags-row{gap:0.5rem;margin-top:2rem;}
  .flag-chip{font-size:0.78rem;padding:5px 12px;}
  .hero-facts{grid-template-columns:1fr 1fr;margin-top:2rem;}
  .workflow-demo-grid{grid-template-columns:1fr;}

  /* home sections mobile */
  .home-sec{padding:3rem 0;}
  .ext-banner{padding:2rem 1.25rem;gap:1.5rem;}
  .ext-icon{font-size:2.8rem;}
  .steps{grid-template-columns:repeat(2,1fr);gap:1rem;}
  .feat-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}
  .intent-grid,.bridge-grid,.fact-strip{grid-template-columns:1fr;}
  /* shop */
  .chips{gap:0.4rem;min-width:0;}
  .chip{font-size:0.78rem;padding:5px 12px;}
  .sbox{min-width:0;width:100%;margin-left:0;margin-top:0.25rem;}
  .agrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0.75rem;}
  .acard{padding:1rem;}
  .aname{font-size:0.88rem;}
  .aprice{font-size:1.1rem;}
  .api-quick-grid{grid-template-columns:1fr;}

  /* dashboard */
  .kpi-grid{grid-template-columns:1fr 1fr;}
  .dash-grid{grid-template-columns:1fr;}
  .dcard{padding:1.25rem;}

  /* modals */
  .ov{padding:0.5rem;}
  .modal{padding:1.25rem;border-radius:14px;}
  .msm,.mmd,.mlg{max-width:100%;}
  .f2{grid-template-columns:1fr;}
  .macts{flex-direction:column;}
  .macts .btn{width:100%;}

  /* number items */
  .nitem-top{flex-wrap:wrap;gap:0.5rem;}
  .nitem-actions{gap:0.4rem;}
  .nitem-actions .btn{font-size:0.72rem;padding:5px 8px;}

  /* per-service price table */
  #cpr-tbody td,#cpr-tbody th{padding:8px 10px;}
}

@media(max-width:400px){
  nav>.brand-wordmark img{width:124px;}
  .nav-r{gap:.35rem;}
  .lang-sw button{padding:4px 6px;font-size:.72rem;}
}

/* ─── 480px ─── */
@media(max-width:480px){
  .hero h1{font-size:clamp(1.7rem,9vw,2.6rem);}
  .hbtns{flex-direction:column;align-items:stretch;}
  .hbtns .btn{width:100%;justify-content:center;}
  .hstats{gap:1rem;}
  .hs-n{font-size:1.4rem;}
  .kpi-grid{grid-template-columns:1fr 1fr;}
  .kpi{padding:1rem;}
  .kpi-v{font-size:1.4rem;}
  .agrid{grid-template-columns:1fr;}
  .hero-facts{grid-template-columns:1fr;}
  .workflow-demo{padding:0.75rem;}
  .acard-info{min-width:0;align-items:flex-start;}
  .aname{overflow-wrap:anywhere;}
  .acard-bot{gap:0.75rem;}
  .acard-bot .btn{flex-shrink:0;}
  .toast{left:1rem;right:1rem;bottom:5rem;max-width:unset;}
  .atab{padding:8px 12px;font-size:0.82rem;}
  .prof-tabs{flex-wrap:wrap;}
  .ptab2{flex:unset;min-width:calc(50% - 4px);}
  .ptabs{flex-wrap:wrap;}
  .ptab{flex:unset;min-width:calc(50% - 4px);}
  .nitem-actions{flex-wrap:wrap;}
  /* OTP bigger on small screen */
  .otp-code{font-size:1.8rem;letter-spacing:6px;}
  /* number tel bigger */
  .nitem-tel{font-size:1.05rem;}
}

@media(max-width:768px){
  /* modals slide up from bottom */
  .ov{align-items:flex-end;padding:0;}
  .modal{border-radius:20px 20px 0 0;max-height:90vh;padding:1.5rem 1.25rem 2rem;animation:slideUp 0.3s ease;}
  .msm,.mmd,.mlg{max-width:100%;}
  @keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
  /* drag handle for modals */
  .modal::before{content:'';display:block;width:40px;height:4px;background:rgba(255,255,255,0.15);border-radius:2px;margin:0 auto 1rem;}
  .toast{bottom:1.5rem;}
  /* number item full-width actions */
  .nitem-actions{display:grid;grid-template-columns:1fr 1fr;gap:0.4rem;}
  .nitem-actions .btn{width:100%;justify-content:center;min-height:40px;}
  /* sms preview bigger */
  .sms-preview{font-size:0.92rem;padding:12px 14px;}
  /* card type chips — horizontal scroll, no wrap */
  #card-type-chips {flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none;max-width:100%;}
  #card-type-chips::-webkit-scrollbar {display:none;}
  /* operator chips — horizontal scroll */
  #operator-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none;max-width:100%;}
  #operator-chips .chip,#card-type-chips .chip{flex:0 0 auto;white-space:nowrap;writing-mode:horizontal-tb;}
  #operator-chips::-webkit-scrollbar{display:none;}
  /* search box full width */
  .sbox{max-width:100% !important;}
  /* dashboard tables scroll */
  #d-purchases,#d-txs,#d-sms-hist{overflow-x:auto;}
  #d-purchases table,#d-txs table,#d-sms-hist table{min-width:520px;}
  /* recharge history compact */
  #d-recharge-hist .rrow{flex-wrap:wrap;gap:2px;}
  /* nitem tel size */
  .nitem-tel{font-size:1rem;}
  /* kpi grid compact */
  .kpi{padding:0.9rem 1rem;}
  .kpi-v{font-size:1.3rem;}
  /* buy modal form */
  .b-form-row{flex-direction:column;gap:0.5rem;}
}

/* ─── 360px ─── */
@media(max-width:400px){
  .agrid{grid-template-columns:1fr;}
  .kpi-grid{grid-template-columns:1fr 1fr;}
  .hero h1{font-size:clamp(1.5rem,10vw,2.2rem);}
  .steps{grid-template-columns:1fr;}
  .feat-grid{grid-template-columns:1fr;}
  .acard-top{flex-wrap:wrap;gap:0.4rem;}
}

  /* Alipay checkout: same locked amounts in the page and modal. */
  .onlinepay-checkout{border:1px solid var(--bdr);border-radius:14px;padding:22px;background:var(--bg)}
  .onlinepay-total{display:flex;flex-direction:column;gap:7px;margin-bottom:22px;color:var(--sub)}
  .onlinepay-total strong{font-size:2rem;line-height:1.2;letter-spacing:-.03em;color:var(--txt)}
  .onlinepay-lines>div{display:flex;justify-content:space-between;gap:20px;margin:12px 0;color:var(--sub);font-size:.88rem}
  .onlinepay-lines b{font-weight:600;color:var(--txt);white-space:nowrap}
  .onlinepay-action{display:flex;justify-content:center;margin:22px 0 14px}
  .onlinepay-action img{width:184px;height:184px;padding:12px;background:#fff;border-radius:12px}
  .onlinepay-note{font-size:.85rem;color:var(--sub);line-height:1.65;text-align:center;margin:0 0 14px}
  .onlinepay-status{font-size:.9rem;line-height:1.6;text-align:center;padding:12px;border-radius:10px;background:var(--card)}
  .onlinepay-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
  @media(max-width:480px){.onlinepay-checkout{padding:16px}.onlinepay-lines>div{gap:10px}.onlinepay-actions .btn{flex:1}}

html,body{max-width:100%;overflow-x:hidden;}
  .ttl-search { background:rgba(255,255,255,0.05); border:1px solid var(--bdr); border-radius:6px; color:var(--txt); padding:4px 8px; font-size:0.75rem; width:120px; outline:none; transition:width 0.3s; }
  .ttl-search:focus { width:180px; border-color:var(--p3); background:rgba(255,255,255,0.08); }
.lang-sw{display:flex;background:rgba(255,255,255,0.06);border:1px solid var(--bdr);border-radius:8px;padding:2px;gap:2px;}
.lang-sw button{background:transparent;border:none;color:#d4def0;white-space:nowrap;font-family:'Space Grotesk','Noto Sans SC',sans-serif;font-size:0.78rem;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all 0.18s;}
.lang-sw button.on{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;}
.lang-sw button:not(.on):hover{color:var(--txt);background:rgba(255,255,255,0.05);}
.purchase-details{min-width:0;overflow-wrap:anywhere}.purchase-name{font-size:.9rem;font-weight:700;color:var(--p3)}.purchase-meta{font-size:.7rem;color:var(--sub);line-height:1.5}.purchase-time{font-size:.74rem;color:var(--txt);margin:4px 0;line-height:1.5}.purchase-main{min-width:0;flex:1}.purchase-order{gap:12px;align-items:flex-start}.purchase-order .txamt{flex-shrink:0}.nitem-top>div:first-child{min-width:0;flex:1}
.service-title{font-weight:600;overflow-wrap:anywhere;min-width:0}.service-note,.service-original{font-size:.75rem;line-height:1.5;margin-top:5px;overflow-wrap:anywhere;line-break:normal;white-space:normal;max-width:100%}.service-note{color:var(--txt)}.service-original{color:var(--sub);border-left:2px solid #a58c53;padding-left:7px;padding-right:8px}.service-original span{font-weight:600}.service-notes{margin:8px 0}.service-inline{min-width:0;flex:1}#mc-items .service-inline{min-width:0}#mc-filters{display:flex;flex:1 0 100%!important;max-width:100%;flex-wrap:nowrap;gap:5px;overflow-x:auto;white-space:nowrap}#mc-filters .chip{flex:0 0 auto;white-space:nowrap}#mc-filters+.sbox{width:100%!important;max-width:100%}

.buyer-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin:24px auto 0;padding:30px 32px;border:1px solid #345ca2;border-radius:18px;background:linear-gradient(115deg,rgba(37,99,235,.2),rgba(20,33,61,.65));box-shadow:0 12px 35px rgba(0,0,0,.15)}
.buyer-notice-icon{font-size:30px;background:rgba(59,130,246,.14);border:1px solid #345ca2;border-radius:14px;padding:14px}.buyer-notice small{display:block;color:var(--p3);font-size:13px;margin-bottom:4px}.buyer-notice strong{display:block;font-size:28px;font-weight:700;line-height:1.3}.buyer-notice p{color:var(--sub);font-size:16px;line-height:1.7;margin:10px 0 0}.buyer-notice .buyer-guide-link{background:#2563eb;color:#fff;border:1px solid #4c8cff;border-radius:10px;padding:14px 22px;font-size:16px;font-weight:650;text-decoration:none;text-align:center}.buyer-guide-link{color:var(--p3);font-size:.82rem;text-decoration:underline;text-underline-offset:4px;line-height:1.7}.buyer-card-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:.6rem}.buyer-card-heading .eye{margin:0}.buyer-card-reminder{font-size:.82rem;color:var(--sub);line-height:1.7;margin:10px 0 0}
@media(max-width:700px){.buyer-notice{grid-template-columns:auto minmax(0,1fr);padding:24px 20px;gap:16px}.buyer-notice strong{font-size:24px}.buyer-notice-icon{padding:10px;font-size:24px}.buyer-notice>a{grid-column:1/-1;min-height:48px}.buyer-notice p{font-size:16px}}