*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#151515;background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 5vw;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #f1f1f1}.brand{display:flex;align-items:center;font-weight:1000;letter-spacing:-.02em}.brand-mark{background:#25b9bd;color:#fff;border-radius:14px;padding:9px 13px;margin-right:9px;box-shadow:0 10px 28px rgba(37,185,189,.24)}.site-header nav{display:flex;gap:18px;font-weight:800;font-size:14px}.site-header nav a:hover{color:#25b9bd}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 21px;font-weight:1000;border:0;cursor:pointer;transition:.18s ease}.nav-cta:hover,.btn:hover{transform:translateY(-2px)}.nav-cta,.btn.primary{background:linear-gradient(135deg,#25b9bd,#168fd6);color:#fff;box-shadow:0 12px 25px rgba(37,185,189,.24)}.btn.ghost{border:1px solid #e5e7eb;background:#fff;color:#111827}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;padding:76px 5vw 58px;min-height:660px;background:radial-gradient(circle at 16% 8%,#e8fbff,transparent 31%),radial-gradient(circle at 94% 18%,#fff1b8,transparent 26%),linear-gradient(135deg,#fff,#f5ffff)}.hero-copy{max-width:820px}.hero h1{font-size:clamp(35px,5.7vw,74px);line-height:.98;margin:10px 0 20px;letter-spacing:-.05em}.sub{font-size:clamp(16px,2vw,21px);color:#4b5563;max-width:730px}.eyebrow{color:#25b9bd;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.cta-row,.trust,.chip-row,.auth-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.auth-links{justify-content:space-between;margin-bottom:0}.trust span,.chip{background:#fff;border:1px solid #eee;border-radius:999px;padding:9px 13px;font-weight:900;box-shadow:0 8px 18px rgba(15,23,42,.04)}.phone-card,.panel,article,.tanyabox,.income-card,.agent-card,.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:30px;padding:25px;box-shadow:0 18px 50px rgba(15,23,42,.08)}.phone-card{background:#09090b;color:#fff;overflow:hidden}.sim-card{height:215px;border-radius:28px;background:linear-gradient(135deg,#25b9bd,#168fd6);padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 20px 60px rgba(37,185,189,.22)}.sim-card b{font-size:36px;letter-spacing:-.05em}.phone-card a{color:#fff;font-weight:1000}.section{padding:76px 5vw}.section-head{text-align:center;max-width:850px;margin:0 auto 36px}.section h2,.business h2,.tanyabox h2{font-size:clamp(29px,4vw,50px);line-height:1.06;margin:8px 0 14px;letter-spacing:-.035em}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}article{min-height:168px}article b{color:#25b9bd;font-size:30px}.plans{background:#0b0b0d;color:#fff}.price-card{background:#151519;border-color:#292932;color:#fff}.price-card.hot{background:linear-gradient(180deg,#25b9bd,#168fd6);transform:translateY(-8px)}.price-card a{font-weight:1000;color:#fff}.business{display:grid;grid-template-columns:1fr .72fr;gap:28px;background:#f8fafc}.business ul{padding-left:20px}.tanyabox{margin:46px 5vw;display:grid;grid-template-columns:1fr 1.25fr;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#f7ffff);border:1px solid #b7ecec}.tanyabox form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.field,label{display:block;margin:12px 0;font-weight:800}.field span,label span{display:block;margin-bottom:7px;color:#374151}input,textarea,select{width:100%;padding:14px 16px;border:1px solid #d9dde5;border-radius:16px;background:#fff;font:inherit;outline:none}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#25b9bd;box-shadow:0 0 0 4px rgba(37,185,189,.08)}.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{padding-right:100px}.password-wrap button{position:absolute;right:7px;top:7px;bottom:7px;border:0;border-radius:12px;background:#111827;color:#fff;font-weight:900;padding:0 13px;cursor:pointer;min-width:78px}.agent-info{padding:52px 5vw;background:#fff}.agent-card{display:grid;grid-template-columns:112px 1fr auto;gap:20px;align-items:center;max-width:1050px;margin:auto}.agent-card img{width:112px;height:112px;object-fit:cover;border-radius:25px;border:4px solid #fff;box-shadow:0 10px 30px rgba(15,23,42,.14)}.agent-card h3{margin:0 0 6px;font-size:27px}.agent-card p{margin:4px 0;color:#4b5563}.faq details{max-width:920px;margin:13px auto;padding:20px;border:1px solid #eee;border-radius:18px;background:#fff}.faq summary{font-weight:1000;cursor:pointer}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px;padding:48px 5vw;background:#09090b;color:#fff}.footer a{display:block;color:#d1d5db;margin:8px 0}.wa-float{position:fixed;right:18px;bottom:18px;z-index:80;background:#25d366;color:#fff;border-radius:999px;padding:14px 19px;font-weight:1000;box-shadow:0 14px 35px rgba(37,211,102,.35)}.buyer-pop{position:fixed;left:18px;bottom:18px;z-index:70;max-width:318px;background:#fff;border:1px solid #eee;border-left:5px solid #25b9bd;border-radius:18px;padding:14px 16px;box-shadow:0 20px 60px rgba(15,23,42,.16);display:none}.buyer-pop.show{display:block}.buyer-pop b,.buyer-pop span{display:block}.auth{min-height:76vh;display:grid;place-items:center;padding:62px 18px;background:radial-gradient(circle at 20% 10%,#ecfeff,transparent 30%),linear-gradient(135deg,#fff,#ecfeff)}.panel{width:min(600px,100%)}.panel.wide,.auth-card.wide{width:min(860px,100%)}.panel h1{font-size:clamp(30px,4vw,42px);line-height:1.05;margin:8px 0 18px}.alert{background:#ecfeff;color:#0f766e;border:1px solid #99f6e4;padding:12px;border-radius:14px;margin:12px 0}.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;padding:12px;border-radius:14px;margin:12px 0}.dashboard{padding:56px 5vw;background:#f8fafc;min-height:78vh}.dash-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stat-grid article b{display:block;font-size:35px;color:#111}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:13px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.profile-mini{display:flex;gap:15px;align-items:center;margin:15px 0;padding:15px;border:1px solid #eee;border-radius:20px}.profile-mini img{width:76px;height:76px;border-radius:18px;object-fit:cover}.muted{color:#6b7280}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}.fullbtn{width:100%;margin-top:10px}.ad-slot{margin:26px auto;max-width:980px;min-height:92px;border:2px dashed #99f6e4;border-radius:22px;background:#f5ffff;color:#0f766e;display:grid;place-items:center;font-weight:1000;text-align:center;padding:18px}.ad-slot.side-note{max-width:760px;min-height:74px}.auth-card{overflow:hidden}@media(max-width:920px){.site-header nav{display:none}.hero,.business,.tanyabox{grid-template-columns:1fr}.grid4,.grid3,.stat-grid,.form-grid{grid-template-columns:1fr}.tanyabox form{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.agent-card{grid-template-columns:78px 1fr}.agent-card .btn{grid-column:1/-1}.agent-card img{width:78px;height:78px;border-radius:18px}.wa-float b{display:none}.buyer-pop{left:12px;right:82px;bottom:14px}.hero{padding-top:50px;min-height:auto}.price-card.hot{transform:none}.dash-head{display:block}.phone-card,.panel,article,.tanyabox,.income-card,.agent-card,.auth-card{border-radius:24px;padding:20px}.section{padding:58px 5vw}}.seo-online{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0 4px;background:#fff;border:1px solid #99f6e4;color:#0f172a;border-radius:999px;padding:11px 15px;box-shadow:0 12px 28px rgba(37,185,189,.08)}.seo-online strong{color:#25b9bd}.hero-buttons .btn.big{font-size:17px;padding:16px 26px}.btn.shine{background:linear-gradient(135deg,#25b9bd,#168fd6);color:#111;box-shadow:0 16px 32px rgba(37,185,189,.25);position:relative;overflow:hidden}.btn.shine:after{content:"";position:absolute;inset:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-70%) rotate(20deg);animation:shine 3s infinite}@keyframes shine{to{transform:translateX(70%) rotate(20deg)}}.btn.dark,.btn.ghost.dark{background:#fff;color:#111}.btn.small{padding:9px 13px;font-size:13px}.footer{border-top:5px solid #25b9bd;background:radial-gradient(circle at 15% 0,rgba(37,185,189,.28),transparent 25%),#09090b}.footer-logo{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:12px}.footer-note{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;color:#fff}.searchbar{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.profile-mini.compact{box-shadow:none;border:0;padding:0;margin:0}.profile-mini.compact img{width:54px;height:54px;border-radius:14px}.panel+.panel{margin-top:24px}.dashboard .panel{margin-bottom:24px}.tanyabox{box-shadow:0 22px 65px rgba(37,185,189,.12)}.tanyabox input{background:#fff}.ad-slot iframe,.ad-slot ins{max-width:100%}.auth-card,.panel{margin-inline:auto}@media(max-width:920px){.searchbar{grid-template-columns:1fr}.seo-online{border-radius:20px}.hero-buttons .btn{width:100%}.footer-logo{font-size:19px}}.seo-readable{margin:18px 0 8px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);display:flex;gap:8px;align-items:center;flex-wrap:wrap;box-shadow:0 12px 34px rgba(0,0,0,.12)}.seo-readable strong{font-size:1.05rem;color:#fff}.hero-buttons .btn{box-shadow:0 14px 30px rgba(237,28,36,.25);transition:.2s transform,.2s box-shadow}.hero-buttons .btn:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(237,28,36,.34)}.pulse{animation:pulseBtn 1.8s infinite}@keyframes pulseBtn{0%{box-shadow:0 0 0 0 rgba(237,28,36,.36)}70%{box-shadow:0 0 0 16px rgba(237,28,36,0)}100%{box-shadow:0 0 0 0 rgba(237,28,36,0)}}.tanyabox{align-items:start;background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid rgba(237,28,36,.12);box-shadow:0 24px 60px rgba(20,20,20,.08)}.tanya-form{display:grid;gap:14px;background:#fff;border-radius:24px;padding:20px;box-shadow:0 18px 40px rgba(0,0,0,.08);border:1px solid #f1f1f1}.tanya-form label span{font-weight:800;margin-bottom:8px;display:block}.tanya-form input,.tanya-form textarea{border:1px solid #e7e7e7;border-radius:14px;padding:14px 15px;width:100%;font-size:15px}.tanya-form textarea{min-height:104px;resize:vertical}.pro-agent{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;border:1px solid rgba(237,28,36,.14);background:linear-gradient(135deg,#fff,#fff9f9);box-shadow:0 20px 50px rgba(0,0,0,.08)}.pro-agent img{width:120px;height:120px;border-radius:28px;object-fit:cover;border:4px solid #fff;box-shadow:0 12px 32px rgba(0,0,0,.12)}.agent-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.agent-links a,.mini-link{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#111;color:#fff!important;text-decoration:none;padding:10px 14px;font-weight:800;font-size:13px}.agent-links a:first-child{background:#25d366;color:#062d14!important}.mini-link{margin-top:12px;background:#fff;color:#111!important;border:1px solid #eee}.ad-slot:empty{display:none!important}.business{background:linear-gradient(135deg,#141414,#2b0508);color:#fff;border-radius:32px}.business .income-card{background:#fff;color:#111}@media(max-width:720px){.pro-agent{grid-template-columns:1fr;text-align:center}.pro-agent img{margin:auto}.agent-links{justify-content:center}.seo-readable{align-items:flex-start}.hero-buttons .btn{width:100%;justify-content:center}.tanyabox{padding:22px}}.state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.state-card{background:#fff;border:1px solid rgba(20,20,20,.08);border-radius:24px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.06)}.state-card h3{margin:0 0 12px;color:#111}.agent-row{display:flex;gap:12px;align-items:center;padding:10px;border-radius:16px;text-decoration:none;color:#111;background:#fafafa;margin:8px 0;border:1px solid #eee}.agent-row:hover{background:#fff2f2;transform:translateY(-1px)}.agent-row img{width:46px;height:46px;border-radius:50%;object-fit:cover}.agent-row small{display:block;color:#666}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase}.badge.pending{background:#fff3cd;color:#8a5b00}.badge.active{background:#ddf8e8;color:#087a36}.badge.blocked{background:#ffe0e0;color:#9b111e}.alert.soft{background:#fff8e6;color:#795500;border-color:#ffe2a3}.searchbar select{min-width:170px}.auth-card select,.searchbar select{height:48px;border:1px solid #ddd;border-radius:14px;padding:0 14px;background:#fff}.form-grid select{width:100%}@media(max-width:720px){.state-grid{grid-template-columns:1fr}.searchbar{grid-template-columns:1fr}.agent-row{align-items:flex-start}}.wa-menu{background:#25d366!important;color:#062d14!important;box-shadow:0 12px 25px rgba(37,211,102,.25)!important}.wa-float{display:none!important}.trust-section{background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.trust-card{background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid rgba(37,185,189,.12);box-shadow:0 18px 44px rgba(15,23,42,.06)}.trust-card b{display:inline-grid;place-items:center;width:44px;height:44px;background:#25b9bd;color:#fff;border-radius:14px;font-size:16px}.price-card ul{padding-left:18px;color:#f9fafb}.bottom-agent{padding-top:30px;padding-bottom:70px;background:linear-gradient(135deg,#fff,#f5ffff)}.agent-links span{display:inline-flex;align-items:center;border-radius:999px;background:#fff;color:#111;border:1px solid #eee;padding:10px 14px;font-weight:900;font-size:13px}.buyer-pop{transition:opacity .45s ease,transform .45s ease;transform:translateY(12px);opacity:0}.buyer-pop.show{opacity:1;transform:translateY(0)}.agents-main{background:linear-gradient(135deg,#fff,#f8fafc);padding-top:60px}.agent-directory-cards{max-width:1100px;margin:28px auto 0;display:grid;gap:18px}.directory-card{max-width:100%;grid-template-columns:120px 1fr}.tanyabox{gap:28px;border-radius:34px}.tanya-form{grid-template-columns:1fr 1fr}.tanya-form .full{grid-column:1/-1}.tanya-form .fullbtn{grid-column:1/-1}.site-header{min-width:0}.btn{white-space:normal;text-align:center}.hero,.section,.dashboard{overflow:hidden}.footer{gap:34px}.footer-note{line-height:1.55}.ad-slot:empty{display:none!important}@media(max-width:1040px){.trust-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.trust-grid{grid-template-columns:1fr}.directory-card,.agent-card,.pro-agent{grid-template-columns:1fr!important;text-align:center}.directory-card img,.pro-agent img{margin:auto}.agent-links{justify-content:center}.tanya-form{grid-template-columns:1fr}.hero{padding-inline:18px}.section,.dashboard{padding-inline:18px}.site-header{padding-inline:18px}.nav-cta{padding:10px 14px}.brand span:last-child{display:none}.buyer-pop{max-width:calc(100vw - 28px);right:14px;left:14px;bottom:14px}.cta-row{gap:10px}.cta-row .btn{width:100%}}.live-online-card{margin:20px 0 14px;display:inline-flex;align-items:center;gap:13px;max-width:720px;padding:15px 18px;border-radius:22px;background:linear-gradient(135deg,#111827,#2b0508 58%,#25b9bd);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 55px rgba(37,185,189,.24),0 10px 24px rgba(17,24,39,.16);position:relative;overflow:hidden}.live-online-card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:220px;height:220px;background:radial-gradient(circle,rgba(255,207,36,.38),transparent 60%);pointer-events:none}.live-online-card:after{content:"LIVE";position:absolute;right:14px;top:12px;background:#25b9bd;color:#111;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:1000;letter-spacing:.04em;box-shadow:0 6px 16px rgba(255,207,36,.28)}.live-online-card strong{display:block;color:#fff!important;font-size:clamp(18px,2.4vw,26px);font-weight:1000;line-height:1.1;letter-spacing:-.02em;padding-right:54px;text-shadow:0 2px 10px rgba(0,0,0,.28)}.live-online-card span:not(.live-dot){display:block;margin-top:5px;color:#ffe8e8;font-size:14px;font-weight:700;line-height:1.35;padding-right:20px}.live-dot{width:16px;height:16px;border-radius:50%;background:#2cff73;box-shadow:0 0 0 0 rgba(44,255,115,.75);animation:livePulse 1.45s infinite;flex:0 0 auto;position:relative;z-index:1}@keyframes livePulse{70%{box-shadow:0 0 0 13px rgba(44,255,115,0)}100%{box-shadow:0 0 0 0 rgba(44,255,115,0)}}@media(max-width:720px){.live-online-card{display:flex;width:100%;margin:18px 0 14px;padding:15px 15px;border-radius:20px}.live-online-card:after{right:12px;top:10px}.live-online-card strong{font-size:20px}.live-online-card span:not(.live-dot){font-size:13px;padding-right:0}.live-dot{width:14px;height:14px}}.location-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;max-width:1180px;margin:0 auto 28px;padding:34px;border-radius:34px;background:radial-gradient(circle at 10% 0,rgba(37,185,189,.16),transparent 32%),linear-gradient(135deg,#fff,#f5ffff);border:1px solid rgba(37,185,189,.12);box-shadow:0 22px 60px rgba(15,23,42,.08)}.location-hero h1{font-size:clamp(34px,5vw,62px);line-height:1;margin:10px 0 14px;letter-spacing:-.045em}.location-hero p{color:#4b5563;font-size:17px}.lokasi-trust{display:grid;gap:10px;padding:26px;border-radius:28px}.lokasi-trust b{width:auto;height:auto;display:block;background:#111827;color:#fff;padding:13px;border-radius:18px}.lokasi-trust span{display:block;background:#fff;border:1px solid #eee;border-radius:15px;padding:12px;font-weight:900;color:#111}.location-filter{max-width:1180px}.state-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.state-chips .chip{box-shadow:none}.state-chips .chip.active{background:#25b9bd;color:#fff;border-color:#25b9bd}.state-group{max-width:1180px;margin:34px auto}.section-head.compact{text-align:left;margin-bottom:18px}.section-head.compact h2{font-size:clamp(27px,4vw,42px);margin:0}.lokasi-card{border-radius:28px}.lokasi-card .agent-content h3{font-size:25px;margin:0 0 7px}.lokasi-page .agent-directory-cards{margin-top:0}.admin-note{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:16px;padding:13px 15px;margin:12px 0;font-weight:800}@media(max-width:820px){.location-hero{grid-template-columns:1fr;padding:24px}.location-hero .cta-row .btn{width:100%}.section-head.compact{text-align:center}.lokasi-trust{padding:20px}.state-chips .chip{width:calc(50% - 5px);justify-content:center;text-align:center}.location-filter .searchbar{grid-template-columns:1fr}}.dashboard{max-width:1180px;margin:0 auto;padding:34px 20px 70px}.dashboard *{box-sizing:border-box}.dash-head,.panel{min-width:0}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:22px}.table-wrap table{min-width:920px;border-collapse:separate;border-spacing:0;width:100%}.table-wrap th,.table-wrap td{vertical-align:top;line-height:1.45;word-break:normal}.table-wrap td{max-width:260px}.profile-mini.compact{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;min-width:230px}.profile-mini.compact img{width:46px;height:46px;border-radius:14px;object-fit:cover;flex:0 0 auto}.profile-mini.compact p{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:230px}.admin-tools{background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid rgba(37,185,189,.12)}.admin-tools .searchbar{grid-template-columns:minmax(220px,1fr) auto}.alert.soft a{font-weight:1000;color:#0a7a35}.form-grid{align-items:start}.form-grid label,.auth-card label{min-width:0}.password-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.password-wrap input{min-width:0}.password-wrap button{white-space:nowrap}.searchbar input,.searchbar select,.searchbar button{min-width:0}.btn.small{padding:8px 12px;font-size:12px}.badge{white-space:nowrap}@media(max-width:720px){.dashboard{padding:24px 14px 60px}.admin-tools .searchbar{grid-template-columns:1fr}.table-wrap{border:1px solid #eee}.table-wrap table{min-width:780px}.dash-head .cta-row{display:grid;grid-template-columns:1fr}.dash-head .cta-row .btn{width:100%}.profile-mini.compact{min-width:210px}.panel{padding:18px}.auth-card.wide{width:100%}}:root{--red:#25b9bd;--dark:#0f172a;--soft:#f5ffff;--line:#e5e7eb;--muted:#6b7280;--wa:#25d366}html,body{width:100%;max-width:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}p,h1,h2,h3,h4,li,td,th,a,span,b,strong,label,input,textarea,select,button{overflow-wrap:anywhere}.site-header{max-width:100vw}.site-header .brand{min-width:0}.site-header .brand span:last-child{white-space:nowrap}.site-header nav a,.nav-cta{white-space:nowrap}.hero,.section,.dashboard,.auth,.agent-info,.bottom-agent,.footer{max-width:100vw}.hero>* ,.section>* ,.dashboard>* ,.auth>*{min-width:0}.panel,.auth-card,.phone-card,article,.tanyabox,.income-card,.agent-card,.trust-card,.state-card,.directory-card{min-width:0;overflow:hidden}.btn{min-height:44px;line-height:1.2;gap:8px}.cta-row{align-items:center}.cta-row .btn{max-width:100%}.auth{padding:42px 18px 70px}.auth .panel,.auth-card{max-width:100%;box-shadow:0 22px 60px rgba(15,23,42,.10)}.auth-card.wide{width:min(980px,100%)}.auth-card h1,.panel h1{word-break:normal}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.form-grid label{margin:0}.form-grid .full{grid-column:1/-1}.field span,label span{font-size:14px;line-height:1.35}.profile-mini{min-width:0;overflow:hidden}.profile-mini>div{min-width:0}.profile-mini b{display:block;line-height:1.25}.profile-mini p{margin:4px 0 0;max-width:100%}.password-wrap{position:relative;display:flex!important}.password-wrap input{padding-right:92px!important}.password-wrap button{position:absolute!important;right:7px;top:7px;bottom:7px;min-width:74px;height:auto;white-space:nowrap;z-index:1}.auth-card textarea{min-height:125px}.auth-card input[readonly]{background:#f8fafc;color:#475569;border-style:dashed}.dashboard{width:min(1220px,100%);max-width:1220px;margin:0 auto;padding:36px 20px 76px;overflow:visible}.dash-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.dash-head h1{margin:4px 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.dash-head .cta-row{margin:0;justify-content:flex-end}.dashboard .panel{width:100%;max-width:100%;padding:24px;border-radius:28px;margin-bottom:24px;overflow:hidden}.dashboard h2{margin:0 0 12px;font-size:clamp(22px,2.6vw,31px);line-height:1.15}.dashboard .muted{line-height:1.45}.searchbar{grid-template-columns:minmax(220px,1fr) minmax(150px,220px) auto auto}.searchbar>*{min-width:0}.admin-tools .searchbar{grid-template-columns:minmax(220px,1fr) auto}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #eef0f4;border-radius:22px;background:#fff}.table-wrap table{min-width:980px;border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed}.table-wrap th{background:#fafafa;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table-wrap th,.table-wrap td{padding:12px 13px;border-bottom:1px solid #edf0f3;vertical-align:top;line-height:1.4}.table-wrap td{font-size:14px;max-width:none}.table-wrap tr:last-child td{border-bottom:0}.table-wrap a{color:#168fd6;font-weight:800}.table-wrap .btn{color:#111827!important}.profile-mini.compact{display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;min-width:0;width:100%;padding:0;margin:0;border:0}.profile-mini.compact img{width:48px;height:48px;border-radius:14px;object-fit:cover}.profile-mini.compact b{font-size:14px;line-height:1.25}.profile-mini.compact p{font-size:12px;line-height:1.35;margin-top:4px;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;padding:7px 10px}.btn.small{padding:8px 11px;font-size:12px;min-height:36px;border-radius:999px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-table-contact{font-size:13px;line-height:1.45}.admin-table-contact span{display:block;color:#4b5563}.admin-table-link{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bio-short{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#6b7280;font-size:12px;line-height:1.35}.tanyabox{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch}.tanyabox form,.tanya-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tanya-form .full,.tanya-form .fullbtn{grid-column:1/-1}.agent-card,.pro-agent,.directory-card{grid-template-columns:auto minmax(0,1fr) auto}.agent-card h3,.pro-agent h3,.directory-card h3{line-height:1.15;word-break:normal}.agent-links{min-width:0}.agent-links a,.agent-links span,.mini-link{max-width:100%;overflow:hidden;text-overflow:ellipsis}.buyer-pop{max-width:min(338px,calc(100vw - 28px));word-break:normal}.trust-grid,.grid3,.grid4,.state-grid{align-items:stretch}.trust-card,.price-card,article{height:100%}.live-online-card{max-width:100%;word-break:normal}.live-online-card strong,.live-online-card span{word-break:normal}.footer{grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(150px,1fr);overflow:hidden}.footer>*{min-width:0}.footer a{overflow-wrap:anywhere}@media(max-width:980px){.site-header{gap:10px}.nav-cta{padding:10px 13px;font-size:13px}.dashboard{padding-inline:16px}.dash-head{grid-template-columns:1fr}.dash-head .cta-row{justify-content:flex-start}.searchbar,.admin-tools .searchbar{grid-template-columns:1fr}.table-wrap table{min-width:860px}.form-grid{grid-template-columns:1fr}.tanyabox{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.agent-card,.pro-agent,.directory-card{grid-template-columns:90px minmax(0,1fr)}}@media(max-width:720px){body{font-size:15px}.site-header{padding:12px 14px}.brand-mark{padding:8px 10px;border-radius:12px;margin-right:7px}.hero{padding:42px 16px 42px;gap:22px}.hero h1{font-size:clamp(34px,12vw,46px);line-height:1.02}.sub{font-size:16px}.section{padding:48px 16px}.auth{padding:28px 12px 60px}.dashboard{padding:24px 12px 64px}.dashboard .panel,.auth-card,.panel{padding:18px;border-radius:22px}.dash-head .cta-row{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.dash-head .cta-row .btn{width:100%}.table-wrap{border-radius:18px;margin-inline:-2px}.table-wrap table{min-width:760px}.table-wrap th,.table-wrap td{padding:10px 11px}.profile-mini{gap:11px;padding:12px;border-radius:18px}.profile-mini img{width:62px;height:62px;border-radius:16px}.profile-mini.compact{grid-template-columns:42px minmax(0,1fr)}.profile-mini.compact img{width:42px;height:42px}.password-wrap input{padding-right:82px!important}.password-wrap button{min-width:66px;font-size:12px;padding-inline:9px}.tanyabox{margin:28px 16px;padding:18px;border-radius:24px}.tanyabox form,.tanya-form{grid-template-columns:1fr}.agent-card,.pro-agent,.directory-card{grid-template-columns:1fr!important;text-align:center}.agent-card img,.pro-agent img,.directory-card img{margin-inline:auto}.agent-links{justify-content:center}.buyer-pop{left:12px;right:12px;bottom:12px}.footer{padding:38px 16px}.state-chips .chip{width:100%}.live-online-card strong{padding-right:48px}.live-online-card:after{font-size:10px}}@media(max-width:420px){.site-header .brand span:last-child{display:none}.nav-cta{font-size:12px;padding:9px 11px}.hero-buttons .btn,.cta-row .btn{width:100%}.table-wrap table{min-width:720px}.dashboard h2{font-size:22px}.btn{padding:12px 15px}.auth-links{display:grid;grid-template-columns:1fr;gap:8px}.searchbar .btn{width:100%}}.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.96);box-shadow:0 10px 34px rgba(15,23,42,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand{flex:0 0 auto}.brand-mark{display:inline-grid;place-items:center;min-width:42px;min-height:42px;background:linear-gradient(135deg,#25b9bd,#9d000b);color:#fff;font-weight:1000}.wa-menu{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#25d366,#14b84a)!important;color:#052e16!important;border:1px solid rgba(5,46,22,.08);box-shadow:0 14px 32px rgba(37,211,102,.28)!important}.wa-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#fff;color:#128c3a;font-size:13px}.site-header nav{min-width:0}.site-header nav a{line-height:1.1}.tanyabox{position:relative;z-index:2;margin-top:50px;margin-bottom:18px;border-radius:34px;background:linear-gradient(135deg,#fff,#f5ffff 58%,#fffdf1);box-shadow:0 24px 70px rgba(37,185,189,.10);border:1px solid rgba(37,185,189,.15)}.tanyabox:before{content:"DAFTAR MINAT";position:absolute;right:22px;top:-14px;background:#111827;color:#fff;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:1000;letter-spacing:.08em;box-shadow:0 10px 24px rgba(17,24,39,.15)}.bottom-agent{padding:42px 5vw 78px;background:linear-gradient(135deg,#fff7f8,#fff 55%,#f8fafc)}.pro-agent{max-width:960px;margin:0 auto;text-align:center;grid-template-columns:1fr!important;place-items:center;padding:34px;border-radius:36px;background:radial-gradient(circle at 50% 0%,rgba(37,185,189,.09),transparent 34%),#fff;border:1px solid rgba(37,185,189,.14);box-shadow:0 28px 75px rgba(15,23,42,.10)}.pro-agent img{width:132px!important;height:132px!important;margin:0 auto;border-radius:34px;border:6px solid #fff;box-shadow:0 18px 44px rgba(37,185,189,.18),0 0 0 1px rgba(37,185,189,.10)}.pro-agent .agent-content{max-width:760px;margin:0 auto}.pro-agent h3{font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;margin-top:8px}.pro-agent p{font-size:16px;color:#4b5563;max-width:680px;margin-left:auto;margin-right:auto}.agent-links{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:20px}.agent-links a,.agent-links span{border-radius:999px;padding:12px 16px;font-weight:1000;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);max-width:100%}.agent-links a:first-child{background:linear-gradient(135deg,#25d366,#14b84a);color:#052e16;border-color:#25d366;box-shadow:0 16px 35px rgba(37,211,102,.26)}.agent-links a:hover{transform:translateY(-2px)}@media(max-width:980px){.site-header{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 16px}.site-header nav{display:flex;grid-column:1/-1;overflow-x:auto;gap:10px;padding:4px 0 2px;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:0 0 auto;background:#f8fafc;border:1px solid #eef2f7;border-radius:999px;padding:9px 12px;font-size:13px}.nav-cta{justify-self:end}.brand span:last-child{display:inline!important;font-size:14px}.brand-mark{min-width:38px;min-height:38px;margin-right:8px}.wa-text{display:inline}.hero{padding-top:34px}.tanyabox{margin-left:16px;margin-right:16px}.pro-agent{padding:26px 18px}.pro-agent img{width:112px!important;height:112px!important}.agent-links a,.agent-links span{width:100%;justify-content:center;text-align:center;white-space:normal}}@media(max-width:430px){.site-header{grid-template-columns:auto auto;align-items:center}.brand span:last-child{display:none!important}.brand-mark{margin-right:0}.nav-cta{padding:10px 12px}.wa-icon{width:22px;height:22px}.wa-text{font-size:12px}.site-header nav a{font-size:12px;padding:8px 10px}.tanyabox:before{right:16px}.pro-agent h3{font-size:28px}}.site-header{grid-template-columns:auto 1fr!important}.site-header nav{justify-content:flex-end}.site-header .nav-cta,.site-header .wa-menu{display:none!important}.wa-float-v21{position:fixed;right:20px;bottom:22px;z-index:80;width:62px;height:62px;border-radius:999px;background:linear-gradient(135deg,#25d366,#0faa45);display:grid;place-items:center;box-shadow:0 18px 42px rgba(37,211,102,.35);border:3px solid #fff;animation:waPulse 2.4s infinite}.wa-float-v21 span{font-size:28px;color:#fff;line-height:1}.wa-float-v21:hover{transform:translateY(-3px) scale(1.03)}@keyframes waPulse{0%,100%{box-shadow:0 18px 42px rgba(37,211,102,.32)}50%{box-shadow:0 18px 52px rgba(37,211,102,.52),0 0 0 10px rgba(37,211,102,.10)}}.faq{padding-bottom:28px}.faq+.tanyabox{margin-top:22px}.tanyabox{overflow:visible!important;align-items:start!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;padding:30px!important}.tanyabox:before{top:18px!important;right:22px!important;z-index:1}.tanyabox>div{padding-top:22px;min-width:0}.tanyabox h2{font-size:clamp(28px,3.4vw,42px)!important;line-height:1.08!important;margin-right:90px}.tanyabox p{color:#4b5563}.tanya-form{background:#fff;border:1px solid #ffe2e6;border-radius:26px;padding:18px;box-shadow:0 14px 38px rgba(37,185,189,.08)}.tanya-form label{margin:0}.tanya-form textarea{min-height:120px}.tanya-form .fullbtn{min-height:54px;font-size:16px}.agent-info{background:linear-gradient(135deg,#fff,#f5ffff)!important}.pro-agent{background:#111827!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 24px 70px rgba(17,24,39,.18)!important}.pro-agent .eyebrow{color:#ff7b86!important}.pro-agent p{color:#f3f4f6!important}.pro-agent h3{color:#fff!important}.agent-links a,.agent-links span{background:#fff!important;color:#111827!important;border:1px solid rgba(255,255,255,.18)!important}.agent-links a:first-child{background:#25d366!important;color:#062d14!important}.pro-agent img{border-color:#fff!important;background:#fff}.trust-card .info-icon{font-size:24px!important;line-height:1;display:inline-grid;place-items:center;width:52px!important;height:52px!important;border-radius:18px!important;background:linear-gradient(135deg,#25b9bd,#9d000b)!important;color:#fff!important;margin-bottom:10px}.trust-card{position:relative}.trust-card h3{margin-top:8px}.business{background:radial-gradient(circle at 15% 5%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 86% 18%,rgba(255,229,0,.18),transparent 26%),linear-gradient(135deg,#121212,#330207 55%,#25b9bd)!important;color:#fff;border-radius:0!important;position:relative;overflow:hidden}.business:before{content:"TTL";position:absolute;right:5vw;top:18px;font-size:110px;font-weight:1000;color:rgba(255,255,255,.06);letter-spacing:-.08em}.business>div{position:relative;z-index:1}.business .income-card{background:rgba(255,255,255,.96)!important;color:#111!important;border:0;box-shadow:0 28px 80px rgba(0,0,0,.22)}.business .eyebrow{color:#ffd8dc}.business li{margin:8px 0}.buyer-pop{left:20px!important;right:auto!important;bottom:22px!important;transition:opacity .8s ease,transform .8s ease!important}.buyer-pop.show{transition-duration:.8s!important}@media(max-width:980px){.site-header{display:block!important}.site-header nav{justify-content:flex-start!important;overflow-x:auto;padding-top:10px}.tanyabox{grid-template-columns:1fr!important;padding:22px!important}.tanyabox h2{margin-right:0}.tanyabox:before{position:static!important;display:inline-block;margin-bottom:12px}.tanyabox>div{padding-top:0}.wa-float-v21{right:16px;bottom:16px;width:56px;height:56px}.business:before{font-size:78px;right:16px}.buyer-pop{left:14px!important;right:14px!important;bottom:86px!important;max-width:calc(100vw - 28px)!important}.tanya-form{padding:15px;border-radius:22px}}@media(max-width:520px){.trust-card .info-icon{width:48px!important;height:48px!important;font-size:22px!important}.tanyabox{margin-left:14px!important;margin-right:14px!important}.tanya-form input,.tanya-form textarea{font-size:15px}.pro-agent{padding:22px 16px!important}.agent-links a,.agent-links span{border-radius:16px!important}.wa-float-v21{width:54px;height:54px}.wa-float-v21 span{font-size:25px}}.agent-links .agent-email-link,.agent-links .agent-profile-link,.agent-links a[href^="mailto:"],.agent-links a[href*="wantopup.com"],.lokasi-page .agent-links a[href^="mailto:"],.lokasi-page .agent-links a[href*="wantopup.com"]{background:#fff!important;color:#0f172a!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important;text-decoration:none!important}.agent-links .agent-email-link:before,.agent-links a[href^="mailto:"]:before{content:"✉️ "}.agent-links .agent-profile-link:before,.agent-links a[href*="wantopup.com"]:before{content:"🔗 "}.agent-links .agent-email-link:hover,.agent-links .agent-profile-link:hover,.agent-links a[href^="mailto:"]:hover,.agent-links a[href*="wantopup.com"]:hover{background:#f8fafc!important;color:#25b9bd!important;border-color:rgba(37,185,189,.28)!important}.pro-agent .agent-links a,.pro-agent .agent-links span,.lokasi-card .agent-links a,.lokasi-card .agent-links span{min-height:46px;display:inline-flex;align-items:center;justify-content:center;line-height:1.25}.lokasi-search{grid-template-columns:minmax(220px,1.1fr) minmax(180px,.8fr) auto auto!important;align-items:center}.lokasi-search input[type="search"]{border:2px solid #ecfeff;background:#fff;font-weight:800}.lokasi-search input[type="search"]:focus{border-color:#25b9bd;box-shadow:0 0 0 5px rgba(37,185,189,.10)}.lokasi-page .directory-card{overflow:visible!important}.lokasi-page .agent-content p{color:#f8fafc!important}.lokasi-page .agent-links{width:100%}@media(max-width:900px){.lokasi-search{grid-template-columns:1fr!important}.lokasi-search .btn{width:100%}}@media(max-width:520px){.agent-links .agent-email-link,.agent-links .agent-profile-link,.agent-links a[href^="mailto:"],.agent-links a[href*="wantopup.com"]{font-size:13px!important;padding:12px!important}}.tanyabox{ position:relative!important; overflow:visible!important; display:grid!important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important; gap:26px!important; align-items:start!important; padding:34px!important; margin-top:26px!important; margin-bottom:28px!important;}.tanyabox:before{ content:"DAFTAR MINAT"!important; position:static!important; display:inline-flex!important; width:max-content!important; max-width:100%!important; margin:0 0 12px 0!important; padding:8px 14px!important; border-radius:999px!important; background:#111827!important; color:#fff!important; font-size:11px!important; font-weight:1000!important; letter-spacing:.08em!important; line-height:1!important; box-shadow:0 10px 24px rgba(17,24,39,.15)!important; z-index:auto!important;}.tanyabox>div{ min-width:0!important; padding-top:0!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important;}.tanyabox h2{ margin:6px 0 12px 0!important; padding:0!important; max-width:100%!important; color:#111827!important; font-size:clamp(28px,3.2vw,42px)!important; line-height:1.12!important; letter-spacing:-.025em!important; overflow:visible!important; word-break:normal!important;}.tanyabox p{ margin:0!important; color:#374151!important; font-size:16px!important; line-height:1.65!important; max-width:58ch!important; overflow:visible!important;}.tanya-form{ min-width:0!important; width:100%!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; padding:20px!important; background:#fff!important; border:1px solid #ffd9df!important; border-radius:28px!important; box-shadow:0 16px 42px rgba(37,185,189,.09)!important; overflow:visible!important;}.tanya-form label,.tanya-form .field{ min-width:0!important; margin:0!important; overflow:visible!important;}.tanya-form span{ color:#111827!important; font-size:13px!important; line-height:1.25!important; margin-bottom:8px!important;}.tanya-form input,.tanya-form textarea{ min-width:0!important; width:100%!important; color:#111827!important; background:#fff!important; border-color:#d9dde5!important; line-height:1.45!important;}.tanya-form textarea{min-height:125px!important;}.tanya-form .full,.tanya-form .fullbtn{grid-column:1/-1!important;}.tanya-form .fullbtn{min-height:54px!important;white-space:normal!important;}@media(max-width:980px){ .tanyabox{ grid-template-columns:1fr!important; padding:24px!important; margin-left:16px!important; margin-right:16px!important; gap:18px!important; } .tanyabox:before{margin-bottom:10px!important;} .tanyabox h2{font-size:clamp(27px,8vw,38px)!important;line-height:1.12!important;} .tanya-form{grid-template-columns:1fr!important;padding:16px!important;border-radius:22px!important;}}@media(max-width:520px){ .tanyabox{padding:20px!important;margin-left:14px!important;margin-right:14px!important;border-radius:24px!important;} .tanyabox p{font-size:15px!important;line-height:1.6!important;} .tanya-form input,.tanya-form textarea{font-size:15px!important;padding:13px 14px!important;}}html,body{max-width:100%;overflow-x:hidden!important}body{overflow-wrap:anywhere}.section,.hero,.business,.agent-info,.footer,.dashboard,.auth{overflow:hidden}.panel,.auth-card,.phone-card,.income-card,.agent-card,.tanyabox,article{max-width:100%;min-width:0}.btn,input,select,textarea,button{max-width:100%}.btn{white-space:normal;text-align:center;line-height:1.25}.site-header nav a{white-space:nowrap}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:20px}.table-wrap table{min-width:760px}.dashboard .panel,.dashboard .auth-card{overflow:hidden}td,th{overflow-wrap:anywhere;word-break:break-word}.bio-short,.clip-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tanyabox{width:min(1180px,calc(100% - 10vw))!important;margin:28px auto 42px!important;position:relative!important;display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)!important;align-items:center!important;justify-content:center!important;gap:28px!important;padding:34px!important;border-radius:32px!important;overflow:hidden!important;background:radial-gradient(circle at 6% 8%,rgba(37,185,189,.10),transparent 28%),linear-gradient(135deg,#fff,#f5ffff)!important;border:1px solid #ffd9df!important;box-shadow:0 24px 70px rgba(37,185,189,.12)!important}.tanyabox::before{content:"DAFTAR MINAT"!important;position:absolute!important;top:24px!important;left:34px!important;right:auto!important;width:auto!important;max-width:calc(100% - 68px)!important;height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 15px!important;border-radius:999px!important;background:#111827!important;color:#fff!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.10em!important;line-height:1!important;z-index:2!important;box-shadow:0 12px 28px rgba(17,24,39,.18)!important;pointer-events:none!important}.tanyabox::after{content:"";position:absolute;inset:auto -60px -90px auto;width:220px;height:220px;border-radius:999px;background:rgba(37,185,189,.08);z-index:0;pointer-events:none}.tanyabox>div,.tanyabox form{position:relative;z-index:1;min-width:0}.tanyabox>div{padding-top:44px!important;text-align:left!important;align-items:flex-start!important}.tanyabox h2{margin:0 0 12px!important;max-width:680px!important;color:#111827!important;overflow:visible!important}.tanyabox p{max-width:58ch!important;color:#374151!important;overflow:visible!important}.tanya-form{align-self:stretch!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;background:#fff!important;border:1px solid #ecfeff!important;border-radius:28px!important;padding:20px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;overflow:hidden!important}.tanya-form label{min-width:0!important}.tanya-form .full,.tanya-form .fullbtn{grid-column:1/-1!important}.tanya-form span{color:#111827!important}.tanya-form input,.tanya-form textarea{color:#111827!important;background:#fff!important;min-width:0!important}.tanya-form textarea{min-height:128px!important}.tanya-form .fullbtn{justify-self:center;width:min(100%,360px)!important}.agent-info{padding:56px 5vw!important}.agent-card.pro-agent{width:min(1040px,100%)!important;margin-inline:auto!important;display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;align-items:center!important;text-align:left!important;gap:24px!important;border-radius:34px!important}.pro-agent .agent-content{min-width:0}.pro-agent .agent-links{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:14px!important}.pro-agent .agent-links a,.pro-agent .agent-links span{max-width:100%!important;overflow-wrap:anywhere!important;text-align:center!important}.lokasi-card{align-items:start!important}.lokasi-card .agent-links{justify-content:flex-start!important}.auth{padding:72px 18px!important}.auth .panel,.auth-card,.dashboard>.panel,.dashboard>.auth-card{margin-left:auto!important;margin-right:auto!important}.dashboard{padding:50px 5vw!important}.dashboard>.panel,.dashboard>.auth-card{width:min(1120px,100%)!important}.dashboard .panel h1,.dashboard .panel h2{overflow-wrap:anywhere}.admin-actions,.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-actions .btn,.action-row .btn{min-width:max-content}.edit-affiliate-form,.approve-affiliate-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.edit-affiliate-form .full,.approve-affiliate-form .full{grid-column:1/-1}.location-hero{width:min(1180px,100%);margin:0 auto 28px}.location-filter,.state-group{width:min(1180px,100%);margin-left:auto!important;margin-right:auto!important}.agent-directory-cards{display:grid;gap:18px;width:min(1180px,100%);margin-inline:auto}.state-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.state-chips .chip.active{background:#25b9bd;color:#fff;border-color:#25b9bd}@media(max-width:980px){.tanyabox{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;padding:24px!important;border-radius:26px!important;gap:18px!important;align-items:stretch!important;overflow:hidden!important}.tanyabox::before{position:relative!important;top:auto!important;left:auto!important;max-width:max-content!important;margin:0 auto 4px 0!important;grid-column:1/-1!important;z-index:2!important}.tanyabox::after{width:160px;height:160px;right:-80px;bottom:-80px}.tanyabox>div{padding-top:0!important;text-align:center!important;align-items:center!important}.tanyabox h2,.tanyabox p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.tanya-form{grid-template-columns:1fr!important;border-radius:22px!important;padding:16px!important}.tanya-form .fullbtn{width:100%!important}.agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;padding:24px 18px!important}.pro-agent .agent-links{justify-content:center!important;width:100%}.pro-agent .agent-links a,.pro-agent .agent-links span{width:100%!important}.dashboard{padding:34px 14px!important}.dash-head{display:grid!important;gap:14px!important;text-align:center}.edit-affiliate-form,.approve-affiliate-form{grid-template-columns:1fr}.site-header{padding:12px 14px!important}.site-header nav{display:flex!important;overflow-x:auto;gap:8px;padding-bottom:4px}.site-header nav a{font-size:13px;background:#fff;border:1px solid #eee;border-radius:999px;padding:8px 11px}.footer{text-align:center}.footer-logo{justify-content:center}.footer a{display:inline-block;margin:7px 8px}.buyer-pop{display:none!important}}@media(max-width:520px){.hero{padding-left:16px!important;padding-right:16px!important}.section{padding-left:16px!important;padding-right:16px!important}.tanyabox{width:calc(100% - 20px)!important;margin-top:20px!important;padding:20px 14px!important}.tanyabox::before{font-size:10px!important;padding:8px 12px!important;margin-inline:auto!important}.tanyabox h2{font-size:clamp(26px,9vw,34px)!important}.tanyabox p{font-size:15px!important}.tanya-form{padding:14px!important}.tanya-form input,.tanya-form textarea{font-size:15px!important}.agent-card.pro-agent img{width:108px!important;height:108px!important}.table-wrap table{min-width:680px}.brand span:last-child{display:inline!important;font-size:15px}.brand-mark{padding:8px 10px;border-radius:12px}.wa-float-v21{right:14px!important;bottom:14px!important;width:54px!important;height:54px!important}}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.tanya-searchbar{margin:12px 0 18px}.faq details{background:rgba(255,255,255,.92);border:1px solid rgba(31,41,55,.08);border-radius:18px;padding:16px 18px;margin:12px 0;box-shadow:0 10px 24px rgba(15,23,42,.06)}.faq summary{cursor:pointer;font-weight:800;color:#111827;line-height:1.35}.faq details p{color:#374151;margin:10px 0 0;line-height:1.7}@media(max-width:720px){.panel-title-row{display:block}.tanya-searchbar{display:grid;grid-template-columns:1fr;gap:10px}.faq details{padding:14px;border-radius:16px}}.whatsapp-cta{background:#25d366!important;color:#062d14!important;border:0!important;box-shadow:0 16px 34px rgba(37,211,102,.25)!important}.whatsapp-cta:hover{transform:translateY(-2px);filter:brightness(1.02)}.wa-float-v21{display:none!important}.wa-float-v30{position:fixed;right:18px;bottom:20px;z-index:90;display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#25d366,#0aa93f);color:#fff!important;text-decoration:none!important;font-weight:1000;letter-spacing:-.01em;box-shadow:0 18px 44px rgba(37,211,102,.38),0 0 0 5px rgba(37,211,102,.12);border:3px solid #fff;line-height:1;animation:waPulseV30 2.6s infinite}.wa-float-v30 .wa-icon-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#fff;color:#12a344;font-size:20px;flex:0 0 auto}.wa-float-v30:hover{transform:translateY(-3px) scale(1.02);filter:saturate(1.05)}@keyframes waPulseV30{0%,100%{box-shadow:0 18px 44px rgba(37,211,102,.36),0 0 0 5px rgba(37,211,102,.12)}50%{box-shadow:0 22px 58px rgba(37,211,102,.56),0 0 0 12px rgba(37,211,102,.10)}}.member-ad-slot{max-width:1100px;margin:18px auto!important;border-radius:24px!important;text-align:center;overflow:hidden}.dashboard .ad-slot.member-ad-slot:empty{display:none!important}@media(max-width:520px){.wa-float-v30{right:12px;bottom:14px;min-height:52px;padding:10px 13px;font-size:13px;gap:7px}.wa-float-v30 .wa-icon-mark{width:30px;height:30px;font-size:18px}.member-ad-slot{margin:14px 0!important;border-radius:18px!important}}.tanya-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:12px 0 14px}.btn.danger{background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important;box-shadow:0 14px 30px rgba(245,158,11,.20)!important}.btn.danger:hover{filter:brightness(.96);transform:translateY(-1px)}.admin-tanyas-table .check-col{width:48px;text-align:center;white-space:nowrap}.admin-tanyas-table input[type="checkbox"]{width:18px;height:18px;accent-color:#25b9bd}.section-head.split{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-tanyas-table td,.admin-tanyas-table th{vertical-align:top}@media(max-width:720px){.section-head.split{display:block}.tanya-actions{justify-content:stretch}.tanya-actions .btn{width:100%}.admin-tanyas-table .check-col{width:42px}}.hero,.section,.dashboard,.auth,.footer{content-visibility:auto;contain-intrinsic-size:1px 720px}.hero{content-visibility:visible}.seo-copy{max-width:860px;margin:14px auto 0;color:#e5e7eb;font-weight:700}.faq .section-head{text-align:center;margin-left:auto;margin-right:auto}.faq details{width:min(920px,100%);box-shadow:0 12px 32px rgba(15,23,42,.04)}.live-online-card{max-width:620px}.table-wrap{background:#fff}.dashboard .searchbar input{min-width:0}.wa-float-v30{position:fixed!important;right:18px!important;bottom:18px!important;z-index:90!important;display:inline-flex!important;align-items:center!important;gap:9px!important;background:#25d366!important;color:#fff!important;border-radius:999px!important;padding:13px 17px!important;font-weight:1000!important;box-shadow:0 16px 42px rgba(37,211,102,.36)!important}.wa-icon-mark{width:28px;height:28px;border-radius:50%;background:#fff;color:#25d366;display:grid;place-items:center;font-weight:1000}.tanyabox{isolation:isolate}.tanyabox *{min-width:0}.agent-links a,.agent-links span{overflow-wrap:anywhere}.auth-card,.panel{max-width:min(100%,980px)}@media(max-width:920px){.hero,.section,.dashboard,.auth,.footer{content-visibility:visible}.site-header{align-items:flex-start}.site-header nav{scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.live-online-card{margin-left:auto;margin-right:auto}.trust{justify-content:center}.phone-card{text-align:center}.tanyabox{text-align:center}.seo-copy{font-size:15px}.wa-float-v30{right:12px!important;bottom:12px!important;padding:12px 14px!important}.wa-float-v30 span:last-child{font-size:14px}.footer{overflow-wrap:anywhere}}@media(max-width:520px){.hero h1{font-size:clamp(31px,10vw,44px)!important}.sub{font-size:16px}.section h2,.business h2,.tanyabox h2{font-size:clamp(27px,8.8vw,36px)!important}.cta-row{justify-content:center}.wa-float-v30{max-width:calc(100vw - 24px)}.wa-float-v30 span:last-child{display:inline!important}.table-wrap table{min-width:640px}.dashboard .panel{padding:16px!important}.auth{padding-left:12px!important;padding-right:12px!important}}@media (min-width: 981px){ .faq{ width:min(1240px, calc(100% - 8vw))!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; } .faq .section-head{ width:min(980px,100%)!important; max-width:980px!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; } .faq details{ width:min(1120px,100%)!important; margin:14px auto!important; padding:20px 28px!important; text-align:center!important; } .faq summary{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; text-align:center!important; list-style-position:inside!important; gap:8px!important; } .faq summary::-webkit-details-marker{margin-right:8px!important;} .faq details p{ max-width:920px!important; margin:12px auto 0!important; text-align:center!important; } .agent-info.bottom-agent{ width:min(1240px, calc(100% - 8vw))!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; } .agent-card.pro-agent{ width:min(1120px,100%)!important; margin-left:auto!important; margin-right:auto!important; grid-template-columns:150px minmax(0,1fr)!important; justify-content:center!important; align-items:center!important; gap:30px!important; padding:32px 38px!important; } .agent-card.pro-agent img{ width:150px!important; height:150px!important; object-fit:cover!important; margin:auto!important; } .pro-agent .agent-content{ text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; } .pro-agent .agent-content p{ max-width:760px!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; } .pro-agent .agent-links{ justify-content:center!important; width:100%!important; } .pro-agent .agent-links a, .pro-agent .agent-links span{ flex:0 1 auto!important; min-width:220px!important; }}@media (max-width: 980px){ .faq details, .faq summary, .faq details p, .agent-card.pro-agent, .pro-agent .agent-content, .pro-agent .agent-content p{ text-align:center!important; } .agent-card.pro-agent{ width:calc(100% - 28px)!important; margin-left:auto!important; margin-right:auto!important; }}.buyer-pop{ display:block!important; opacity:0; pointer-events:none; visibility:hidden;}.buyer-pop.show{ display:block!important; opacity:1!important; visibility:visible!important; pointer-events:auto;}@media(max-width:980px){ .buyer-pop{ display:block!important; left:12px!important; right:12px!important; bottom:82px!important; max-width:calc(100vw - 24px)!important; width:auto!important; z-index:85!important; padding:12px 14px!important; border-radius:16px!important; font-size:13.5px!important; line-height:1.35!important; } .buyer-pop b{font-size:14px!important;margin-bottom:2px!important;white-space:normal!important;overflow-wrap:anywhere!important;} .buyer-pop span{font-size:13px!important;color:#374151!important;white-space:normal!important;overflow-wrap:anywhere!important;}}@media(max-width:520px){ .buyer-pop{ left:10px!important; right:10px!important; bottom:78px!important; max-width:calc(100vw - 20px)!important; }}.site-header nav .header-icon-link{display:inline-flex;align-items:center;gap:7px;border:1px solid #eef2f7;background:#fff;border-radius:999px;padding:9px 13px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.site-header nav .header-icon-link.register{background:linear-gradient(135deg,#25b9bd,#9d000b);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(37,185,189,.20)}.header-icon{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:999px;background:rgba(255,255,255,.85);font-size:12px}.header-icon-link:not(.register) .header-icon{background:#ecfeff}.income-card ul{margin:14px 0 18px;padding-left:20px}.income-card li{margin:7px 0}.business .income-card .mini-link{display:none!important}@media(max-width:980px){.site-header nav .header-icon-link{padding:8px 10px}.site-header nav .header-icon-link span:last-child{font-size:13px}}@media(max-width:430px){.site-header nav .header-icon-link span:last-child{display:inline!important}.header-icon{width:19px;height:19px;font-size:11px}}.site-header nav{align-items:center;gap:10px}.site-header nav .header-icon-link{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #eef2f7;background:#fff;border-radius:999px;padding:9px 13px;box-shadow:0 8px 20px rgba(15,23,42,.05);line-height:1.1;white-space:nowrap}.site-header nav .header-icon-link:hover{border-color:#ffd3d8;background:#fff7f8;color:#25b9bd;transform:translateY(-1px)}.site-header nav .header-icon-link.register{background:linear-gradient(135deg,#25b9bd,#9d000b);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(37,185,189,.20)}.site-header nav .header-icon-link.register:hover{color:#fff;background:linear-gradient(135deg,#25b9bd,#b0000f)}.header-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:999px;background:#ecfeff;font-size:12px;line-height:1}.header-icon-link.register .header-icon{background:rgba(255,255,255,.9);color:#25b9bd}@media(max-width:980px){.site-header nav{display:flex!important;align-items:center;gap:8px;overflow-x:auto}.site-header nav .header-icon-link{flex:0 0 auto;min-height:38px;padding:8px 11px;font-size:13px}.header-icon{width:20px;height:20px;font-size:11px}}@media(max-width:430px){.site-header nav .header-icon-link{padding:8px 10px}.site-header nav .header-icon-link span:last-child{display:inline!important}}.buyer-pop{background:linear-gradient(135deg,#111827,#2b0508 58%,#25b9bd)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-left:0!important;border-radius:22px!important;box-shadow:0 22px 55px rgba(37,185,189,.24),0 10px 24px rgba(17,24,39,.18)!important;padding:15px 18px!important;overflow:hidden!important}.buyer-pop:before{content:"";position:absolute;inset:-40% auto auto -20%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,207,36,.34),transparent 60%);pointer-events:none}.buyer-pop:after{content:"LIVE";position:absolute;right:12px;top:10px;background:#25b9bd;color:#111;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:1000;letter-spacing:.04em}.buyer-pop b{color:#fff!important;font-size:15px!important;font-weight:1000!important;padding-right:54px;position:relative;z-index:1}.buyer-pop span{color:#ffe8e8!important;font-size:13px!important;font-weight:800!important;line-height:1.35!important;position:relative;z-index:1}.agent-card.pro-agent img,.pro-agent img{object-fit:contain!important;background:#fff!important;padding:4px!important}@media(max-width:720px){.buyer-pop{left:12px!important;right:12px!important;bottom:76px!important;max-width:calc(100vw - 24px)!important}.buyer-pop b{font-size:14px!important}.buyer-pop span{font-size:12.5px!important}.agent-card.pro-agent img,.pro-agent img{width:min(150px,70vw)!important;height:min(150px,70vw)!important;margin:auto!important}}.tanyabox::before{content:none!important;display:none!important;}.footer-copy{margin:10px 0 0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.82)}.footer-copy a{color:#fff;text-decoration:underline;font-weight:800}.plans-shopee{background:radial-gradient(circle at 12% 10%,rgba(37,185,189,.22),transparent 30%),radial-gradient(circle at 88% 6%,rgba(255,210,0,.2),transparent 26%),linear-gradient(135deg,#070707,#151519)!important;color:#fff!important;overflow:hidden}.plans-shopee .section-head{max-width:980px}.plans-shopee .section-head p{color:#f3f4f6}.pricing-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1180px;margin:34px auto 0;align-items:stretch}.shop-plan{position:relative;display:flex;flex-direction:column;gap:12px;min-height:100%;background:#fff!important;color:#111827!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:30px;padding:26px!important;box-shadow:0 26px 70px rgba(0,0,0,.25)!important;overflow:hidden}.shop-plan:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,#25b9bd,#ffb703)}.shop-plan.best{transform:translateY(-10px);border:2px solid #ffcc00!important;box-shadow:0 30px 88px rgba(37,185,189,.38)!important}.shop-plan.premium:before{background:linear-gradient(90deg,#111827,#25b9bd,#ffcc00)}.deal-badge{align-self:flex-start;background:#ecfeff;color:#168fd6;border:1px solid #99f6e4;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;letter-spacing:.08em}.shop-plan.best .deal-badge{background:#ffcc00;color:#111827;border-color:#ffcc00}.shop-plan h3{font-size:34px;line-height:1;margin:4px 0 0;letter-spacing:-.04em}.price{font-size:58px;line-height:.95;font-weight:1000;letter-spacing:-.06em;color:#25b9bd}.price small{font-size:22px;vertical-align:super;margin-right:2px}.price span{font-size:15px;color:#6b7280;letter-spacing:0;margin-left:5px}.plan-hook{font-weight:800;color:#374151!important;margin:0}.shop-plan ul{padding:0;margin:8px 0 18px;list-style:none;display:grid;gap:10px}.shop-plan li{position:relative;padding-left:28px;color:#1f2937}.shop-plan li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:999px;background:#dcfce7;color:#166534;display:inline-grid;place-items:center;font-size:13px;font-weight:1000}.shop-plan .btn{margin-top:auto;width:100%;text-align:center}.btn.light{color:#111827!important}.plans-note{max-width:1050px;margin:22px auto 0;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#f9fafb;text-align:center;font-size:14px}@media(max-width:980px){.pricing-table{grid-template-columns:1fr}.shop-plan.best{transform:none}.shop-plan h3{font-size:30px}.price{font-size:48px}.plans-note{text-align:left}}.footer{background:radial-gradient(circle at 12% 0,rgba(37,185,189,.35),transparent 28%),linear-gradient(135deg,#08080a,#16161a 55%,#300006)!important;border-top:5px solid #25b9bd!important;align-items:start!important}.footer-brand-col{max-width:560px}.footer-desc{color:rgba(255,255,255,.86);line-height:1.75;margin:10px 0 14px;font-weight:600}.footer>div{padding:4px 0}.footer b{color:#fff}.footer a{color:#e5e7eb!important;border-radius:10px;padding:4px 0;transition:.18s ease}.footer a:hover{color:#fff!important;transform:translateX(3px)}.footer-note{margin-top:12px;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important}.footer-copy{display:none!important}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}.trust-card{background:linear-gradient(180deg,#fff,#fff8f8)!important;border:1px solid #b7ecec!important;box-shadow:0 16px 42px rgba(15,23,42,.07)!important;text-align:left}.trust-card p{color:#4b5563;margin-bottom:0}.trust-card:hover{transform:translateY(-3px);box-shadow:0 22px 56px rgba(37,185,189,.12)!important}@media(max-width:980px){.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer{text-align:center!important}.footer-logo{justify-content:center!important}.footer-desc{margin-left:auto;margin-right:auto}.footer a:hover{transform:none}}@media(max-width:560px){.trust-grid{grid-template-columns:1fr!important}.trust-card{text-align:center}.footer{gap:18px!important}}.ttl-business{align-items:stretch;gap:26px}.business-copy,.ttl-card{position:relative}.business-intro{font-size:1.05rem;line-height:1.75;max-width:760px}.business-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.business-points div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.business-points b{display:block;margin-bottom:8px;color:#fff;font-size:1rem}.business-points span{display:block;color:rgba(255,255,255,.84);line-height:1.55;font-size:.94rem}.ttl-card{overflow:hidden;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#fff7e8,#ffffff 45%,#fff0f0);box-shadow:0 24px 65px rgba(37,185,189,.18)}.ttl-card:before{content:"";position:absolute;inset:-90px -80px auto auto;width:190px;height:190px;border-radius:999px;background:rgba(37,185,189,.12);pointer-events:none}.ttl-card h3,.ttl-card p,.ttl-card li{position:relative}.ttl-card .small-note{font-size:.82rem;color:#6b7280;margin-top:12px;line-height:1.45}@media(max-width:900px){.ttl-business{grid-template-columns:1fr}.business-points{grid-template-columns:1fr}.business-intro{max-width:100%}}:root{--page-max:1180px;--page-pad:clamp(16px,5vw,72px)}html,body{max-width:100%;overflow-x:hidden}body{word-break:normal;overflow-wrap:break-word}img,svg,video,iframe{max-width:100%;height:auto}.container,.section-head,.hero-copy,.dashboard>.panel,.dashboard>.auth-card{max-width:var(--page-max);margin-left:auto;margin-right:auto}.section,.dashboard,.auth{padding-left:var(--page-pad)!important;padding-right:var(--page-pad)!important}.site-header{min-height:72px;flex-wrap:wrap}.site-header .brand{flex:0 0 auto}.site-header nav{min-width:0;flex:1 1 auto;justify-content:flex-end}.site-header nav a{white-space:nowrap}.hero{grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);gap:clamp(22px,4vw,52px);overflow:hidden}.hero>*{min-width:0}.phone-card{min-width:0}.grid4,.grid3,.pricing-table,.trust-grid{align-items:stretch}.grid4>*,.grid3>*,.pricing-table>*,.trust-grid>*{min-width:0}.section-head p,.sub,.business-intro,.plan-hook,.shop-plan li,.trust-card p,.income-card p,.income-card li{overflow-wrap:break-word}.btn{white-space:normal;text-align:center;line-height:1.2}.cta-row{align-items:center}.tanyabox{width:min(1120px,calc(100% - 10vw));margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}.tanyabox>div,.tanyabox form{min-width:0}.tanya-form,.tanyabox form{width:100%}.tanyabox textarea{max-width:100%}.business{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:stretch}.business>*{min-width:0}.business-points{min-width:0}.agent-info.bottom-agent,.agent-info{overflow:hidden}.agent-card.pro-agent,.agent-card{width:min(1120px,100%);min-width:0}.agent-card.pro-agent img,.agent-card img{flex:0 0 auto}.agent-content,.pro-agent .agent-content{min-width:0}.agent-links{max-width:100%;min-width:0}.agent-links a,.agent-links span{overflow-wrap:anywhere;word-break:break-word}.faq{overflow:hidden}.faq details{max-width:1120px;width:min(1120px,100%);overflow:hidden}.faq summary{text-align:center}.faq details p{text-align:center;max-width:940px;margin-left:auto;margin-right:auto}.footer{overflow:hidden}.footer>*{min-width:0}.footer a{overflow-wrap:anywhere}.auth-card,.panel{max-width:min(980px,100%);overflow:hidden}.form-grid>*{min-width:0}input,textarea,select{min-width:0}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}table{min-width:760px}.admin-tanyas-table td,.admin-tanyas-table th{white-space:normal;overflow-wrap:anywhere}.buyer-pop,.wa-float-v30{max-width:calc(100vw - 24px)}@media(max-width:1100px){.grid4,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-table{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-plan{padding:22px!important}.site-header{align-items:center}.site-header nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}}@media(max-width:980px){.site-header{display:flex!important;gap:10px;padding:12px 14px!important}.site-header .brand{width:100%;justify-content:center}.site-header nav{width:100%;justify-content:flex-start;padding-bottom:2px}.hero{grid-template-columns:1fr!important;text-align:center;padding-left:var(--page-pad)!important;padding-right:var(--page-pad)!important}.hero-copy{display:flex;flex-direction:column;align-items:center}.sub{margin-left:auto;margin-right:auto}.cta-row,.chip-row,.trust{justify-content:center}.phone-card{width:min(560px,100%);margin:auto}.sim-card{text-align:left}.business{grid-template-columns:1fr!important;text-align:center}.business ul{display:inline-block;text-align:left}.business-points{grid-template-columns:1fr}.tanyabox{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;text-align:center}.tanyabox form{grid-template-columns:1fr!important}.agent-card,.agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important}.agent-card h3,.agent-card p{text-align:center}.agent-links{justify-content:center!important}.pricing-table{grid-template-columns:1fr!important;max-width:560px}.shop-plan.best{transform:none!important}.grid3,.grid4,.trust-grid,.stat-grid,.form-grid{grid-template-columns:1fr!important}.footer{grid-template-columns:1fr!important;text-align:center}.footer-logo{justify-content:center}.footer a{display:inline-block;margin:7px 8px}.dash-head{text-align:center}.panel-title-row{display:block;text-align:center}.searchbar{grid-template-columns:1fr!important}.edit-affiliate-form,.approve-affiliate-form{grid-template-columns:1fr!important}}@media(max-width:560px){:root{--page-pad:16px}.site-header{min-height:auto}.brand-mark{margin-right:7px}.hero{padding-top:38px!important;padding-bottom:44px!important}.hero h1{letter-spacing:-.035em}.section{padding-top:52px!important;padding-bottom:52px!important}.phone-card,.panel,article,.tanyabox,.income-card,.agent-card,.auth-card,.shop-plan{border-radius:22px!important;padding:18px!important}.sim-card{height:auto;min-height:180px;padding:20px}.sim-card b{font-size:30px}.tanyabox{width:calc(100% - 20px)!important}.tanyabox h2,.section h2,.business h2{line-height:1.12}.btn,.nav-cta{width:100%}.site-header nav .header-icon-link{flex:0 0 auto}.wa-float-v30{right:10px!important;bottom:10px!important;padding:10px 12px!important;font-size:13px!important}.buyer-pop{left:10px!important;right:10px!important;bottom:76px!important}.table-wrap table{min-width:720px}.dashboard{padding-top:28px!important}.dashboard .panel{padding:16px!important}.auth{padding-top:36px!important;padding-bottom:36px!important}.footer{padding:38px 16px!important}}.lokasi-ad-wrap{width:min(1180px,calc(100% - 32px));margin:22px auto 0;display:flex;justify-content:center}.lokasi-ad-slot{width:100%;min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:24px;background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid #ffe2e6;box-shadow:0 16px 42px rgba(15,23,42,.06);overflow:hidden}.lokasi-ad-slot ins,.lokasi-ad-slot iframe{max-width:100%!important}.footer-copyright{display:inline-block;margin-top:8px;font-weight:800;color:#fff}.footer-copyright a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}.footer-desc{max-width:620px}.site-header nav{gap:8px}.header-icon-link{min-width:0}.header-icon-link span:last-child{overflow:hidden;text-overflow:ellipsis}.section-head,.location-hero,.location-filter,.state-group{width:min(1180px,100%);margin-left:auto;margin-right:auto}.location-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);gap:24px;align-items:stretch}.location-hero>*{min-width:0}.location-filter{overflow:hidden}.lokasi-search{align-items:stretch}.state-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.agent-directory-cards{display:grid;gap:18px}.lokasi-card{align-items:center}.agent-card.pro-agent img,.agent-card img{object-fit:contain;background:#fff;border:1px solid #f3f4f6}.agent-links a{line-height:1.25}.ad-slot{overflow:hidden;max-width:100%}.ad-slot *{max-width:100%}@media(max-width:980px){.location-hero{grid-template-columns:1fr;text-align:center}.location-hero .cta-row{justify-content:center}.lokasi-ad-wrap{width:calc(100% - 28px);margin-top:18px}.footer-desc{margin-left:auto;margin-right:auto}.site-header nav{justify-content:flex-start}}@media(max-width:560px){.lokasi-ad-wrap{width:calc(100% - 20px)}.lokasi-ad-slot{border-radius:18px;min-height:70px}.footer-desc{font-size:14px;line-height:1.65}.footer-copyright{display:block}.site-header nav a{font-size:13px;padding:9px 10px}.header-icon{font-size:15px}.location-hero,.location-filter,.state-group{width:100%}.state-chips{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.state-chips .chip{flex:0 0 auto}.agent-links{display:grid!important;grid-template-columns:1fr!important;width:100%}.agent-links a{width:100%;text-align:center}.lokasi-card{padding:18px!important}}.center{text-align:center!important}.location-page .location-filter,.location-page .location-results{width:min(1180px,calc(100% - 32px));margin-inline:auto}.state-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:130px;padding:20px;border-radius:26px;background:linear-gradient(145deg,#fff,#f5ffff);border:1px solid #b7ecec;box-shadow:0 16px 40px rgba(15,23,42,.08);text-decoration:none;color:#111827;font-weight:900;transition:.18s ease}.state-card:hover,.state-card.active{transform:translateY(-3px);background:linear-gradient(145deg,#25b9bd,#ff6b00);color:#fff;box-shadow:0 24px 50px rgba(37,185,189,.22)}.state-card small{font-size:12px;opacity:.78}.state-icon{font-size:34px;line-height:1}.state-name{font-size:17px}.location-results{margin-top:24px}.empty-state{display:grid;place-items:center;text-align:center;gap:8px;padding:36px 18px;border-radius:28px;background:#fff;border:1px solid #b7ecec;box-shadow:0 18px 44px rgba(15,23,42,.06)}.empty-state span{font-size:42px}.empty-state h2{margin:0;font-size:clamp(24px,3.2vw,38px)}.empty-state p{max-width:680px;margin:0;color:#64748b}.state-selected-cards{margin-top:22px}.location-page .lokasi-search{grid-template-columns:minmax(0,1fr) auto auto!important;margin:20px auto 0;max-width:980px}.location-page .lokasi-card{width:100%;max-width:980px;margin-inline:auto}.guide-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 70px}.guide-hero{padding:56px;border-radius:34px;background:radial-gradient(circle at top left,#fff 0,#f5ffff 45%,#ffecef 100%);border:1px solid #ffd9df;box-shadow:0 24px 60px rgba(15,23,42,.08);text-align:center}.guide-hero h1{font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:-.045em;margin:10px auto 14px;max-width:900px}.guide-hero p{max-width:860px;margin-inline:auto;color:#475569;font-size:17px}.guide-steps{padding:58px 0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{padding:24px;border-radius:28px;background:#fff;border:1px solid #ecfeff;box-shadow:0 18px 46px rgba(15,23,42,.07);min-width:0}.guide-card span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#25b9bd;color:#fff;font-weight:1000;margin-bottom:12px}.guide-card h3{margin:0 0 8px;font-size:22px}.guide-card p{margin:0;color:#475569;line-height:1.65}.guide-note{padding:32px;border-radius:30px;background:#111827;color:#fff}.guide-note h2{text-align:center;margin-top:0}.guide-note ul{max-width:820px;margin:0 auto;padding-left:22px;line-height:1.85}.guide-note li{margin:6px 0}.site-header nav a{white-space:nowrap}.agent-card,.panel,.trust-card,.guide-card,.state-card{overflow-wrap:anywhere}.agent-card img{max-width:100%;height:auto}.dashboard,.guide-main,main{overflow-x:hidden}@media(max-width:980px){.state-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-page .lokasi-search{grid-template-columns:1fr!important}.location-page .lokasi-search .btn{width:100%}.guide-hero{padding:36px 22px}.site-header{align-items:center}.site-header nav{overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.site-header nav::-webkit-scrollbar{display:none}}@media(max-width:640px){.location-page .location-filter,.location-page .location-results,.guide-main{width:calc(100% - 20px)}.state-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.state-card{min-height:112px;border-radius:20px;padding:16px 10px}.state-icon{font-size:28px}.state-name{font-size:14px}.guide-grid{grid-template-columns:1fr}.guide-card{border-radius:22px;padding:20px}.guide-note{border-radius:22px;padding:24px 18px}.location-hero{padding:24px 16px!important}.location-hero h1,.guide-hero h1{letter-spacing:-.03em}.agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important}.agent-card.pro-agent img{margin-inline:auto}.pro-agent .agent-links{justify-content:center!important}.site-header{padding-inline:10px}.brand span:last-child{font-size:15px}.header-icon-link{padding:9px 10px!important}}.location-page .site-header,.guide-page .site-header{width:100%}.location-hero,.guide-hero{ max-width:1180px; margin:32px auto 22px; padding:42px clamp(18px,4vw,48px); border-radius:32px; background: radial-gradient(circle at 12% 20%, rgba(37,185,189,.12), transparent 35%), radial-gradient(circle at 92% 16%, rgba(255,204,0,.22), transparent 30%), linear-gradient(135deg,#fff,#f5ffff); border:1px solid rgba(37,185,189,.10); box-shadow:0 22px 60px rgba(17,24,39,.08); overflow:hidden;}.location-hero{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); align-items:center; gap:28px;}.location-hero h1,.guide-hero h1{ margin:8px 0 12px; font-size:clamp(30px,4.2vw,56px); line-height:1.02; letter-spacing:-.045em;}.location-hero p,.guide-hero p{max-width:820px;color:#4b5563}.location-hero .trust-card{ margin:0; min-width:0; color:#111827;}.state-picker,.guide-steps,.guide-faq,.location-results,.lokasi-results{ max-width:1180px; margin:26px auto; padding:0 clamp(14px,3vw,20px);}.state-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; align-items:stretch;}.state-btn{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:58px; padding:13px 14px; border-radius:18px; background:#fff; color:#111827; border:1px solid #f1d9dc; box-shadow:0 12px 30px rgba(17,24,39,.06); font-weight:900; text-align:center; line-height:1.15; word-break:normal; transition:.18s ease;}.state-btn:hover,.state-btn.active{ transform:translateY(-2px); border-color:#25b9bd; color:#25b9bd; box-shadow:0 18px 42px rgba(37,185,189,.14);}.state-icon{font-size:22px;line-height:1}.location-search,.lokasi-search{ max-width:860px; margin:22px auto; display:flex; gap:10px; align-items:stretch; justify-content:center;}.location-search input,.lokasi-search input{ flex:1 1 420px; width:100%; min-height:50px; border-radius:16px; border:1px solid #e5e7eb; padding:0 16px; font-size:15px;}.location-search .btn,.lokasi-search .btn{min-height:50px;white-space:nowrap}.agent-list,.location-agent-grid,.lokasi-agent-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; align-items:stretch;}.agent-card,.pro-agent{ min-width:0; overflow:hidden;}.agent-card *,.pro-agent *,.guide-card *,.guide-faq *{overflow-wrap:anywhere}.guide-hero{text-align:center}.guide-hero .cta-row{justify-content:center}.guide-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; align-items:stretch;}.guide-card{ background:#fff; border:1px solid #f1d9dc; border-radius:24px; padding:24px; box-shadow:0 14px 36px rgba(17,24,39,.06);}.guide-card span{ display:inline-flex; width:44px;height:44px; align-items:center;justify-content:center; border-radius:14px; background:#25b9bd;color:#fff; font-weight:1000; margin-bottom:12px;}.guide-card h3{margin:4px 0 8px;line-height:1.18}.guide-card p{margin:0;color:#4b5563}.guide-faq details{ max-width:980px; margin:12px auto; border:1px solid #f1d9dc; border-radius:18px; background:#fff; padding:0; overflow:hidden; box-shadow:0 10px 26px rgba(17,24,39,.05);}.guide-faq summary{ cursor:pointer; padding:18px 20px; font-weight:1000; text-align:center;}.guide-faq details p{ max-width:850px; margin:0 auto; padding:0 20px 18px; text-align:center; color:#4b5563;}@media (min-width: 981px){ .location-page .section-head, .guide-page .section-head{text-align:center;margin-left:auto;margin-right:auto} .location-page .section-head p, .guide-page .section-head p{margin-left:auto;margin-right:auto}}@media (max-width: 980px){ .location-hero{ grid-template-columns:1fr; text-align:center; margin:18px 12px; padding:30px 18px; } .location-hero .cta-row{justify-content:center} .location-hero .trust-card{max-width:420px;margin:auto} .guide-hero{margin:18px 12px;padding:30px 18px}}@media (max-width: 640px){ .state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .state-btn{min-height:54px;padding:11px 8px;font-size:13px;border-radius:15px} .state-icon{font-size:19px} .location-search,.lokasi-search{flex-direction:column;align-items:stretch} .location-search .btn,.lokasi-search .btn{width:100%} .agent-list,.location-agent-grid,.lokasi-agent-grid,.guide-grid{grid-template-columns:1fr} .guide-card{padding:20px;border-radius:20px}}.location-filter,.location-results{ margin-top:30px; margin-bottom:34px;}.state-icon-grid{ gap:16px !important;}.state-card{ min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:118px; padding:18px 14px; border-radius:22px; text-align:center; background:linear-gradient(180deg,#fff,#fff8f8); border:1px solid rgba(37,185,189,.14); box-shadow:0 14px 36px rgba(17,24,39,.07); transition:.18s ease;}.state-card:hover,.state-card.active{ transform:translateY(-3px); border-color:#25b9bd; box-shadow:0 20px 48px rgba(37,185,189,.16);}.state-card .state-icon{ display:grid; place-items:center; width:42px; height:42px; border-radius:16px; background:#fff0f1; font-size:23px;}.state-card .state-name{ font-weight:1000; line-height:1.15;}.state-card small{ color:#6b7280; font-weight:800;}.searchbar.lokasi-search,.location-search,.lokasi-search{ width:100%; max-width:980px; margin:24px auto 30px !important; padding:14px; border-radius:24px; background:#fff; border:1px solid #f0d7da; box-shadow:0 18px 45px rgba(17,24,39,.07); display:flex; gap:14px !important; align-items:center; justify-content:center;}.searchbar.lokasi-search input,.location-search input,.lokasi-search input{ min-width:0; flex:1 1 520px; height:54px; border-radius:18px; border:1px solid #e5e7eb; padding:0 18px; background:#fff;}.searchbar.lokasi-search .btn,.location-search .btn,.lokasi-search .btn{ height:54px; margin:0; white-space:nowrap;}.state-selected-cards{ margin-top:20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:22px;}.lokasi-card{ height:100%; max-width:420px; margin:0 auto; border-radius:28px;}.lokasi-card img{ width:100%; height:230px; object-fit:contain; background:linear-gradient(135deg,#ecfeff,#fff); border-radius:24px 24px 0 0;}.lokasi-card .agent-content{ padding:20px; text-align:center;}.lokasi-card .agent-content h3{ margin:8px 0 10px; line-height:1.15;}.lokasi-card .agent-content p{ max-width:340px; margin-left:auto; margin-right:auto;}.lokasi-card .agent-links{ display:grid; gap:10px; margin-top:16px;}.lokasi-card .agent-links a{ display:block; border-radius:14px; padding:11px 12px; background:#f5ffff; color:#168fd6; font-weight:900; border:1px solid rgba(37,185,189,.13);}.location-pagination{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:30px auto 4px;}.page-number{ display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 13px; border-radius:14px; background:#fff; border:1px solid #f0d7da; color:#111827; font-weight:1000; box-shadow:0 10px 24px rgba(17,24,39,.06);}.page-number.active,.page-number:hover{ background:#25b9bd; color:#fff; border-color:#25b9bd;}.guide-main{ overflow:hidden;}.guide-steps,.guide-faq{ margin-top:34px;}.guide-grid{ gap:22px !important;}.guide-card{ min-height:100%; text-align:center;}.guide-card span{ margin-left:auto; margin-right:auto;}.guide-faq details{ width:min(100%,980px);}@media (min-width:981px){ .location-filter, .location-results, .guide-steps, .guide-faq{ border-radius:30px; } .searchbar.lokasi-search{ flex-wrap:nowrap; }}@media (max-width:760px){ .searchbar.lokasi-search, .location-search, .lokasi-search{ flex-direction:column; gap:12px !important; padding:12px; border-radius:20px; } .searchbar.lokasi-search input, .searchbar.lokasi-search .btn, .searchbar.lokasi-search a.btn, .location-search input, .location-search .btn, .lokasi-search input, .lokasi-search .btn{ width:100%; flex:0 0 auto; } .state-icon-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; } .state-card{ min-height:108px; padding:14px 10px; border-radius:18px; } .state-card .state-name{ font-size:13px; } .state-selected-cards{ grid-template-columns:1fr; gap:18px; } .lokasi-card{ max-width:100%; border-radius:24px; } .lokasi-card img{ height:210px; } .location-pagination{ gap:8px; } .page-number{ min-width:38px; height:38px; border-radius:12px; } .guide-hero, .location-hero{ border-radius:24px; }}@media (max-width:420px){ .state-icon-grid{ grid-template-columns:1fr !important; } .state-card{ min-height:86px; }}.site-header{ flex-wrap:wrap;}.main-nav{ display:flex; align-items:center; justify-content:center; gap:10px !important; flex:1 1 auto;}.header-icon-link{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap;}.auth-header{ display:flex; align-items:center; gap:8px; flex:0 0 auto;}.auth-header a{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:10px 14px; border-radius:999px; font-weight:1000; font-size:13px; white-space:nowrap;}.auth-login{ background:#fff; color:#111827; border:1px solid #e5e7eb;}.auth-register{ background:linear-gradient(135deg,#25b9bd,#168fd6); color:#fff; box-shadow:0 12px 25px rgba(37,185,189,.18);}.wa-float-v30{ max-width:calc(100vw - 24px); gap:8px; padding:12px 16px !important; font-weight:1000;}.wa-float-v30 .wa-icon-mark{ flex:0 0 auto;}.coverage-main{ overflow:hidden; background:#fff;}.coverage-hero{ max-width:1180px; margin:32px auto 24px; padding:42px clamp(18px,4vw,48px); display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:28px; align-items:center; border-radius:34px; background: radial-gradient(circle at 10% 15%, rgba(37,185,189,.14), transparent 34%), radial-gradient(circle at 88% 12%, rgba(255,204,0,.24), transparent 32%), linear-gradient(135deg,#fff,#f5ffff); border:1px solid rgba(37,185,189,.12); box-shadow:0 24px 65px rgba(17,24,39,.08);}.coverage-hero h1{ margin:8px 0 14px; font-size:clamp(31px,4.5vw,58px); line-height:1.02; letter-spacing:-.045em;}.coverage-hero p{ max-width:800px; color:#4b5563;}.coverage-signal-card{ text-align:center; background:#111827; color:#fff; border-radius:30px; padding:32px 24px; box-shadow:0 24px 60px rgba(17,24,39,.18);}.coverage-signal-card .signal-icon{ display:grid; place-items:center; width:76px;height:76px; margin:0 auto 14px; border-radius:24px; background:#25b9bd; font-size:36px;}.coverage-signal-card p{color:#d1d5db;margin-left:auto;margin-right:auto}.signal-bars{ display:flex; justify-content:center; align-items:end; gap:7px; height:54px; margin-top:22px;}.signal-bars i{ width:18px; border-radius:999px 999px 5px 5px; background:linear-gradient(180deg,#34d399,#10b981);}.signal-bars i:nth-child(1){height:18px}.signal-bars i:nth-child(2){height:28px}.signal-bars i:nth-child(3){height:40px}.signal-bars i:nth-child(4){height:52px}.coverage-checker,.coverage-info,.coverage-steps{ max-width:1180px; margin:30px auto; padding:0 clamp(14px,3vw,20px);}.checker-card{ background:#fff; border:1px solid #f1d9dc; border-radius:30px; padding:18px; box-shadow:0 18px 50px rgba(17,24,39,.07); overflow:hidden;}.checker-frame-wrap{ position:relative; width:100%; min-height:460px; border-radius:22px; overflow:hidden; border:1px solid #e5e7eb; background:#f9fafb;}.checker-frame-wrap iframe{ width:100%; height:560px; border:0; display:block;}.checker-actions{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:18px;}.checker-note{ text-align:center; color:#6b7280; font-size:13px; margin:12px 0 0;}.coverage-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px;}.coverage-card{ text-align:center; background:#fff; border:1px solid #f1d9dc; border-radius:26px; padding:24px 20px; box-shadow:0 14px 36px rgba(17,24,39,.06);}.coverage-card span{ display:grid; place-items:center; width:54px;height:54px; margin:0 auto 12px; border-radius:18px; background:#fff0f1; font-size:26px;}.coverage-card h3{margin:6px 0 8px;line-height:1.18}.coverage-card p{margin:0;color:#4b5563}@media (max-width:1100px){ .site-header{ justify-content:center; } .brand{margin-right:auto} .auth-header{margin-left:auto} .main-nav{ order:3; flex-basis:100%; overflow-x:auto; justify-content:flex-start; padding-bottom:2px; }}@media (max-width:760px){ .site-header{ gap:10px; padding:12px 14px; } .brand span:last-child{font-size:14px} .auth-header a{ min-height:36px; padding:8px 11px; font-size:12px; } .main-nav{ gap:8px !important; } .header-icon-link{ padding:8px 10px; border-radius:999px; background:#f5ffff; border:1px solid rgba(37,185,189,.10); font-size:12px; } .coverage-hero{ grid-template-columns:1fr; text-align:center; margin:18px 12px; padding:30px 18px; border-radius:26px; } .coverage-hero .cta-row{ justify-content:center; } .coverage-signal-card{ border-radius:24px; padding:26px 18px; } .checker-frame-wrap{ min-height:380px; } .checker-frame-wrap iframe{ height:460px; } .checker-actions .btn{ width:100%; } .wa-float-v30{ right:12px !important; bottom:12px !important; padding:11px 13px !important; font-size:12px; }}.no-iframe-checker{ max-width:980px; margin-left:auto; margin-right:auto;}.checker-blocked-card{ text-align:center; padding:34px 22px; border-radius:26px; background: radial-gradient(circle at 18% 10%, rgba(37,185,189,.12), transparent 34%), linear-gradient(135deg,#fff,#fff8f8); border:1px solid rgba(37,185,189,.14);}.checker-blocked-card .checker-icon{ display:grid; place-items:center; width:76px; height:76px; margin:0 auto 14px; border-radius:26px; background:#25b9bd; color:#fff; font-size:34px; box-shadow:0 16px 40px rgba(37,185,189,.22);}.checker-blocked-card h3{ margin:6px 0 10px; font-size:clamp(22px,3vw,34px); line-height:1.1;}.checker-blocked-card p{ max-width:740px; margin-left:auto; margin-right:auto; color:#4b5563;}.coverage-mini-steps{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-width:880px; padding:0; margin:22px auto 0; list-style:none; counter-reset:step;}.coverage-mini-steps li{ background:#fff; border:1px solid #f1d9dc; border-radius:18px; padding:15px; font-weight:800; box-shadow:0 10px 26px rgba(17,24,39,.05);}.auto-location-box{ max-width:1180px; margin:26px auto; border-radius:30px; background: radial-gradient(circle at 10% 20%, rgba(16,185,129,.13), transparent 34%), linear-gradient(135deg,#ffffff,#f7fffb); border:1px solid rgba(16,185,129,.18); box-shadow:0 18px 48px rgba(17,24,39,.06);}.auto-location-content{ display:flex; align-items:center; justify-content:space-between; gap:22px;}.auto-location-content h2{ margin:6px 0 8px;}.auto-location-content p{ margin:0; max-width:760px; color:#4b5563;}.auto-location-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;}.auto-location-note{ margin-top:14px; color:#6b7280; font-size:13px; text-align:center;}@media(max-width:760px){ .coverage-mini-steps{ grid-template-columns:1fr; } .auto-location-content{ flex-direction:column; text-align:center; } .auto-location-actions{ justify-content:center; width:100%; } .auto-location-actions .btn{ width:100%; }}.site-header{ justify-content:center;}.site-header .brand{ flex:0 0 auto;}.main-nav{ justify-content:center !important; text-align:center;}.auth-header{ justify-content:center !important; text-align:center;}.auth-header a{ min-width:max-content;}.footer{ align-items:start;}.footer-bottom{ grid-column:1 / -1; width:100%; margin-top:22px; padding-top:18px; border-top:1px solid rgba(255,255,255,.14); text-align:center;}.footer-copyright{ display:inline-block; font-size:13px; color:rgba(255,255,255,.78);}.footer-copyright a{ color:#fff; font-weight:900; text-decoration:underline;}@media(max-width:1100px){ .site-header .brand{ margin-right:0 !important; } .auth-header{ margin-left:0 !important; } .main-nav{ justify-content:center !important; }}@media(max-width:760px){ .site-header{ display:flex; flex-direction:column; align-items:center; } .main-nav{ order:2; width:100%; justify-content:center !important; } .auth-header{ order:3; width:100%; justify-content:center !important; } .auth-header a{ flex:1 1 auto; max-width:180px; }}.site-header{ display:flex; align-items:center; justify-content:center; gap:16px; padding-left:clamp(14px,4vw,56px); padding-right:clamp(14px,4vw,56px);}.site-header .brand{ flex:0 0 auto;}.main-nav{ flex:1 1 520px; display:flex; align-items:center; justify-content:center !important; gap:10px !important; min-width:0;}.main-nav .header-icon-link{ min-width:0; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 12px; border-radius:999px; line-height:1;}.auth-header{ flex:0 0 auto; display:flex; align-items:center; justify-content:center !important; gap:10px;}.auth-header a{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:10px 16px; border-radius:999px; line-height:1; text-align:center;}.auth-header b{ white-space:nowrap;}@media(max-width:1100px){ .site-header{ flex-wrap:wrap; gap:10px 12px; } .site-header .brand{ width:100%; justify-content:center; margin:0 !important; } .main-nav{ order:2; flex:1 1 100%; width:100%; justify-content:center !important; overflow-x:auto; padding:2px 0 4px; scrollbar-width:none; } .main-nav::-webkit-scrollbar{display:none} .auth-header{ order:3; width:100%; justify-content:center !important; margin:0 !important; }}@media(max-width:640px){ .site-header{ padding:10px 10px 12px; } .main-nav{ gap:7px !important; } .main-nav .header-icon-link{ padding:8px 10px; font-size:12px; } .header-icon{ font-size:14px; } .auth-header{ display:grid; grid-template-columns:1fr 1fr; gap:8px; } .auth-header a{ width:100%; min-height:40px; padding:9px 10px; font-size:12px; } .auth-header b{ white-space:normal; }}.footer-copyright.center{display:block;text-align:center;margin:0 auto;}.site-header{justify-content:center !important;}.main-nav{justify-content:center !important;}.auth-header{justify-content:center !important;}.main-nav .header-icon-link:first-child{background:#f5ffff;border:1px solid rgba(37,185,189,.10)}.auth-header .auth-login{min-width:150px}.auth-header .auth-register{min-width:160px}@media(max-width:640px){ .auth-header .auth-login,.auth-header .auth-register{min-width:0} .main-nav .header-icon-link{flex:0 0 auto}}.dashboard img,.admin-dashboard img,.affiliate-dashboard img,.profile-image,.agent-avatar,.agent-card img,.pro-agent img,td img{ max-width:100%; height:auto; object-fit:cover; background:#fff;}.dashboard .profile-image,.affiliate-dashboard .profile-image,.admin-dashboard .profile-image,.profile-photo,.avatar-preview{ width:120px; height:120px; border-radius:22px; object-fit:cover; object-position:center; border:3px solid #fff; box-shadow:0 14px 34px rgba(17,24,39,.14);}.admin-dashboard td img,.admin table td img,.table-avatar{ width:58px !important; height:58px !important; object-fit:cover !important; border-radius:14px !important; border:2px solid #fff; box-shadow:0 8px 18px rgba(17,24,39,.12);}.image-preview-card{ display:flex; align-items:center; justify-content:center; padding:12px; border-radius:20px; background:#f5ffff; border:1px solid rgba(37,185,189,.12);}@media(max-width:760px){ .dashboard .profile-image, .affiliate-dashboard .profile-image, .admin-dashboard .profile-image, .profile-photo, .avatar-preview{ width:96px; height:96px; border-radius:18px; } .admin-dashboard td img, .admin table td img, .table-avatar{ width:50px !important; height:50px !important; }}.dashboard img,.admin-dashboard img,.affiliate-dashboard img,.profile-image,.agent-avatar,.agent-card img,.pro-agent img,td img{ max-width:100%; height:auto; object-fit:cover; background:#fff;}.dashboard .profile-image,.affiliate-dashboard .profile-image,.admin-dashboard .profile-image,.profile-photo,.avatar-preview{ width:120px; height:120px; border-radius:22px; object-fit:cover; object-position:center; border:3px solid #fff; box-shadow:0 14px 34px rgba(17,24,39,.14);}.admin-dashboard td img,.admin table td img,.table-avatar{ width:58px !important; height:58px !important; object-fit:cover !important; object-position:center !important; border-radius:14px !important; border:2px solid #fff; box-shadow:0 8px 18px rgba(17,24,39,.12);}.location-page .panel,.guide-page .panel,.location-results,.location-filter,.guide-steps,.guide-faq,.coverage-info{ max-width:1180px; margin-left:auto !important; margin-right:auto !important;}.location-page .section-head,.guide-page .section-head{ text-align:center; max-width:920px; margin-left:auto; margin-right:auto;}.location-page .section-head p,.guide-page .section-head p{ margin-left:auto; margin-right:auto;}.location-hero,.guide-hero{ width:calc(100% - 24px);}.state-grid,.guide-grid,.coverage-grid{ align-items:stretch;}.state-card,.guide-card,.coverage-card,.lokasi-card{ overflow:hidden; word-break:normal; overflow-wrap:anywhere;}.searchbar.lokasi-search{ gap:14px !important;}.guide-faq details,.faq details{ margin-left:auto; margin-right:auto;}@media(max-width:760px){ .dashboard .profile-image, .affiliate-dashboard .profile-image, .admin-dashboard .profile-image, .profile-photo, .avatar-preview{ width:96px; height:96px; border-radius:18px; } .admin-dashboard td img, .admin table td img, .table-avatar{ width:50px !important; height:50px !important; } .location-hero, .guide-hero{ width:calc(100% - 20px); margin-left:auto !important; margin-right:auto !important; } .location-page .panel, .guide-page .panel{ width:calc(100% - 20px); padding-left:14px; padding-right:14px; } .searchbar.lokasi-search{ gap:12px !important; }}.seo-hero-copy{ max-width:780px; margin:14px 0 0; color:#374151; font-weight:800; line-height:1.55;}.seo-quick-links{ max-width:1080px; margin:18px auto 8px; padding:0 18px; display:flex; flex-wrap:wrap; justify-content:center; gap:12px;}.seo-quick-links a{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border-radius:999px; background:#f5ffff; color:#168fd6; border:1px solid rgba(37,185,189,.16); font-weight:1000; box-shadow:0 10px 24px rgba(17,24,39,.06);}.seo-quick-links a:hover{ background:#25b9bd; color:#fff; transform:translateY(-2px);}@media(max-width:760px){ .seo-hero-copy{ text-align:center; margin-left:auto; margin-right:auto; } .seo-quick-links{ display:grid; grid-template-columns:1fr; } .seo-quick-links a{ width:100%; }}.site-header{text-align:center;justify-content:center!important;align-items:center!important}.site-header .brand,.main-nav,.auth-header{text-align:center;justify-content:center!important;align-items:center!important}.main-nav{margin-inline:auto}.main-nav .header-icon-link,.auth-header a{text-align:center}.seo-quick-links{width:min(1180px,calc(100% - 32px));margin:20px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;text-align:center}.seo-quick-links a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b7ecec;background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;color:#168fd6;box-shadow:0 10px 25px rgba(15,23,42,.05)}.seo-hero-copy,.seo-copy{color:#374151;font-weight:700}.hero-buttons .btn{text-align:center}@media(max-width:1100px){.site-header{display:flex;flex-direction:column}.main-nav{width:100%;display:flex;justify-content:center!important}.auth-header{width:100%;justify-content:center!important}}@media(max-width:640px){.main-nav{overflow-x:auto;scroll-snap-type:x proximity;padding-inline:4px}.main-nav .header-icon-link{scroll-snap-align:center}.seo-quick-links{width:calc(100% - 20px);gap:8px}.seo-quick-links a{width:100%;padding:12px 14px}}.site-header{justify-content:center!important;text-align:center!important;}.site-header .brand,.main-nav,.auth-header{justify-content:center!important;text-align:center!important;}.main-nav{margin-inline:auto!important;}.auth-header{margin-inline:auto!important;}.seo-keywords{width:min(980px,calc(100% - 32px));margin:12px auto 0;padding:14px 18px;border-radius:999px;background:#f5ffff;border:1px solid #b7ecec;color:#374151;text-align:center;font-weight:800;box-shadow:0 12px 30px rgba(15,23,42,.05)}.seo-keywords strong{color:#25b9bd}@media(max-width:1100px){.site-header{flex-direction:column!important;align-items:center!important}.site-header .brand,.main-nav,.auth-header{width:100%!important}.main-nav{overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.main-nav::-webkit-scrollbar{display:none}.auth-header{display:flex;flex-wrap:wrap}}@media(max-width:640px){.site-header{padding-inline:10px!important}.main-nav{justify-content:center!important}.auth-header{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.seo-keywords{width:calc(100% - 20px);border-radius:22px;font-size:13px;line-height:1.6}}.site-header .main-nav{justify-content:center!important;align-items:center!important;text-align:center!important;gap:12px!important;flex-wrap:wrap!important;}.site-header .main-nav a[href="/lokasi"],.site-header .main-nav a[href="/location"]{display:none!important;}.dashboard{width:min(1180px,100%);margin:0 auto!important;padding:clamp(18px,4vw,38px)!important;}.dashboard .dash-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;text-align:left;}.dashboard .dash-head>div{min-width:0;flex:1 1 320px;}.dashboard .dash-head .cta-row{justify-content:center!important;flex-wrap:wrap!important;}.dashboard .panel,.dashboard .profile-mini,.dashboard .stat-grid{width:100%;max-width:1180px;margin-left:auto!important;margin-right:auto!important;}.profile-mini{display:flex!important;align-items:center!important;gap:18px!important;overflow:hidden!important;}.profile-mini img{width:96px!important;height:96px!important;object-fit:cover!important;border-radius:22px!important;flex:0 0 auto!important;}.profile-mini>div{min-width:0!important;}.profile-mini p,.profile-mini h2,.dash-head p,.dash-head h1{overflow-wrap:anywhere!important;}.dashboard .stat-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:14px!important;}.dashboard .stat-grid article{text-align:center!important;min-width:0!important;}.dashboard .searchbar,.dashboard .tanya-searchbar{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;}.dashboard .searchbar input,.dashboard .tanya-searchbar input{flex:1 1 260px!important;min-width:0!important;}.dashboard .table-wrap{width:100%!important;overflow-x:auto!important;margin-inline:auto!important;}.dashboard table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;}.dashboard th,.dashboard td{vertical-align:top!important;overflow-wrap:anywhere!important;word-break:normal!important;}.footer{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important;text-align:center!important;}@media(min-width:761px){.footer p,.footer span,.footer a{display:inline!important;margin:0!important}.footer{flex-direction:row!important;}}@media(max-width:760px){.dashboard{text-align:center!important;padding:16px 10px!important}.dashboard .dash-head{text-align:center!important;justify-content:center!important}.dashboard .dash-head>div{flex-basis:100%!important}.profile-mini{flex-direction:column!important;text-align:center!important}.dashboard .cta-row,.dashboard .searchbar,.dashboard .tanya-searchbar{width:100%;justify-content:center!important}.dashboard .btn,.dashboard .searchbar .btn,.dashboard .tanya-searchbar .btn{width:100%;max-width:360px}.site-header .main-nav{gap:8px!important}.site-header .main-nav .header-icon-link{min-width:auto!important}}.admin-tanya-panel{overflow:hidden!important;}.admin-tanya-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;text-align:left!important;margin:0 0 16px!important;padding:0!important;width:100%!important;max-width:none!important;}.admin-tanya-title h2{margin:0 0 6px!important;line-height:1.12!important;letter-spacing:-.02em!important;}.admin-tanya-title .muted{margin:0!important;max-width:880px!important;}.admin-tanya-panel .tanya-actions{display:flex!important;justify-content:flex-start!important;margin:0 0 14px!important;}.affiliate-profile-mini{align-items:center!important;}.affiliate-profile-mini .profile-image-link{display:flex!important;align-items:center!important;justify-content:center!important;width:130px!important;height:130px!important;flex:0 0 130px!important;border-radius:24px!important;background:#fff!important;border:1px solid #ecfeff!important;overflow:hidden!important;box-shadow:0 12px 28px rgba(15,23,42,.10)!important;}.affiliate-profile-mini .profile-image-link img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:#fff!important;}.footer{display:grid!important;grid-template-columns:minmax(260px,2fr) minmax(170px,1fr) minmax(190px,1fr)!important;align-items:start!important;justify-content:initial!important;gap:26px!important;text-align:left!important;padding:48px 5vw!important;background:#09090b!important;color:#fff!important;}.footer .footer-brand-col,.footer>div:not(.footer-bottom){min-width:0!important;}.footer-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;}.footer a{display:block!important;margin:8px 0!important;color:#d1d5db!important;}.footer-bottom{grid-column:1 / -1!important;width:100%!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.14)!important;text-align:center!important;}.footer-copyright.center,.footer-copyright{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0 auto!important;white-space:nowrap!important;}.footer-copyright a{display:inline!important;margin:0!important;color:#fff!important;}.seo-keywords{display:none!important;}.seo-quick-links-bottom{margin:28px auto 12px!important;padding-top:8px!important;}@media(max-width:760px){.admin-tanya-title{text-align:center!important;justify-content:center!important;}.admin-tanya-panel .tanya-actions{justify-content:center!important;}.affiliate-profile-mini .profile-image-link{width:160px!important;height:160px!important;flex-basis:160px!important;}.footer{grid-template-columns:1fr!important;text-align:center!important;padding:38px 16px!important;}.footer-logo{justify-content:center!important;}.footer a{display:inline-block!important;margin:7px 8px!important;}.footer-copyright.center,.footer-copyright{white-space:normal!important;flex-wrap:wrap!important;}}.site-header .main-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.main-nav .header-icon-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center}.page-agent-card{padding:26px 5vw;background:#f5ffff}.page-agent-card .support-agent-card{max-width:1180px;background:linear-gradient(135deg,#fff,#f5ffff);border:1px solid #ffd9df}.support-agent-card h2{margin:0 0 8px;font-size:clamp(24px,3vw,36px);line-height:1.05}.agent-photo-link{display:block;flex:0 0 auto}.lokasi-affiliate-popup{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.58);backdrop-filter:blur(7px)}.lokasi-affiliate-popup.show{display:flex}.lokasi-popup-card{position:relative;width:min(520px,100%);background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.28);text-align:center;border:1px solid #b7ecec}.lokasi-popup-card h2{margin:6px 0 10px;font-size:clamp(26px,4vw,40px);letter-spacing:-.035em;line-height:1.05}.lokasi-popup-card p{color:#475569;line-height:1.65}.lokasi-popup-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.lokasi-popup-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:999px;background:#f3f4f6;color:#111827;font-size:24px;font-weight:900;cursor:pointer}.footer-brand-col{display:flex;flex-direction:column;align-items:flex-start}.footer-brand-col .footer-desc{margin-bottom:10px}.footer-brand-col .footer-note{display:block;margin-top:0;max-width:620px;width:100%;clear:both}@media(min-width:921px){.footer{align-items:start}.footer-bottom{grid-column:1/-1;text-align:center;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.footer-note{margin-top:8px}.footer-desc+.footer-note{display:block}}@media(max-width:920px){.page-agent-card{padding:20px 14px}.site-header .main-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.main-nav .header-icon-link{flex:0 0 auto}.lokasi-popup-card{padding:24px 18px;border-radius:22px}.lokasi-popup-actions .btn{width:100%}.footer-brand-col{align-items:center;text-align:center}.footer-brand-col .footer-note{max-width:100%}}.sim-price-line{display:inline-flex;align-items:center;justify-content:center;margin:14px 0 0;padding:12px 16px;border-radius:18px;background:#fff5f5;border:1px solid #ffd6d6;color:#8a0010;font-weight:900;box-shadow:0 10px 24px rgba(37,185,189,.08)}.seo-quick-links,.seo-quick-links-bottom{display:none!important}.footer-brand-col{display:flex;flex-direction:column;align-items:flex-start}.footer-desc{margin-bottom:8px}.footer-note{display:block;clear:both;margin-top:0}@media (min-width:821px){.footer-brand-col .footer-note{width:100%;display:block;margin-top:0}.main-nav{justify-content:center}.main-nav .header-icon-link{white-space:nowrap}}.site-header .main-nav a[href="/lokasi"],.site-header .main-nav a[href="/location"]{display:inline-flex!important;}.live-online-section{padding:0 5vw 22px;background:linear-gradient(135deg,#fff,#f5ffff);}.live-online-card-main{width:min(760px,100%);margin:-14px auto 0;}.live-online-card{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;padding:14px 18px;border-radius:22px;background:#fff;border:1px solid #b7ecec;box-shadow:0 14px 34px rgba(15,23,42,.08);color:#111827;}.live-online-card strong{display:block;font-weight:1000;color:#111827;}.live-online-card span:last-child{display:block;color:#64748b;font-size:14px;}.live-dot{width:12px;height:12px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 7px rgba(22,163,74,.12);flex:0 0 auto;}.dashboard .dash-head .cta-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;}.dashboard .dash-head .cta-row .btn{min-width:150px;text-align:center;}@media(max-width:760px){ .dashboard .dash-head{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;} .dashboard .dash-head .cta-row{width:100%!important;justify-content:center!important;} .dashboard .dash-head .cta-row .btn{width:100%!important;max-width:340px!important;margin-left:auto!important;margin-right:auto!important;} .admin-tanya-title{display:block!important;text-align:center!important;} .admin-tanya-panel .tanya-actions{justify-content:center!important;} .live-online-section{padding-left:16px;padding-right:16px;} .live-online-card{align-items:flex-start;text-align:left;}}.seo-article-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:46px 0 76px;}.seo-article{max-width:960px;margin:0 auto;}.seo-article h1{font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 16px;}.seo-article .lead{font-size:18px;color:#475569;}.seo-article h2{font-size:clamp(24px,3vw,36px);margin-top:30px;}.seo-article li{margin:8px 0;}.seo-cta-box{margin-top:28px;padding:24px;border-radius:26px;background:linear-gradient(135deg,#f5ffff,#fff);border:1px solid #ffd9df;text-align:center;}.seo-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:22px;}.seo-topic-link{display:flex;align-items:center;justify-content:center;min-height:72px;padding:14px;border-radius:18px;background:#f5ffff;border:1px solid #b7ecec;font-weight:900;text-align:center;}.seo-topic-link:hover{background:#25b9bd;color:#fff;}@media(max-width:760px){.seo-article-main{width:calc(100% - 20px);padding-top:28px}.seo-topic-grid{grid-template-columns:1fr}}.live-before-agent{padding:28px 5vw 0;background:#fff;}.live-online-card-pro{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:min(1050px,100%)!important;margin:0 auto!important;padding:18px 20px!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#f5ffff)!important;border:1px solid #ffd9df!important;box-shadow:0 18px 48px rgba(15,23,42,.10)!important;}.live-online-card-pro .live-dot{width:14px;height:14px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 8px rgba(34,197,94,.14);position:relative;}.live-online-card-pro .live-dot:after{content:"";position:absolute;inset:-7px;border-radius:999px;border:1px solid rgba(34,197,94,.45);animation:livePulse 1.8s infinite;}@keyframes livePulse{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.55);opacity:0}}.live-online-card-pro strong{font-size:clamp(17px,2vw,22px);line-height:1.15;}.live-online-card-pro span:last-child{font-size:14px;line-height:1.5;}.live-online-btn{white-space:nowrap;box-shadow:0 12px 24px rgba(37,185,189,.18)!important;}.bottom-agent{padding-top:28px!important;}.seo-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;}.seo-topic-link{display:flex;align-items:center;min-height:56px;padding:14px 16px;border-radius:16px;background:#f5ffff;border:1px solid #b7ecec;font-weight:900;color:#111827;box-shadow:0 8px 20px rgba(15,23,42,.04);}.seo-topic-link:hover{background:#25b9bd;color:#fff;transform:translateY(-2px);}@media(max-width:920px){.live-before-agent{padding:20px 14px 0}.live-online-card-pro{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;border-radius:22px!important;padding:20px 16px!important}.live-online-btn{width:100%;max-width:320px}.seo-topic-grid{grid-template-columns:1fr}.bottom-agent{padding-top:20px!important}} /* V78 SEO content UI */ .seo-related-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0;padding:16px;border:1px solid rgba(37,185,189,.12);background:#fff7f8;border-radius:18px}.seo-related-links a{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;color:#b80010;text-decoration:none;font-weight:800;border:1px solid rgba(37,185,189,.14)}.seo-related-links a:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(37,185,189,.12)} .footer.footer-simple{grid-template-columns:1fr!important;gap:14px;text-align:center;justify-items:center}.footer.footer-simple .footer-brand-col{max-width:920px;margin:0 auto}.footer.footer-simple .footer-logo{justify-content:center}.footer.footer-simple .footer-bottom{width:100%;display:flex;justify-content:center;margin-top:8px}.agent-links{justify-content:flex-start}@media (max-width:768px){.footer.footer-simple{text-align:center}.agent-links{justify-content:center}}

/* V82 SEO Aggressive base */.seo-rank-booster{margin:28px 0;padding:26px;border:1px solid rgba(37,185,189,.14);background:linear-gradient(135deg,#fff 0%,#fff5f6 100%);border-radius:24px;box-shadow:0 16px 45px rgba(20,20,20,.06)}.seo-rank-booster h2{margin:.35rem 0 1rem}.seo-rank-booster p,.seo-rank-booster li{line-height:1.75}.seo-buy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.seo-buy-grid div{padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 28px rgba(0,0,0,.04)}.seo-buy-grid b{display:block;margin-bottom:6px}.seo-buy-grid span{display:block;color:#444;line-height:1.55}.seo-mini-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px;border-radius:18px;background:#111;color:#fff}.seo-mini-cta .btn{white-space:nowrap}.v82-global-seo-boost{margin-top:0}.seo-related-links a{display:inline-flex;margin:6px 6px 0 0}@media(max-width:760px){.seo-buy-grid{grid-template-columns:1fr}.seo-mini-cta{display:block}.seo-mini-cta .btn{margin-top:12px;width:100%;justify-content:center}.seo-rank-booster{padding:18px;border-radius:18px}}

/* V82 SEO aggressive responsive polish */
.seo-article-main{width:min(1120px,calc(100% - 28px));margin:28px auto}.seo-content-page{background:linear-gradient(180deg,#fff 0,#f5ffff 38%,#fff 100%)}.seo-article.panel,.seo-rank-booster.panel{border:1px solid rgba(37,185,189,.12);box-shadow:0 18px 60px rgba(20,20,20,.08);border-radius:28px;background:#fff}.seo-article h1{font-size:clamp(2rem,4.2vw,4.1rem);line-height:1.02;letter-spacing:-.045em;margin-bottom:16px}.seo-article h2,.seo-rank-booster h2{font-size:clamp(1.35rem,2.5vw,2.2rem);line-height:1.15;margin-top:30px}.seo-article .lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:#3b3b3b}.seo-article p,.seo-article li,.seo-rank-booster p,.seo-rank-booster li{font-size:1.02rem;line-height:1.78;color:#333}.seo-article ul,.seo-rank-booster ol{padding-left:22px}.seo-related-links{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0;padding:18px;border-radius:22px;background:linear-gradient(135deg,#fff1f1,#fff);border:1px solid rgba(37,185,189,.12)}.seo-related-links b{width:100%;color:#111}.seo-related-links a,.seo-topic-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);font-weight:800;text-decoration:none;color:#161616;box-shadow:0 8px 24px rgba(0,0,0,.05)}.seo-related-links a:hover,.seo-topic-link:hover{transform:translateY(-1px);border-color:#25b9bd;color:#25b9bd}.seo-cta-box,.seo-mini-cta{margin-top:26px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#25b9bd,#ff6b00);color:#fff;box-shadow:0 18px 50px rgba(37,185,189,.22)}.seo-cta-box p,.seo-mini-cta b{color:#fff}.seo-cta-box .btn,.seo-mini-cta .btn{background:#fff!important;color:#25b9bd!important;border-color:#fff!important}.page-agent-card{width:min(1120px,calc(100% - 28px));margin:20px auto 36px}.support-agent-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.support-agent-card img{width:86px;height:86px;border-radius:22px;object-fit:cover}.seo-buy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.seo-buy-grid>div{padding:18px;border-radius:22px;background:#fff8f8;border:1px solid rgba(37,185,189,.12)}.seo-buy-grid b{display:block;margin-bottom:6px}.seo-buy-grid span{display:block;color:#444;line-height:1.55}.v82-check-card{margin-top:18px;padding:20px;border-radius:22px;background:#fbfbfb;border:1px solid rgba(0,0,0,.08)}.seo-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.seo-index-page .seo-article{overflow:hidden}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.main-nav{scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}@media (max-width:900px){.seo-buy-grid,.seo-topic-grid{grid-template-columns:1fr 1fr}.support-agent-card{grid-template-columns:1fr;text-align:center}.support-agent-card img{margin:auto}.seo-article-main{width:min(100% - 20px,760px);margin:18px auto}.seo-article.panel,.seo-rank-booster.panel{border-radius:22px}.site-header{align-items:flex-start}.main-nav{width:100%;overflow-x:auto;justify-content:flex-start}.auth-header{width:100%;display:grid;grid-template-columns:1fr 1fr}.auth-header a{justify-content:center;text-align:center}}@media (max-width:560px){.seo-topic-grid,.seo-buy-grid{grid-template-columns:1fr}.seo-article h1{font-size:2rem}.seo-article p,.seo-article li,.seo-rank-booster p,.seo-rank-booster li{font-size:.98rem;line-height:1.72}.seo-related-links{padding:14px}.seo-related-links a,.seo-topic-link{width:100%;border-radius:16px}.seo-cta-box,.seo-mini-cta{padding:18px;border-radius:20px}.auth-header{grid-template-columns:1fr}.header-icon-link span:last-child{font-size:.83rem}}


/* V83 safe UI fixes: SEO links, booster center, CTA readability, mobile auth inline */
.seo-article-main{width:min(1120px,calc(100% - 32px));margin-left:auto!important;margin-right:auto!important}
.seo-rank-booster.panel,.v82-seo-rank-booster{width:min(960px,100%)!important;margin:28px auto!important;text-align:left}
.seo-rank-booster.panel h2,.v82-seo-rank-booster h2{text-align:center}
.seo-related-links{justify-content:center!important;align-items:center!important;background:linear-gradient(135deg,#fff7ed,#ecfeff)!important;border:1px solid #fed7aa!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important}
.seo-related-links b{width:100%!important;text-align:center!important;color:#7f1d1d!important;margin-bottom:4px}
.seo-related-links a,.seo-topic-link{background:#ffffff!important;color:#7f1d1d!important;border:1px solid #99f6e4!important;box-shadow:0 8px 22px rgba(127,29,29,.08)!important}
.seo-related-links a:hover,.seo-related-links a:focus,.seo-topic-link:hover,.seo-topic-link:focus{background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;color:#7c2d12!important;border-color:#fb923c!important;box-shadow:0 14px 30px rgba(251,146,60,.20)!important;transform:translateY(-2px)}
.seo-cta-box,.seo-mini-cta{background:linear-gradient(135deg,#fff7ed 0%,#fff 42%,#ecfeff 100%)!important;color:#111827!important;border:1px solid #fed7aa!important;box-shadow:0 18px 46px rgba(154,52,18,.12)!important;text-align:center!important}
.seo-cta-box b,.seo-mini-cta b{display:block;color:#7f1d1d!important;font-size:clamp(1.15rem,2.4vw,1.55rem)!important;line-height:1.25!important}
.seo-cta-box p,.seo-mini-cta p{color:#374151!important;max-width:780px;margin:10px auto 16px!important}
.seo-cta-box .btn,.seo-mini-cta .btn{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 26px rgba(22,163,74,.25)!important}
@media (min-width:901px){.site-header{align-items:center!important}.auth-header{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important}.auth-header a{white-space:nowrap!important}}
@media (max-width:900px){.site-header{align-items:center!important}.auth-header{width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important}.auth-header a{flex:1 1 0!important;min-width:0!important;justify-content:center!important;text-align:center!important;padding:10px 8px!important}.auth-header a b{font-size:12px!important;line-height:1.15!important}.auth-header a span{font-size:14px!important}}
@media (max-width:380px){.auth-header{gap:6px!important}.auth-header a{padding:9px 6px!important}.auth-header a b{font-size:11px!important}}

/* V84 buyer-intent landing upgrades */
.trust-section-v84{background:linear-gradient(180deg,#fff,#fff7f8);}
.trust-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;}
.buyer-trust-card{position:relative;overflow:hidden;border:1px solid #ffe1e6;background:linear-gradient(180deg,#fff,#fffafa);box-shadow:0 18px 44px rgba(15,23,42,.07);}
.buyer-trust-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#25b9bd,#ffbf00);}
.buyer-trust-card h3{margin:8px 0 10px;color:#111827;font-size:21px;line-height:1.16;}
.buyer-trust-card p{color:#475569;margin:0;}
.kelebihan-section{background:radial-gradient(circle at 12% 0,rgba(37,185,189,.10),transparent 28%),linear-gradient(135deg,#fff,#fff8f8);}
.kelebihan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto;}
.kelebihan-card{background:#fff;border:1px solid #ffe1e6;border-radius:26px;padding:24px;box-shadow:0 18px 46px rgba(15,23,42,.07);min-height:190px;}
.kelebihan-card span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#25b9bd;color:#fff;font-weight:1000;margin-bottom:12px;}
.kelebihan-card h3{font-size:22px;line-height:1.18;margin:0 0 10px;color:#111827;}
.kelebihan-card p{margin:0;color:#475569;}
.kelebihan-cta{max-width:1180px;margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-radius:26px;background:#111827;color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.18);}
.kelebihan-cta b{font-size:22px;color:#fff;}
.kelebihan-cta p{margin:6px 0 0;color:#d1d5db;}
@media(max-width:1020px){.trust-grid-4,.kelebihan-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.trust-grid-4,.kelebihan-grid{grid-template-columns:1fr;}.buyer-trust-card,.kelebihan-card{border-radius:22px;padding:20px;}.kelebihan-cta{flex-direction:column;text-align:center;align-items:stretch;border-radius:22px;}.kelebihan-cta .btn{width:100%;}}

/* V85 clean CTA/menu fixes */
@media (max-width: 768px){
  .auth-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important;width:100%!important;}
  .auth-header a{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;min-width:0!important;flex:1 1 0!important;padding:10px 8px!important;font-size:12px!important;}
  .auth-header a b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

/* V87 eCommerce affiliate module */
.agent-ecommerce{margin-top:16px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.agent-ecommerce-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#7c2d12;font-weight:1000}
.agent-ecommerce-icons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ecommerce-icon-link{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#fff;color:#111827!important;border:1px solid #fdba74;text-decoration:none!important;font-weight:900;box-shadow:0 8px 18px rgba(251,146,60,.12);transition:.18s ease}
.ecommerce-icon-link:hover{transform:translateY(-2px);background:#ffedd5;color:#7c2d12!important;border-color:#fb923c;box-shadow:0 12px 28px rgba(251,146,60,.22)}
.ecommerce-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff7ed}
.ecommerce-dashboard-panel,.ecommerce-admin-box{background:linear-gradient(135deg,#fff,#fff7ed)!important;border-color:#fed7aa!important}
.ecommerce-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.ecommerce-form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:900;color:#111827}
.ecommerce-form-grid input{width:100%;padding:13px 14px;border-radius:16px;border:1px solid #fed7aa;background:#fff;color:#111827;outline:none}
.ecommerce-form-grid input:focus{border-color:#fb923c;box-shadow:0 0 0 4px rgba(251,146,60,.14)}
.switch-row{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-weight:1000;white-space:nowrap}
.switch-row input{width:18px;height:18px;accent-color:#25b9bd}
.admin-list.agent-ecommerce{padding:8px;margin:0;background:transparent;border:0;box-shadow:none}
.admin-list .agent-ecommerce-title{display:none}
.admin-list .agent-ecommerce-icons{gap:6px;min-width:170px}
.admin-list .ecommerce-icon-link{padding:7px 9px;font-size:12px;box-shadow:none}
.admin-list .ecommerce-icon-link span:last-child{display:none}
.dashboard-preview.agent-ecommerce,.admin-preview.agent-ecommerce{max-width:720px}
@media(max-width:760px){.ecommerce-form-grid{grid-template-columns:1fr}.agent-ecommerce-icons{justify-content:center}.ecommerce-icon-link{width:100%;justify-content:center}.panel-title-row{gap:12px}.switch-row{width:100%;justify-content:center}.admin-list .ecommerce-icon-link{width:auto}.admin-list .agent-ecommerce-icons{justify-content:flex-start}}

/* V88 eCommerce + dashboard/footer safe fix */
.agent-content .agent-ecommerce,.support-agent-ecommerce.agent-ecommerce{width:100%;max-width:760px;margin:18px auto 0;text-align:center;clear:both;}
.agent-ecommerce{background:linear-gradient(135deg,#fff7ed 0%,#ffffff 48%,#ecfeff 100%)!important;border:1px solid #fb923c!important;box-shadow:0 16px 38px rgba(251,146,60,.14)!important;}
.agent-ecommerce-title{justify-content:center;color:#9a3412!important;font-size:clamp(15px,1.7vw,18px);}
.agent-ecommerce-sub{margin:0 auto 12px!important;color:#4b5563!important;font-size:14px!important;line-height:1.5!important;max-width:560px;}
.agent-ecommerce-icons{justify-content:center!important;}
.ecommerce-icon-link{min-height:44px;background:#ffffff!important;color:#111827!important;border:1px solid #fdba74!important;}
.ecommerce-icon-link:hover{background:linear-gradient(135deg,#ffedd5,#fff7ed)!important;color:#7c2d12!important;border-color:#f97316!important;}
.ecommerce-icon-link span:last-child{color:inherit!important;}
.agent-card.pro-agent{grid-template-columns:112px minmax(0,1fr)!important;}
.agent-card.pro-agent .agent-content{text-align:left;min-width:0;}
.agent-card.pro-agent .agent-ecommerce{text-align:center;}
.ecommerce-dashboard-panel,.ecommerce-admin-box{max-width:1180px;margin-left:auto!important;margin-right:auto!important;overflow:hidden;}
.ecommerce-form-grid{align-items:start;}
.ecommerce-form-grid label{min-width:0;}
.ecommerce-form-grid input{min-width:0;box-sizing:border-box;}
.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.switch-row{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #fdba74;color:#7c2d12;font-weight:1000;white-space:nowrap;}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
table{border-collapse:separate;border-spacing:0;min-width:920px;}
td,th{vertical-align:top;}
.admin-list.agent-ecommerce{min-width:0!important;max-width:260px!important;padding:0!important;margin:0 auto!important;}
.admin-list .agent-ecommerce-icons{justify-content:center!important;min-width:0!important;}
.admin-list .ecommerce-icon-link{width:auto!important;min-height:34px!important;}
.footer.footer-simple{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.footer.footer-simple .footer-brand-col,.footer.footer-simple .footer-bottom{width:100%;max-width:980px;margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
.footer.footer-simple .footer-logo{display:flex;justify-content:center!important;align-items:center!important;}
.footer.footer-simple p,.footer.footer-simple span{text-align:center!important;}
@media(max-width:900px){.agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important}.agent-card.pro-agent .agent-content{text-align:center!important;width:100%;}.agent-links{justify-content:center!important}.ecommerce-form-grid{grid-template-columns:1fr!important}.panel-title-row{justify-content:center;text-align:center}.switch-row{width:100%;}.dashboard .cta-row{justify-content:center}.profile-mini{align-items:center;text-align:center}.profile-mini.compact{text-align:left;}}
@media(max-width:560px){.agent-ecommerce{padding:14px!important;border-radius:20px!important}.ecommerce-icon-link{width:100%;justify-content:center}.auth-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}.auth-header a{flex:1 1 0!important;min-width:0!important}.auth-header a b{font-size:11px!important}}

/* V89 safe layout fix: ecommerce visibility, dashboards, footer center */
:root{--wtt-ecom-orange:#f97316;--wtt-ecom-red:#25b9bd;--wtt-text:#111827;}
.agent-card.pro-agent{align-items:center;}
.agent-card.pro-agent .agent-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;width:100%;}
.agent-card.pro-agent .agent-content>.agent-ecommerce{align-self:center;}
.agent-content .agent-ecommerce,.support-agent-ecommerce.agent-ecommerce{display:block!important;width:min(100%,780px)!important;margin:20px auto 0!important;text-align:center!important;clear:both!important;}
.agent-ecommerce{overflow:hidden!important;padding:18px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff7ed 0%,#ffffff 52%,#ecfeff 100%)!important;border:1px solid #fb923c!important;box-shadow:0 18px 42px rgba(249,115,22,.14)!important;}
.agent-ecommerce-title{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;color:#7c2d12!important;text-align:center!important;line-height:1.25!important;}
.agent-ecommerce-sub{display:block!important;margin:6px auto 14px!important;color:#374151!important;max-width:620px!important;line-height:1.5!important;}
.agent-ecommerce-icons{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;}
.ecommerce-icon-link{white-space:nowrap!important;max-width:100%!important;background:#fff!important;color:#111827!important;border:1px solid #fdba74!important;box-shadow:0 10px 22px rgba(249,115,22,.12)!important;}
.ecommerce-icon-link:hover{background:linear-gradient(135deg,#ffedd5,#fff7ed)!important;color:#7c2d12!important;border-color:#f97316!important;}
.dashboard .panel,.auth .panel{box-sizing:border-box;max-width:1180px;margin-left:auto!important;margin-right:auto!important;overflow:visible;}
.ecommerce-dashboard-panel,.ecommerce-admin-box{box-sizing:border-box;width:100%;max-width:1180px!important;margin:22px auto!important;overflow:hidden!important;}
.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.switch-row{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.ecommerce-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%;}
.ecommerce-form-grid label{min-width:0!important;word-break:normal!important;overflow-wrap:anywhere!important;}
.ecommerce-form-grid input{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
table{width:100%;border-collapse:separate;border-spacing:0;}
td,th{vertical-align:middle;overflow-wrap:anywhere;}
.profile-mini{min-width:0;}.profile-mini>*{min-width:0;}
.profile-mini p,.profile-mini b,.muted{overflow-wrap:anywhere;}
.admin-list.agent-ecommerce{width:auto!important;max-width:240px!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.admin-list .agent-ecommerce-icons{justify-content:center!important;gap:6px!important;}
.admin-list .ecommerce-icon-link{padding:7px 9px!important;min-height:34px!important;font-size:12px!important;}
.admin-list .ecommerce-icon-link span:last-child{display:none!important;}
.footer.footer-simple{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding-left:18px!important;padding-right:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important;}
.footer.footer-simple .footer-brand-col,.footer.footer-simple .footer-bottom{width:100%!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
.footer.footer-simple .footer-logo{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;}
.footer.footer-simple .footer-bottom{justify-content:center!important;margin-top:10px!important;}
.footer.footer-simple p,.footer.footer-simple span,.footer.footer-simple a{text-align:center!important;}
@media(max-width:900px){.agent-card.pro-agent .agent-content{align-items:center!important;text-align:center!important}.ecommerce-form-grid{grid-template-columns:1fr!important}.panel-title-row{justify-content:center!important;text-align:center!important}.switch-row{width:100%;justify-content:center}.dashboard .cta-row{justify-content:center!important}.profile-mini{align-items:center!important;text-align:center!important}.table-wrap table{min-width:760px}.footer.footer-simple{padding-left:14px!important;padding-right:14px!important}}
@media(max-width:560px){.agent-ecommerce{padding:15px!important;border-radius:20px!important}.agent-ecommerce-icons{gap:8px!important}.ecommerce-icon-link{width:100%!important;justify-content:center!important;white-space:normal!important}.auth-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important}.auth-header a{flex:1 1 0!important;min-width:0!important;justify-content:center!important}.auth-header a b{font-size:11px!important;white-space:nowrap!important}.dashboard .panel,.auth .panel{padding-left:14px!important;padding-right:14px!important}}

/* V90 admin table + footer full width + simple readable eCommerce UI */
.dashboard{overflow-x:hidden!important;}
.dashboard .panel.admin-affiliates-panel,
.dashboard .panel.admin-tanya-panel{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding:24px!important;border-radius:28px!important;}
.admin-table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:10px!important;border-radius:20px!important;border:1px solid #e5e7eb!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important;}
.admin-affiliates-table,.admin-tanyas-table{width:100%!important;min-width:1180px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;}
.admin-affiliates-table th,.admin-affiliates-table td,
.admin-tanyas-table th,.admin-tanyas-table td{padding:14px 16px!important;border-bottom:1px solid #eef2f7!important;line-height:1.45!important;vertical-align:middle!important;color:#111827!important;background:#fff!important;}
.admin-affiliates-table th,.admin-tanyas-table th{position:sticky!important;top:0!important;z-index:1!important;background:#f5ffff!important;color:#7f1d1d!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.04em!important;white-space:nowrap!important;}
.admin-affiliates-table tr:hover td,.admin-tanyas-table tr:hover td{background:#fffafa!important;}
.admin-affiliates-table td:nth-child(1){min-width:300px!important;}
.admin-affiliates-table td:nth-child(3){min-width:220px!important;}
.admin-affiliates-table td:nth-child(6){min-width:210px!important;text-align:center!important;}
.admin-tanyas-table td:nth-child(4){min-width:280px!important;}
.admin-tanyas-table td:nth-child(5){min-width:180px!important;}
.check-col{width:54px!important;text-align:center!important;}
.profile-mini.compact{display:flex!important;align-items:center!important;gap:12px!important;min-width:260px!important;}
.profile-mini.compact img{flex:0 0 auto!important;}
.profile-mini.compact p{margin:3px 0 0!important;max-width:220px!important;}
.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:7px 11px!important;font-size:12px!important;font-weight:1000!important;background:#f3f4f6!important;color:#111827!important;white-space:nowrap!important;}
.badge.active{background:#dcfce7!important;color:#166534!important;}.badge.pending{background:#fef3c7!important;color:#92400e!important;}.badge.blocked{background:#ecfeff!important;color:#0f766e!important;}
.agent-content .agent-ecommerce,.support-agent-ecommerce.agent-ecommerce{width:min(100%,640px)!important;margin:18px auto 0!important;}
.agent-ecommerce{background:#ffffff!important;border:1px solid #e5e7eb!important;border-radius:20px!important;padding:16px!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;color:#111827!important;}
.agent-ecommerce-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 0 6px!important;color:#111827!important;font-size:16px!important;font-weight:1000!important;}
.agent-ecommerce-title b{color:#111827!important;}
.agent-ecommerce-sub{margin:0 auto 12px!important;color:#4b5563!important;font-size:13.5px!important;line-height:1.45!important;max-width:520px!important;text-align:center!important;}
.agent-ecommerce-icons{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex-wrap:wrap!important;}
.ecommerce-icon-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;padding:9px 13px!important;border-radius:999px!important;background:#f9fafb!important;color:#111827!important;border:1px solid #d1d5db!important;box-shadow:none!important;font-size:13px!important;font-weight:900!important;line-height:1.1!important;}
.ecommerce-icon-link:hover{background:#111827!important;color:#ffffff!important;border-color:#111827!important;transform:translateY(-1px)!important;}
.ecommerce-icon-link .ecommerce-icon{font-size:16px!important;line-height:1!important;}
.admin-list.agent-ecommerce{max-width:190px!important;padding:8px!important;border-radius:16px!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;box-shadow:none!important;}
.admin-list .agent-ecommerce-title,.admin-list .agent-ecommerce-sub{display:none!important;}
.admin-list .agent-ecommerce-icons{gap:6px!important;}
.admin-list .ecommerce-icon-link{min-height:32px!important;width:34px!important;height:32px!important;padding:0!important;border-radius:10px!important;font-size:13px!important;}
.admin-list .ecommerce-icon-link span:last-child{display:none!important;}
.footer.footer-simple{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:44px max(5vw,18px)!important;background:radial-gradient(circle at 15% 0,rgba(37,185,189,.25),transparent 28%),#09090b!important;border-top:5px solid #25b9bd!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important;}
.footer.footer-simple .footer-brand-col,.footer.footer-simple .footer-bottom{width:100%!important;max-width:1100px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
.footer.footer-simple .footer-desc{max-width:760px!important;margin:8px auto!important;color:#e5e7eb!important;}
.footer.footer-simple .footer-note{max-width:760px!important;margin:12px auto!important;}
.footer.footer-simple .footer-logo{justify-content:center!important;width:100%!important;}
.footer.footer-simple .footer-bottom{margin-top:8px!important;color:#e5e7eb!important;}
@media(max-width:900px){.dashboard{padding-left:12px!important;padding-right:12px!important}.dashboard .panel.admin-affiliates-panel,.dashboard .panel.admin-tanya-panel{padding:16px!important;border-radius:22px!important}.admin-affiliates-table,.admin-tanyas-table{min-width:980px!important}.admin-affiliates-table th,.admin-affiliates-table td,.admin-tanyas-table th,.admin-tanyas-table td{padding:12px 13px!important;font-size:13px!important}.admin-table-wrap{margin-left:0!important;margin-right:0!important}.agent-ecommerce{padding:14px!important;border-radius:18px!important}.ecommerce-icon-link{min-height:38px!important;padding:9px 11px!important}.footer.footer-simple{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}}
@media(max-width:560px){.admin-affiliates-table,.admin-tanyas-table{min-width:900px!important}.agent-ecommerce-icons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.ecommerce-icon-link{width:100%!important;white-space:normal!important;text-align:center!important}.admin-list .agent-ecommerce-icons{display:flex!important}.admin-list .ecommerce-icon-link{width:34px!important}}

/* V91 dashboard, agent-card sync and readable eCommerce UI */
:root{--wtt-red:#25b9bd;--wtt-dark:#0f172a;--wtt-soft:#f8fafc;--wtt-line:#e5e7eb;}
.dashboard{background:linear-gradient(180deg,#f5ffff 0%,#f8fafc 280px,#f8fafc 100%)!important;overflow-x:hidden!important;}
.dashboard .panel{border-radius:30px!important;border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 18px 55px rgba(15,23,42,.08)!important;background:#fff!important;}
.dashboard .panel h1,.dashboard .panel h2{letter-spacing:-.025em!important;color:#111827!important;}
.dashboard .panel-title-row{align-items:center!important;justify-content:space-between!important;margin-bottom:14px!important;}
.admin-table-wrap,.member-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;border-radius:22px!important;border:1px solid #e5e7eb!important;background:#fff!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important;padding-bottom:8px!important;}
.admin-affiliates-table,.admin-tanyas-table,.member-tanya-table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;table-layout:auto!important;}
.admin-affiliates-table{min-width:1450px!important;}.admin-tanyas-table{min-width:1320px!important;}.member-tanya-table{width:100%!important;min-width:980px!important;}
.admin-affiliates-table th,.admin-affiliates-table td,.admin-tanyas-table th,.admin-tanyas-table td,.member-tanya-table th,.member-tanya-table td{padding:15px 18px!important;border-bottom:1px solid #eef2f7!important;line-height:1.45!important;vertical-align:middle!important;color:#111827!important;background:#fff!important;overflow-wrap:break-word!important;word-break:normal!important;}
.admin-affiliates-table th,.admin-tanyas-table th,.member-tanya-table th{background:linear-gradient(180deg,#f5ffff,#fff)!important;color:#7f1d1d!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.055em!important;white-space:nowrap!important;font-weight:1000!important;}
.admin-affiliates-table td:nth-child(1){min-width:360px!important;width:360px!important;}.admin-affiliates-table td:nth-child(2){min-width:190px!important;width:190px!important;white-space:normal!important;}.admin-affiliates-table td:nth-child(3){min-width:260px!important;width:260px!important;}.admin-affiliates-table td:nth-child(4){min-width:150px!important;}.admin-affiliates-table td:nth-child(6){min-width:240px!important;width:240px!important;text-align:center!important;}.admin-affiliates-table td:nth-child(8){min-width:175px!important;text-align:center!important;}
.admin-affiliates-table td:nth-child(2) a{display:inline-flex!important;max-width:165px!important;padding:7px 10px!important;border-radius:999px!important;background:#f3f4f6!important;color:#111827!important;font-weight:1000!important;overflow-wrap:anywhere!important;line-height:1.25!important;}
.profile-mini.compact{display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;width:100%!important;min-width:0!important;margin:0!important;padding:12px!important;border-radius:18px!important;background:#f9fafb!important;border:1px solid #eef2f7!important;}
.profile-mini.compact img{width:70px!important;height:70px!important;border-radius:16px!important;object-fit:cover!important;grid-row:1/span 2!important;}.profile-mini.compact div{min-width:0!important;max-width:100%!important;}.profile-mini.compact b{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:14px!important;color:#111827!important;line-height:1.25!important;}.profile-mini.compact p{max-width:100%!important;margin:4px 0 0!important;font-size:12.5px!important;line-height:1.35!important;color:#64748b!important;overflow-wrap:anywhere!important;}
.member-tanya-panel{width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding:24px!important;text-align:left!important;}.member-tanya-panel .panel-title-row{text-align:center!important;justify-content:center!important;}.member-tanya-panel .searchbar{max-width:980px!important;margin:14px auto 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;}.member-tanya-panel .searchbar input{flex:1 1 360px!important;min-width:240px!important;}
.member-tanya-table td:nth-child(1){min-width:170px!important;}.member-tanya-table td:nth-child(2){min-width:180px!important;}.member-tanya-table td:nth-child(3){min-width:340px!important;}.member-tanya-table td:nth-child(4){min-width:150px!important;}.member-tanya-table td:nth-child(5){min-width:180px!important;}
.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:22px!important;align-items:center!important;max-width:1050px!important;margin:0 auto!important;padding:25px!important;border-radius:30px!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important;}
.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img{width:112px!important;height:112px!important;object-fit:cover!important;border-radius:25px!important;border:4px solid #fff!important;box-shadow:0 10px 30px rgba(15,23,42,.14)!important;}.agent-card.pro-agent .agent-content,.page-agent-card .agent-card.pro-agent>div,.page-agent-card .agent-card.pro-agent .agent-content{min-width:0!important;width:100%!important;text-align:left!important;align-items:flex-start!important;}.page-agent-card .agent-card.pro-agent .btn,.support-agent-card .btn{justify-self:start!important;margin-top:12px!important;}
.agent-ecommerce{width:min(100%,680px)!important;margin:18px auto 0!important;padding:18px!important;border-radius:22px!important;background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%)!important;border:1px solid #fed7aa!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important;color:#111827!important;text-align:center!important;}.agent-ecommerce-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 0 7px!important;color:#111827!important;font-size:16px!important;font-weight:1000!important;line-height:1.25!important;}.agent-ecommerce-title b{color:#111827!important;}.agent-ecommerce-sub{display:block!important;margin:0 auto 14px!important;max-width:560px!important;color:#334155!important;font-size:13.5px!important;font-weight:700!important;line-height:1.55!important;text-align:center!important;background:#fff!important;border:1px solid #ffedd5!important;border-radius:14px!important;padding:9px 12px!important;}.agent-ecommerce-icons{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;}.ecommerce-icon-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:10px 14px!important;border-radius:999px!important;background:#111827!important;color:#fff!important;border:1px solid #111827!important;box-shadow:0 10px 24px rgba(15,23,42,.16)!important;font-size:13px!important;font-weight:1000!important;line-height:1.1!important;text-decoration:none!important;}.ecommerce-icon-link:hover{background:#25b9bd!important;color:#fff!important;border-color:#25b9bd!important;transform:translateY(-1px)!important;}.ecommerce-icon-link .ecommerce-icon{font-size:16px!important;line-height:1!important;}
.admin-list.agent-ecommerce{max-width:220px!important;margin:0 auto!important;padding:9px!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:none!important;}.admin-list .agent-ecommerce-sub,.admin-list .agent-ecommerce-title{display:none!important;}.admin-list .agent-ecommerce-icons{display:flex!important;gap:6px!important;justify-content:center!important;}.admin-list .ecommerce-icon-link{width:36px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:11px!important;background:#111827!important;}.admin-list .ecommerce-icon-link span:last-child{display:none!important;}
.footer.footer-simple{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:radial-gradient(circle at 18% 0,rgba(37,185,189,.26),transparent 30%),linear-gradient(180deg,#111827,#09090b)!important;}
@media(max-width:900px){.dashboard{padding-left:12px!important;padding-right:12px!important}.dashboard .panel,.member-tanya-panel{padding:16px!important;border-radius:24px!important}.admin-affiliates-table{min-width:1220px!important}.admin-tanyas-table{min-width:1120px!important}.member-tanya-table{min-width:880px!important}.admin-affiliates-table th,.admin-affiliates-table td,.admin-tanyas-table th,.admin-tanyas-table td,.member-tanya-table th,.member-tanya-table td{padding:12px 13px!important;font-size:13px!important}.admin-affiliates-table td:nth-child(1){min-width:310px!important;width:310px!important}.admin-affiliates-table td:nth-child(2){min-width:165px!important;width:165px!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;padding:20px!important}.agent-card.pro-agent .agent-content,.page-agent-card .agent-card.pro-agent>div,.page-agent-card .agent-card.pro-agent .agent-content{text-align:center!important;align-items:center!important}.page-agent-card .agent-card.pro-agent .btn,.support-agent-card .btn{justify-self:center!important}}
@media(max-width:560px){.admin-affiliates-table{min-width:1120px!important}.admin-tanyas-table{min-width:1040px!important}.member-tanya-table{min-width:820px!important}.member-tanya-panel .searchbar input{flex-basis:100%!important;min-width:0!important}.member-tanya-panel .searchbar .btn{flex:1 1 auto!important}.agent-ecommerce{padding:15px!important;border-radius:18px!important}.agent-ecommerce-icons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.ecommerce-icon-link{width:100%!important;white-space:normal!important;text-align:center!important}}

/* V92 agent-card readable sync + affiliate dashboard polish */
.agent-info,.page-agent-card,.bottom-agent{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:56px 16px!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{width:min(980px,100%)!important;max-width:980px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:16px!important;padding:30px!important;border-radius:32px!important;background:linear-gradient(180deg,#fff 0%,#f5ffff 100%)!important;border:1px solid rgba(37,185,189,.18)!important;box-shadow:0 22px 55px rgba(15,23,42,.10)!important;color:#111827!important;overflow:hidden!important}.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-card.pro-agent .agent-photo-link,.bottom-agent .agent-card.pro-agent .agent-photo-link{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto 4px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:138px!important;height:138px!important;object-fit:cover!important;border-radius:999px!important;margin:0 auto!important;border:5px solid #fff!important;outline:3px solid rgba(37,185,189,.18)!important;box-shadow:0 16px 34px rgba(15,23,42,.16)!important}.agent-card.pro-agent .agent-content,.page-agent-card .agent-card.pro-agent .agent-content,.page-agent-card .agent-card.pro-agent>div,.bottom-agent .agent-card.pro-agent .agent-content,.support-agent-card .agent-content{width:100%!important;max-width:760px!important;min-width:0!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#111827!important}.agent-card.pro-agent .eyebrow,.page-agent-card .agent-card.pro-agent .eyebrow,.bottom-agent .agent-card.pro-agent .eyebrow{display:inline-flex!important;justify-content:center!important;align-items:center!important;width:auto!important;margin:0 auto 6px!important;padding:7px 12px!important;border-radius:999px!important;background:#ecfeff!important;color:#0f766e!important;letter-spacing:.09em!important}.agent-card.pro-agent h2,.agent-card.pro-agent h3,.page-agent-card .agent-card.pro-agent h2,.page-agent-card .agent-card.pro-agent h3,.bottom-agent .agent-card.pro-agent h2,.bottom-agent .agent-card.pro-agent h3{color:#111827!important;margin:6px auto 8px!important;text-align:center!important;font-size:clamp(26px,3.6vw,42px)!important;line-height:1.05!important;letter-spacing:-.035em!important}.agent-card.pro-agent p,.page-agent-card .agent-card.pro-agent p,.bottom-agent .agent-card.pro-agent p,.support-agent-card p{color:#334155!important;font-weight:700!important;text-align:center!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important}.agent-card.pro-agent .agent-links,.page-agent-card .agent-card.pro-agent .agent-links,.bottom-agent .agent-card.pro-agent .agent-links,.support-agent-card .agent-links{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:16px auto 0!important}.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span,.page-agent-card .agent-card.pro-agent .agent-links a,.page-agent-card .agent-card.pro-agent .agent-links span,.bottom-agent .agent-card.pro-agent .agent-links a,.bottom-agent .agent-card.pro-agent .agent-links span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:11px 15px!important;border-radius:999px!important;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;box-shadow:0 10px 22px rgba(15,23,42,.07)!important;font-weight:1000!important;line-height:1.25!important;overflow-wrap:anywhere!important;text-align:center!important}.agent-card.pro-agent .agent-links a.agent-wa-link,.agent-card.pro-agent .agent-links a:first-child,.page-agent-card .agent-card.pro-agent .agent-links a:first-child,.bottom-agent .agent-card.pro-agent .agent-links a:first-child{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important;box-shadow:0 14px 30px rgba(22,163,74,.22)!important}.agent-card.pro-agent .agent-links a:hover{background:#25b9bd!important;color:#fff!important;border-color:#25b9bd!important}.agent-card.pro-agent .agent-ecommerce,.agent-content .agent-ecommerce,.support-agent-ecommerce.agent-ecommerce,.dashboard-preview.agent-ecommerce{width:min(100%,700px)!important;margin:20px auto 0!important;padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important;color:#111827!important;text-align:center!important}.agent-ecommerce-title,.agent-ecommerce-title b{color:#111827!important;font-weight:1000!important;text-align:center!important}.agent-ecommerce-sub{color:#1f2937!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:14px!important;padding:10px 12px!important;font-weight:800!important;text-align:center!important}.agent-ecommerce-icons{justify-content:center!important;align-items:center!important;gap:10px!important}.ecommerce-icon-link{background:#111827!important;color:#fff!important;border:1px solid #111827!important;box-shadow:0 10px 24px rgba(15,23,42,.14)!important}.ecommerce-icon-link:hover,.ecommerce-icon-link:focus{background:#25b9bd!important;color:#fff!important;border-color:#25b9bd!important}.dashboard{width:100%!important;max-width:1440px!important;margin:0 auto!important;padding-left:clamp(14px,3vw,34px)!important;padding-right:clamp(14px,3vw,34px)!important}.dashboard .panel,.affiliate-profile-mini,.ecommerce-dashboard-panel,.member-tanya-panel{border-radius:28px!important;border:1px solid #e5e7eb!important;box-shadow:0 18px 45px rgba(15,23,42,.07)!important}.member-tanya-panel{width:100%!important;max-width:1360px!important;margin:24px auto!important;padding:26px!important;text-align:center!important}.member-tanya-panel .panel-title-row{width:100%!important;display:flex!important;justify-content:center!important;text-align:center!important}.member-table-wrap,.table-wrap.member-table-wrap{width:100%!important;max-width:1280px!important;margin:16px auto 0!important;overflow-x:auto!important;overflow-y:hidden!important;border:1px solid #e5e7eb!important;border-radius:22px!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)!important;-webkit-overflow-scrolling:touch!important}.member-tanya-table{width:100%!important;min-width:1120px!important;border-collapse:separate!important;border-spacing:0!important;table-layout:auto!important}.member-tanya-table th,.member-tanya-table td{padding:16px 18px!important;color:#111827!important;background:#fff!important;border-bottom:1px solid #eef2f7!important;vertical-align:middle!important;line-height:1.45!important;text-align:left!important;overflow-wrap:anywhere!important}.member-tanya-table th{background:#f5ffff!important;color:#7f1d1d!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.055em!important;white-space:nowrap!important}.member-tanya-table td:nth-child(1){min-width:210px!important}.member-tanya-table td:nth-child(2){min-width:210px!important}.member-tanya-table td:nth-child(3){min-width:430px!important}.member-tanya-table td:nth-child(4){min-width:180px!important}.member-tanya-table td:nth-child(5){min-width:210px!important}.member-tanya-panel .searchbar{width:100%!important;max-width:1050px!important;margin:16px auto 18px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.member-tanya-panel .searchbar input{flex:1 1 460px!important;min-width:260px!important}.affiliate-profile-mini{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important}@media(max-width:900px){.agent-info,.page-agent-card,.bottom-agent{padding:36px 12px!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{padding:22px!important;border-radius:26px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:122px!important;height:122px!important}.member-tanya-panel{padding:18px!important;border-radius:24px!important}.member-tanya-table{min-width:980px!important}.affiliate-profile-mini{flex-direction:column!important;text-align:center!important}}@media(max-width:560px){.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{padding:18px!important;border-radius:22px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:108px!important;height:108px!important}.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{width:100%!important}.agent-ecommerce-icons{display:grid!important;grid-template-columns:1fr 1fr!important}.ecommerce-icon-link{width:100%!important;min-height:42px!important}.member-tanya-table{min-width:920px!important}.member-tanya-panel .searchbar input{flex-basis:100%!important;min-width:0!important}.member-tanya-panel .searchbar .btn{flex:1 1 auto!important}}


/* V93 - Agent image full view + clickable affiliate profile mini */
.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{justify-items:center!important;text-align:center!important}
.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-photo-link,.bottom-agent .agent-photo-link{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;width:150px!important;height:150px!important;border-radius:32px!important;background:#ffffff!important;border:1px solid #ecfeff!important;box-shadow:0 16px 38px rgba(15,23,42,.12)!important;overflow:hidden!important;padding:7px!important}
.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:100%!important;height:100%!important;max-width:136px!important;max-height:136px!important;object-fit:contain!important;object-position:center!important;border-radius:24px!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important}
.agent-card.pro-agent>.agent-content,.page-agent-card .agent-content,.bottom-agent .agent-content,.support-agent-card .agent-content{width:100%!important;max-width:760px!important;margin:0 auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.affiliate-profile-mini{position:relative!important;width:100%!important;max-width:1180px!important;margin:18px auto 26px!important;padding:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;text-align:left!important;background:linear-gradient(135deg,#ffffff,#f5ffff)!important;border:1px solid #ecfeff!important;border-radius:30px!important;box-shadow:0 20px 55px rgba(15,23,42,.08)!important;overflow:hidden!important}
.affiliate-profile-mini:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,#25b9bd,#ffb703);border-radius:30px 0 0 30px}
.affiliate-profile-mini-click{position:absolute!important;inset:0!important;z-index:1!important;border-radius:30px!important}
.affiliate-profile-mini .affiliate-profile-photo{position:relative!important;z-index:2!important;flex:0 0 auto!important;width:96px!important;height:96px!important;border-radius:28px!important;background:#fff!important;border:1px solid #99f6e4!important;padding:6px!important;box-shadow:0 14px 34px rgba(37,185,189,.10)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.affiliate-profile-mini .affiliate-profile-photo img,.affiliate-profile-mini>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:22px!important;background:#fff!important;margin:0!important}
.affiliate-profile-mini .affiliate-profile-details,.affiliate-profile-mini>div:not(.affiliate-profile-photo){position:relative!important;z-index:2!important;min-width:0!important;flex:1 1 auto!important}
.affiliate-profile-mini h2,.affiliate-profile-mini b{margin:0 0 7px!important;color:#111827!important;font-weight:1000!important;letter-spacing:-.02em!important}
.affiliate-profile-mini p{margin:6px 0!important;color:#374151!important;line-height:1.5!important;overflow-wrap:anywhere!important}
.profile-mini-wa-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:10px 0 4px!important;padding:9px 13px!important;border-radius:999px!important;background:#16a34a!important;color:#fff!important;font-weight:1000!important;font-size:13px!important;box-shadow:0 12px 26px rgba(22,163,74,.18)!important}
.affiliate-profile-mini .agent-ecommerce,.affiliate-profile-mini .dashboard-preview{position:relative!important;z-index:3!important}
.affiliate-profile-mini .ecommerce-icon-link,.affiliate-profile-mini a:not(.affiliate-profile-mini-click){position:relative!important;z-index:4!important}
.affiliate-profile-mini:hover{transform:translateY(-2px)!important;box-shadow:0 24px 70px rgba(37,185,189,.12)!important;border-color:#99f6e4!important}
.edit-profile-mini{max-width:720px!important;text-align:center!important}
@media(max-width:920px){.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-photo-link,.bottom-agent .agent-photo-link{width:138px!important;height:138px!important;border-radius:28px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{max-width:124px!important;max-height:124px!important}.affiliate-profile-mini{flex-direction:column!important;text-align:center!important;padding:22px 18px!important;gap:14px!important}.affiliate-profile-mini .affiliate-profile-photo{width:104px!important;height:104px!important}.affiliate-profile-mini .affiliate-profile-details{width:100%!important}.profile-mini-wa-badge{width:100%!important}}
@media(max-width:560px){.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-photo-link,.bottom-agent .agent-photo-link{width:126px!important;height:126px!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{max-width:112px!important;max-height:112px!important}.affiliate-profile-mini{border-radius:24px!important}.affiliate-profile-mini:before{width:100%;height:6px;bottom:auto;border-radius:24px 24px 0 0}.affiliate-profile-mini-click{border-radius:24px!important}}

/* V96 Affiliate Dashboard Profile Layout Fix */
body .affiliate-profile-mini{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  max-width:760px!important;
  margin:18px auto 28px!important;
  gap:14px!important;
}
body .affiliate-profile-mini .affiliate-profile-photo{
  order:1!important;
  margin:0 auto!important;
  width:112px!important;
  height:112px!important;
}
body .affiliate-profile-mini .affiliate-profile-details{
  order:2!important;
  width:100%!important;
  max-width:620px!important;
  margin:0 auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
body .affiliate-profile-mini .affiliate-profile-details h2,
body .affiliate-profile-mini .affiliate-profile-details b,
body .affiliate-profile-mini .affiliate-profile-details p{
  text-align:center!important;
  width:100%!important;
}
body .affiliate-profile-mini .profile-mini-wa-badge{display:none!important;}
body .affiliate-profile-mini .dashboard-preview{
  width:100%!important;
  justify-content:center!important;
  margin-top:10px!important;
}
@media(min-width:921px){
  body .affiliate-profile-mini.panel{
    padding:28px 32px!important;
  }
}
@media(max-width:560px){
  body .affiliate-profile-mini{
    max-width:100%!important;
    padding:22px 16px!important;
  }
  body .affiliate-profile-mini .affiliate-profile-photo{
    width:104px!important;
    height:104px!important;
  }
}

/* V97 landing plan + affiliate image/auth fixes */
.pricing-table{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;align-items:stretch!important}
.shop-plan{height:100%;display:flex!important;flex-direction:column!important}
.shop-plan .btn{margin-top:auto!important}
.shop-plan.call{background:linear-gradient(180deg,#ffffff,#f8fafc)!important;color:#111827!important}
.shop-plan.annual{background:linear-gradient(180deg,#fff7ed,#ffffff)!important;color:#111827!important;border-color:#fed7aa!important}
.shop-plan.annual.premium{background:linear-gradient(180deg,#ecfeff,#ffffff)!important;border-color:#99f6e4!important}
.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:138px!important;height:138px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;padding:6px!important;border-radius:999px!important}
.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-photo-link,.bottom-agent .agent-photo-link{overflow:visible!important;background:#fff!important}
.auth-header .auth-login,.auth-header .auth-register{cursor:pointer!important;pointer-events:auto!important;text-decoration:none!important}
@media(max-width:760px){.pricing-table{grid-template-columns:1fr!important}.shop-plan{min-height:auto!important}.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:118px!important;height:118px!important}}

/* V98 404 + landing stability */
.notfound-main .notfound-hero{min-height:620px}.notfound-card .sim-card{background:linear-gradient(135deg,#25b9bd,#111827)}.pricing-table{align-items:stretch}.shop-plan{display:flex;flex-direction:column}.shop-plan ul{flex:1}.shop-plan .btn{margin-top:auto}


/* V101 synchronized agent card + dashboard readable polish */
.agent-info,.page-agent-card{width:100%;padding:56px 5vw!important;background:linear-gradient(135deg,#fff,#f5ffff)!important;text-align:center!important}
.agent-card.pro-agent,.agent-card.pro-agent.support-agent-card{width:min(1040px,100%)!important;max-width:1040px!important;margin:0 auto!important;display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:26px!important;align-items:center!important;justify-items:center!important;text-align:center!important;padding:30px!important;border-radius:34px!important;background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 70px rgba(17,24,39,.22)!important;overflow:hidden!important}
.agent-card.pro-agent .agent-photo-link{display:grid!important;place-items:center!important;width:150px!important;height:150px!important;border-radius:32px!important;background:#fff!important;padding:8px!important;box-shadow:0 18px 44px rgba(37,185,189,.22),0 0 0 1px rgba(255,255,255,.2)!important}
.agent-card.pro-agent img{width:134px!important;height:134px!important;object-fit:contain!important;object-position:center!important;border-radius:26px!important;background:#fff!important;border:0!important;box-shadow:none!important;margin:0 auto!important}
.agent-card.pro-agent .agent-content{width:100%!important;max-width:760px!important;margin:0 auto!important;text-align:center!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.agent-card.pro-agent .eyebrow{color:#ffb4bd!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;padding:7px 12px!important;margin:0 auto 10px!important;display:inline-flex!important;justify-content:center!important}
.agent-card.pro-agent h2,.agent-card.pro-agent h3{color:#fff!important;font-size:clamp(26px,3.4vw,40px)!important;line-height:1.08!important;margin:6px auto 10px!important;text-align:center!important}
.agent-card.pro-agent p{color:#f3f4f6!important;max-width:680px!important;margin:5px auto!important;text-align:center!important}
.agent-card.pro-agent .agent-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;width:100%!important;margin-top:16px!important}
.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:999px!important;padding:11px 15px!important;font-weight:1000!important;background:#fff!important;color:#111827!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 24px rgba(0,0,0,.10)!important;max-width:100%!important;overflow-wrap:anywhere!important;text-align:center!important}
.agent-card.pro-agent .agent-links a.agent-wa-link,.agent-card.pro-agent .agent-links a:first-child{background:#25d366!important;color:#052e16!important;border-color:#25d366!important}
.agent-card.pro-agent .agent-ecommerce{width:100%!important;max-width:680px!important;margin:18px auto 0!important;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:24px!important;padding:16px!important;box-shadow:0 14px 34px rgba(0,0,0,.12)!important;text-align:center!important}
.agent-card.pro-agent .agent-ecommerce-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#111827!important}
.agent-card.pro-agent .agent-ecommerce-sub{color:#4b5563!important;margin:8px auto 12px!important}
.agent-card.pro-agent .agent-ecommerce-icons{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}
.agent-card.pro-agent .ecommerce-icon-link{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#f9fafb!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:999px!important;padding:9px 12px!important;font-weight:900!important}
@media(max-width:860px){.agent-card.pro-agent,.agent-card.pro-agent.support-agent-card{grid-template-columns:1fr!important;padding:24px 16px!important;gap:18px!important}.agent-card.pro-agent .agent-photo-link{width:132px!important;height:132px!important}.agent-card.pro-agent img{width:116px!important;height:116px!important}.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{width:100%!important;border-radius:16px!important}.agent-card.pro-agent .ecommerce-icon-link{width:100%!important;justify-content:center!important}.agent-info,.page-agent-card{padding:42px 14px!important}}

/* V102 premium visitor-friendly synchronized agent card UI */
.agent-info,.page-agent-card{
  width:100%!important;
  padding:72px 5vw 62px!important;
  background:radial-gradient(circle at 50% 0%,rgba(255,36,50,.14),transparent 34%),linear-gradient(180deg,#fff,#f5ffff)!important;
  text-align:center!important;
}
.agent-card.pro-agent,.agent-card.pro-agent.support-agent-card,.agent-card.pro-agent.bottom-agent{
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  text-align:center!important;
  padding:0 22px 26px!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fff8f8 100%)!important;
  color:#111827!important;
  border:1px solid #b7ecec!important;
  box-shadow:0 26px 70px rgba(37,185,189,.14),0 8px 24px rgba(15,23,42,.08)!important;
  overflow:visible!important;
  position:relative!important;
}
.agent-card.pro-agent::before{
  content:"";
  display:block!important;
  width:100%!important;
  height:92px!important;
  border-radius:34px 34px 28px 28px!important;
  background:linear-gradient(135deg,#25b9bd,#ff5a2f 54%,#111827)!important;
  margin:0 0 0!important;
}
.agent-card.pro-agent .agent-photo-link{
  display:grid!important;
  place-items:center!important;
  width:156px!important;
  height:156px!important;
  border-radius:999px!important;
  background:#fff!important;
  padding:8px!important;
  margin:-78px auto 16px!important;
  box-shadow:0 18px 44px rgba(37,185,189,.22),0 0 0 8px rgba(255,255,255,.88)!important;
  border:1px solid #b7ecec!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
}
.agent-card.pro-agent .agent-photo-link img,.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.support-agent-card img{
  width:140px!important;
  height:140px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:999px!important;
  background:#fff!important;
  padding:4px!important;
  border:0!important;
  box-shadow:none!important;
  margin:0 auto!important;
}
.agent-card.pro-agent .agent-content{
  width:100%!important;
  max-width:660px!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#111827!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:1!important;
}
.agent-card.pro-agent .eyebrow{
  color:#0f766e!important;
  background:#ecfeff!important;
  border:1px solid #99f6e4!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  margin:0 auto 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
}
.agent-card.pro-agent .eyebrow::before{content:"✅";margin-right:6px;letter-spacing:0!important}
.agent-card.pro-agent h2,.agent-card.pro-agent h3{
  color:#111827!important;
  font-size:clamp(26px,3vw,38px)!important;
  line-height:1.08!important;
  margin:4px auto 10px!important;
  text-align:center!important;
  letter-spacing:-.03em!important;
}
.agent-card.pro-agent .agent-content>p:not(.eyebrow),.agent-card.pro-agent p{
  color:#374151!important;
  max-width:620px!important;
  margin:6px auto!important;
  text-align:center!important;
  font-size:15px!important;
}
.agent-card.pro-agent .agent-links{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:18px auto 0!important;
}
.agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  border-radius:999px!important;
  padding:12px 18px!important;
  font-weight:1000!important;
  background:#f9fafb!important;
  color:#111827!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
.agent-card.pro-agent .agent-links a.agent-wa-link,.agent-card.pro-agent .agent-links a:first-child{
  background:linear-gradient(135deg,#25d366,#14b85a)!important;
  color:#052e16!important;
  border-color:#25d366!important;
  box-shadow:0 14px 30px rgba(37,211,102,.24)!important;
}
.agent-card.pro-agent .agent-links a.agent-wa-link::before{content:"💬";margin-right:7px}
.agent-card.pro-agent .agent-ecommerce{
  width:100%!important;
  max-width:620px!important;
  margin:18px auto 0!important;
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #e5e7eb!important;
  border-radius:24px!important;
  padding:16px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  text-align:center!important;
}
.agent-card.pro-agent .agent-ecommerce-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  color:#111827!important;
  line-height:1.25!important;
}
.agent-card.pro-agent .agent-ecommerce-title b{color:#111827!important}
.agent-card.pro-agent .agent-ecommerce-sub{
  color:#4b5563!important;
  margin:8px auto 12px!important;
  font-size:14px!important;
}
.agent-card.pro-agent .agent-ecommerce-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:8px!important;
}
.agent-card.pro-agent .ecommerce-icon-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:#fff7ed!important;
  color:#7c2d12!important;
  border:1px solid #fed7aa!important;
  border-radius:999px!important;
  padding:10px 13px!important;
  font-weight:900!important;
  transition:.18s ease!important;
}
.agent-card.pro-agent .ecommerce-icon-link:hover{
  background:#25b9bd!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
@media(max-width:760px){
  .agent-info,.page-agent-card{padding:56px 14px 46px!important}
  .agent-card.pro-agent,.agent-card.pro-agent.support-agent-card,.agent-card.pro-agent.bottom-agent{width:100%!important;padding:0 16px 22px!important;border-radius:28px!important}
  .agent-card.pro-agent::before{height:82px!important;border-radius:28px 28px 24px 24px!important}
  .agent-card.pro-agent .agent-photo-link{width:132px!important;height:132px!important;margin-top:-66px!important}
  .agent-card.pro-agent .agent-photo-link img,.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.support-agent-card img{width:116px!important;height:116px!important}
  .agent-card.pro-agent .agent-links a,.agent-card.pro-agent .agent-links span{width:100%!important;border-radius:16px!important}
  .agent-card.pro-agent .ecommerce-icon-link{width:100%!important;justify-content:center!important}
}


/* V103 Pelan OTA MY slider */
.plans-shopee .plan-slider-wrap{width:min(1180px,100%);margin:0 auto;position:relative;}
.plans-shopee .plan-slider-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 16px;color:#fff;}
.plans-shopee .plan-slider-head span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);font-weight:900;font-size:14px;color:#fff;}
.plans-shopee .plan-slider-actions{display:flex;gap:10px;align-items:center;}
.plans-shopee .plan-slide-btn{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#fff;color:#168fd6;font-size:28px;font-weight:1000;line-height:1;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.22);transition:.18s ease;}
.plans-shopee .plan-slide-btn:hover{transform:translateY(-2px);background:#ffecf0;}
.plans-shopee .plan-slider{overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:10px 4px 20px;margin:0 -4px;cursor:grab;}
.plans-shopee .plan-slider:active{cursor:grabbing;}
.plans-shopee .plan-slider::-webkit-scrollbar{height:8px;}
.plans-shopee .plan-slider::-webkit-scrollbar-track{background:rgba(255,255,255,.10);border-radius:999px;}
.plans-shopee .plan-slider::-webkit-scrollbar-thumb{background:rgba(255,255,255,.42);border-radius:999px;}
.plans-shopee .pricing-table.plan-track{display:flex!important;grid-template-columns:none!important;gap:18px!important;align-items:stretch!important;}
.plans-shopee .plan-track .shop-plan{flex:0 0 330px!important;max-width:330px!important;min-width:330px!important;scroll-snap-align:start;scroll-snap-stop:always;height:auto!important;min-height:100%;display:flex!important;flex-direction:column!important;}
.plans-shopee .plan-track .shop-plan.best{scroll-snap-align:center;}
.plans-shopee .plan-track .shop-plan ul{flex:1;}
.plans-shopee .plan-track .shop-plan .btn{margin-top:auto;}
.plans-shopee .plans-note{width:min(1180px,100%);margin:18px auto 0;}
@media(max-width:760px){.plans-shopee .plan-slider-head{justify-content:center;text-align:center;flex-direction:column;margin-bottom:10px}.plans-shopee .plan-slider-actions{display:none}.plans-shopee .plan-slider{padding-left:0;padding-right:0;margin-left:-2px;margin-right:-2px}.plans-shopee .plan-track .shop-plan{flex-basis:86vw!important;min-width:86vw!important;max-width:86vw!important}.plans-shopee .plan-slider::-webkit-scrollbar{display:none}}
@media(min-width:1200px){.plans-shopee .plan-track .shop-plan{flex-basis:350px!important;min-width:350px!important;max-width:350px!important}}

/* V104 smooth desktop plan slider */
.plans-shopee .plan-slider{scroll-padding-inline:10px;user-select:none;touch-action:pan-y;overscroll-behavior-x:contain;}
.plans-shopee .plan-slider.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;}
.plans-shopee .plan-slider.is-dragging *{user-select:none;pointer-events:none;}
.plans-shopee .plan-track{align-items:stretch;will-change:transform;}
.plans-shopee .plan-track .shop-plan{scroll-snap-align:center;}
.plans-shopee .plan-slide-btn:active{transform:translateY(0) scale(.96);}
@media (min-width:761px){.plans-shopee .plan-slider{padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px}.plans-shopee .plan-slider:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.72)}}

/* V109 Premium Testimoni Responsive UI */
.testimonial-section-v109{position:relative;overflow:hidden;padding:86px 20px;background:radial-gradient(circle at 12% 10%,rgba(255,214,220,.95),transparent 30%),radial-gradient(circle at 88% 18%,rgba(255,241,205,.9),transparent 28%),linear-gradient(135deg,#fff 0%,#fff7f8 48%,#fff 100%)}
.testimonial-section-v109:before{content:"";position:absolute;inset:18px;border:1px solid rgba(37,185,189,.08);border-radius:34px;pointer-events:none}.testimonial-shell-v109{position:relative;width:min(1180px,100%);margin:0 auto}.testimonial-head-v109{max-width:760px;margin-left:auto;margin-right:auto}.testimonial-head-v109 h2{letter-spacing:-.04em}.testimonial-summary-v109{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:min(760px,100%);margin:28px auto 34px}.testimonial-summary-v109 div{background:rgba(255,255,255,.78);border:1px solid rgba(37,185,189,.12);box-shadow:0 16px 40px rgba(185,0,16,.08);border-radius:22px;padding:16px 18px;text-align:center;backdrop-filter:blur(10px)}.testimonial-summary-v109 b{display:block;color:#168fd6;font-size:24px;line-height:1;font-weight:1000}.testimonial-summary-v109 span{display:block;margin-top:6px;color:#6b7280;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.testimonial-grid-v109{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.testimonial-card-v109{position:relative;display:flex;flex-direction:column;gap:14px;min-height:255px;padding:24px;border-radius:30px;background:linear-gradient(180deg,#fff 0%,#fffafb 100%);border:1px solid rgba(37,185,189,.12);box-shadow:0 20px 46px rgba(17,24,39,.08);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.testimonial-card-v109:before{content:'“';position:absolute;right:22px;top:-18px;font-size:110px;line-height:1;color:rgba(37,185,189,.08);font-weight:1000;font-family:Georgia,serif}.testimonial-card-v109:hover{transform:translateY(-6px);box-shadow:0 28px 64px rgba(185,0,16,.14);border-color:rgba(37,185,189,.24)}.testimonial-card-v109.featured{background:linear-gradient(145deg,#fff 0%,#fff0f2 100%);border-color:rgba(37,185,189,.20)}.testimonial-top-v109{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.avatar-v109{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:17px;background:linear-gradient(135deg,#25b9bd,#ff6b6b);color:#fff;font-weight:1000;font-size:20px;box-shadow:0 12px 24px rgba(37,185,189,.22)}.testimonial-top-v109 b{display:block;color:#111827;font-size:17px;font-weight:1000}.testimonial-top-v109 small{display:block;margin-top:2px;color:#6b7280;font-size:12px;font-weight:800}.stars-v109{position:relative;z-index:1;color:#f59e0b;letter-spacing:3px;font-size:15px;line-height:1}.testimonial-card-v109 p{position:relative;z-index:1;margin:0;color:#374151;font-size:15px;line-height:1.7;font-weight:700}.tag-v109{position:relative;z-index:1;display:inline-flex;align-self:flex-start;margin-top:auto;background:#ecfeff;color:#168fd6;border:1px solid rgba(37,185,189,.10);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:1000;box-shadow:0 10px 22px rgba(37,185,189,.06)}
@media(max-width:980px){.testimonial-section-v109{padding:72px 18px}.testimonial-grid-v109{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.testimonial-card-v109{min-height:235px}.testimonial-summary-v109{grid-template-columns:repeat(3,1fr);margin-bottom:28px}}
@media(max-width:640px){.testimonial-section-v109{padding:56px 14px}.testimonial-section-v109:before{inset:8px;border-radius:24px}.testimonial-summary-v109{grid-template-columns:1fr;gap:10px;margin:20px auto 22px}.testimonial-summary-v109 div{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px 16px;border-radius:18px}.testimonial-summary-v109 b{font-size:21px}.testimonial-summary-v109 span{margin-top:0;font-size:11px}.testimonial-grid-v109{grid-template-columns:1fr;gap:14px}.testimonial-card-v109{min-height:auto;border-radius:24px;padding:20px}.testimonial-card-v109:hover{transform:none}.avatar-v109{width:44px;height:44px;flex-basis:44px;border-radius:15px}.testimonial-card-v109 p{font-size:14px;line-height:1.65}.stars-v109{font-size:14px;letter-spacing:2px}.tag-v109{padding:7px 10px}}


/* V110 Shopee/TikTok Review Testimonial UI */
.testimonial-section-v110{position:relative;overflow:hidden;padding:86px 20px;background:radial-gradient(circle at 8% 0%,rgba(255,88,88,.16),transparent 28%),radial-gradient(circle at 92% 12%,rgba(255,199,44,.20),transparent 30%),linear-gradient(180deg,#fff 0%,#fff7f4 55%,#fff 100%)}
.testimonial-section-v110:before{content:"";position:absolute;inset:18px;border:1px solid rgba(238,77,45,.14);border-radius:36px;pointer-events:none}.testimonial-shell-v110{position:relative;width:min(1180px,100%);margin:0 auto}.testimonial-head-v110{max-width:780px;margin:0 auto 26px;text-align:center}.review-scorebar-v110{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;width:min(860px,100%);margin:0 auto 34px}.score-main-v110,.score-mini-v110{background:rgba(255,255,255,.88);border:1px solid rgba(238,77,45,.16);box-shadow:0 18px 46px rgba(238,77,45,.09);border-radius:22px;padding:16px 18px;backdrop-filter:blur(10px)}.score-main-v110{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.score-main-v110 b{grid-row:1/3;color:#ee4d2d;font-size:42px;line-height:1;font-weight:1000}.score-main-v110 span{color:#ffb100;font-size:15px;letter-spacing:2px;font-weight:1000}.score-main-v110 small,.score-mini-v110 small{display:block;color:#6b7280;font-size:12px;font-weight:800}.score-mini-v110 b{display:block;color:#111827;font-size:18px;font-weight:1000;margin-bottom:4px}.testimonial-grid-v110{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.review-card-v110{position:relative;display:flex;flex-direction:column;min-height:245px;padding:20px;border-radius:22px;background:#fff;border:1px solid rgba(17,24,39,.08);box-shadow:0 14px 34px rgba(17,24,39,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.review-card-v110:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(238,77,45,.15);border-color:rgba(238,77,45,.28)}.review-card-v110:after{content:"";position:absolute;left:20px;right:20px;bottom:54px;height:1px;background:linear-gradient(90deg,transparent,rgba(238,77,45,.18),transparent)}.highlight-v110{border-color:rgba(238,77,45,.30);background:linear-gradient(180deg,#fff 0%,#fff6f1 100%)}.review-top-v110{display:flex;align-items:center;gap:11px;margin-bottom:12px}.review-avatar-v110{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ee4d2d);color:#fff;font-size:18px;font-weight:1000;box-shadow:0 10px 22px rgba(238,77,45,.20)}.review-avatar-v110.pink{background:linear-gradient(135deg,#ff5fa2,#ff2d55)}.review-avatar-v110.orange{background:linear-gradient(135deg,#ffb100,#168fd6)}.review-avatar-v110.purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.review-avatar-v110.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.review-avatar-v110.red{background:linear-gradient(135deg,#25b9bd,#25b9bd)}.review-top-v110 b{display:block;color:#111827;font-size:15px;font-weight:1000;line-height:1.1}.review-top-v110 small{display:block;color:#8a8f98;font-size:11px;font-weight:800;margin-top:4px}.verified-v110{margin-left:auto;white-space:nowrap;background:#fff1e8;color:#ee4d2d;border:1px solid rgba(238,77,45,.18);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:1000}.review-stars-v110{color:#ffb100;font-size:14px;font-weight:1000;letter-spacing:1px;margin-bottom:12px}.review-stars-v110 em{font-style:normal;color:#ee4d2d;font-size:12px;letter-spacing:0;margin-left:5px}.review-card-v110 p{margin:0 0 16px;color:#30343b;font-size:14.5px;line-height:1.68;font-weight:750}.review-meta-v110{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:15px}.review-meta-v110 span{display:inline-flex;align-items:center;background:#f7f7f7;color:#4b5563;border:1px solid rgba(17,24,39,.06);border-radius:999px;padding:7px 10px;font-size:11.5px;font-weight:950}.highlight-v110 .review-meta-v110 span:last-child{background:#fff1e8;color:#ee4d2d;border-color:rgba(238,77,45,.18)}
@media(max-width:980px){.testimonial-section-v110{padding:72px 18px}.testimonial-grid-v110{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-scorebar-v110{grid-template-columns:1fr 1fr}.score-main-v110{grid-column:1/-1}.review-card-v110{min-height:230px}}
@media(max-width:640px){.testimonial-section-v110{padding:56px 14px}.testimonial-section-v110:before{inset:8px;border-radius:24px}.review-scorebar-v110{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.score-main-v110,.score-mini-v110{border-radius:18px;padding:14px 15px}.score-main-v110 b{font-size:34px}.testimonial-grid-v110{grid-template-columns:1fr;gap:14px}.review-card-v110{min-height:auto;border-radius:20px;padding:17px}.review-card-v110:hover{transform:none}.review-card-v110:after{bottom:50px;left:16px;right:16px}.review-avatar-v110{width:42px;height:42px;flex-basis:42px}.verified-v110{font-size:10px;padding:5px 8px}.review-card-v110 p{font-size:14px;line-height:1.62}.review-meta-v110 span{font-size:11px;padding:6px 9px}}


/* V111 No Testimoni + Trust Box UI */
.trust-box-section-v111{position:relative;overflow:hidden;padding:78px 20px;background:radial-gradient(circle at 10% 0%,rgba(37,185,189,.10),transparent 30%),radial-gradient(circle at 90% 12%,rgba(255,204,0,.18),transparent 32%),linear-gradient(180deg,#fff 0%,#fff9f9 58%,#fff 100%)}
.trust-box-section-v111:before{content:"";position:absolute;inset:18px;border:1px solid rgba(37,185,189,.10);border-radius:34px;pointer-events:none}.trust-box-head-v111{position:relative;max-width:780px;margin-left:auto;margin-right:auto;text-align:center}.trust-box-grid-v111{position:relative;width:min(1120px,100%);margin:32px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.trust-box-card-v111{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:24px;padding:22px;box-shadow:0 16px 38px rgba(17,24,39,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.trust-box-card-v111:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(37,185,189,.12);border-color:rgba(37,185,189,.22)}.trust-box-card-v111 span{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#25b9bd,#ff6b6b);color:#fff;font-size:22px;margin-bottom:14px;box-shadow:0 12px 24px rgba(37,185,189,.18)}.trust-box-card-v111 b{display:block;color:#111827;font-size:18px;font-weight:1000;margin-bottom:8px}.trust-box-card-v111 p{margin:0;color:#4b5563;font-size:14px;line-height:1.65;font-weight:700}@media(max-width:900px){.trust-box-grid-v111{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.trust-box-section-v111{padding:54px 14px}.trust-box-section-v111:before{inset:8px;border-radius:24px}.trust-box-grid-v111{grid-template-columns:1fr;gap:13px;margin-top:22px}.trust-box-card-v111{border-radius:20px;padding:18px}.trust-box-card-v111:hover{transform:none}.trust-box-card-v111 span{width:42px;height:42px;border-radius:14px;font-size:20px}.trust-box-card-v111 b{font-size:16px}.trust-box-card-v111 p{font-size:13.5px}}

/* === V116 UI WIDTH/CENTER + FAQ MARKER + PROFILE IMAGE FALLBACK PATCH === */
html,body{max-width:100%;overflow-x:hidden}.landing main,.dash-page main,.auth-page main{width:100%;max-width:100%}main>.hero,main>.section,.section,.agent-info,.dashboard,.auth,.footer{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.hero>*{min-width:0}.section>*:not(.section-head),.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card,.agent-info>.agent-card{width:min(1180px,100%);margin-left:auto;margin-right:auto}.section-head{width:min(920px,100%);margin-left:auto;margin-right:auto}.tanyabox{width:min(1180px,calc(100% - 10vw));margin-left:auto;margin-right:auto}.grid3,.grid4,.stat-grid,.form-grid,.ecommerce-form-grid,.plans-slider,.plan-track{width:100%;min-width:0}.panel,.auth-card,.phone-card,article,.income-card,.agent-card,.tanyabox{max-width:100%}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-mini,.profile-mini.compact,.affiliate-profile-mini{width:100%;max-width:100%;align-items:center}.profile-mini img,.affiliate-profile-photo img,img.profile-mini,img.affiliate-profile-photo{background:transparent}.affiliate-profile-photo{flex:0 0 auto}.affiliate-profile-details{min-width:0;overflow-wrap:anywhere}.faq details{width:min(920px,100%);margin-left:auto;margin-right:auto}.faq summary{display:list-item;list-style-position:inside;padding-right:8px}.faq summary::-webkit-details-marker{display:inline-block}.faq details summary::marker{content:'▸  '}.faq details[open] summary::marker{content:'▾  '}@media(min-width:921px){.faq details{padding:22px 24px}.faq summary{list-style-position:outside;margin-left:18px}.faq details[open]{border-color:#99f6e4;box-shadow:0 16px 40px rgba(37,185,189,.08)}}@media(max-width:920px){.hero,.section,.dashboard,.auth,.agent-info{padding-left:16px!important;padding-right:16px!important}.tanyabox{width:calc(100% - 32px);margin-left:auto!important;margin-right:auto!important}.section>*:not(.section-head),.dashboard>.panel,.dashboard>.dash-head,.auth>.panel,.auth>.auth-card,.agent-info>.agent-card{width:100%}.dash-head,.panel-title-row{display:flex;flex-direction:column;align-items:stretch}.cta-row{justify-content:center}.cta-row .btn,.auth-links a{flex:1 1 auto;text-align:center}.profile-mini,.profile-mini.compact,.affiliate-profile-mini{justify-content:center;text-align:center}.profile-mini.compact{flex-direction:column}.affiliate-profile-mini{flex-direction:column}.affiliate-profile-photo img{margin-left:auto;margin-right:auto}.footer{padding-left:16px!important;padding-right:16px!important}}@media(max-width:560px){.hero h1,.section h2,.business h2,.tanyabox h2,.panel h1{letter-spacing:-.025em}.panel,.auth-card,.phone-card,article,.income-card,.agent-card,.tanyabox{border-radius:20px;padding:18px}.profile-mini img{width:72px;height:72px}.profile-mini.compact img,.affiliate-profile-photo img{width:74px;height:74px;border-radius:18px}.btn,.nav-cta{width:100%;white-space:normal}.searchbar{grid-template-columns:1fr!important}.table-wrap table{min-width:720px}.faq summary{list-style-position:inside}}

/* V117 RESPONSIVE RESOLUTION + LOGO + SYNC AGENT CARD + SHARE BOX */
:root{--wtt-desktop-width:1920px;--wtt-mobile-width:360px;--wtt-mobile-height:800px}body{width:100%;min-width:320px;overflow-x:hidden}.site-header,.footer,main,.dashboard,.admin-wrap,.affiliate-wrap{width:100%;max-width:var(--wtt-desktop-width);margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}main>section,.section,.hero,.agent-info,.page-agent-card,.bottom-agent,.dashboard .panel,.admin-card,.admin-panel,.affiliate-card{box-sizing:border-box;max-width:var(--wtt-desktop-width);margin-left:auto!important;margin-right:auto!important}.brand{display:flex!important;align-items:center!important;gap:10px!important}.brand-logo-img{width:46px!important;height:46px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.12))}.footer-logo{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.footer-logo-img{width:58px!important;height:58px!important;object-fit:contain!important;display:block!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{width:min(100%,980px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:180px 1fr!important;align-items:center!important;gap:24px!important;padding:28px!important;border-radius:34px!important;background:linear-gradient(135deg,#fff,#f5ffff)!important;border:1px solid #ecfeff!important;box-shadow:0 22px 55px rgba(15,23,42,.10)!important}.agent-card.pro-agent .agent-photo-link{grid-column:1!important;grid-row:1!important;width:160px!important;height:160px!important;margin:0 auto!important}.agent-card.pro-agent>.agent-content{grid-column:2!important;width:100%!important;max-width:760px!important;text-align:left!important;align-items:flex-start!important}.agent-card.pro-agent .agent-links,.agent-card.pro-agent .agent-ecommerce-icons,.agent-card.pro-agent .share-actions{justify-content:flex-start!important}.wtt-share-box.sync-share-box{width:100%;max-width:760px;margin:18px 0 0;padding:18px;border-radius:24px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;box-shadow:0 18px 42px rgba(15,23,42,.18);border:1px solid rgba(255,255,255,.14)}.wtt-share-box .share-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin-bottom:6px}.wtt-share-box p{margin:0 0 12px;color:#f8fafc!important;font-weight:700}.share-url-row{display:flex;gap:10px;align-items:center}.share-url-row input{flex:1;min-width:0;border:0;border-radius:16px;padding:13px 14px;font-weight:900;color:#111827;background:#fff;box-shadow:inset 0 0 0 1px #e5e7eb}.share-copy-btn{border:0!important;background:#25b9bd!important;color:#fff!important;border-radius:16px!important;padding:13px 18px!important;font-weight:1000!important;cursor:pointer}.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.share-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:900;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20)}.share-actions a:hover{background:#25b9bd;color:#fff}.profile-mini,.affiliate-profile-photo,.agent-card.pro-agent img{background:transparent}@media (min-width:1441px){.hero,.section{padding-left:clamp(42px,5vw,86px)!important;padding-right:clamp(42px,5vw,86px)!important}.hero{min-height:min(880px,calc(100vh - 74px))}}@media (max-width:480px){.site-header,.footer,main,.dashboard,.admin-wrap,.affiliate-wrap{max-width:var(--wtt-mobile-width)!important}.hero,.section,main>section{width:100%!important;max-width:var(--wtt-mobile-width)!important;padding-left:14px!important;padding-right:14px!important}.brand-logo-img{width:40px!important;height:40px!important}.brand span{font-size:.95rem!important}.agent-card.pro-agent,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent,.support-agent-card{grid-template-columns:1fr!important;width:100%!important;max-width:332px!important;gap:14px!important;padding:18px!important;text-align:center!important;border-radius:24px!important}.agent-card.pro-agent .agent-photo-link{grid-column:1!important;width:124px!important;height:124px!important}.agent-card.pro-agent>.agent-content{grid-column:1!important;text-align:center!important;align-items:center!important}.agent-card.pro-agent .agent-links,.agent-card.pro-agent .agent-ecommerce-icons,.agent-card.pro-agent .share-actions{justify-content:center!important}.wtt-share-box.sync-share-box{max-width:100%;padding:14px;text-align:center;border-radius:20px}.share-url-row{flex-direction:column}.share-url-row input,.share-copy-btn{width:100%!important}.share-actions a{flex:1 1 120px}.dashboard .panel,.admin-card,.admin-panel,.affiliate-card{max-width:332px!important}.footer-logo-img{width:48px!important;height:48px!important}}@media (max-width:360px){.site-header,.footer,main,.dashboard,.admin-wrap,.affiliate-wrap,.hero,.section,main>section{max-width:360px!important}.agent-card.pro-agent{max-width:332px!important}}

/* === WTT V118 SAFE RESPONSIVE PATCH === */
:root{
  --wtt-desktop-width: 1440px;
  --wtt-content-width: 1240px;
  --wtt-mobile-width: 390px;
  --wtt-mobile-height: 844px;
  --wtt-mobile-min-width: 320px;
  --wtt-mobile-max-width: 430px;
}
html,body{
  max-width:100%;
  overflow-x:hidden;
}
body{
  min-width:var(--wtt-mobile-min-width);
}
.site-header,
.footer,
main,
.dashboard,
.admin-wrap,
.affiliate-wrap{
  width:100%;
  max-width:var(--wtt-desktop-width);
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.hero,
.section,
.business,
.tanyabox,
.dashboard>.panel,
.dashboard>.dash-head,
.dashboard>.success,
.dashboard>.alert,
.auth>.panel,
.auth>.auth-card,
.page-agent-card,
.agent-info>.agent-card,
.seo-article-main>.panel,
main>.panel{
  width:min(100%, var(--wtt-content-width))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box;
}
.hero,
.section,
.business,
.tanyabox,
.dashboard,
.auth,
.footer,
main{
  padding-left:clamp(14px, 2.6vw, 42px)!important;
  padding-right:clamp(14px, 2.6vw, 42px)!important;
}
.hero{
  min-height:clamp(540px, 70vh, 760px)!important;
}
.section{
  padding-top:clamp(52px, 6vw, 76px)!important;
  padding-bottom:clamp(52px, 6vw, 76px)!important;
}
.phone-card,
.panel,
article,
.tanyabox,
.income-card,
.agent-card,
.auth-card{
  max-width:100%;
}
.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.admin-affiliates-table .profile-mini.compact,
.admin-affiliates-panel .profile-mini.compact{
  align-items:center!important;
  gap:14px!important;
}
.admin-affiliates-table .profile-mini.compact img,
.admin-affiliates-panel .profile-mini.compact img,
.edit-affiliate-card .profile-mini img{
  width:86px!important;
  height:86px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  padding:4px!important;
  border-radius:20px!important;
  box-shadow:inset 0 0 0 1px #99f6e4!important;
}
.profile-mini img,
.affiliate-profile-photo img,
.agent-card.pro-agent img{
  background:transparent;
}
.sim-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:
    linear-gradient(180deg, rgba(10,10,10,.18), rgba(10,10,10,.42)),
    url('/assets/wantopup-app-preview.jpg') center/cover no-repeat !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 20px 60px rgba(37,185,189,.22)!important;
}
.sim-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.30) 100%);
  z-index:0;
}
.sim-card>*{
  position:relative;
  z-index:1;
  text-shadow:0 4px 18px rgba(0,0,0,.45);
}
@media (max-width: 1024px){
  :root{ --wtt-content-width: 1000px; }
  .hero,
  .business,
  .tanyabox{
    grid-template-columns:1fr!important;
  }
}
@media (max-width: 767px){
  .site-header,
  .footer,
  main,
  .dashboard,
  .admin-wrap,
  .affiliate-wrap,
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard>.panel,
  .dashboard>.dash-head,
  .auth>.panel,
  .auth>.auth-card,
  .page-agent-card,
  .agent-info>.agent-card,
  .seo-article-main>.panel,
  main>.panel{
    max-width:100%!important;
  }
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard,
  .auth,
  .footer,
  main{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .site-header{
    gap:10px!important;
  }
  .brand-logo-img{
    width:40px!important;
    height:40px!important;
  }
  .auth-header{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
  }
  .dashboard>.panel,
  .dashboard>.dash-head,
  .auth>.panel,
  .auth>.auth-card,
  .tanyabox,
  .page-agent-card,
  .agent-info>.agent-card,
  .seo-article-main>.panel,
  main>.panel{
    width:100%!important;
  }
  .table-wrap table,
  .admin-table-wrap table{
    min-width:720px;
  }
  .admin-affiliates-table .profile-mini.compact,
  .admin-affiliates-panel .profile-mini.compact{
    min-width:220px;
  }
}
@media (max-width: 430px){
  .site-header,
  .footer,
  main,
  .dashboard,
  .admin-wrap,
  .affiliate-wrap{
    max-width:var(--wtt-mobile-max-width)!important;
  }
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard>.panel,
  .dashboard>.dash-head,
  .auth>.panel,
  .auth>.auth-card,
  .page-agent-card,
  .agent-info>.agent-card,
  .seo-article-main>.panel,
  main>.panel{
    width:min(100%, var(--wtt-mobile-max-width))!important;
  }
}
@media (max-width: 390px){
  .brand span{
    font-size:.95rem!important;
  }
}
/* === /WTT V118 SAFE RESPONSIVE PATCH === */

/* === WTT V119 SAFE UI SYNCHRONIZE PATCH === */
:root{
  --wtt-desktop-min-width: 1024px;
  --wtt-desktop-max-width: 1440px;
  --wtt-content-max-width: 1180px;
  --wtt-content-readable-width: 920px;
  --wtt-mobile-min-width: 320px;
  --wtt-mobile-ideal-width: 390px;
  --wtt-mobile-max-width: 430px;
  --wtt-safe-side: clamp(14px, 2.6vw, 42px);
}
html,
body{
  width:100%;
  min-width:var(--wtt-mobile-min-width);
  max-width:100%;
  overflow-x:hidden!important;
}
body{
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
}
body *{
  min-width:0;
}
.site-header,
.footer,
main,
.dashboard,
.auth,
.agent-info,
.page-agent-card,
.seo-article-main{
  width:100%!important;
  max-width:var(--wtt-desktop-max-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.hero,
.section,
.business,
.tanyabox,
.dashboard>.panel,
.dashboard>.dash-head,
.dashboard>.success,
.dashboard>.alert,
.auth>.panel,
.auth>.auth-card,
.agent-info>.agent-card,
.page-agent-card>.agent-card,
.seo-article,
.seo-article-main>.panel,
main>.panel{
  width:min(100%, var(--wtt-content-max-width))!important;
  max-width:var(--wtt-content-max-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.hero,
.section,
.business,
.tanyabox,
.dashboard,
.auth,
.agent-info,
.page-agent-card,
.footer,
main{
  padding-left:var(--wtt-safe-side)!important;
  padding-right:var(--wtt-safe-side)!important;
}
.hero{
  min-height:clamp(560px, 68vh, 780px)!important;
}
.auth,
.dashboard{
  min-height:clamp(680px, 82vh, 920px)!important;
}
.panel,
.auth-card,
.phone-card,
article,
.income-card,
.tanyabox,
.agent-card,
.shop-plan,
.kelebihan-card{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto;
}
.btn,
.nav-cta,
.agent-links a,
.agent-links span,
.ecommerce-icon-link,
.share-actions a{
  white-space:normal!important;
  text-align:center!important;
  line-height:1.25!important;
}
.cta-row,
.agent-links,
.agent-ecommerce-icons,
.share-actions,
.auth-links,
.panel-title-row,
.dash-head .cta-row{
  flex-wrap:wrap!important;
}
/* remove old decorative layer from agent card */
.agent-card.pro-agent::before,
.page-agent-card .agent-card.pro-agent::before,
.bottom-agent .agent-card.pro-agent::before,
.support-agent-card::before,
.directory-card::before,
.lokasi-card::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  box-shadow:none!important;
}
/* synchronized agent-card: photo always above content */
.agent-card.pro-agent,
.page-agent-card .agent-card.pro-agent,
.bottom-agent .agent-card.pro-agent,
.support-agent-card,
.agent-card.pro-agent.directory-card,
.agent-card.pro-agent.lokasi-card{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  margin:24px auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  text-align:center!important;
  padding:clamp(20px, 3vw, 34px)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,185,189,.10), transparent 38%),
    linear-gradient(180deg,#ffffff 0%,#f5ffff 100%)!important;
  border:1px solid #ffd8df!important;
  box-shadow:0 22px 55px rgba(15,23,42,.10)!important;
  color:#111827!important;
  position:relative!important;
  overflow:hidden!important;
}
.agent-card.pro-agent .agent-photo-link,
.page-agent-card .agent-card.pro-agent .agent-photo-link,
.bottom-agent .agent-card.pro-agent .agent-photo-link,
.support-agent-card .agent-photo-link{
  order:1!important;
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:156px!important;
  height:156px!important;
  flex:0 0 156px!important;
  margin:0 auto 4px!important;
  padding:8px!important;
  border-radius:32px!important;
  background:#fff!important;
  border:1px solid #ffd8df!important;
  box-shadow:0 16px 38px rgba(37,185,189,.14)!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:2!important;
}
.agent-card.pro-agent>.agent-photo-link+img,
.agent-card.pro-agent>img,
.agent-card.pro-agent.directory-card>img,
.agent-card.pro-agent.lokasi-card>img{
  order:1!important;
}
.agent-card.pro-agent .agent-photo-link img,
.agent-card.pro-agent>img,
.page-agent-card .agent-card.pro-agent img,
.bottom-agent .agent-card.pro-agent img,
.support-agent-card img,
.agent-card.pro-agent.directory-card>img,
.agent-card.pro-agent.lokasi-card>img{
  width:140px!important;
  height:140px!important;
  max-width:140px!important;
  max-height:140px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:0 auto!important;
  padding:4px!important;
  border-radius:28px!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.agent-card.pro-agent .agent-content,
.page-agent-card .agent-card.pro-agent .agent-content,
.bottom-agent .agent-card.pro-agent .agent-content,
.support-agent-card .agent-content,
.agent-card.pro-agent.directory-card .agent-content,
.agent-card.pro-agent.lokasi-card .agent-content{
  order:2!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#111827!important;
  position:relative!important;
  z-index:2!important;
}
.agent-card.pro-agent .agent-content h2,
.agent-card.pro-agent .agent-content h3,
.support-agent-card h2,
.lokasi-card h3{
  max-width:100%!important;
  margin:0 auto 8px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  overflow-wrap:anywhere!important;
}
.agent-card.pro-agent .agent-content p,
.support-agent-card p,
.lokasi-card p{
  max-width:var(--wtt-content-readable-width)!important;
  margin:6px auto!important;
  line-height:1.58!important;
}
.agent-card.pro-agent .agent-links,
.agent-card.pro-agent .agent-ecommerce-icons,
.agent-card.pro-agent .share-actions,
.support-agent-card .agent-links,
.support-agent-card .agent-ecommerce-icons,
.support-agent-card .share-actions{
  justify-content:center!important;
  align-items:center!important;
}
.wtt-share-box.sync-share-box{
  width:100%!important;
  max-width:720px!important;
  margin:18px auto 0!important;
}
/* sim-card image full view, no crop */
.sim-card{
  width:100%!important;
  height:auto!important;
  min-height:230px!important;
  aspect-ratio:4 / 3!important;
  background-color:#070707!important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.32) 100%),
    url('/assets/wantopup-app-preview.jpg')!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  border-radius:28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  overflow:hidden!important;
}
.sim-card::after{
  content:none!important;
  display:none!important;
}
.sim-card b,
.sim-card small{
  max-width:100%;
  overflow-wrap:anywhere;
}
.table-wrap,
.admin-table-wrap,
.plan-slider,
.plan-slider-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
.admin-affiliates-table,
.admin-tanyas-table{
  min-width:760px;
}
input,
textarea,
select{
  max-width:100%!important;
}
@media (min-width: 1441px){
  .site-header,
  .footer,
  main,
  .dashboard,
  .auth,
  .agent-info,
  .page-agent-card,
  .seo-article-main{
    max-width:var(--wtt-desktop-max-width)!important;
  }
}
@media (max-width: 1024px){
  .hero,
  .business,
  .tanyabox{
    grid-template-columns:1fr!important;
  }
  .grid4,
  .grid3,
  .stat-grid,
  .form-grid,
  .kelebihan-grid,
  .seo-topic-grid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media (max-width: 760px){
  :root{
    --wtt-safe-side:14px;
  }
  .site-header,
  .footer,
  main,
  .dashboard,
  .auth,
  .agent-info,
  .page-agent-card,
  .seo-article-main,
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard>.panel,
  .dashboard>.dash-head,
  .auth>.panel,
  .auth>.auth-card,
  .agent-info>.agent-card,
  .page-agent-card>.agent-card,
  .seo-article,
  .seo-article-main>.panel,
  main>.panel{
    width:100%!important;
    max-width:100%!important;
  }
  .hero,
  .section,
  .business,
  .tanyabox,
  .dashboard,
  .auth,
  .agent-info,
  .page-agent-card,
  .footer,
  main{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .grid4,
  .grid3,
  .stat-grid,
  .form-grid,
  .kelebihan-grid,
  .seo-topic-grid{
    grid-template-columns:1fr!important;
  }
  .agent-card.pro-agent,
  .page-agent-card .agent-card.pro-agent,
  .bottom-agent .agent-card.pro-agent,
  .support-agent-card,
  .agent-card.pro-agent.directory-card,
  .agent-card.pro-agent.lokasi-card{
    width:100%!important;
    max-width:100%!important;
    margin:18px auto!important;
    padding:20px 16px!important;
    border-radius:24px!important;
  }
  .agent-card.pro-agent .agent-photo-link,
  .page-agent-card .agent-card.pro-agent .agent-photo-link,
  .bottom-agent .agent-card.pro-agent .agent-photo-link,
  .support-agent-card .agent-photo-link{
    width:132px!important;
    height:132px!important;
    flex-basis:132px!important;
    border-radius:26px!important;
  }
  .agent-card.pro-agent .agent-photo-link img,
  .agent-card.pro-agent>img,
  .page-agent-card .agent-card.pro-agent img,
  .bottom-agent .agent-card.pro-agent img,
  .support-agent-card img,
  .agent-card.pro-agent.directory-card>img,
  .agent-card.pro-agent.lokasi-card>img{
    width:118px!important;
    height:118px!important;
    max-width:118px!important;
    max-height:118px!important;
    border-radius:22px!important;
  }
  .agent-links a,
  .agent-links span,
  .ecommerce-icon-link,
  .share-actions a,
  .share-copy-btn{
    width:100%!important;
    max-width:340px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .share-url-row{
    flex-direction:column!important;
  }
  .share-url-row input,
  .share-copy-btn{
    width:100%!important;
  }
  .sim-card{
    min-height:220px!important;
    border-radius:22px!important;
  }
}
@media (max-width: 430px){
  .site-header,
  .footer,
  main,
  .dashboard,
  .auth,
  .agent-info,
  .page-agent-card,
  .seo-article-main{
    max-width:var(--wtt-mobile-max-width)!important;
  }
  .phone-card,
  .panel,
  article,
  .income-card,
  .tanyabox,
  .agent-card,
  .auth-card{
    padding:18px!important;
    border-radius:22px!important;
  }
  .hero h1,
  .section h2,
  .business h2,
  .tanyabox h2,
  .panel h1{
    overflow-wrap:anywhere!important;
  }
}
/* === /WTT V119 SAFE UI SYNCHRONIZE PATCH === */

/* === WTT V120 SAFE RESPONSIVE + UI PATCH === */
:root{
  --wtt-desktop-min-width:1024px;
  --wtt-desktop-max-width:1440px;
  --wtt-content-max-width:1200px;
  --wtt-readable-max-width:920px;
  --wtt-mobile-min-width:320px;
  --wtt-mobile-ideal-width:390px;
  --wtt-mobile-max-width:430px;
  --wtt-safe-side:clamp(14px,2.6vw,42px);
}
html,body{max-width:100%;overflow-x:hidden;min-width:var(--wtt-mobile-min-width);}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
img,svg,video,canvas{max-width:100%;height:auto;}
.site-header,.footer,main,.dashboard,.auth,.agent-info,.page-agent-card,.seo-article-main{
  width:100%!important;
  max-width:var(--wtt-desktop-max-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.hero,.section,.business,.tanyabox,.dashboard>.panel,.dashboard>.dash-head,.dashboard>.success,.dashboard>.alert,.auth>.panel,.auth>.auth-card,.agent-info>.agent-card,.page-agent-card>.agent-card,.seo-article,.seo-article-main>.panel,main>.panel,.plan-slider-wrap,.plans-note{
  width:min(100%,var(--wtt-content-max-width))!important;
  max-width:var(--wtt-content-max-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.hero,.section,.business,.tanyabox,.dashboard,.auth,.agent-info,.page-agent-card,.footer,main{padding-left:var(--wtt-safe-side)!important;padding-right:var(--wtt-safe-side)!important;}
.section-head,.faq details{width:min(100%,var(--wtt-readable-max-width))!important;max-width:var(--wtt-readable-max-width)!important;margin-left:auto!important;margin-right:auto!important;}
*{overflow-wrap:break-word;}
.btn,.nav-cta,.auth-login,.auth-register,.agent-links a,.agent-links span,.ecommerce-icon-link,.share-actions a,.share-copy-btn{white-space:normal!important;text-align:center!important;line-height:1.25!important;}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
/* header auth buttons center */
.auth-header{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;text-align:center!important;}
.auth-header .auth-login,.auth-header .auth-register,.auth-login,.auth-register{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px!important;min-height:42px!important;margin-left:auto!important;margin-right:auto!important;}
.auth-header .auth-login b,.auth-header .auth-register b{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
/* synchronized agent card UI - photo above content, no before layer */
.agent-info,.page-agent-card{background:linear-gradient(180deg,#fff,#fff8f8)!important;text-align:center!important;padding-top:64px!important;padding-bottom:58px!important;}
.agent-card.pro-agent,.agent-card.pro-agent.support-agent-card,.agent-card.pro-agent.bottom-agent,.support-agent-card,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{
  width:min(100%,780px)!important;
  max-width:780px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
  margin:0 auto!important;
  padding:30px 24px 28px!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fff7f8 100%)!important;
  color:#111827!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 22px 60px rgba(185,0,16,.10),0 8px 22px rgba(15,23,42,.06)!important;
  overflow:visible!important;
  position:relative!important;
  text-align:center!important;
}
.agent-card.pro-agent::before,.agent-card.pro-agent.support-agent-card::before,.page-agent-card .agent-card.pro-agent::before,.bottom-agent .agent-card.pro-agent::before{content:none!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;background:none!important;}
.agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-card.pro-agent .agent-photo-link,.bottom-agent .agent-card.pro-agent .agent-photo-link,.support-agent-card .agent-photo-link{
  order:1!important;
  display:grid!important;
  place-items:center!important;
  width:150px!important;
  height:150px!important;
  flex:0 0 auto!important;
  margin:0 auto 2px!important;
  padding:8px!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid #99f6e4!important;
  box-shadow:0 16px 38px rgba(37,185,189,.16)!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:2!important;
}
.agent-card.pro-agent .agent-photo-link img,.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{
  width:132px!important;
  height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  padding:4px!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:none!important;
  border:0!important;
}
.agent-card.pro-agent .agent-content{order:2!important;width:100%!important;max-width:680px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#111827!important;min-width:0!important;}
.agent-card.pro-agent .eyebrow{margin:0 auto 10px!important;}
.agent-card.pro-agent h2,.agent-card.pro-agent h3{max-width:100%!important;line-height:1.08!important;}
.agent-card.pro-agent .agent-content>p:not(.eyebrow),.agent-card.pro-agent p{max-width:620px!important;line-height:1.6!important;}
.agent-card.pro-agent .agent-links,.agent-card.pro-agent .agent-ecommerce-icons,.agent-card.pro-agent .share-actions{justify-content:center!important;align-items:center!important;}
.agent-card.pro-agent .wtt-share-box.sync-share-box{width:100%!important;max-width:640px!important;margin:18px auto 0!important;text-align:center!important;}
/* sim-card image full */
.sim-card{
  min-height:220px!important;
  background-color:#09090b!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.28)),url('/assets/wantopup-app-preview.jpg')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
/* smooth responsive plan slider */
.plans-shopee .plan-slider-wrap{overflow:visible!important;}
.plans-shopee .plan-slider{
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x pan-y!important;
  cursor:grab!important;
  padding:12px 6px 24px!important;
  margin-left:-6px!important;
  margin-right:-6px!important;
  scrollbar-width:thin!important;
}
.plans-shopee .plan-slider.is-dragging{scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:grabbing!important;}
.plans-shopee .pricing-table.plan-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:clamp(14px,1.8vw,22px)!important;
  align-items:stretch!important;
  grid-template-columns:none!important;
  width:max-content!important;
  min-width:100%!important;
  will-change:scroll-position!important;
}
.plans-shopee .plan-track .shop-plan{
  flex:0 0 clamp(300px,29vw,356px)!important;
  width:clamp(300px,29vw,356px)!important;
  min-width:clamp(300px,29vw,356px)!important;
  max-width:356px!important;
  scroll-snap-align:center!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.plans-shopee .plan-track .shop-plan .btn{width:100%!important;}
/* FAQ marker visible all views */
.section.faq details,.faq details{overflow:visible!important;}
.section.faq summary,.faq summary{display:list-item!important;list-style-position:outside!important;cursor:pointer!important;padding-left:4px!important;margin-left:22px!important;overflow:visible!important;}
.section.faq summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:inline-block!important;color:#25b9bd!important;}
.section.faq details summary::marker,.faq details summary::marker{content:'▸  '!important;color:#25b9bd!important;font-weight:1000!important;}
.section.faq details[open] summary::marker,.faq details[open] summary::marker{content:'▾  '!important;color:#25b9bd!important;}
.section.faq details p,.faq details p{margin-left:22px!important;}
@media (min-width:1025px){.hero{min-height:clamp(620px,70vh,780px)!important}.site-header{min-height:74px!important}.auth-header .auth-login,.auth-header .auth-register{min-width:145px!important}}
@media (max-width:1024px){.hero,.business,.tanyabox{grid-template-columns:1fr!important}.grid4,.grid3,.stat-grid,.form-grid,.kelebihan-grid{grid-template-columns:1fr 1fr!important}.hero{min-height:auto!important}.site-header{justify-content:center!important}.auth-header{width:100%!important;}}
@media (max-width:760px){
  :root{--wtt-safe-side:14px;}
  .site-header,.footer,main,.dashboard,.auth,.agent-info,.page-agent-card,.seo-article-main,.hero,.section,.business,.tanyabox,.dashboard>.panel,.dashboard>.dash-head,.auth>.panel,.auth>.auth-card,.agent-info>.agent-card,.page-agent-card>.agent-card,.seo-article,.seo-article-main>.panel,main>.panel{width:100%!important;max-width:100%!important;}
  .grid4,.grid3,.stat-grid,.form-grid,.kelebihan-grid{grid-template-columns:1fr!important;}
  .auth-header .auth-login,.auth-header .auth-register{flex:1 1 145px!important;max-width:210px!important;}
  .agent-info,.page-agent-card{padding-top:44px!important;padding-bottom:42px!important;}
  .agent-card.pro-agent,.agent-card.pro-agent.support-agent-card,.agent-card.pro-agent.bottom-agent,.support-agent-card,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{width:100%!important;max-width:100%!important;padding:22px 16px!important;border-radius:26px!important;gap:14px!important;margin:0 auto!important;}
  .agent-card.pro-agent .agent-photo-link,.page-agent-card .agent-card.pro-agent .agent-photo-link,.bottom-agent .agent-card.pro-agent .agent-photo-link,.support-agent-card .agent-photo-link{width:132px!important;height:132px!important;border-radius:26px!important;}
  .agent-card.pro-agent .agent-photo-link img,.agent-card.pro-agent img,.page-agent-card .agent-card.pro-agent img,.bottom-agent .agent-card.pro-agent img,.support-agent-card img{width:116px!important;height:116px!important;max-width:116px!important;max-height:116px!important;border-radius:22px!important;}
  .plans-shopee .plan-slider{scroll-snap-type:x mandatory!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;}
  .plans-shopee .pricing-table.plan-track{gap:14px!important;width:max-content!important;}
  .plans-shopee .plan-track .shop-plan{flex-basis:min(86vw,340px)!important;width:min(86vw,340px)!important;min-width:min(86vw,340px)!important;max-width:min(86vw,340px)!important;}
  .section.faq summary,.faq summary{list-style-position:inside!important;margin-left:0!important;padding-left:0!important;}
  .section.faq details p,.faq details p{margin-left:0!important;}
}
@media (max-width:430px){.site-header,.footer,main,.dashboard,.auth,.agent-info,.page-agent-card,.seo-article-main{max-width:var(--wtt-mobile-max-width)!important}.phone-card,.panel,article,.income-card,.tanyabox,.agent-card,.auth-card{padding:18px!important;border-radius:22px!important}.sim-card{min-height:210px!important}.plans-shopee .plan-track .shop-plan{flex-basis:calc(100vw - 44px)!important;width:calc(100vw - 44px)!important;min-width:calc(100vw - 44px)!important;max-width:386px!important}}
@media (max-width:360px){.auth-header .auth-login,.auth-header .auth-register{flex-basis:100%!important;max-width:100%!important}.plans-shopee .plan-track .shop-plan{flex-basis:calc(100vw - 36px)!important;width:calc(100vw - 36px)!important;min-width:calc(100vw - 36px)!important}.agent-card.pro-agent h2,.agent-card.pro-agent h3{font-size:24px!important}}
/* === /WTT V120 SAFE RESPONSIVE + UI PATCH === */

/* === WTT V121 SAFE UI PATCH === */
/* Share box: brighter paragraph text + cleaner landing UI */
.agent-card.pro-agent .wtt-share-box.sync-share-box,
.wtt-share-box.sync-share-box{
  background:linear-gradient(135deg,#0f172a 0%,#111827 52%,#1f2937 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 20px 48px rgba(15,23,42,.22)!important;
}
.agent-card.pro-agent .wtt-share-box.sync-share-box p,
.wtt-share-box.sync-share-box p,
.landing .wtt-share-box.sync-share-box p{
  color:#ffffff!important;
  opacity:1!important;
  font-weight:800!important;
  line-height:1.55!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  padding:10px 12px!important;
  margin:8px 0 14px!important;
  text-shadow:0 1px 6px rgba(0,0,0,.28)!important;
}
.wtt-share-box.sync-share-box .share-title,
.wtt-share-box.sync-share-box .share-title b{
  color:#ffffff!important;
}
/* Agent card CTA: no negeri, clear buy + register buttons */
.agent-card.pro-agent .agent-links{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  margin-top:14px!important;
}
.agent-card.pro-agent .agent-links .agent-wa-link,
.agent-card.pro-agent .agent-links .agent-register-link,
a.agent-wa-link,
a.agent-register-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  text-align:center!important;
  font-weight:1000!important;
  line-height:1.2!important;
  border:0!important;
  text-decoration:none!important;
  box-shadow:0 12px 26px rgba(15,23,42,.12)!important;
  white-space:normal!important;
}
.agent-card.pro-agent .agent-links .agent-wa-link,
a.agent-wa-link{
  background:linear-gradient(135deg,#25b9bd,#168fd6)!important;
  color:#fff!important;
}
.agent-card.pro-agent .agent-links .agent-register-link,
a.agent-register-link{
  background:linear-gradient(135deg,#16a34a,#15803d)!important;
  color:#fff!important;
}
.agent-card.pro-agent .agent-links .agent-wa-link:hover,
.agent-card.pro-agent .agent-links .agent-register-link:hover{
  transform:translateY(-2px)!important;
}
/* Header auth: centered but close together, no auto spacing */
.site-header .auth-header,
.auth-header{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  row-gap:8px!important;
  column-gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:center!important;
}
.site-header .auth-header .auth-login,
.site-header .auth-header .auth-register,
.auth-header .auth-login,
.auth-header .auth-register,
.auth-login,
.auth-register{
  margin-left:0!important;
  margin-right:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:42px!important;
  padding-left:13px!important;
  padding-right:13px!important;
  text-align:center!important;
}
@media (min-width:1025px){
  .site-header{justify-content:space-between!important;gap:14px!important;}
  .site-header .auth-header .auth-login,
  .site-header .auth-header .auth-register{min-width:auto!important;}
}
@media (max-width:1024px){
  .site-header .auth-header,
  .auth-header{width:100%!important;margin-left:auto!important;margin-right:auto!important;}
}
@media (max-width:760px){
  .auth-header .auth-login,
  .auth-header .auth-register{flex:0 1 auto!important;max-width:none!important;}
  .agent-card.pro-agent .agent-links .agent-wa-link,
  .agent-card.pro-agent .agent-links .agent-register-link{width:100%!important;}
}
@media (max-width:380px){
  .auth-header{gap:6px!important;}
  .auth-header .auth-login,
  .auth-header .auth-register{font-size:13px!important;padding-left:10px!important;padding-right:10px!important;}
}
/* === /WTT V121 SAFE UI PATCH === */

/* === WTT V122 AUTH HEADER CENTER PATCH === */
.site-header{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(10px,1.8vw,20px)!important;
  flex-wrap:wrap!important;
}
.site-header .brand{
  flex:0 0 auto!important;
}
.site-header .main-nav{
  flex:1 1 auto!important;
  min-width:260px!important;
  justify-content:center!important;
}
.site-header .auth-header,
.auth-header{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:center!important;
}
.site-header .auth-header .auth-login,
.site-header .auth-header .auth-register,
.auth-header .auth-login,
.auth-header .auth-register{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  min-width:132px!important;
  max-width:178px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-align:center!important;
  margin:0!important;
}
.auth-header .auth-login b,
.auth-header .auth-register b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media (min-width: 1025px){
  .site-header{
    flex-wrap:nowrap!important;
  }
  .site-header .auth-header,
  .auth-header{
    margin-left:0!important;
  }
}
@media (max-width: 1024px){
  .site-header{
    justify-content:center!important;
  }
  .site-header .auth-header,
  .auth-header{
    flex:1 1 100%!important;
    width:100%!important;
    gap:8px!important;
  }
  .site-header .auth-header .auth-login,
  .site-header .auth-header .auth-register,
  .auth-header .auth-login,
  .auth-header .auth-register{
    flex:0 1 170px!important;
    min-width:132px!important;
    max-width:180px!important;
  }
}
@media (max-width: 430px){
  .site-header .auth-header,
  .auth-header{
    gap:7px!important;
    flex-wrap:nowrap!important;
  }
  .site-header .auth-header .auth-login,
  .site-header .auth-header .auth-register,
  .auth-header .auth-login,
  .auth-header .auth-register{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:50%!important;
    padding:10px 8px!important;
    font-size:12px!important;
  }
  .auth-header .auth-login b,
  .auth-header .auth-register b{
    font-size:11.5px!important;
  }
}
@media (max-width: 340px){
  .site-header .auth-header,
  .auth-header{
    flex-wrap:wrap!important;
  }
  .site-header .auth-header .auth-login,
  .site-header .auth-header .auth-register,
  .auth-header .auth-login,
  .auth-header .auth-register{
    max-width:100%!important;
    flex:1 1 100%!important;
  }
}
/* === /WTT V122 AUTH HEADER CENTER PATCH === */

/* === WTT V123 SEO + AI VISIBILITY PATCH === */
.seo-ai-visibility-section{background:linear-gradient(135deg,#f5ffff,#ffffff)!important;border-top:1px solid #ecfeff;border-bottom:1px solid #ecfeff}.seo-ai-grid,.keyword-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1120px,100%);margin:0 auto}.seo-ai-grid article,.keyword-cluster-grid>div,.ai-answer-box{background:#fff;border:1px solid #ecfeff;border-radius:26px;padding:22px;box-shadow:0 16px 38px rgba(15,23,42,.06);min-height:auto}.seo-ai-grid span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#25b9bd;color:#fff;font-weight:1000;margin-bottom:10px}.seo-ai-grid h3,.keyword-cluster-grid h3,.keyword-cluster-grid h2{margin:4px 0 10px;color:#111827;letter-spacing:-.02em}.seo-ai-grid p,.keyword-cluster-grid li,.ai-answer-box p{color:#374151;overflow-wrap:anywhere}.seo-ai-keywords{width:min(1120px,100%);margin:18px auto 0;padding:16px 18px;border-radius:20px;background:#111827;color:#fff;font-weight:800;box-shadow:0 16px 35px rgba(15,23,42,.14)}.seo-ai-keywords b{color:#fff}.ai-summary-panel details{border:1px solid #ecfeff;border-radius:18px;padding:14px 16px;margin:12px 0;background:#fff}.ai-summary-panel summary{font-weight:1000;cursor:pointer}.ai-summary-panel summary::marker{color:#25b9bd}.hub-v123-panel .keyword-cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.hub-v123-panel .btn,.ai-summary-panel .btn{margin-top:8px}.hub-v123-main .page-agent-card,.ai-article-main .page-agent-card{margin-top:24px!important}@media(max-width:920px){.seo-ai-grid,.keyword-cluster-grid,.hub-v123-panel .keyword-cluster-grid{grid-template-columns:1fr!important}.seo-ai-grid article,.keyword-cluster-grid>div,.ai-answer-box{padding:18px;border-radius:22px}.seo-ai-keywords{text-align:center;font-size:.95rem}.ai-summary-panel .cta-row{justify-content:center}.ai-summary-panel .cta-row .btn{width:100%}}
/* === /WTT V123 SEO + AI VISIBILITY PATCH === */


/* === WTT V124 COPY + RESPONSIVE AUDIT PATCH === */
.wantopup-guide-section .section-head .eyebrow,.seo-ai-visibility-section .section-head .eyebrow{letter-spacing:.12em}.seo-ai-grid article,.keyword-cluster-grid>div,.ai-answer-box,.shop-plan,.agent-card,.panel,.tanyabox,.income-card{min-width:0;overflow-wrap:anywhere;word-break:normal}.seo-ai-grid p,.keyword-cluster-grid li,.shop-plan li,.shop-plan p,.agent-content p,.agent-content h2,.section-head p,.section-head h2{overflow-wrap:anywhere}.plan-track,.pricing-table.plan-track{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;gap:18px!important}.shop-plan{flex:0 0 min(320px,86vw)!important;max-width:340px!important}@media (min-width:1280px){.shop-plan{flex-basis:320px!important}.plan-track,.pricing-table.plan-track{justify-content:flex-start!important}}@media (max-width:480px){.seo-ai-keywords{font-size:.92rem;line-height:1.45}.shop-plan{flex-basis:84vw!important}.section h2,.business h2,.tanyabox h2{hyphens:auto}.btn{white-space:normal;text-align:center}}
/* === /WTT V124 COPY + RESPONSIVE AUDIT PATCH === */

/* === WTT V125 PLAN ORDER + OVERLAP AUDIT PATCH === */
.plan-slider-wrap{
  max-width:100%;
  overflow:hidden;
}
.plan-slider{
  max-width:100%;
}
.plan-slider[data-plan-slider]{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.pricing-table.plan-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  align-items:stretch!important;
  width:max-content!important;
  min-width:100%!important;
  padding-bottom:8px!important;
}
.pricing-table.plan-track .shop-plan{
  flex:0 0 clamp(282px, 31vw, 382px)!important;
  min-width:282px!important;
  max-width:382px!important;
  scroll-snap-align:start;
  overflow-wrap:anywhere;
  word-break:normal;
  display:flex!important;
  flex-direction:column!important;
}
.pricing-table.plan-track .shop-plan .btn{
  margin-top:auto!important;
  white-space:normal!important;
  text-align:center!important;
}
.shop-plan.primary-plan{
  transform:none!important;
  border-color:#99f6e4!important;
  box-shadow:0 26px 70px rgba(37,185,189,.22)!important;
}
.shop-plan.primary-plan .deal-badge{
  letter-spacing:.08em;
}
.hero h1,
.section h2,
.shop-plan h3,
.agent-card h2,
.tanyabox h2,
.panel h1,
.panel h2{
  overflow-wrap:anywhere;
}
.btn,
.nav-cta,
.agent-links a,
.agent-links span,
.share-actions a{
  white-space:normal!important;
  min-width:0;
}
.agent-card,
.agent-content,
.profile-mini,
.panel,
.tanyabox,
.shop-plan{
  min-width:0!important;
}
.tanyabox .fullbtn{
  text-align:center!important;
}
@media(max-width:767px){
  .pricing-table.plan-track{
    gap:14px!important;
  }
  .pricing-table.plan-track .shop-plan{
    flex-basis:min(86vw, 336px)!important;
    min-width:min(86vw, 336px)!important;
    max-width:min(86vw, 336px)!important;
  }
  .plan-slider-head{
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  .plan-slider-actions{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:380px){
  .pricing-table.plan-track .shop-plan{
    flex-basis:calc(100vw - 40px)!important;
    min-width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
  }
}
/* === /WTT V125 PLAN ORDER + OVERLAP AUDIT PATCH === */
/* === WTT V126 PLAN + SPEED AUDIT PATCH === */
.plan-pages-cta{
  width:min(1180px,100%);
  margin:18px auto 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.plan-pages-cta b{width:100%;color:#fff;font-weight:1000}
.plan-pages-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  color:#0f766e!important;
  font-weight:1000;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.plan-pages-cta a:hover{background:#25b9bd;color:#fff!important}
.plan-main{
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:clamp(18px,3vw,46px);
  background:radial-gradient(circle at 20% 0%,#fff0f1,transparent 32%),#fff;
}
.plan-hero,.plan-detail-hero,.plan-detail-body,.plan-note-box{
  width:min(1120px,100%);
  margin:0 auto 22px!important;
}
.plan-hero h1,.plan-detail-hero h1{
  font-size:clamp(32px,5vw,58px);
  line-height:1.02;
  letter-spacing:-.04em;
  margin:10px 0 16px;
}
.plan-hero .lead,.plan-detail-hero .lead{
  font-size:clamp(16px,2vw,20px);
  color:#374151;
  max-width:880px;
}
.plan-hero-actions,.plan-page-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:18px;
}
.plan-grid-section{
  width:min(1180px,100%);
  margin:0 auto 24px;
}
.plan-page-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.plan-page-card{
  background:#fff;
  border:1px solid #ecfeff;
  border-radius:28px;
  padding:22px;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  overflow:hidden;
}
.plan-page-card.is-primary{
  background:linear-gradient(135deg,#25b9bd,#7f0008);
  color:#fff;
  border-color:rgba(255,255,255,.16);
  box-shadow:0 24px 60px rgba(37,185,189,.26);
}
.plan-page-card h3{font-size:clamp(24px,3vw,38px);line-height:1;margin:8px 0}
.plan-page-card p{color:inherit;overflow-wrap:anywhere}
.plan-page-card .price,.plan-detail-price{
  font-size:clamp(28px,4vw,48px);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.04em;
}
.plan-data-pill{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:999px;
  background:#fff7ed;
  color:#9a3412;
  font-weight:1000;
  border:1px solid #fed7aa;
}
.plan-page-card.is-primary .plan-data-pill{
  background:rgba(255,255,255,.16);
  color:#fff;
  border-color:rgba(255,255,255,.24);
}
.plan-detail-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:0;
  margin:18px 0;
  list-style:none;
}
.plan-detail-list li{
  padding:14px 15px;
  border-radius:18px;
  background:#f5ffff;
  border:1px solid #ecfeff;
  font-weight:900;
}
.plan-keyword-box{
  margin-top:18px;
  padding:16px;
  border-radius:20px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}
.plan-keyword-box p{margin-bottom:0;color:#374151}
.deal-badge{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.18!important;
}
.shop-plan.primary-plan .deal-badge{
  background:linear-gradient(135deg,#facc15,#fb923c)!important;
  color:#7c2d12!important;
  box-shadow:0 12px 28px rgba(250,204,21,.28)!important;
}
.plan-slider,.pricing-table.plan-track{
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  will-change:scroll-position;
}
.shop-plan,.plan-page-card,.agent-card,.panel,.income-card,.kelebihan-card{
  overflow-wrap:anywhere;
  word-break:normal;
}
.section,.business,.tanyabox,.agent-info,.plan-main section{
  content-visibility:auto;
  contain-intrinsic-size:auto 640px;
}
.hero,.site-header,.footer{
  content-visibility:visible;
}
img{
  height:auto;
}
@media (max-width:920px){
  .plan-page-grid{grid-template-columns:1fr 1fr}
  .plan-detail-list{grid-template-columns:1fr}
  .plan-hero-actions .btn,.plan-page-actions .btn{flex:1 1 180px}
}
@media (max-width:560px){
  .plan-main{padding:14px}
  .plan-page-grid{grid-template-columns:1fr}
  .plan-hero,.plan-detail-hero,.plan-detail-body,.plan-note-box{border-radius:22px;padding:18px}
  .plan-hero-actions .btn,.plan-page-actions .btn{width:100%;flex:1 1 100%}
  .plan-pages-cta{gap:8px}
  .plan-pages-cta a{width:100%}
}
/* === /WTT V126 PLAN + SPEED AUDIT PATCH === */

/* === WTT V127 SAFE SPEED + HERO BUYER INTENT PATCH === */
.site-header .main-nav{
  gap:10px!important;
  flex:1 1 auto;
  justify-content:center!important;
}
.site-header .main-nav .header-icon-link{
  min-height:40px;
  padding:8px 10px;
  border-radius:999px;
}
.site-header .main-nav .header-icon-link:hover{
  background:#ecfeff;
}
.hero>*{min-width:0;}
.hero-buyer-offer{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:center;
  margin:20px 0 4px;
  padding:16px 18px;
  border-radius:24px;
  background:linear-gradient(135deg,#25b9bd,#0f766e 58%,#111827);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 22px 55px rgba(37,185,189,.28);
  max-width:760px;
  overflow:hidden;
  position:relative;
}
.hero-buyer-offer:after{
  content:"";
  position:absolute;
  inset:auto -50px -70px auto;
  width:180px;
  height:180px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}
.hero-offer-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 12px;
  border-radius:999px;
  background:#fff;
  color:#0f766e;
  font-weight:1000;
  font-size:12px;
  letter-spacing:.04em;
  text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  white-space:nowrap;
}
.hero-buyer-offer b{
  display:block;
  color:#fff;
  font-size:clamp(20px,2.6vw,31px);
  line-height:1.06;
  letter-spacing:-.035em;
}
.hero-buyer-offer p{
  margin:7px 0 0;
  color:#fff7ed!important;
  font-weight:800;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.phone-card .sim-card{
  background-size:contain!important;
  background-color:#168fd6!important;
}
.plan-slider,
.pricing-table.plan-track{
  scroll-behavior:smooth!important;
  -webkit-overflow-scrolling:touch!important;
  will-change:scroll-position;
}
.pricing-table.plan-track{
  align-items:stretch;
  contain:layout paint;
}
.shop-plan,
.agent-card,
.panel,
.phone-card,
.tanyabox{
  overflow-wrap:anywhere;
}
.shop-plan .btn,
.hero .btn,
.phone-card .btn{
  min-height:46px;
  white-space:normal!important;
  text-align:center;
}
@media (min-width:1280px){
  .hero{max-width:1440px!important;}
  .hero-copy{max-width:840px;}
}
@media (max-width:920px){
  .site-header .main-nav{
    width:100%;
    justify-content:flex-start!important;
    overflow-x:auto;
    flex-wrap:nowrap!important;
    padding-bottom:3px;
  }
  .site-header .main-nav .header-icon-link{
    flex:0 0 auto;
  }
  .hero-buyer-offer{
    grid-template-columns:1fr;
    text-align:center;
    max-width:100%;
    padding:16px;
  }
  .hero-offer-badge{
    white-space:normal;
    width:100%;
  }
}
@media (max-width:430px){
  .hero-buyer-offer{
    border-radius:20px;
    padding:14px;
    margin-top:16px;
  }
  .hero-buyer-offer b{font-size:22px;}
  .hero-buyer-offer p{font-size:14.5px;}
  .cta-row.hero-buttons .btn{width:100%;}
}
/* === /WTT V127 SAFE SPEED + HERO BUYER INTENT PATCH === */

/* === WTT V128 PROFILE MINI + FALLBACK IMAGE SAFE PATCH === */
.profile-mini,
.profile-mini.compact,
.profile-mini.panel,
.affiliate-profile-mini,
.edit-profile-mini{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
.profile-mini.panel,
.affiliate-profile-mini,
.edit-profile-mini{
  border:0!important;
}
.affiliate-profile-mini:before,
.profile-mini:before{
  display:none!important;
  content:none!important;
}
.profile-mini,
.profile-mini.compact,
.affiliate-profile-mini{
  display:flex!important;
  align-items:center!important;
  gap:clamp(10px,2vw,16px)!important;
  max-width:100%!important;
  min-width:0!important;
}
.profile-mini>div,
.affiliate-profile-details,
.profile-mini .muted,
.admin-affiliates-table td,
.admin-tanyas-table td{
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.profile-mini img,
.profile-mini.compact img,
.affiliate-profile-photo img,
img.profile-mini,
img.affiliate-profile-photo,
.agent-card.pro-agent img,
.agent-photo-link img{
  background:transparent!important;
  background-image:none!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:0 0 auto!important;
}
.affiliate-profile-mini .affiliate-profile-photo,
.affiliate-profile-photo{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.admin-affiliates-table .profile-mini.compact,
.admin-affiliates-panel .profile-mini.compact{
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:0!important;
  margin:0!important;
}
.admin-affiliates-table .profile-mini.compact img,
.admin-affiliates-panel .profile-mini.compact img,
.edit-affiliate-card .profile-mini img{
  width:82px!important;
  height:82px!important;
  border-radius:18px!important;
  padding:0!important;
}
.dashboard .panel,
.auth .panel,
.auth-card,
.tanyabox,
.agent-card,
.shop-plan,
.seo-article,
.pelan-card,
.phone-card{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.table-wrap,
.admin-table-wrap{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
img{
  max-width:100%;
  height:auto;
}
@media (max-width: 920px){
  .dashboard,
  .auth,
  .section,
  .hero,
  .agent-info,
  main{
    max-width:100%!important;
  }
  .profile-mini:not(.compact),
  .affiliate-profile-mini{
    justify-content:center!important;
    text-align:center!important;
  }
  .admin-affiliates-table .profile-mini.compact,
  .admin-affiliates-panel .profile-mini.compact{
    justify-content:flex-start!important;
    text-align:left!important;
  }
}
@media (max-width: 560px){
  .profile-mini:not(.compact),
  .affiliate-profile-mini{
    flex-direction:column!important;
  }
  .admin-affiliates-table .profile-mini.compact,
  .admin-affiliates-panel .profile-mini.compact{
    flex-direction:row!important;
    min-width:210px!important;
  }
  .admin-affiliates-table .profile-mini.compact img,
  .admin-affiliates-panel .profile-mini.compact img{
    width:68px!important;
    height:68px!important;
  }
}
/* === /WTT V128 PROFILE MINI + FALLBACK IMAGE SAFE PATCH === */

/* === WTT V129 HERO + PHONE CARD SECTION + RESPONSIVE AUDIT PATCH === */
.hero.hero-v129{
  grid-template-columns:minmax(0, 1fr)!important;
  justify-items:center!important;
  text-align:center!important;
  width:min(100%, 1440px)!important;
  min-height:auto!important;
  padding-top:clamp(48px,6vw,86px)!important;
  padding-bottom:clamp(44px,5vw,72px)!important;
}
.hero.hero-v129 .hero-copy{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero.hero-v129 .hero-buttons{
  justify-content:center!important;
}
.hero-buyer-offer{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-columns:1fr!important;
  text-align:center!important;
  width:min(100%, 780px)!important;
  margin:22px auto 8px!important;
  padding:18px clamp(16px,3vw,28px)!important;
}
.hero-buyer-offer .hero-offer-badge,
.hero-offer-badge{
  order:0!important;
  margin:0 auto 12px!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.2!important;
  position:relative!important;
  z-index:2!important;
}
.hero-buyer-offer b{
  order:1!important;
  position:relative!important;
  z-index:2!important;
}
.hero-buyer-offer p{
  order:2!important;
  position:relative!important;
  z-index:2!important;
  max-width:680px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.phone-card-section-v129{
  background:linear-gradient(180deg,#fff,#f5ffff)!important;
  padding-top:clamp(26px,4vw,46px)!important;
  padding-bottom:clamp(38px,5vw,66px)!important;
}
.phone-card-section-v129 .phone-card-v129{
  width:min(100%, 1120px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(260px, 420px) minmax(0, 1fr)!important;
  gap:clamp(18px,3vw,34px)!important;
  align-items:center!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 16% 10%,rgba(255,255,255,.14),transparent 30%),
    linear-gradient(135deg,#0b0b0d,#15151b 54%,#7f0010)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:34px!important;
  padding:clamp(18px,3vw,30px)!important;
  box-shadow:0 24px 65px rgba(15,23,42,.16)!important;
  overflow:hidden!important;
}
.phone-card-v129 .sim-card{
  width:100%!important;
  min-height:245px!important;
  height:clamp(245px,24vw,330px)!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#168fd6!important;
}
.phone-card-v129 .phone-card-copy{
  min-width:0!important;
  text-align:left!important;
}
.phone-card-v129 .phone-card-copy .eyebrow{
  color:#ffd7dc!important;
}
.phone-card-v129 h2{
  color:#fff!important;
  font-size:clamp(28px,4vw,48px)!important;
  line-height:1.05!important;
  margin:8px 0 12px!important;
  letter-spacing:-.035em!important;
  overflow-wrap:anywhere!important;
}
.phone-card-v129 p{
  color:#fff7ed!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}
.phone-card-v129 a{
  margin-top:8px!important;
}
.hero .btn,
.phone-card-v129 .btn,
.agent-card .btn,
.shop-plan .btn{
  white-space:normal!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.section,
.panel,
.agent-card,
.shop-plan,
.tanyabox,
.phone-card,
.auth-card,
.seo-article{
  overflow-wrap:anywhere!important;
}
.grid3,
.grid4,
.seo-ai-grid,
.kelebihan-grid,
.pricing-table.plan-track{
  min-width:0!important;
}
@media (min-width:1441px){
  .site-header,
  main,
  .footer{
    max-width:1440px!important;
  }
}
@media (max-width:920px){
  .hero.hero-v129{
    text-align:center!important;
  }
  .phone-card-section-v129 .phone-card-v129{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .phone-card-v129 .phone-card-copy{
    text-align:center!important;
  }
  .phone-card-v129 .phone-card-copy .btn{
    width:100%!important;
  }
}
@media (max-width:480px){
  .hero.hero-v129,
  .phone-card-section-v129{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .hero-buyer-offer{
    border-radius:22px!important;
    padding:16px 14px!important;
  }
  .hero-offer-badge{
    font-size:11px!important;
    padding:9px 11px!important;
  }
  .phone-card-section-v129 .phone-card-v129{
    border-radius:24px!important;
    padding:16px!important;
  }
  .phone-card-v129 .sim-card{
    min-height:210px!important;
    height:230px!important;
  }
}
/* === /WTT V129 HERO + PHONE CARD SECTION + RESPONSIVE AUDIT PATCH === */

/* === WTT V130 HERO COPY CENTER + SPEED SAFE PATCH === */
.hero.hero-v129 .hero-copy,
.landing .hero .hero-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  width:min(100%, 980px)!important;
  max-width:980px!important;
  min-width:0!important;
}
.hero.hero-v129 .hero-copy > *,
.landing .hero .hero-copy > *{
  text-align:center!important;
}
.hero.hero-v129 .hero-copy .sub,
.hero.hero-v129 .hero-copy .seo-hero-copy,
.hero.hero-v129 .hero-copy .sim-price-line,
.landing .hero .hero-copy .sub,
.landing .hero .hero-copy .seo-hero-copy,
.landing .hero .hero-copy .sim-price-line{
  display:block!important;
  width:min(100%, 820px)!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.hero.hero-v129 .hero-copy .sub,
.landing .hero .hero-copy .sub{
  margin-top:0!important;
  margin-bottom:14px!important;
}
.hero.hero-v129 .hero-copy .seo-hero-copy,
.landing .hero .hero-copy .seo-hero-copy{
  margin-top:8px!important;
  margin-bottom:12px!important;
  color:#374151!important;
  line-height:1.65!important;
}
.hero.hero-v129 .hero-copy .sim-price-line,
.landing .hero .hero-copy .sim-price-line{
  margin-top:8px!important;
  margin-bottom:10px!important;
}
.hero.hero-v129 .hero-copy h1,
.landing .hero .hero-copy h1{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance;
}
.hero.hero-v129 .hero-copy .eyebrow,
.landing .hero .hero-copy .eyebrow{
  align-self:center!important;
  text-align:center!important;
}
.hero.hero-v129 .hero-buttons,
.landing .hero .hero-buttons,
.hero.hero-v129 .cta-row,
.landing .hero .cta-row{
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero.hero-v129 .hero-buyer-offer,
.landing .hero .hero-buyer-offer{
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center!important;
  text-align:center!important;
  contain:layout paint;
}
.hero.hero-v129 .hero-buyer-offer p,
.landing .hero .hero-buyer-offer p{
  text-align:center!important;
}
@media (max-width:920px){
  .hero.hero-v129 .hero-copy,
  .landing .hero .hero-copy{
    width:100%!important;
    max-width:100%!important;
  }
  .hero.hero-v129 .hero-copy .sub,
  .hero.hero-v129 .hero-copy .seo-hero-copy,
  .hero.hero-v129 .hero-copy .sim-price-line,
  .landing .hero .hero-copy .sub,
  .landing .hero .hero-copy .seo-hero-copy,
  .landing .hero .hero-copy .sim-price-line{
    width:min(100%, 760px)!important;
    max-width:760px!important;
  }
}
@media (max-width:560px){
  .hero.hero-v129 .hero-copy .sub,
  .hero.hero-v129 .hero-copy .seo-hero-copy,
  .hero.hero-v129 .hero-copy .sim-price-line,
  .landing .hero .hero-copy .sub,
  .landing .hero .hero-copy .seo-hero-copy,
  .landing .hero .hero-copy .sim-price-line{
    width:100%!important;
    max-width:100%!important;
  }
  .hero.hero-v129 .hero-buttons .btn,
  .landing .hero .hero-buttons .btn{
    width:100%!important;
  }
}
/* === /WTT V130 HERO COPY CENTER + SPEED SAFE PATCH === */

/* === WTT V131 DISTRICT + RESPONSIVE AUDIT === */
.form-grid label span{line-height:1.35}
.admin-affiliates-table td,.admin-affiliates-table th,.admin-tanyas-table td,.admin-tanyas-table th{white-space:normal;overflow-wrap:anywhere}
.lokasi-card .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px;line-height:1.35}
.profile-mini,.affiliate-profile-mini,.agent-card,.panel,.auth-card,.tanyabox{overflow-wrap:anywhere}
@media(max-width:920px){
  .form-grid{grid-template-columns:1fr!important}
  .dashboard,.auth,main,.section,.hero{overflow-x:hidden}
  .admin-table-wrap table{min-width:820px}
  .lokasi-card .eyebrow{justify-content:center}
}
@media(min-width:921px){
  .form-grid label{min-width:0}
  .auth-header{justify-content:center!important}
}
/* === /WTT V131 DISTRICT + RESPONSIVE AUDIT === */

/* === WTT V132 PLAN SLIDER MOBILE FIX + COMPLETE PLANS === */
.plans-shopee .plan-slider-wrap{
  width:min(1180px,100%)!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:hidden!important;
  position:relative!important;
}
.plans-shopee .plan-slider{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  overscroll-behavior-x:contain!important;
  touch-action:auto!important;
  scrollbar-width:thin!important;
  padding:8px 10px 18px!important;
  margin-left:0!important;
  margin-right:0!important;
  cursor:grab!important;
}
.plans-shopee .plan-slider.is-dragging{
  cursor:grabbing!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
}
.plans-shopee .pricing-table.plan-track,
.plans-shopee .plan-track{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  margin:0!important;
  align-items:stretch!important;
  overflow:visible!important;
  transform:none!important;
}
.plans-shopee .plan-track > article.shop-plan{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 340px!important;
  width:340px!important;
  min-width:340px!important;
  max-width:340px!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:normal!important;
  height:auto!important;
  min-height:auto!important;
  white-space:normal!important;
}
.plans-shopee .plan-track > article.shop-plan:nth-of-type(4),
.plans-shopee .plan-track > article.shop-plan:nth-of-type(5),
.plans-shopee .plan-track > article.shop-plan:nth-of-type(6){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.plans-shopee .plan-track > article.shop-plan.best{
  transform:none!important;
}
.plans-shopee .plan-slider-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.plans-shopee .plan-slide-btn{
  touch-action:manipulation!important;
}
.plans-shopee .shop-plan h3,
.plans-shopee .shop-plan .price,
.plans-shopee .shop-plan p,
.plans-shopee .shop-plan li,
.plans-shopee .shop-plan a{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media(max-width:760px){
  .plans-shopee .plan-slider-wrap{
    overflow:visible!important;
    width:100%!important;
  }
  .plans-shopee .plan-slider-head{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:10px!important;
  }
  .plans-shopee .plan-slider-actions{
    display:flex!important;
    margin-top:4px!important;
  }
  .plans-shopee .plan-slider{
    width:100%!important;
    padding:8px 2px 18px!important;
    margin-left:0!important;
    margin-right:0!important;
    scroll-padding-left:2px!important;
    touch-action:auto!important;
    scrollbar-width:none!important;
  }
  .plans-shopee .plan-slider::-webkit-scrollbar{
    display:none!important;
  }
  .plans-shopee .pricing-table.plan-track,
  .plans-shopee .plan-track{
    gap:14px!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
  }
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:calc(100vw - 46px)!important;
    width:calc(100vw - 46px)!important;
    min-width:calc(100vw - 46px)!important;
    max-width:360px!important;
    padding:22px!important;
    scroll-snap-align:center!important;
  }
  .plans-shopee .plan-track > article.shop-plan:first-child{
    margin-left:0!important;
  }
  .plans-shopee .plan-track > article.shop-plan:last-child{
    margin-right:10px!important;
  }
}
@media(max-width:390px){
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:calc(100vw - 34px)!important;
    width:calc(100vw - 34px)!important;
    min-width:calc(100vw - 34px)!important;
    max-width:340px!important;
  }
  .plans-shopee .shop-plan h3{font-size:28px!important;}
  .plans-shopee .price{font-size:44px!important;}
}
/* === /WTT V132 PLAN SLIDER MOBILE FIX + COMPLETE PLANS === */

/* === WTT V133 PLAN SLIDER + FOOTER MENU PATCH === */
:root{
  --wtt-plan-card-desktop: clamp(292px, 23.5vw, 348px);
  --wtt-plan-card-tablet: clamp(280px, 42vw, 330px);
  --wtt-plan-card-mobile: min(86vw, 336px);
}
.plans-shopee .plan-slider-wrap{
  width:min(100%, 1180px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
}
.plans-shopee .plan-slider{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  padding:8px 6px 20px!important;
  scrollbar-width:thin;
}
.plans-shopee .pricing-table.plan-track,
.plans-shopee .plan-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:clamp(14px, 1.6vw, 22px)!important;
  width:max-content!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  transform:none!important;
}
.plans-shopee .plan-track > article.shop-plan{
  flex:0 0 var(--wtt-plan-card-desktop)!important;
  width:var(--wtt-plan-card-desktop)!important;
  min-width:var(--wtt-plan-card-desktop)!important;
  max-width:var(--wtt-plan-card-desktop)!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.plans-shopee .plan-track > article.shop-plan ul{
  flex:1 1 auto!important;
}
.plans-shopee .plan-track > article.shop-plan .btn{
  width:100%!important;
  margin-top:auto!important;
  white-space:normal!important;
  text-align:center!important;
}
.plans-shopee .deal-badge{
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.2!important;
  text-align:center!important;
}
.plan-slider-head{
  width:100%!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.plan-slider-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.plan-slide-btn{
  min-width:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.footer-simple{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:18px!important;
}
.footer-simple .footer-brand-col,
.footer-simple .footer-bottom{
  width:min(100%, 960px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.footer-simple-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:14px auto!important;
  width:100%!important;
}
.footer-simple-menu a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:10px 16px!important;
  min-height:42px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.footer-simple-menu a:hover{
  background:#25b9bd!important;
  color:#fff!important;
}
@media (max-width:1024px){
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:var(--wtt-plan-card-tablet)!important;
    width:var(--wtt-plan-card-tablet)!important;
    min-width:var(--wtt-plan-card-tablet)!important;
    max-width:var(--wtt-plan-card-tablet)!important;
  }
}
@media (max-width:640px){
  .plans-shopee .plan-slider-wrap{
    width:100%!important;
    max-width:100%!important;
  }
  .plans-shopee .plan-slider{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:4px!important;
    padding-right:4px!important;
    padding-bottom:18px!important;
  }
  .plans-shopee .pricing-table.plan-track,
  .plans-shopee .plan-track{
    gap:14px!important;
  }
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:var(--wtt-plan-card-mobile)!important;
    width:var(--wtt-plan-card-mobile)!important;
    min-width:var(--wtt-plan-card-mobile)!important;
    max-width:var(--wtt-plan-card-mobile)!important;
  }
  .plans-shopee .plan-track > article.shop-plan:first-child{
    margin-left:2px!important;
  }
  .plans-shopee .plan-track > article.shop-plan:last-child{
    margin-right:12px!important;
  }
  .plan-slider-head{
    flex-direction:column!important;
    text-align:center!important;
  }
  .footer-simple-menu{
    max-width:360px!important;
    gap:8px!important;
  }
  .footer-simple-menu a{
    flex:1 1 calc(50% - 8px)!important;
    padding:10px 12px!important;
  }
}
@media (min-width:1440px){
  .plans-shopee .plan-slider-wrap,
  .plan-slider-head{
    max-width:1240px!important;
  }
  .plans-shopee .plan-track > article.shop-plan{
    flex-basis:340px!important;
    width:340px!important;
    min-width:340px!important;
    max-width:340px!important;
  }
}
/* === /WTT V133 PLAN SLIDER + FOOTER MENU PATCH === */

/* === WTT V134 UI POLISH PUBLIC PAGES + DASHBOARDS === */
:root{
  --wtt-v134-max: 1180px;
  --wtt-v134-wide: 1280px;
  --wtt-v134-side: clamp(14px, 3vw, 42px);
  --wtt-v134-red: #25b9bd;
  --wtt-v134-dark: #111827;
  --wtt-v134-soft: #f5ffff;
}
.guide-main,
.coverage-main,
.lokasi-main,
.plan-main,
.dashboard{
  width:100%!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wtt-v134-side)!important;
  padding-right:var(--wtt-v134-side)!important;
  overflow-x:hidden!important;
}
.guide-main,
.coverage-main,
.plan-main{
  padding-top:clamp(24px,4vw,44px)!important;
  padding-bottom:clamp(38px,5vw,70px)!important;
  background:radial-gradient(circle at 12% 0%,rgba(37,185,189,.09),transparent 30%),linear-gradient(180deg,#fff,#fff8f8 48%,#fff)!important;
}
.guide-hero,
.coverage-hero,
.location-hero,
.plan-hero,
.plan-detail-hero{
  width:min(100%,var(--wtt-v134-max))!important;
  margin:0 auto 24px!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,#fff,#ecfeff)!important;
  border:1px solid #b7ecec!important;
  box-shadow:0 24px 68px rgba(15,23,42,.10)!important;
  padding:clamp(22px,4vw,42px)!important;
  text-align:center!important;
  position:relative!important;
  overflow:hidden!important;
}
.guide-hero:before,
.coverage-hero:before,
.location-hero:before,
.plan-hero:before,
.plan-detail-hero:before{
  content:'';
  position:absolute;
  width:210px;
  height:210px;
  right:-80px;
  top:-80px;
  background:radial-gradient(circle,rgba(37,185,189,.16),transparent 64%);
  pointer-events:none;
}
.guide-hero h1,
.coverage-hero h1,
.location-hero h1,
.plan-hero h1,
.plan-detail-hero h1{
  max-width:920px!important;
  margin:8px auto 14px!important;
  font-size:clamp(30px,5vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  overflow-wrap:anywhere!important;
}
.guide-hero p,
.coverage-hero p,
.location-hero p,
.plan-hero .lead,
.plan-detail-hero .lead,
.plan-detail-hero p{
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  color:#374151!important;
  font-size:clamp(15px,1.6vw,18px)!important;
}
.guide-hero .cta-row,
.coverage-hero .cta-row,
.location-hero .cta-row,
.plan-hero-actions{
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:20px!important;
}
.guide-visual-strip,
.coverage-visual-strip,
.location-visual-strip,
.plan-visual-strip,
.affiliate-action-strip,
.admin-overview-grid{
  width:min(100%,var(--wtt-v134-max))!important;
  margin:22px auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.admin-overview-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin-top:0!important;
  margin-bottom:24px!important;
}
.visual-card,
.dash-kpi-card{
  min-width:0!important;
  background:#fff!important;
  border:1px solid #ecfeff!important;
  border-radius:26px!important;
  padding:20px!important;
  box-shadow:0 18px 48px rgba(15,23,42,.08)!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  overflow:hidden!important;
}
.visual-card.hot,
.dash-kpi-card:first-child{
  background:linear-gradient(135deg,#25b9bd,#9f0010)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}
.visual-card span{
  width:48px!important;
  height:48px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#fff4f4!important;
  font-size:25px!important;
}
.visual-card.hot span{background:rgba(255,255,255,.18)!important}
.visual-card b,
.dash-kpi-card b{
  color:inherit!important;
  font-size:clamp(18px,2vw,23px)!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
}
.visual-card p,
.dash-kpi-card small,
.dash-kpi-card span{
  margin:0!important;
  color:inherit!important;
  opacity:.88!important;
  line-height:1.45!important;
}
.dash-kpi-card b{
  font-size:clamp(32px,4vw,46px)!important;
  letter-spacing:-.04em!important;
}
.guide-grid,
.coverage-grid,
.plan-page-grid,
.state-grid,
.agent-directory-cards,
.stat-grid,
.ecommerce-form-grid,
.form-grid{
  width:100%!important;
  max-width:var(--wtt-v134-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:clamp(14px,2vw,22px)!important;
}
.guide-card,
.coverage-card,
.state-card,
.plan-page-card,
.plan-card,
.shop-plan,
.dashboard .panel,
.admin-affiliates-panel,
.admin-tanya-panel,
.member-tanya-panel,
.ecommerce-dashboard-panel{
  border-radius:26px!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.guide-note,
.coverage-checker,
.coverage-info,
.coverage-steps,
.location-filter,
.location-results,
.auto-location-box,
.plan-note-box,
.plan-detail-body,
.plan-grid-section{
  width:min(100%,var(--wtt-v134-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.location-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important;
  align-items:center!important;
  gap:24px!important;
  text-align:left!important;
}
.location-hero h1,
.location-hero p{margin-left:0!important;margin-right:0!important;text-align:left!important}
.location-hero .cta-row{justify-content:flex-start!important}
.lokasi-trust,
.coverage-signal-card{
  width:100%!important;
  max-width:360px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#111827,#1f2937)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 54px rgba(15,23,42,.22)!important;
}
.state-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.state-card{
  min-height:118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:16px!important;
}
.searchbar,
.lokasi-search,
.tanya-searchbar{
  width:100%!important;
  max-width:var(--wtt-v134-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center!important;
}
.dashboard{
  background:radial-gradient(circle at 8% 0%,rgba(37,185,189,.09),transparent 32%),#f8fafc!important;
  padding-top:clamp(26px,4vw,54px)!important;
}
.dash-head{
  width:min(100%,var(--wtt-v134-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:24px!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#fff,#f5ffff)!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 18px 52px rgba(15,23,42,.08)!important;
}
.dash-head h1{margin-bottom:8px!important;overflow-wrap:anywhere!important}
.dash-head .cta-row{justify-content:flex-end!important;margin:0!important}
.dashboard>.panel,
.dashboard>.success,
.dashboard>.alert,
.affiliate-profile-mini{
  width:min(100%,var(--wtt-v134-max))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.stat-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.stat-grid article{
  min-height:132px!important;
  text-align:center!important;
  border:1px solid #ecfeff!important;
  background:#fff!important;
}
.stat-grid article b{color:#25b9bd!important}
.affiliate-profile-mini{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#fff,#f5ffff)!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 20px 56px rgba(15,23,42,.09)!important;
}
.affiliate-profile-details{min-width:0!important}
.affiliate-profile-details h2{overflow-wrap:anywhere!important}
.table-wrap{
  border-radius:22px!important;
  border:1px solid #eef2f7!important;
  background:#fff!important;
}
table{min-width:760px!important}
th{
  background:#f5ffff!important;
  color:#7f1d1d!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
td{overflow-wrap:anywhere!important;word-break:normal!important}
.btn{max-width:100%!important;white-space:normal!important;text-align:center!important}
.agent-card.pro-agent,
.page-agent-card .agent-card.pro-agent,
.bottom-agent .agent-card.pro-agent,
.support-agent-card{
  max-width:var(--wtt-v134-max)!important;
}
@media(max-width:1024px){
  .admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .guide-visual-strip,.coverage-visual-strip,.location-visual-strip,.plan-visual-strip,.affiliate-action-strip{grid-template-columns:1fr!important}
  .location-hero{grid-template-columns:1fr!important;text-align:center!important}
  .location-hero h1,.location-hero p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .location-hero .cta-row{justify-content:center!important}
}
@media(max-width:720px){
  .guide-main,.coverage-main,.lokasi-main,.plan-main,.dashboard{padding-left:14px!important;padding-right:14px!important}
  .guide-hero,.coverage-hero,.location-hero,.plan-hero,.plan-detail-hero,.dash-head{padding:20px!important;border-radius:24px!important}
  .admin-overview-grid,.stat-grid{grid-template-columns:1fr!important}
  .dash-head{display:flex!important;flex-direction:column!important;text-align:center!important;align-items:center!important;gap:16px!important}
  .dash-head .cta-row{justify-content:center!important;width:100%!important}
  .dash-head .cta-row .btn{flex:1 1 150px!important}
  .affiliate-profile-mini{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;padding:20px!important}
  .affiliate-profile-details p{text-align:center!important}
  .visual-card,.dash-kpi-card{padding:18px!important;border-radius:22px!important}
  .state-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .state-card{min-height:104px!important;padding:14px 10px!important}
  .searchbar{grid-template-columns:1fr!important}
  .searchbar .btn,.lokasi-search .btn,.tanya-searchbar .btn{width:100%!important}
  table{min-width:820px!important}
}
@media(max-width:430px){
  .state-grid{grid-template-columns:1fr!important}
  .guide-hero h1,.coverage-hero h1,.location-hero h1,.plan-hero h1,.plan-detail-hero h1{font-size:clamp(28px,9vw,38px)!important}
  .footer-simple-menu{max-width:100%!important}
}
/* === /WTT V134 UI POLISH PUBLIC PAGES + DASHBOARDS === */

/* === WTT V135 UI READABILITY + LOCATION AGENT SYNC === */
/* 1) Dashboard Affiliate: profile photo always above details on desktop and mobile */
body.dash-page .dashboard .affiliate-profile-mini,
.dashboard .profile-mini.panel.affiliate-profile-mini{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:16px!important;
  width:min(100%, 980px)!important;
  margin:18px auto 28px!important;
  padding:clamp(20px,3vw,30px)!important;
  border-radius:30px!important;
}
body.dash-page .affiliate-profile-mini .affiliate-profile-photo,
.dashboard .affiliate-profile-mini .affiliate-profile-photo{
  order:1!important;
  width:128px!important;
  height:128px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.dash-page .affiliate-profile-mini .affiliate-profile-photo img,
.dashboard .affiliate-profile-mini .affiliate-profile-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
body.dash-page .affiliate-profile-mini .affiliate-profile-details,
.dashboard .affiliate-profile-mini .affiliate-profile-details{
  order:2!important;
  width:100%!important;
  max-width:820px!important;
  margin:0 auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
body.dash-page .affiliate-profile-mini .agent-ecommerce,
.dashboard .affiliate-profile-mini .agent-ecommerce{
  width:100%!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.dash-page .affiliate-profile-mini .agent-ecommerce-icons,
.dashboard .affiliate-profile-mini .agent-ecommerce-icons{
  justify-content:center!important;
}

/* 2) Pelan page primary price: stronger contrast */
.plan-page-card.is-primary .price,
.plan-page-card.is-primary .plan-detail-price,
.plan-page-card.is-primary .plan-page-price{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:6px auto!important;
  padding:10px 16px!important;
  border-radius:18px!important;
  background:#ffffff!important;
  color:#8a0009!important;
  border:1px solid rgba(255,255,255,.72)!important;
  text-shadow:none!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18)!important;
}
.plan-page-card.is-primary p,
.plan-page-card.is-primary .plan-data-pill{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.28)!important;
}

/* 3) Coverage signal card text readability */
.coverage-signal-card p,
.coverage-signal-card .muted{
  color:#fff7ed!important;
  font-weight:800!important;
  line-height:1.55!important;
  text-shadow:0 2px 10px rgba(0,0,0,.30)!important;
}
.coverage-signal-card h2,
.coverage-signal-card .signal-icon{
  color:#ffffff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.28)!important;
}

/* 4) Lokasi directory cards synchronized with latest pro-agent UI */
.agent-card.pro-agent.directory-card.lokasi-card,
.agent-directory-cards .agent-card.pro-agent.lokasi-card{
  width:min(100%, 980px)!important;
  max-width:980px!important;
  margin:22px auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  padding:clamp(22px,3vw,34px)!important;
  text-align:center!important;
  border-radius:32px!important;
  background:radial-gradient(circle at 50% 0%, rgba(37,185,189,.10), transparent 40%),linear-gradient(180deg,#ffffff 0%,#f5ffff 100%)!important;
  border:1px solid #ffd8df!important;
  box-shadow:0 22px 55px rgba(15,23,42,.10)!important;
  overflow:hidden!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-photo-link,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-photo-link{
  order:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:156px!important;
  height:156px!important;
  flex:0 0 156px!important;
  padding:8px!important;
  border-radius:32px!important;
  background:#fff!important;
  border:1px solid #ffd8df!important;
  box-shadow:0 16px 38px rgba(37,185,189,.14)!important;
  overflow:hidden!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-photo-link img,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-photo-link img{
  width:140px!important;
  height:140px!important;
  max-width:140px!important;
  max-height:140px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:4px!important;
  border:0!important;
  border-radius:28px!important;
  box-shadow:none!important;
  background:transparent!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-content,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-content{
  order:2!important;
  width:100%!important;
  max-width:760px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .eyebrow,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .eyebrow{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 auto 8px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#ecfeff!important;
  color:#be0010!important;
  border:1px solid #99f6e4!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:center!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-links,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-links{
  justify-content:center!important;
  width:100%!important;
}
.agent-card.pro-agent.directory-card.lokasi-card .agent-wa-link,
.agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-wa-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#25b9bd,#168fd6)!important;
  color:#fff!important;
  font-weight:1000!important;
  box-shadow:0 12px 25px rgba(37,185,189,.22)!important;
}
@media(max-width:560px){
  body.dash-page .affiliate-profile-mini .affiliate-profile-photo,
  .dashboard .affiliate-profile-mini .affiliate-profile-photo,
  .agent-card.pro-agent.directory-card.lokasi-card .agent-photo-link,
  .agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-photo-link{
    width:126px!important;
    height:126px!important;
    flex-basis:126px!important;
  }
  .agent-card.pro-agent.directory-card.lokasi-card .agent-photo-link img,
  .agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-photo-link img{
    width:112px!important;
    height:112px!important;
  }
  .plan-page-card.is-primary .price,
  .plan-page-card.is-primary .plan-detail-price,
  .plan-page-card.is-primary .plan-page-price{
    width:100%!important;
  }
}
/* === /WTT V135 UI READABILITY + LOCATION AGENT SYNC === */



/* === WTT V136 LOKASI 2-ROW + BUYER INTENT SYNC === */
.lokasi-page .location-filter,
.lokasi-page .location-results,
.lokasi-page .auto-location-box{
  overflow:hidden!important;
  text-align:center!important;
}
.lokasi-page .lokasi-eyebrow-clean,
.lokasi-page .location-filter .eyebrow,
.lokasi-page .lokasi-state-head .eyebrow,
.lokasi-page .lokasi-results-head .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:#ecfeff!important;
  border:1px solid #99f6e4!important;
  color:#be0010!important;
  line-height:1.28!important;
  white-space:normal!important;
  text-align:center!important;
}
.lokasi-page .lokasi-eyebrow-clean::before,
.lokasi-page .lokasi-eyebrow-clean::after,
.lokasi-page .location-filter .eyebrow::before,
.lokasi-page .location-filter .eyebrow::after,
.lokasi-page .lokasi-state-head .eyebrow::before,
.lokasi-page .lokasi-state-head .eyebrow::after,
.lokasi-page .lokasi-results-head .eyebrow::before,
.lokasi-page .lokasi-results-head .eyebrow::after,
.lokasi-page .state-grid::before,
.lokasi-page .state-grid::after,
.lokasi-page .state-card::before,
.lokasi-page .state-card::after,
.lokasi-page .location-filter::before,
.lokasi-page .location-filter::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.lokasi-page .state-grid.state-icon-grid{
  width:min(100%,1180px)!important;
  margin:22px auto 0!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.lokasi-page .state-card{
  min-width:0!important;
  width:100%!important;
  border:1px solid #ecfeff!important;
  background:linear-gradient(180deg,#fff,#fff9f9)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  color:#111827!important;
}
.lokasi-page .state-card:hover,
.lokasi-page .state-card.active{
  border-color:#25b9bd!important;
  box-shadow:0 20px 46px rgba(37,185,189,.14)!important;
  transform:translateY(-2px)!important;
}
.lokasi-page .state-icon{
  font-size:24px!important;
  line-height:1!important;
}
.lokasi-page .state-name{
  display:block!important;
  max-width:100%!important;
  font-weight:1000!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
}
.lokasi-page .state-card small{
  display:block!important;
  margin-top:6px!important;
  color:#be0010!important;
  font-weight:950!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.lokasi-page .lokasi-search{
  width:min(100%,900px)!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:10px!important;
  margin-top:20px!important;
  margin-bottom:22px!important;
  padding:10px!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 14px 36px rgba(15,23,42,.07)!important;
}
.lokasi-page .lokasi-search input[type="search"]{
  min-height:46px!important;
  padding:10px 14px!important;
  border-radius:15px!important;
  font-size:15px!important;
  font-weight:800!important;
}
.lokasi-page .lokasi-search .btn{
  min-height:46px!important;
  padding:10px 16px!important;
  border-radius:15px!important;
}
.lokasi-page .agent-card.pro-agent.directory-card.lokasi-card .agent-links,
.lokasi-page .agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-links{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
}
.lokasi-page .agent-card.pro-agent.directory-card.lokasi-card .agent-register-link,
.lokasi-page .agent-directory-cards .agent-card.pro-agent.lokasi-card .agent-register-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
  font-weight:1000!important;
  box-shadow:0 12px 25px rgba(17,24,39,.18)!important;
}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce{
  width:100%!important;
  max-width:680px!important;
  margin:16px auto 0!important;
  padding:16px!important;
  border-radius:22px!important;
  background:#ffffff!important;
  border:1px solid #ecfeff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
  text-align:center!important;
}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-title{
  justify-content:center!important;
  color:#111827!important;
}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-sub{
  color:#4b5563!important;
  font-weight:800!important;
  margin:6px auto 12px!important;
}
.lokasi-page .agent-ecommerce.lokasi-agent-ecommerce .agent-ecommerce-icons{
  justify-content:center!important;
  gap:9px!important;
}
@media(min-width:1025px){
  .lokasi-page .state-grid.state-icon-grid{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .lokasi-page .state-card{
    min-height:112px!important;
    padding:14px 8px!important;
  }
}
@media(min-width:721px) and (max-width:1024px){
  .lokasi-page .state-grid.state-icon-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:720px){
  .lokasi-page .location-filter,
  .lokasi-page .location-results,
  .lokasi-page .auto-location-box{
    width:100%!important;
    max-width:100%!important;
  }
  .lokasi-page .state-grid.state-icon-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .lokasi-page .state-card{
    min-height:96px!important;
    padding:12px 8px!important;
    border-radius:20px!important;
  }
  .lokasi-page .lokasi-search{
    width:100%!important;
    max-width:420px!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:20px!important;
  }
  .lokasi-page .lokasi-search input[type="search"]{
    min-height:42px!important;
    padding:9px 12px!important;
    font-size:14px!important;
    border-radius:13px!important;
  }
  .lokasi-page .lokasi-search .btn{
    width:100%!important;
    min-height:42px!important;
    padding:9px 12px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  .lokasi-page .lokasi-eyebrow-clean,
  .lokasi-page .location-filter .eyebrow,
  .lokasi-page .lokasi-state-head .eyebrow,
  .lokasi-page .lokasi-results-head .eyebrow{
    font-size:10.5px!important;
    letter-spacing:.055em!important;
    padding:7px 10px!important;
  }
}
@media(max-width:380px){
  .lokasi-page .state-grid.state-icon-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .lokasi-page .state-card small{font-size:10px!important;}
  .lokasi-page .state-name{font-size:13px!important;}
}
/* === /WTT V136 LOKASI 2-ROW + BUYER INTENT SYNC === */

/* V137 affiliate landing + lokasi sync */
.affiliate-landing-page .site-header,.lokasi-page .site-header{isolation:isolate}.affiliate-free-main{background:#f8fafc;min-height:78vh;overflow:hidden}.affiliate-free-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:center;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:64px 0 42px}.affiliate-free-copy,.affiliate-free-preview,.affiliate-free-benefits .affiliate-free-grid article,.affiliate-step-row article,.affiliate-free-cta-box{background:#fff;border:1px solid #ecfeff;border-radius:30px;box-shadow:0 22px 55px rgba(15,23,42,.08)}.affiliate-free-copy{padding:34px}.affiliate-free-eyebrow{display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0 0 10px;padding:8px 13px;border-radius:999px;background:#ecfeff;border:1px solid #99f6e4;color:#be0010}.affiliate-free-copy h1{font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:-.05em;margin:8px 0 16px;color:#111827}.affiliate-free-copy p{font-size:clamp(16px,1.7vw,20px);color:#4b5563;max-width:760px}.affiliate-free-preview{position:relative;min-height:390px;padding:32px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:radial-gradient(circle at 20% 0,#ffe4e6,transparent 34%),linear-gradient(145deg,#fff,#fff8f8)}.preview-badge{display:inline-flex;align-self:center;margin-bottom:18px;border-radius:999px;background:#111827;color:#fff;font-weight:1000;letter-spacing:.14em;font-size:11px;padding:9px 13px}.affiliate-free-preview h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 12px;color:#111827}.preview-url{display:inline-flex;align-items:center;justify-content:center;gap:3px;margin:0 auto 22px;padding:12px 15px;border-radius:18px;background:#fff;border:1px solid #99f6e4;color:#be0010;font-weight:900;max-width:100%;overflow-wrap:anywhere}.preview-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-points span{background:#fff;border:1px solid #ecfeff;border-radius:18px;padding:12px;font-weight:900;color:#111827;box-shadow:0 12px 28px rgba(15,23,42,.05)}.affiliate-free-benefits,.affiliate-free-steps{background:#f8fafc}.affiliate-free-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1180px,100%);margin:0 auto}.affiliate-free-grid article,.affiliate-step-row article{padding:24px;text-align:center;min-height:0}.affiliate-free-grid article span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:16px;background:#25b9bd;color:#fff;font-weight:1000;margin-bottom:10px}.affiliate-free-grid article h3,.affiliate-step-row article h3{margin:8px 0 8px;color:#111827;font-size:22px;line-height:1.15}.affiliate-free-grid article p,.affiliate-step-row article p{color:#4b5563;margin:0}.affiliate-step-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1080px,100%);margin:0 auto 26px}.affiliate-step-row article b{display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:18px;background:#111827;color:#fff;font-size:24px}.affiliate-free-cta-box{width:min(1080px,100%);margin:26px auto 0;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff,#ecfeff)}.affiliate-free-cta-box h2{margin:0 0 6px;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em}.affiliate-free-cta-box p{margin:0;color:#4b5563}.lokasi-page p.eyebrow::before,.lokasi-page p.eyebrow::after,.lokasi-page .agent-card.pro-agent p.eyebrow::before,.lokasi-page .agent-card.pro-agent p.eyebrow::after,.lokasi-page .agent-card.pro-agent .eyebrow::before,.lokasi-page .agent-card.pro-agent .eyebrow::after{content:none!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}.lokasi-page .state-grid.state-icon-grid{grid-auto-flow:row!important}.lokasi-page .location-filter .section-head,.lokasi-page .lokasi-state-head,.lokasi-page .lokasi-results-head{max-width:860px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}.lokasi-page .state-grid.state-icon-grid .state-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.lokasi-page .state-card .state-name{min-height:32px;display:flex!important;align-items:center!important;justify-content:center!important}.lokasi-page .location-results .agent-directory-cards{width:min(100%,980px)!important;margin-left:auto!important;margin-right:auto!important}.lokasi-page .lokasi-search{margin-left:auto!important;margin-right:auto!important}.lokasi-page .lokasi-card{margin-left:auto!important;margin-right:auto!important}.kelebihan-section .section-head h2{max-width:840px;margin-left:auto;margin-right:auto}.kelebihan-section .section-head p{max-width:840px;margin-left:auto;margin-right:auto}@media(min-width:1025px){.lokasi-page .state-grid.state-icon-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(100px,auto))!important}.lokasi-page .state-grid.state-icon-grid .state-card{height:100%!important}.affiliate-free-main .page-agent-card{padding-top:24px}}@media(max-width:920px){.affiliate-free-hero,.affiliate-free-grid,.affiliate-step-row{grid-template-columns:1fr}.affiliate-free-hero{width:min(100% - 24px,680px);padding:34px 0 28px}.affiliate-free-copy,.affiliate-free-preview{padding:24px;border-radius:24px}.affiliate-free-cta-box{display:block;text-align:center}.affiliate-free-cta-box .cta-row{justify-content:center}.preview-points{grid-template-columns:1fr}.affiliate-free-actions .btn{width:100%}.affiliate-free-grid,.affiliate-step-row{width:min(100%,680px)}}@media(max-width:560px){.affiliate-free-copy h1{font-size:34px}.affiliate-free-preview{min-height:auto}.affiliate-free-grid article,.affiliate-step-row article{padding:20px}.lokasi-page .state-card .state-name{min-height:0}.lokasi-page .lokasi-search{max-width:360px!important}.lokasi-page .lokasi-search input[type="search"]{max-height:42px!important}.lokasi-page .lokasi-search .btn{max-height:42px!important}}
/* V139 landing cleanup + mobile menu full view */
.site-header,.footer,.section,.panel,.hero,.seo-article-main,.lokasi-page main{overflow-wrap:anywhere}
.agent-directory-cards,.keyword-cluster-grid,.plan-grid,.benefit-grid{min-width:0}
.agent-card,.state-card,.panel,.phone-card{max-width:100%}
@media(min-width:1025px){.lokasi-page .state-grid.state-icon-grid{grid-template-columns:repeat(8,minmax(92px,1fr))!important;grid-auto-rows:minmax(96px,auto)!important;align-items:stretch!important}.lokasi-page .state-grid.state-icon-grid .state-card{min-width:0!important;overflow:hidden!important}}
@media(max-width:920px){.site-header{max-width:100vw!important;overflow:visible!important}.site-header .main-nav,.main-nav{display:grid!important;width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;justify-content:center!important;align-items:stretch!important;overflow:visible!important;overflow-x:hidden!important;flex:1 1 100%!important;padding:6px 0 2px!important}.site-header .main-nav .header-icon-link,.main-nav .header-icon-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;width:100%!important;min-height:38px!important;padding:8px 7px!important;border-radius:14px!important;background:#fff!important;border:1px solid #ecfeff!important;box-shadow:0 8px 18px rgba(15,23,42,.05)!important;font-size:12px!important;line-height:1.1!important;text-align:center!important;white-space:normal!important}.site-header .main-nav .header-icon,.main-nav .header-icon{font-size:14px!important;line-height:1!important}.site-header .main-nav .header-icon-link span:last-child,.main-nav .header-icon-link span:last-child{display:inline!important;overflow-wrap:normal!important;word-break:keep-all!important}.auth-header{max-width:100%;overflow:visible!important;overflow-x:hidden!important}.lokasi-page .lokasi-search{width:min(100%,340px)!important}.lokasi-page .lokasi-search input[type="search"]{font-size:15px!important;padding:10px 12px!important}}
@media(max-width:380px){.site-header .main-nav,.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-header .main-nav .header-icon-link,.main-nav .header-icon-link{font-size:11.5px!important;padding:8px 6px!important}}


/* === WTT V140 SIM CARD IMAGE + SEARCH ENGINE INDEXING + RESPONSIVE AUDIT PATCH === */
:root{--wtt-container:1440px;--wtt-red:#25b9bd;--wtt-dark:#09090b;}
html,body{max-width:100%;overflow-x:hidden;}
body{background:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
main,.site-header,.footer{width:100%;max-width:var(--wtt-container);margin-left:auto!important;margin-right:auto!important;}
main{isolation:isolate;}
.section,.hero,.tanyabox,.agent-info,.dashboard,.auth{max-width:100%;overflow:hidden;}
img,svg,video,canvas,iframe{max-width:100%;height:auto;}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.phone-card-section-v129 .phone-card-v129{grid-template-columns:minmax(300px,460px) minmax(0,1fr)!important;align-items:center!important;}
.phone-card-v129 .sim-card.sim-card-v140{display:block!important;width:100%!important;max-width:460px!important;margin:0 auto!important;aspect-ratio:920/706!important;height:auto!important;min-height:0!important;padding:0!important;border-radius:28px!important;background-color:#071626!important;background-image:image-set(url('/assets/wantopup-app-preview.jpg') type('image/webp'),url('/assets/og-cover.svg') type('image/png'))!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:0 22px 55px rgba(37,185,189,.22), inset 0 0 0 1px rgba(255,255,255,.20)!important;transform:translateZ(0);}
.phone-card-v129 .sim-card.sim-card-v140 b,.phone-card-v129 .sim-card.sim-card-v140 small{display:none!important;}
.phone-card-v129 .phone-card-copy{align-self:center!important;}
.phone-card-v129 .phone-card-copy p{max-width:680px!important;}
.header-icon-link,.auth-header a,.btn,.ecommerce-icon-link{touch-action:manipulation;}
.hero.hero-v129,.landing .hero{margin-left:auto!important;margin-right:auto!important;}
.hero.hero-v129 h1,.section h2,.phone-card-v129 h2,.business h2,.tanyabox h2{overflow-wrap:break-word;word-break:normal;}
.agent-card.pro-agent,.support-agent-card{width:min(100%,1050px)!important;margin-left:auto!important;margin-right:auto!important;}
.wtt-share-box,.agent-ecommerce,.agent-links{max-width:100%;}
@media (min-width:921px){.site-header{align-items:center!important}.main-nav{min-width:0!important;}.auth-header{min-width:max-content!important}.phone-card-section-v129 .phone-card-v129{min-height:380px!important}.phone-card-v129 .sim-card.sim-card-v140{justify-self:center!important}.landing .tanyabox{width:min(100% - 10vw,1120px)!important;margin-left:auto!important;margin-right:auto!important;}}
@media (max-width:920px){.site-header{padding:10px 12px!important;gap:8px!important}.brand{width:100%!important;justify-content:center!important}.brand-logo-img{max-height:42px!important}.auth-header{width:100%!important;justify-content:center!important;flex-wrap:wrap!important}.auth-header a{flex:1 1 150px!important;min-width:0!important}.site-header .main-nav,.main-nav{order:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.phone-card-section-v129 .phone-card-v129{width:min(100%,680px)!important;grid-template-columns:1fr!important;justify-items:center!important}.phone-card-v129 .sim-card.sim-card-v140{width:min(100%,520px)!important;border-radius:24px!important}.phone-card-v129 .phone-card-copy{text-align:center!important;width:100%!important}.tanyabox{width:min(100% - 24px,680px)!important;margin-left:auto!important;margin-right:auto!important}}
@media (max-width:480px){.phone-card-v129 .sim-card.sim-card-v140{width:100%!important;border-radius:20px!important}.phone-card-section-v129 .phone-card-v129{padding:14px!important}.site-header .main-nav,.main-nav{gap:5px!important}.site-header .main-nav .header-icon-link,.main-nav .header-icon-link{font-size:11.5px!important;min-height:36px!important;padding:7px 5px!important}.auth-header a{font-size:12px!important;padding:9px 10px!important}.wa-float-v30{left:12px!important;right:12px!important;bottom:12px!important;justify-content:center!important}}
/* === /WTT V140 SIM CARD IMAGE + SEARCH ENGINE INDEXING + RESPONSIVE AUDIT PATCH === */

/* === WTT V141 GLOBAL RESPONSIVE WIDTH SYNC + OVERLAP FIX ===
   Tujuan: samakan width section, kemaskan mobile/desktop, dan elak horizontal overlap.
   Fokus: landing page, folder SEO, /pelan, /lokasi, /panduan, /liputan, dashboard affiliate/admin.
*/
:root{
  --wtt-page-max:1180px;
  --wtt-page-wide:1280px;
  --wtt-edge:clamp(14px,3.2vw,36px);
  --wtt-card-radius:clamp(20px,2.2vw,32px);
  --wtt-safe-bg:#ffffff;
  --wtt-soft-bg:#f5ffff;
  --wtt-border:#e5e7eb;
}
html{width:100%;max-width:100%;overflow-x:hidden!important;}
body{width:100%;max-width:100%;overflow-x:hidden!important;}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas,iframe,embed,object{max-width:100%!important;height:auto;}
iframe,ins,.ad-slot>*{max-width:100%!important;}
input,textarea,select,button{max-width:100%;}
a,button,input,select,textarea{min-width:0;}

/* Page shell: biar background full, content tetap center dan sama width */
main{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important;}
.site-header,.footer{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;}
.section,.hero,.dashboard,.auth,.agent-info,.business,.faq,.plans,.phone-card-section,.coverage-main>section,.plan-main>section,.lokasi-main>section,.seo-article-main>article,.seo-article-main>.support-agent-card,.page-agent-card,.bottom-agent,.tanyabox{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.section,.hero,.dashboard,.auth,.agent-info,.business,.plans,.phone-card-section{padding-left:var(--wtt-edge)!important;padding-right:var(--wtt-edge)!important;}

/* Semua content utama dalam section disamakan container */
.section-head,
.section>.section-head,
.hero>.hero-copy,
.phone-card-section .phone-card,
.plan-slider-wrap,
.pricing-table,
.benefit-grid,
.grid3,.grid4,
.seo-ai-grid,.seo-ai-keywords,
.business>* ,
.faq details,
.tanyabox,
.agent-card.pro-agent,
.support-agent-card,
.page-agent-card .agent-card.pro-agent,
.bottom-agent .agent-card.pro-agent,
.coverage-hero,
.coverage-visual-strip,
.coverage-checker,
.coverage-info,
.coverage-cta,
.plan-hero,
.plan-visual-strip,
.plan-page-grid,
.plan-note-box,
.location-hero,
.location-visual-strip,
.auto-location-box,
.location-filter,
.location-results,
.affiliate-action-strip,
.stat-grid,
.dashboard>.panel,
.dashboard>.dash-head,
.seo-article.panel,
.hub-v123-panel,
.keyword-cluster-grid,
.wtt-share-box{
  width:min(100%,var(--wtt-page-max))!important;
  max-width:var(--wtt-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.panel.wide,.auth-card.wide,.dashboard>.panel.wide,.coverage-visual-strip.panel.wide,.location-visual-strip.panel.wide,.auto-location-box.panel.wide,.location-filter.panel.wide,.location-results.panel.wide{width:min(100%,var(--wtt-page-max))!important;max-width:var(--wtt-page-max)!important;}

/* Landing hero v141: zip v140 ada hero grid 2 kolum tetapi hanya 1 content, jadi centerkan */
body.landing .hero.hero-v129,
body.landing .hero{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  min-height:auto!important;
  padding-top:clamp(42px,7vw,84px)!important;
  padding-bottom:clamp(38px,6vw,72px)!important;
}
body.landing .hero .hero-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;max-width:1080px!important;}
body.landing .hero h1{max-width:1040px!important;margin-left:auto!important;margin-right:auto!important;}
body.landing .hero .sub,body.landing .seo-hero-copy,body.landing .sim-price-line{max-width:880px!important;margin-left:auto!important;margin-right:auto!important;}
body.landing .hero-buyer-offer{width:min(100%,900px)!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
.cta-row,.hero-buttons,.plan-hero-actions,.checker-actions,.affiliate-free-actions,.auto-location-actions{justify-content:center!important;align-items:center!important;}

/* Cards / grids: auto-fit untuk elak overlap dan width tak sama */
.grid4,.grid3,.seo-ai-grid,.benefit-grid,.coverage-grid,.plan-page-grid,.keyword-cluster-grid,.affiliate-action-strip,.location-visual-strip,.coverage-visual-strip,.plan-visual-strip,.stat-grid,.dash-kpi-grid,.affiliate-free-grid,.affiliate-step-row{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
  align-items:stretch!important;
}
.grid4>*,.grid3>*,.seo-ai-grid>*,.benefit-grid>*,.coverage-grid>*,.plan-page-grid>*,.keyword-cluster-grid>*,.visual-card,.stat-grid>*,.dash-kpi-card,article,.panel,.phone-card,.agent-card,.support-agent-card{min-width:0!important;overflow-wrap:anywhere!important;word-break:normal!important;}
article,.panel,.phone-card,.agent-card,.support-agent-card,.visual-card,.state-card,.plan-card,.shop-plan,.price-card{border-radius:var(--wtt-card-radius)!important;}

/* Plan slider/table: horizontal scroll hanya di track, bukan seluruh body */
.plan-slider-wrap{overflow:hidden!important;}
.plan-slider{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;padding-bottom:10px!important;}
.plan-slider .pricing-table,.pricing-table.plan-track{width:max-content!important;max-width:none!important;min-width:100%!important;margin-left:0!important;margin-right:0!important;display:flex!important;gap:16px!important;align-items:stretch!important;}
.plan-slider .shop-plan,.pricing-table.plan-track .shop-plan{width:clamp(278px,30vw,360px)!important;min-width:clamp(278px,30vw,360px)!important;max-width:360px!important;scroll-snap-align:start!important;}
.plan-slider-head{width:100%!important;max-width:var(--wtt-page-max)!important;margin-left:auto!important;margin-right:auto!important;}

/* Forms: supaya input/button tidak melebar/bertindih */
.tanyabox{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:clamp(16px,2.6vw,28px)!important;align-items:center!important;}
.tanyabox form,.lead-form,.tanya-form,.searchbar,.ecommerce-form-grid{min-width:0!important;max-width:100%!important;}
.tanyabox form{grid-template-columns:repeat(2,minmax(0,1fr)) auto!important;}
.tanyabox form textarea,.tanyabox form .full{grid-column:1/-1!important;}
.searchbar{width:100%!important;max-width:980px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) auto auto!important;}
.searchbar input,.searchbar select{min-width:0!important;}
.ecommerce-form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;}

/* Header: menu mobile tidak scroll dan semua nampak */
.site-header{overflow:visible!important;}
.brand,.main-nav,.auth-header{min-width:0!important;}
.main-nav{flex-wrap:wrap!important;justify-content:center!important;}
.header-icon-link span:last-child{min-width:0!important;}
.auth-header{display:flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;}
.auth-header a{min-width:0!important;white-space:normal!important;text-align:center!important;}

/* Agent card + share box: content center dan tidak pecah mobile */
.agent-card.pro-agent,.support-agent-card,.page-agent-card .agent-card.pro-agent,.bottom-agent .agent-card.pro-agent{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px!important;}
.agent-card.pro-agent .agent-photo-link,.support-agent-card .agent-photo-link{flex:0 0 auto!important;}
.agent-card.pro-agent .agent-links,.agent-card.pro-agent .cta-row,.support-agent-card .agent-links,.support-agent-card .cta-row,.wtt-share-actions,.agent-ecommerce-icons{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;}
.agent-card.pro-agent .agent-links a,.support-agent-card .agent-links a,.wtt-share-actions a,.wtt-share-actions button{min-width:min(100%,180px)!important;}
.wtt-share-box{padding:clamp(18px,2.5vw,28px)!important;text-align:center!important;}

/* Lokasi: negeri kekal 2 row desktop, mobile auto kemas */
.lokasi-page .state-grid.state-icon-grid{width:min(100%,var(--wtt-page-max))!important;margin-left:auto!important;margin-right:auto!important;gap:12px!important;}
@media(min-width:1025px){
  .lokasi-page .state-grid.state-icon-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(96px,auto))!important;}
  .lokasi-page .state-grid.state-icon-grid .state-card{min-width:0!important;}
}
@media(max-width:1024px){
  .lokasi-page .state-grid.state-icon-grid{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important;}
}

/* Tables: biar scroll dalam wrapper sahaja */
.table-wrap,.admin-table-wrap,.member-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;}
table{max-width:none!important;}
th,td{overflow-wrap:anywhere!important;}

/* SEO folder articles: satu width, teks mudah baca */
.seo-article-main{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--wtt-edge)!important;padding-right:var(--wtt-edge)!important;overflow:hidden!important;}
.seo-article.panel,.hub-v123-panel{padding:clamp(22px,3vw,38px)!important;}
.seo-article h1,.seo-article h2,.seo-article h3{max-width:100%!important;overflow-wrap:break-word!important;}
.seo-article p,.seo-article li{max-width:78ch!important;}
.seo-article .lead{max-width:70ch!important;}

/* Desktop polish */
@media(min-width:921px){
  .phone-card-section .phone-card{display:grid!important;grid-template-columns:minmax(280px,440px) minmax(0,1fr)!important;gap:clamp(20px,3vw,42px)!important;}
  .phone-card-section .phone-card-copy{text-align:left!important;}
  .business{grid-template-columns:1fr!important;}
  .business>*{width:min(100%,var(--wtt-page-max))!important;}
  .dashboard>.dash-head{display:flex!important;justify-content:space-between!important;align-items:center!important;}
}

/* Mobile sync */
@media(max-width:920px){
  :root{--wtt-edge:14px;}
  .site-header{display:flex!important;flex-direction:column!important;align-items:center!important;padding:10px 12px!important;gap:8px!important;}
  .brand{width:100%!important;justify-content:center!important;}
  .site-header .main-nav,.main-nav{display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;order:3!important;}
  .site-header .main-nav .header-icon-link,.main-nav .header-icon-link{width:100%!important;min-width:0!important;padding:8px 5px!important;min-height:38px!important;font-size:11.7px!important;line-height:1.1!important;}
  .auth-header{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .auth-header a{width:100%!important;padding:9px 8px!important;font-size:12px!important;}
  .section,.hero,.dashboard,.auth,.agent-info,.business,.plans,.phone-card-section,.seo-article-main{padding-left:14px!important;padding-right:14px!important;}
  .hero h1{font-size:clamp(32px,10vw,48px)!important;line-height:1.02!important;letter-spacing:-.035em!important;}
  .section h2,.business h2,.tanyabox h2{font-size:clamp(26px,8vw,38px)!important;line-height:1.08!important;}
  .cta-row,.hero-buttons,.plan-hero-actions,.checker-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important;}
  .cta-row .btn,.hero-buttons .btn,.plan-hero-actions .btn,.checker-actions .btn{width:100%!important;}
  .phone-card-section .phone-card,.tanyabox{grid-template-columns:1fr!important;width:100%!important;max-width:680px!important;}
  .phone-card-section .phone-card-copy,.tanyabox{text-align:center!important;}
  .tanyabox form{grid-template-columns:1fr!important;}
  .searchbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-width:520px!important;}
  .searchbar .btn,.searchbar button,.searchbar a{width:100%!important;}
  .plan-slider .shop-plan,.pricing-table.plan-track .shop-plan{width:min(82vw,340px)!important;min-width:min(82vw,340px)!important;}
  .dashboard>.dash-head{text-align:center!important;display:block!important;}
  .dashboard>.dash-head .cta-row{margin-top:16px!important;}
  .footer{display:block!important;text-align:center!important;padding-left:16px!important;padding-right:16px!important;}
  .footer-simple-menu{justify-content:center!important;}
}
@media(max-width:420px){
  .site-header .main-nav,.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .site-header .main-nav .header-icon-link,.main-nav .header-icon-link{font-size:11.2px!important;}
  .auth-header{grid-template-columns:1fr!important;}
  .agent-ecommerce-icons{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .agent-ecommerce-icons .ecommerce-icon-link{width:100%!important;}
}
/* === /WTT V141 GLOBAL RESPONSIVE WIDTH SYNC + OVERLAP FIX === */


/* === WTT V142 PAGE SECTION WIDTH SYNCHRONIZE + INFO ANCHOR PATCH ===
   Fokus: /panduan tidak terlalu lebar/kecil, landing #info betul, dan semua page utama guna container desktop yang sama.
*/
:root{
  --wtt-page-max:1180px;
  --wtt-readable-max:920px;
  --wtt-edge:clamp(14px,3.2vw,36px);
}
html,body{max-width:100%!important;overflow-x:hidden!important;}
body{min-width:320px;}
main,.site-header,.footer{box-sizing:border-box;}

/* Page shell: background boleh penuh, tetapi content section kekal satu saiz seperti landing page */
body.guide-page main.guide-main,
body.coverage-page main.coverage-main,
body.lokasi-page main.lokasi-main,
body.agents-page main.lokasi-main,
body.affiliate-landing-page main.affiliate-free-main,
body.landing main{
  width:100%!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wtt-edge)!important;
  padding-right:var(--wtt-edge)!important;
  overflow:hidden!important;
}

/* Uniform section width: elak /panduan terlebih besar dan elak page lain terlalu kecil */
body.guide-page .guide-main > section,
body.coverage-page .coverage-main > section,
body.lokasi-page .lokasi-main > section,
body.agents-page .lokasi-main > section,
body.affiliate-landing-page .affiliate-free-main > section,
.section,
.hero,
.tanyabox,
.agent-info,
.page-agent-card,
.dashboard > .panel,
.dashboard > .dash-head,
.dashboard > .success,
.dashboard > .alert,
.auth > .panel,
.auth > .auth-card{
  width:min(100%,var(--wtt-page-max))!important;
  max-width:var(--wtt-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* /panduan desktop sync: semua section sama lebar seperti landing, bukan stretch raw mengikut main */
body.guide-page .guide-main{padding-top:clamp(26px,3vw,42px)!important;padding-bottom:clamp(48px,5vw,76px)!important;}
body.guide-page .guide-hero,
body.guide-page .guide-visual-strip.panel.wide,
body.guide-page .guide-steps,
body.guide-page .guide-note{
  width:min(100%,var(--wtt-page-max))!important;
  max-width:var(--wtt-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.guide-page .guide-hero{padding:clamp(30px,4vw,48px)!important;}
body.guide-page .guide-visual-strip.panel.wide{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
  align-items:stretch!important;
  padding:clamp(18px,2.4vw,28px)!important;
}
body.guide-page .guide-steps{padding-top:clamp(42px,5vw,62px)!important;padding-bottom:clamp(34px,4vw,48px)!important;}
body.guide-page .guide-note{padding:clamp(24px,3vw,34px)!important;}
body.guide-page .guide-grid{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:clamp(14px,2vw,22px)!important;
}

/* Baca lebih kemas: heading/paragraph jangan terlalu melebar di desktop */
.section-head,
body.guide-page .guide-hero h1,
body.guide-page .guide-hero p,
body.coverage-page .coverage-hero-copy,
body.lokasi-page .location-hero > div:first-child,
body.landing #info .section-head{
  max-width:var(--wtt-readable-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.landing #info{scroll-margin-top:110px!important;}
body.landing #info .seo-ai-keywords{max-width:var(--wtt-page-max)!important;}

/* Coverage/lokasi/affiliate visual strip turut ikut width yang sama */
.coverage-visual-strip.panel.wide,
.location-visual-strip.panel.wide,
.plan-visual-strip.panel.wide,
.affiliate-action-strip.panel.wide,
.auto-location-box.panel.wide,
.location-filter.panel.wide,
.location-results.panel.wide{
  width:min(100%,var(--wtt-page-max))!important;
  max-width:var(--wtt-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Anti-overlap audit: child besar tidak boleh pecahkan section */
.section > *,
.hero > *,
.guide-main > section > *,
.coverage-main > section > *,
.lokasi-main > section > *,
.affiliate-free-main > section > *,
.visual-card,
.guide-card,
.coverage-card,
.state-card,
.panel,
article{
  min-width:0!important;
  max-width:100%;
  overflow-wrap:anywhere!important;
}

@media(min-width:921px){
  body.guide-page .guide-main > section + section,
  body.coverage-page .coverage-main > section + section,
  body.lokasi-page .lokasi-main > section + section{
    margin-top:clamp(22px,2.4vw,34px)!important;
  }
}
@media(max-width:920px){
  :root{--wtt-edge:14px;}
  body.guide-page main.guide-main,
  body.coverage-page main.coverage-main,
  body.lokasi-page main.lokasi-main,
  body.agents-page main.lokasi-main,
  body.affiliate-landing-page main.affiliate-free-main,
  body.landing main{padding-left:14px!important;padding-right:14px!important;}
  body.guide-page .guide-main > section,
  body.coverage-page .coverage-main > section,
  body.lokasi-page .lokasi-main > section,
  body.agents-page .lokasi-main > section,
  body.affiliate-landing-page .affiliate-free-main > section,
  .section,.hero,.tanyabox,.agent-info,.page-agent-card{
    width:100%!important;
    max-width:100%!important;
  }
  body.guide-page .guide-hero,
  body.guide-page .guide-visual-strip.panel.wide,
  body.guide-page .guide-steps,
  body.guide-page .guide-note{
    width:100%!important;
    max-width:100%!important;
  }
  body.guide-page .guide-hero{padding:28px 18px!important;border-radius:26px!important;}
  body.guide-page .guide-visual-strip.panel.wide{grid-template-columns:1fr!important;}
  body.guide-page .guide-note{border-radius:24px!important;}
  body.landing #info{scroll-margin-top:170px!important;}
}
@media(max-width:420px){
  body.guide-page .guide-hero{padding:24px 16px!important;}
  body.guide-page .guide-grid{grid-template-columns:1fr!important;}
}
/* === /WTT V142 PAGE SECTION WIDTH SYNCHRONIZE + INFO ANCHOR PATCH === */


/* === WTT V144 SITE-HEADER WIDTH SYNC + CLEAN SECTION SHELL ===
   Fokus: semua section desktop ikut lebar site-header supaya landing, /panduan, /liputan,
   /lokasi, /pelan, affiliate dan dashboard tidak nampak besar/kecil berbeza.
*/
:root{
  --wtt-v144-shell:1440px;
  --wtt-v144-inner:1320px;
  --wtt-v144-readable:920px;
  --wtt-v144-edge:clamp(16px,5vw,72px);
  --wtt-v144-gap:clamp(16px,2vw,28px);
}
html,body{max-width:100%!important;overflow-x:hidden!important;}
body{min-width:320px!important;}
*,*::before,*::after{box-sizing:border-box;}

/* Header dan semua page-shell guna ukuran outer yang sama */
.site-header,
.footer,
body.landing main,
main.guide-main,
main.coverage-main,
main.lokasi-main,
main.affiliate-free-main,
main.pelan-main,
main.notfound-main,
.dashboard,
.auth{
  width:min(100%,var(--wtt-v144-shell))!important;
  max-width:var(--wtt-v144-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.site-header{
  padding-left:var(--wtt-v144-edge)!important;
  padding-right:var(--wtt-v144-edge)!important;
}

/* Section desktop sama lebar dengan site-header, bukan 1180px sahaja */
.hero,
.section,
.business,
.plans,
.tanyabox,
.agent-info,
.page-agent-card,
.footer,
main.guide-main > section,
main.coverage-main > section,
main.lokasi-main > section,
main.affiliate-free-main > section,
main.pelan-main > section,
main.notfound-main > section,
.coverage-visual-strip.panel.wide,
.location-visual-strip.panel.wide,
.plan-visual-strip.panel.wide,
.affiliate-action-strip.panel.wide,
.auto-location-box.panel.wide,
.location-filter.panel.wide,
.location-results.panel.wide,
.dashboard > .panel,
.dashboard > .dash-head,
.dashboard > .success,
.dashboard > .alert,
.auth > .panel,
.auth > .auth-card,
.seo-article-main,
.seo-article,
.seo-rank-booster.panel{
  width:min(100%,var(--wtt-v144-shell))!important;
  max-width:var(--wtt-v144-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--wtt-v144-edge)!important;
  padding-right:var(--wtt-v144-edge)!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* Content dalam section ikut ruang header; heading/FAQ masih readable */
.hero > *,
.section > *:not(.section-head):not(details),
.business > *,
.tanyabox > *,
.agent-info > *,
.page-agent-card > *,
main.guide-main > section > *,
main.coverage-main > section > *,
main.lokasi-main > section > *,
main.affiliate-free-main > section > *,
main.pelan-main > section > *,
.coverage-grid,
.guide-grid,
.location-grid,
.state-grid,
.seo-ai-grid,
.kelebihan-grid,
.plan-slider-wrap,
.plan-pages-cta,
.plans-note,
.pricing-table,
.plan-track,
.visual-strip,
.checker-card,
.location-results-list,
.agent-list,
.table-wrap{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.section-head,
.faq details,
.guide-main .section-head,
.coverage-main .section-head,
.lokasi-main .section-head,
.seo-article .section-head{
  width:min(100%,var(--wtt-v144-readable))!important;
  max-width:var(--wtt-v144-readable)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Grid/cards responsive desktop sync: tidak terlalu kecil, tidak overflow */
.grid3,.grid4,.stat-grid,.form-grid,.seo-ai-grid,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points{
  display:grid!important;
  gap:var(--wtt-v144-gap)!important;
  width:100%!important;
  min-width:0!important;
}
.grid4,.kelebihan-grid,.coverage-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;}
.grid3,.seo-ai-grid,.guide-grid,.business-points{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;}
.state-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;}

article,.panel,.auth-card,.phone-card,.income-card,.agent-card,.visual-card,.guide-card,.coverage-card,.state-card,.shop-plan,.support-agent-card{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
img,svg,video,canvas,iframe{max-width:100%!important;height:auto;}
input,textarea,select,button,.btn{max-width:100%;}
.table-wrap,.plan-slider,.plans-slider{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}

/* Desktop spacing seragam */
@media(min-width:1025px){
  .hero,.section,.business,.plans,.agent-info,main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.affiliate-free-main > section,main.pelan-main > section{
    padding-top:clamp(56px,5vw,84px)!important;
    padding-bottom:clamp(56px,5vw,84px)!important;
  }
  .tanyabox{padding-top:clamp(28px,3vw,42px)!important;padding-bottom:clamp(28px,3vw,42px)!important;}
  .hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;align-items:center!important;}
  .business{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;}
  .agent-card.pro-agent,.agent-info > .agent-card{width:100%!important;max-width:var(--wtt-v144-inner)!important;}
}

/* Tablet dan mobile: full width yang kemas tanpa overlap */
@media(max-width:1024px){
  :root{--wtt-v144-edge:clamp(14px,4vw,28px);}
  .site-header,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.footer,
  body.landing main,main.guide-main,main.coverage-main,main.lokasi-main,main.affiliate-free-main,main.pelan-main,main.notfound-main,
  main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.affiliate-free-main > section,main.pelan-main > section,
  .dashboard,.auth,.dashboard > .panel,.dashboard > .dash-head,.auth > .panel,.auth > .auth-card{
    width:100%!important;max-width:100%!important;
  }
  .hero,.business,.tanyabox,.coverage-hero,.location-hero{grid-template-columns:1fr!important;}
  .grid4,.grid3,.stat-grid,.form-grid,.seo-ai-grid,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:760px){
  :root{--wtt-v144-edge:14px;--wtt-v144-gap:14px;}
  .site-header,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.footer,
  main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.affiliate-free-main > section,main.pelan-main > section,
  .dashboard,.auth{
    padding-left:var(--wtt-v144-edge)!important;
    padding-right:var(--wtt-v144-edge)!important;
  }
  .hero,.section,.business,.plans,.agent-info,main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.affiliate-free-main > section,main.pelan-main > section{
    padding-top:clamp(38px,9vw,58px)!important;
    padding-bottom:clamp(38px,9vw,58px)!important;
  }
  .grid4,.grid3,.stat-grid,.form-grid,.seo-ai-grid,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points{grid-template-columns:1fr!important;}
  .section-head{max-width:100%!important;}
  .tanyabox{margin-left:auto!important;margin-right:auto!important;}
}
/* === /WTT V144 SITE-HEADER WIDTH SYNC + CLEAN SECTION SHELL === */


/* === WTT V144 FINAL HEADER WIDTH AUDIT + EXPIRED/TAMAT SEO SYNC ===
   Semua section desktop disamakan dengan shell site-header.
   Folder baru /oldseo dan /tamat ikut shell yang sama supaya tidak besar/kecil berbeza.
*/
:root{
  --wtt-header-shell:1440px;
  --wtt-header-edge:clamp(16px,5vw,72px);
  --wtt-header-readable:940px;
  --wtt-card-gap:clamp(16px,2vw,28px);
}
html,body{max-width:100%!important;overflow-x:hidden!important;}
.site-header,
.footer,
body.landing main,
main,
.dashboard,
.auth,
.seo-article-main,
.oldseo-main,
.bayar-bil-main{
  width:min(100%,var(--wtt-header-shell))!important;
  max-width:var(--wtt-header-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.site-header,
.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.footer,
main > section,
main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.pelan-main > section,main.affiliate-free-main > section,
.seo-article-main,.oldseo-main,.bayar-bil-main,.hub-v123-main,.topup-article-main,.topup-article-main,.topup-article-main,.topup-article-main,.master-main{
  padding-left:var(--wtt-header-edge)!important;
  padding-right:var(--wtt-header-edge)!important;
  box-sizing:border-box!important;
}
.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,
main > section,
.seo-article-main,.oldseo-main,.bayar-bil-main{
  width:min(100%,var(--wtt-header-shell))!important;
  max-width:var(--wtt-header-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-head,.faq details,.seo-article .section-head,.oldseo-main .section-head,.bayar-bil-main .section-head{
  width:min(100%,var(--wtt-header-readable))!important;
  max-width:var(--wtt-header-readable)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.seo-article.panel,.oldseo-main .seo-article.panel,.bayar-bil-main .seo-article.panel,.hub-v123-panel{
  width:100%!important;
  max-width:var(--wtt-header-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.oldseo-hub-grid,.tamat-hub-grid,.keyword-cluster-grid,.oldseo-topic-grid,.tamat-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:var(--wtt-card-gap)!important;
  width:100%!important;
}
.oldseo-hub-card,.tamat-hub-card,.oldseo-topic-card,.tamat-topic-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:26px;
  padding:22px;
  box-shadow:0 18px 45px rgba(15,23,42,.07);
  min-width:0;
}
.oldseo-checklist,.tamat-checklist{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:14px;
  margin:20px 0;
}
.oldseo-checklist li,.tamat-checklist li{
  list-style:none;
  background:#f5ffff;
  border:1px solid #ffd7dc;
  border-radius:18px;
  padding:14px 16px;
  font-weight:800;
}
.seo-cta-box{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
article,.panel,.auth-card,.phone-card,.income-card,.agent-card,.visual-card,.guide-card,.coverage-card,.state-card,.shop-plan,.support-agent-card{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.grid3,.grid4,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points,.seo-ai-grid{
  gap:var(--wtt-card-gap)!important;
}
@media(min-width:1025px){
  .hero,.section,.business,.plans,.agent-info,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main{
    padding-top:clamp(58px,5vw,86px)!important;
    padding-bottom:clamp(58px,5vw,86px)!important;
  }
  .tanyabox{padding-top:clamp(30px,3vw,44px)!important;padding-bottom:clamp(30px,3vw,44px)!important;}
}
@media(max-width:1024px){
  :root{--wtt-header-edge:clamp(14px,4vw,28px);}
  .site-header,.footer,body.landing main,main,.dashboard,.auth,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.seo-article-main,.oldseo-main,.bayar-bil-main{
    width:100%!important;max-width:100%!important;
  }
}
@media(max-width:760px){
  :root{--wtt-header-edge:14px;--wtt-card-gap:14px;}
  .site-header,.footer,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main{
    padding-left:var(--wtt-header-edge)!important;
    padding-right:var(--wtt-header-edge)!important;
  }
  .oldseo-hub-grid,.tamat-hub-grid,.keyword-cluster-grid,.oldseo-topic-grid,.tamat-topic-grid,.oldseo-checklist,.tamat-checklist{grid-template-columns:1fr!important;}
}
/* === /WTT V144 FINAL HEADER WIDTH AUDIT + EXPIRED/TAMAT SEO SYNC === */






/* === WTT V145 HEADER-WIDTH MASTER SYNC + TAMATTEMPOH/AGENT/DEALER/EJEN ===
   Desktop: semua shell utama ikut lebar site-header. Mobile/tablet kekal fluid tanpa overlap.
*/
:root{
  --wtt-v145-shell:1440px;
  --wtt-v145-edge:clamp(16px,5vw,72px);
  --wtt-v145-readable:940px;
  --wtt-v145-gap:clamp(16px,2vw,28px);
}
html,body{max-width:100%!important;overflow-x:hidden!important;}
body{background:#f6f7fb;}
.site-header,
.footer,
body.landing main,
main,
.dashboard,
.auth,
.seo-article-main,
.oldseo-main,
.bayar-bil-main,
.agentseo-main,
.agent-main,
.dealer-main,
.ejen-main{
  width:min(100%,var(--wtt-v145-shell))!important;
  max-width:var(--wtt-v145-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.site-header,
.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.footer,
main > section,
main.guide-main > section,main.coverage-main > section,main.lokasi-main > section,main.pelan-main > section,main.affiliate-free-main > section,
.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main,.hub-v123-main,.topup-article-main,.topup-article-main,.topup-article-main,.topup-article-main,.master-main{
  padding-left:var(--wtt-v145-edge)!important;
  padding-right:var(--wtt-v145-edge)!important;
  box-sizing:border-box!important;
}
.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main{
  width:min(100%,var(--wtt-v145-shell))!important;
  max-width:var(--wtt-v145-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-head,.faq details,.seo-article .section-head,.oldseo-main .section-head,.bayar-bil-main .section-head,.agentseo-main .section-head{
  width:min(100%,var(--wtt-v145-readable))!important;
  max-width:var(--wtt-v145-readable)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.seo-article.panel,.oldseo-main .seo-article.panel,.bayar-bil-main .seo-article.panel,.agentseo-main .seo-article.panel,.hub-v123-panel{
  width:100%!important;
  max-width:var(--wtt-v145-shell)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.bayar-bil-hub-grid,.bayar-bil-topic-grid,.agentseo-hub-grid,.agentseo-topic-grid,.keyword-cluster-grid,.oldseo-hub-grid,.oldseo-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
  gap:var(--wtt-v145-gap)!important;
  width:100%!important;
}
.bayar-bil-hub-card,.bayar-bil-topic-card,.agentseo-hub-card,.agentseo-topic-card,.oldseo-hub-card,.oldseo-topic-card{
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  border-radius:26px!important;
  padding:22px!important;
  box-shadow:0 18px 45px rgba(15,23,42,.07)!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.bayar-bil-checklist,.agentseo-checklist,.oldseo-checklist{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:14px!important;
  margin:20px 0!important;
  padding-left:0!important;
}
.bayar-bil-checklist li,.agentseo-checklist li,.oldseo-checklist li{
  list-style:none!important;
  background:#f5ffff!important;
  border:1px solid #ffd7dc!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  font-weight:800!important;
}
.seo-cta-box{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
.grid3,.grid4,.kelebihan-grid,.coverage-grid,.guide-grid,.state-grid,.business-points,.seo-ai-grid,.agentseo-hub-grid,.agentseo-topic-grid{
  gap:var(--wtt-v145-gap)!important;
}
article,.panel,.auth-card,.phone-card,.income-card,.agent-card,.visual-card,.guide-card,.coverage-card,.state-card,.shop-plan,.support-agent-card,.agentseo-hub-card,.agentseo-topic-card{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.plan-slider,.plans-slider,.table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
@media(min-width:1025px){
  .hero,.section,.business,.plans,.agent-info,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main{
    padding-top:clamp(58px,5vw,86px)!important;
    padding-bottom:clamp(58px,5vw,86px)!important;
  }
  .tanyabox{padding-top:clamp(30px,3vw,44px)!important;padding-bottom:clamp(30px,3vw,44px)!important;}
  .hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;align-items:center!important;}
  .business{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)!important;}
}
@media(max-width:1024px){
  :root{--wtt-v145-edge:clamp(14px,4vw,28px);}
  .site-header,.footer,body.landing main,main,.dashboard,.auth,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main{
    width:100%!important;max-width:100%!important;
  }
  .hero,.business,.tanyabox{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  :root{--wtt-v145-edge:14px;--wtt-v145-gap:14px;}
  .site-header,.footer,.hero,.section,.business,.plans,.tanyabox,.agent-info,.page-agent-card,main > section,.seo-article-main,.oldseo-main,.bayar-bil-main,.agentseo-main{
    padding-left:var(--wtt-v145-edge)!important;
    padding-right:var(--wtt-v145-edge)!important;
  }
  .bayar-bil-hub-grid,.bayar-bil-topic-grid,.agentseo-hub-grid,.agentseo-topic-grid,.keyword-cluster-grid,.oldseo-hub-grid,.oldseo-topic-grid,.bayar-bil-checklist,.agentseo-checklist,.oldseo-checklist{grid-template-columns:1fr!important;}
  .site-header{align-items:center!important;}
}
/* === /WTT V145 HEADER-WIDTH MASTER SYNC + TAMATTEMPOH/AGENT/DEALER/EJEN === */


/* === WTT V146 404 LANDING PAGE DESIGN SYNC ===
   404 page ikut gaya landing page + guna gambar sim-card PEK PAKEJ+ v140 yang sama.
*/
.notfound-v1{background:#f6f7fb!important;}
main.notfound-main-v1{background:#f6f7fb!important;}
.notfound-main-v1 .notfound-hero-v1{
  width:min(100%,var(--wtt-v145-shell,1440px))!important;
  max-width:var(--wtt-v145-shell,1440px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;
  align-items:center!important;
  gap:clamp(20px,3vw,42px)!important;
  min-height:calc(100vh - 74px)!important;
  padding:clamp(54px,5vw,86px) var(--wtt-v145-edge,clamp(16px,5vw,72px))!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(255,36,50,.20),transparent 32%),
    radial-gradient(circle at 90% 18%,rgba(255,211,42,.26),transparent 30%),
    linear-gradient(135deg,#fff,#f5ffff)!important;
  border-bottom:1px solid rgba(37,185,189,.08)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.notfound-main-v1 .notfound-copy-v1{max-width:820px!important;min-width:0!important;}
.notfound-main-v1 .notfound-copy-v1 h1{
  font-size:clamp(40px,6vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  margin:10px 0 20px!important;
}
.notfound-main-v1 .notfound-copy-v1 .sub{max-width:760px!important;}
.notfound-offer-v1{max-width:760px!important;}
.notfound-card-v1{
  width:100%!important;
  max-width:560px!important;
  justify-self:center!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  padding:clamp(18px,2.4vw,28px)!important;
  border-radius:34px!important;
  background:linear-gradient(155deg,#09090b,#111827 54%,#2a070a)!important;
  color:#fff!important;
  box-shadow:0 28px 80px rgba(15,23,42,.22)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  min-width:0!important;
}
.notfound-card-v1 .notfound-app-card-v1{
  display:block!important;
  width:100%!important;
  max-width:500px!important;
  margin:0 auto!important;
  aspect-ratio:920/706!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border-radius:28px!important;
  background-color:#071626!important;
  background-image:image-set(url('/assets/wantopup-app-preview.jpg') type('image/webp'),url('/assets/og-cover.svg') type('image/png'))!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 22px 55px rgba(37,185,189,.28), inset 0 0 0 1px rgba(255,255,255,.20)!important;
  overflow:hidden!important;
}
.notfound-card-v1 .notfound-app-card-v1 b,
.notfound-card-v1 .notfound-app-card-v1 small{display:none!important;}
.notfound-card-copy-v1{width:100%!important;min-width:0!important;}
.notfound-card-copy-v1 h2{
  color:#fff!important;
  font-size:clamp(24px,3vw,34px)!important;
  line-height:1.06!important;
  margin:6px 0 10px!important;
  letter-spacing:-.035em!important;
}
.notfound-card-copy-v1 p{color:#f3f4f6!important;margin:0 0 16px!important;}
.notfound-quicklinks-v1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;}
.notfound-quicklinks-v1 a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-weight:1000!important;
  border:1px solid rgba(255,255,255,.18)!important;
  text-align:center!important;
}
.notfound-quicklinks-v1 a:hover{background:#25b9bd!important;color:#fff!important;}
@media(max-width:1024px){
  .notfound-main-v1 .notfound-hero-v1{
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    padding-left:var(--wtt-v145-edge,clamp(14px,4vw,28px))!important;
    padding-right:var(--wtt-v145-edge,clamp(14px,4vw,28px))!important;
  }
  .notfound-main-v1 .notfound-copy-v1{text-align:center!important;margin:0 auto!important;}
  .notfound-main-v1 .notfound-actions-v1{justify-content:center!important;}
}
@media(max-width:560px){
  .notfound-main-v1 .notfound-hero-v1{padding:38px 14px!important;gap:18px!important;}
  .notfound-card-v1{border-radius:24px!important;padding:14px!important;}
  .notfound-card-v1 .notfound-app-card-v1{border-radius:20px!important;}
  .notfound-quicklinks-v1{grid-template-columns:1fr!important;}
  .notfound-actions-v1 .btn{width:100%!important;}
}
/* === /WTT V146 404 LANDING PAGE DESIGN SYNC === */


/* v1 Wantopup OTA MY Theme Override */
:root{--primary:#25b9bd;--primary-dark:#168fd6;--primary-soft:#e8fbff;--accent:#10b981;--accent-2:#f59e0b;--ink:#0f172a;--muted:#475569;--line:#d7f1f2;--bg:#f5ffff;--card:#ffffff;--danger:#f59e0b;--radius:22px;--shadow:0 18px 45px rgba(15,23,42,.10)}
body{background:linear-gradient(180deg,#f5ffff 0%,#ffffff 45%,#effdf5 100%);color:var(--ink)}
.site-header{max-width:1180px;margin:14px auto;padding:12px 16px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(37,185,189,.12);backdrop-filter:blur(12px)}
.brand{gap:10px}.brand-logo-img,.footer-logo-img{object-fit:contain;background:transparent}.brand-logo-img{width:150px;height:auto;max-height:58px}.brand span{color:#168fd6;font-weight:900;letter-spacing:-.03em}.main-nav a,.header-icon-link{border:1px solid #dff7f7;background:#f7ffff;color:#0f172a}.main-nav a:hover,.header-icon-link:hover{background:var(--primary);color:#fff}.auth-login,.auth-register,.btn.primary,.whatsapp-cta{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff!important;border:0;box-shadow:0 12px 28px rgba(37,185,189,.28)}.btn.shine{background:linear-gradient(135deg,#10b981,#22c55e);color:#fff!important}.btn.ghost{border:1px solid var(--primary);background:#fff;color:var(--primary-dark)!important}.eyebrow{color:var(--primary-dark);font-weight:900;letter-spacing:.06em}.hero,.section,.tanyabox,.agent-info{max-width:1180px;margin-left:auto;margin-right:auto}.wantopup-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(280px,.72fr);gap:28px;align-items:center;padding:46px 28px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at top right,rgba(37,185,189,.18),transparent 34%),linear-gradient(135deg,#fff 0%,#f4ffff 50%,#ecfdf5 100%);box-shadow:var(--shadow)}.wantopup-hero h1{font-size:clamp(2rem,4vw,4.2rem);line-height:1.03;letter-spacing:-.055em;color:#0f172a}.wantopup-hero .sub{font-size:clamp(1rem,1.4vw,1.25rem);color:#334155}.wantopup-hero-media{border-radius:34px;padding:16px;background:#fff;box-shadow:0 24px 55px rgba(15,23,42,.12);border:1px solid var(--line);text-align:center}.wantopup-hero-media img{max-width:100%;max-height:560px;object-fit:contain;border-radius:26px}.hero-buyer-offer,.sim-price-line,.seo-ai-keywords,.plans-note{border:1px solid var(--line);background:#f7ffff;border-radius:22px;box-shadow:0 8px 24px rgba(37,185,189,.10)}.hero-offer-badge,.deal-badge{background:linear-gradient(135deg,#f59e0b,#f59e0b);color:#fff;border-radius:999px}.phone-card,.shop-plan,.kelebihan-card,.income-card,.tanya-form,.agent-card,.wtt-share-box{border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.08)}.wantopup-phone-card{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1fr);gap:22px;align-items:center}.phone-card-image img{width:100%;max-height:520px;object-fit:contain;border-radius:24px;background:#fff}.seo-ai-grid,.kelebihan-grid,.pricing-table,.wantopup-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;align-items:center}.provider-grid img{width:100%;height:92px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 8px 18px rgba(15,23,42,.05)}.seo-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.seo-link-grid a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#0f172a;text-decoration:none;font-weight:700}.seo-link-grid a:hover{border-color:var(--primary);color:var(--primary-dark);box-shadow:0 8px 20px rgba(37,185,189,.12)}.location-search input,.tanya-form input,.tanya-form textarea{border:1px solid var(--line);border-radius:16px}.wa-float-v30{background:linear-gradient(135deg,#10b981,#25b9bd)!important;color:#fff!important;box-shadow:0 16px 38px rgba(16,185,129,.3)}.footer{max-width:1180px;margin:34px auto 18px;border-radius:28px;background:#0f172a;color:#e2e8f0}.footer a{color:#a7f3d0}.footer-desc,.footer-note{color:#cbd5e1!important}.footer-logo b{color:#fff}.ad-slot{max-width:1180px;margin:18px auto;padding:14px;border:1px dashed var(--line);border-radius:18px;background:#fff}@media (max-width:900px){.site-header{margin:10px 10px;border-radius:20px}.wantopup-hero{grid-template-columns:1fr;padding:28px 18px}.seo-ai-grid,.kelebihan-grid,.pricing-table,.wantopup-package-grid{grid-template-columns:1fr}.wantopup-phone-card{grid-template-columns:1fr}.brand-logo-img{width:125px}.main-nav{display:grid;grid-template-columns:repeat(3,1fr);width:100%;overflow:visible}.main-nav a{justify-content:center;font-size:.82rem;padding:8px 6px}.auth-header{width:100%;justify-content:center}.section,.hero,.tanyabox,.agent-info{width:calc(100% - 20px)}}


/* === WANTOPUP V2 THEME SYNC + READABILITY PATCH === */
:root{
  --wtp-primary:#25b9bd;
  --wtp-primary-2:#168fd6;
  --wtp-primary-dark:#0f766e;
  --wtp-soft:#e8fbff;
  --wtp-soft-2:#f5ffff;
  --wtp-accent:#f59e0b;
  --wtp-ink:#0f172a;
  --wtp-muted:#475569;
  --wtp-line:#d7f1f2;
  --wtp-card:#ffffff;
  --wtp-shadow:0 18px 45px rgba(15,23,42,.10);
  --wtp-container:1240px;
}
html,body{max-width:100%;overflow-x:hidden}
body{
  color:var(--wtp-ink)!important;
  background:linear-gradient(180deg,#f5ffff 0%,#ffffff 42%,#effdf5 100%)!important;
}
.site-header.wantopup-header,.site-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--wtp-line)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.05)!important;
  color:var(--wtp-ink)!important;
}
.brand-mark,.brand-logo-img,.footer-logo-img{box-shadow:none!important}
.site-header nav a:hover,.eyebrow,.nav-cta:hover{color:var(--wtp-primary-dark)!important}
.nav-cta,.btn.primary,.auth-register,.share-copy-btn,
.tanya-form button[type="submit"],.kelebihan-cta .btn,
.plan-pages-cta a:hover{
  background:linear-gradient(135deg,var(--wtp-primary),var(--wtp-primary-2))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 14px 30px rgba(37,185,189,.22)!important;
}
.btn.shine,.deal-badge,.hero-offer-badge{
  background:linear-gradient(135deg,var(--wtp-accent),var(--wtp-primary))!important;
  color:#fff!important;
}
.btn.ghost,.auth-login{
  background:#fff!important;
  color:var(--wtp-primary-dark)!important;
  border:1px solid var(--wtp-line)!important;
}
.btn.danger{
  background:linear-gradient(135deg,#f59e0b,#d97706)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 14px 30px rgba(245,158,11,.20)!important;
}
.hero,.wantopup-hero{
  background:
    radial-gradient(circle at 16% 8%,#e8fbff,transparent 31%),
    radial-gradient(circle at 94% 18%,#fff7cc,transparent 26%),
    linear-gradient(135deg,#ffffff,#f5ffff)!important;
}
.sim-card,.phone-card .sim-card{
  background:linear-gradient(135deg,var(--wtp-primary),var(--wtp-primary-2))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20),0 20px 60px rgba(37,185,189,.20)!important;
}
.panel,article,.tanyabox,.income-card,.agent-card,.auth-card,
.kelebihan-card,.shop-plan,.wtt-share-box,.seo-ai-grid article,.seo-folder-page article,
.phone-card,.tanya-form,.provider-grid img,.location-search input{
  background:var(--wtp-card)!important;
  border-color:var(--wtp-line)!important;
  color:var(--wtp-ink)!important;
  box-shadow:var(--wtp-shadow)!important;
}
.section-head p,.sub,.footer-desc,.footer-note,.agent-card p,.kelebihan-card p,
.seo-folder-page p,.seo-folder-index p,.panel p,.auth-card p{
  color:var(--wtp-muted)!important;
}
.section-head h1,.section-head h2,.hero h1,.agent-card h2,.agent-card h3,
.kelebihan-card h3,.panel h1,.auth-card h1,.footer-logo b{
  color:var(--wtp-ink)!important;
}
input,textarea,select{
  color:var(--wtp-ink)!important;
  background:#fff!important;
  border:1px solid var(--wtp-line)!important;
  box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#64748b!important}
.alert{
  background:#fff7ed!important;
  color:#92400e!important;
  border:1px solid #fed7aa!important;
}
.success{
  background:#ecfdf5!important;
  color:#166534!important;
  border:1px solid #bbf7d0!important;
}
.badge.active{background:#dcfce7!important;color:#166534!important}
.badge.pending{background:#fef3c7!important;color:#92400e!important}
.badge.blocked{background:#ecfeff!important;color:var(--wtp-primary-dark)!important}
.agent-card.pro-agent .eyebrow,
.page-agent-card .agent-card.pro-agent .eyebrow{
  background:#ecfeff!important;
  color:var(--wtp-primary-dark)!important;
  border:1px solid #99f6e4!important;
}
.agent-content .agent-ecommerce a,.support-agent-ecommerce.agent-ecommerce a,
.seo-link-grid a{
  color:var(--wtp-primary-dark)!important;
  border-color:var(--wtp-line)!important;
  background:#f8ffff!important;
}
.seo-link-grid a:hover,
.agent-content .agent-ecommerce a:hover{
  background:var(--wtp-primary)!important;
  color:#fff!important;
}
.main-nav,.auth-header{min-width:0}
.hero,.section,.business,.wantopup-services,.lokasi-section,.seo-folder-index,.seo-folder-page{
  width:100%;
  max-width:var(--wtp-container);
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:clamp(16px,4vw,48px)!important;
  padding-right:clamp(16px,4vw,48px)!important;
}
.footer.wantopup-footer{
  background:#073b4c!important;
  color:#e8fbff!important;
  border-top:0!important;
}
.footer.wantopup-footer a{color:#ffffff!important}
.footer.wantopup-footer .footer-desc,.footer.wantopup-footer .footer-note{color:#c7f9fb!important}
.provider-grid,.kelebihan-grid,.grid3,.grid4,.seo-ai-grid,.seo-link-grid{
  gap:clamp(14px,2.2vw,24px)!important;
}
.seo-link-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
}
.location-search input{
  width:min(100%,680px)!important;
  margin:0 auto 24px!important;
  min-height:48px!important;
  border-radius:999px!important;
}
@media(max-width:980px){
  .site-header.wantopup-header,.site-header{
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 14px!important;
  }
  .brand{flex:1 1 100%!important;justify-content:center!important}
  .main-nav{
    order:2!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .main-nav a{
    min-width:0!important;
    justify-content:center!important;
    padding:9px 6px!important;
    border-radius:14px!important;
    background:#f8ffff!important;
    border:1px solid var(--wtp-line)!important;
    font-size:12px!important;
  }
  .auth-header{
    order:3!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .hero,.wantopup-hero{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    text-align:center!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  .cta-row,.trust,.chip-row{justify-content:center!important}
  .grid4,.grid3,.kelebihan-grid,.seo-ai-grid{grid-template-columns:1fr!important}
  .phone-card,.panel,article,.tanyabox,.income-card,.agent-card,.auth-card{border-radius:22px!important;padding:18px!important}
}
@media(max-width:420px){
  .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero h1{font-size:clamp(30px,10vw,42px)!important}
  .section h1,.section h2{font-size:clamp(27px,9vw,36px)!important}
}


/* === WANTOPUP V3 UI READABILITY + MARQUEE PATCH === */
:root{
  --wtp-primary:#25b9bd;
  --wtp-primary-2:#168fd6;
  --wtp-primary-dark:#0f766e;
  --wtp-accent:#f59e0b;
  --wtp-ink:#0f172a;
  --wtp-muted:#334155;
  --wtp-soft:#ecfeff;
  --wtp-soft-2:#f7ffff;
  --wtp-line:#b7ecec;
  --wtp-card:#ffffff;
  --wtp-container:1240px;
  --wtp-shadow:0 18px 45px rgba(15,23,42,.10);
}
html,body{max-width:100%;overflow-x:hidden!important;}
body.wantopup-landing,
body{
  color:var(--wtp-ink)!important;
  background:linear-gradient(180deg,#f5ffff 0%,#ffffff 44%,#ecfdf5 100%)!important;
}
body.wantopup-landing *{text-shadow:none;}
.hero.wantopup-hero,
.wantopup-hero{
  width:min(calc(100% - 28px),var(--wtp-container))!important;
  margin:18px auto 0!important;
  padding:clamp(28px,4vw,54px)!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 11% 8%,rgba(37,185,189,.18),transparent 30%),
    radial-gradient(circle at 92% 16%,rgba(245,158,11,.16),transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f4ffff 54%,#ecfdf5 100%)!important;
  color:var(--wtp-ink)!important;
  box-shadow:var(--wtp-shadow)!important;
  overflow:hidden!important;
}
.wantopup-hero h1,.hero h1{color:var(--wtp-ink)!important;max-width:940px;}
.wantopup-hero .sub,.hero .sub{color:#334155!important;font-weight:650;}
.sim-price-line{
  display:block!important;
  margin:18px auto 0!important;
  padding:14px 16px!important;
  width:min(100%,760px)!important;
  color:#713f12!important;
  background:linear-gradient(135deg,#fff7ed 0%,#fffbeb 100%)!important;
  border:1px solid #fed7aa!important;
  border-radius:18px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(245,158,11,.13)!important;
}
.hero-buyer-offer,
.hero.hero-v129 .hero-buyer-offer,
.landing .hero .hero-buyer-offer{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(100%,800px)!important;
  margin:22px auto 10px!important;
  padding:clamp(18px,3vw,28px)!important;
  border-radius:28px!important;
  border:1px solid #99f6e4!important;
  background:
    linear-gradient(135deg,rgba(236,254,255,.98),rgba(255,251,235,.96))!important;
  color:var(--wtp-ink)!important;
  box-shadow:0 18px 40px rgba(37,185,189,.14)!important;
  text-align:center!important;
  overflow:hidden!important;
  position:relative!important;
  contain:none!important;
}
.hero-buyer-offer:after{
  content:""!important;
  position:absolute!important;
  right:-54px!important;
  bottom:-68px!important;
  width:170px!important;
  height:170px!important;
  border-radius:999px!important;
  background:rgba(37,185,189,.14)!important;
  pointer-events:none!important;
}
.hero-buyer-offer .hero-offer-badge,
.hero-offer-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:40px!important;
  margin:0 auto 4px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--wtp-primary-dark),var(--wtp-primary),var(--wtp-accent))!important;
  color:#ffffff!important;
  font-size:12px!important;
  line-height:1.22!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  white-space:normal!important;
  box-shadow:0 10px 24px rgba(15,118,110,.20)!important;
  position:relative!important;
  z-index:2!important;
}
.hero-buyer-offer b{
  color:#0f172a!important;
  font-size:clamp(21px,2.8vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:1000!important;
  position:relative!important;
  z-index:2!important;
}
.hero-buyer-offer p,
.hero.hero-v129 .hero-buyer-offer p,
.landing .hero .hero-buyer-offer p{
  color:#334155!important;
  font-weight:750!important;
  font-size:clamp(15px,1.35vw,18px)!important;
  line-height:1.6!important;
  max-width:720px!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:2!important;
}
.plans.wantopup-packages,
.section.plans.wantopup-packages{
  width:min(calc(100% - 28px),var(--wtp-container))!important;
  max-width:var(--wtp-container)!important;
  margin:28px auto!important;
  padding:clamp(34px,5vw,64px) clamp(16px,4vw,48px)!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7ffff 54%,#ecfdf5 100%)!important;
  color:var(--wtp-ink)!important;
  box-shadow:var(--wtp-shadow)!important;
}
.plans.wantopup-packages .section-head,
.wantopup-packages .section-head{
  max-width:900px!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.plans.wantopup-packages .section-head .eyebrow,
.wantopup-packages .section-head .eyebrow{
  display:inline-flex!important;
  color:#0f766e!important;
  background:#ecfeff!important;
  border:1px solid #99f6e4!important;
  border-radius:999px!important;
  padding:8px 14px!important;
}
.plans.wantopup-packages .section-head h2,
.wantopup-packages .section-head h2{
  color:#0f172a!important;
  text-shadow:none!important;
}
.plans.wantopup-packages .section-head p,
.wantopup-packages .section-head p{color:#334155!important;font-weight:650!important;}
.pricing-table,
.plan-track,
.wantopup-package-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(260px,1fr))!important;
  width:min(100%,1080px)!important;
  max-width:1080px!important;
  margin:0 auto!important;
  gap:clamp(16px,2vw,22px)!important;
  justify-content:center!important;
  align-items:stretch!important;
  overflow:visible!important;
  padding:4px!important;
}
.shop-plan,
.pricing-table .shop-plan,
.wantopup-package-grid .shop-plan{
  min-width:0!important;
  width:100%!important;
  background:#ffffff!important;
  color:var(--wtp-ink)!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:28px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
  padding:clamp(20px,2.4vw,28px)!important;
  text-align:left!important;
  transform:none!important;
}
.shop-plan.best,
.shop-plan.premium,
.price-card.hot{
  background:linear-gradient(180deg,#ffffff 0%,#f7ffff 100%)!important;
  border-color:#99f6e4!important;
  color:var(--wtp-ink)!important;
}
.shop-plan h3,.shop-plan .price,.shop-plan .price small,.shop-plan .price span{color:#0f172a!important;}
.shop-plan p,.shop-plan li,.shop-plan .plan-hook{color:#334155!important;}
.shop-plan ul{padding-left:20px!important;margin:14px 0!important;}
.shop-plan li{margin:7px 0!important;}
.plans-note{
  width:min(100%,1080px)!important;
  margin:18px auto 0!important;
  color:#334155!important;
  background:#ffffff!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  box-shadow:0 8px 22px rgba(37,185,189,.08)!important;
}
.wantopup-services{
  overflow:hidden!important;
}
.provider-marquee{
  width:min(100%,1120px)!important;
  margin:0 auto 30px!important;
  overflow:hidden!important;
  padding:10px 0!important;
  border-radius:30px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(236,254,255,.8),rgba(255,255,255,.5))!important;
  border:1px solid var(--wtp-line)!important;
  position:relative!important;
}
.provider-marquee:before,.provider-marquee:after{
  content:""!important;
  position:absolute!important;
  top:0!important;bottom:0!important;
  width:80px!important;
  z-index:2!important;
  pointer-events:none!important;
}
.provider-marquee:before{left:0!important;background:linear-gradient(90deg,#f7ffff,transparent)!important;}
.provider-marquee:after{right:0!important;background:linear-gradient(270deg,#f7ffff,transparent)!important;}
.provider-track{
  display:flex!important;
  align-items:stretch!important;
  gap:14px!important;
  width:max-content!important;
  animation:providerScroll 42s linear infinite!important;
  will-change:transform!important;
}
.provider-marquee:hover .provider-track{animation-play-state:paused!important;}
.provider-logo-card{
  flex:0 0 154px!important;
  height:128px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:14px!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:22px!important;
  background:#ffffff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
  color:#0f172a!important;
  font-weight:900!important;
  text-align:center!important;
}
.provider-logo-card img{
  width:100%!important;
  height:72px!important;
  object-fit:contain!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.provider-logo-card span{
  display:block!important;
  color:#334155!important;
  font-size:13px!important;
  line-height:1.2!important;
  white-space:normal!important;
}
.provider-grid{
  width:min(100%,1080px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
}
@keyframes providerScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.section,.tanyabox,.agent-info,.phone-card-section,.seo-folder-index,.seo-folder-page,
.dashboard,.auth{
  overflow-wrap:anywhere!important;
}
.section-head,
.phone-card-copy,
.kelebihan-card,
.income-card,
.agent-card,
.tanya-form,
.panel,
.auth-card{
  min-width:0!important;
}
.section-head p,.section p,.panel p,.auth-card p,.agent-card p,.kelebihan-card p,
.income-card p,.tanya-form p{color:#334155!important;}
article h3,.kelebihan-card h3,.income-card h3,.panel h1,.auth-card h1{color:#0f172a!important;}
.btn,.nav-cta,.auth-login,.auth-register{white-space:normal!important;text-align:center!important;}
.btn.shine{background:linear-gradient(135deg,#10b981,#25b9bd)!important;color:#ffffff!important;}
.btn.ghost{background:#ffffff!important;color:#0f766e!important;border:1px solid var(--wtp-line)!important;}
.ad-slot{color:#0f766e!important;background:#f7ffff!important;border-color:#99f6e4!important;}
.tanyabox{background:linear-gradient(135deg,#ffffff,#f7ffff)!important;border-color:var(--wtp-line)!important;}
.auth{background:radial-gradient(circle at 20% 10%,#ecfeff,transparent 30%),linear-gradient(135deg,#ffffff,#ecfdf5)!important;}
.price-card.hot{transform:none!important;}
@media(max-width:980px){
  .hero.wantopup-hero,.wantopup-hero,.plans.wantopup-packages{width:min(calc(100% - 18px),720px)!important;border-radius:26px!important;}
  .pricing-table,.plan-track,.wantopup-package-grid{grid-template-columns:1fr!important;width:min(100%,620px)!important;}
  .shop-plan{text-align:center!important;}
  .shop-plan ul{text-align:left!important;}
  .provider-logo-card{flex-basis:136px!important;height:118px!important;}
  .provider-logo-card img{height:62px!important;}
  .provider-track{animation-duration:34s!important;}
  .hero-buyer-offer{border-radius:24px!important;}
}
@media(max-width:520px){
  .hero.wantopup-hero,.wantopup-hero{padding:24px 14px!important;margin-top:10px!important;}
  .sim-price-line{font-size:14px!important;}
  .hero-buyer-offer{padding:18px 14px!important;}
  .provider-marquee:before,.provider-marquee:after{width:36px!important;}
  .provider-logo-card{flex-basis:126px!important;height:112px!important;padding:12px!important;}
  .provider-logo-card span{font-size:12px!important;}
  .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(prefers-reduced-motion:reduce){
  .provider-track{animation:none!important;flex-wrap:wrap!important;width:100%!important;justify-content:center!important;}
  .provider-marquee{overflow:visible!important;}
  .provider-marquee:before,.provider-marquee:after{display:none!important;}
}


/* === WanTopup v4 final UI synchronization === */
:root{
  --wtp-primary:#25b9bd;
  --wtp-primary-dark:#0f766e;
  --wtp-accent:#f59e0b;
  --wtp-ink:#0f172a;
  --wtp-muted:#334155;
  --wtp-soft:#ecfeff;
  --wtp-soft-green:#ecfdf5;
  --wtp-line:#99f6e4;
  --wtp-card:#ffffff;
  --wtp-shadow:0 20px 55px rgba(15,23,42,.10);
}
body{color:var(--wtp-ink)!important;background:linear-gradient(180deg,#f8ffff 0%,#ffffff 46%,#f7ffff 100%)!important;}
.site-header.wantopup-header{border:1px solid rgba(153,246,228,.9)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 14px 40px rgba(15,23,42,.06)!important;}
.auth-login,.auth-register{min-width:150px!important;}
.wantopup-phone-card,
.phone-card.wantopup-phone-card,
.phone-card-section .wantopup-phone-card{
  background:linear-gradient(135deg,#ffffff 0%,#f7ffff 52%,#ecfdf5 100%)!important;
  color:var(--wtp-ink)!important;
  border:1px solid var(--wtp-line)!important;
  box-shadow:var(--wtp-shadow)!important;
}
.wantopup-phone-card .phone-card-copy h2,
.wantopup-phone-card .phone-card-copy h3,
.wantopup-phone-card .phone-card-copy b{color:var(--wtp-ink)!important;}
.wantopup-phone-card .phone-card-copy p,
.wantopup-phone-card .phone-card-copy li{color:var(--wtp-muted)!important;font-weight:650!important;}
.wantopup-phone-card .phone-card-image{background:#ffffff!important;border-radius:28px!important;border:1px solid rgba(153,246,228,.8)!important;padding:12px!important;box-shadow:0 12px 30px rgba(15,23,42,.07)!important;}
.section.business.ttl-business,
.business.ttl-business,
#cara.ttl-business{
  width:min(calc(100% - 28px),1180px)!important;
  margin:28px auto!important;
  padding:clamp(30px,5vw,58px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr)!important;
  gap:clamp(18px,3vw,34px)!important;
  align-items:stretch!important;
  background:radial-gradient(circle at top left,rgba(37,185,189,.16),transparent 34%),linear-gradient(135deg,#ffffff 0%,#f7ffff 56%,#ecfdf5 100%)!important;
  color:var(--wtp-ink)!important;
  border:1px solid var(--wtp-line)!important;
  border-radius:34px!important;
  box-shadow:var(--wtp-shadow)!important;
  overflow:hidden!important;
}
.ttl-business .business-copy,
.ttl-business .income-card,
.ttl-card{
  min-width:0!important;
  background:#ffffff!important;
  color:var(--wtp-ink)!important;
  border:1px solid rgba(153,246,228,.9)!important;
  border-radius:28px!important;
  box-shadow:0 12px 32px rgba(15,23,42,.07)!important;
}
.ttl-business h2,.ttl-business h3,.ttl-business b,.ttl-card h3{color:var(--wtp-ink)!important;}
.ttl-business p,.ttl-business span,.ttl-business li,.ttl-card p,.ttl-card li{color:var(--wtp-muted)!important;font-weight:650!important;}
.business-points>div{background:#f7ffff!important;border:1px solid rgba(153,246,228,.85)!important;border-radius:20px!important;padding:14px 16px!important;margin:10px 0!important;box-shadow:0 8px 20px rgba(37,185,189,.06)!important;}
.kelebihan-cta{
  width:min(100%,980px)!important;
  margin:26px auto 0!important;
  display:flex!important;
  gap:16px!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:clamp(18px,3vw,26px)!important;
  border-radius:28px!important;
  border:1px solid var(--wtp-line)!important;
  background:linear-gradient(135deg,#ecfeff 0%,#ffffff 54%,#fffbeb 100%)!important;
  color:var(--wtp-ink)!important;
  box-shadow:0 16px 42px rgba(37,185,189,.12)!important;
}
.kelebihan-cta b{display:block!important;color:var(--wtp-ink)!important;font-size:clamp(1.1rem,2vw,1.45rem)!important;}
.kelebihan-cta p{color:var(--wtp-muted)!important;margin:5px 0 0!important;font-weight:650!important;}
.plans.wantopup-packages .pricing-table,
.plans.wantopup-packages .wantopup-package-grid,
.pricing-table.wantopup-package-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(250px,1fr))!important;
  width:min(100%,1080px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-items:stretch!important;
  justify-content:center!important;
  align-items:stretch!important;
}
.wantopup-package-grid .shop-plan{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
.wantopup-package-grid .shop-plan ul{text-align:left!important;width:100%!important;max-width:320px!important;}
.wantopup-package-grid .shop-plan .btn{margin-top:auto!important;width:100%!important;max-width:300px!important;}
.wantopup-package-grid .master-first{border:2px solid #25b9bd!important;background:linear-gradient(180deg,#ffffff 0%,#ecfeff 100%)!important;box-shadow:0 22px 52px rgba(37,185,189,.18)!important;position:relative!important;}
.wantopup-package-grid .master-first:before{content:"Paling Disarankan";position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f59e0b,#25b9bd);color:#fff;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:1000;letter-spacing:.03em;white-space:nowrap;box-shadow:0 10px 24px rgba(15,118,110,.18);}
.agent-card.pro-agent .agent-links{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
.agent-card.pro-agent .agent-register-link{display:none!important;}
.agent-card.pro-agent .agent-wa-link{background:linear-gradient(135deg,#25b9bd,#0f766e)!important;color:#fff!important;border-radius:999px!important;padding:13px 18px!important;font-weight:1000!important;text-align:center!important;box-shadow:0 12px 28px rgba(37,185,189,.22)!important;}
.affiliate-action-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.visual-card,
.visual-card.hot,
.affiliate-action-strip .visual-card.hot{
  background:linear-gradient(135deg,#ffffff 0%,#f7ffff 100%)!important;
  color:var(--wtp-ink)!important;
  border:1px solid var(--wtp-line)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
  border-radius:24px!important;
}
.visual-card.hot span,
.visual-card.hot b,
.visual-card span,
.visual-card b{color:var(--wtp-ink)!important;}
.visual-card.hot p,
.visual-card p{color:var(--wtp-muted)!important;font-weight:650!important;}
.visual-card.hot span{background:linear-gradient(135deg,#25b9bd,#f59e0b)!important;color:#fff!important;}
.wantopup-services .section-head p{font-weight:800!important;color:#0f766e!important;background:#ecfeff!important;border:1px solid #99f6e4!important;border-radius:18px!important;padding:12px 16px!important;display:inline-block!important;}
.provider-logo-card img{filter:none!important;}
.panel,.auth-card,.agent-card,.support-agent-card,.kelebihan-card,.income-card,.tanya-form{background:#ffffff!important;color:var(--wtp-ink)!important;border-color:rgba(153,246,228,.85)!important;}
.panel p,.auth-card p,.agent-card p,.support-agent-card p,.kelebihan-card p,.income-card p,.tanya-form p,.muted{color:var(--wtp-muted)!important;}
.panel h1,.panel h2,.panel h3,.auth-card h1,.agent-card h2,.support-agent-card h2,.kelebihan-card h3{color:var(--wtp-ink)!important;}
input,textarea,select{color:var(--wtp-ink)!important;background:#ffffff!important;border-color:#cbd5e1!important;}
input::placeholder,textarea::placeholder{color:#64748b!important;opacity:1!important;}
.table-wrap{border-radius:20px!important;border:1px solid rgba(153,246,228,.75)!important;background:#fff!important;}
th{background:#ecfeff!important;color:#0f172a!important;}td{color:#334155!important;}
.footer-simple-menu a[href="/affiliate/"]::after{content:"";}
@media(max-width:980px){
  .section.business.ttl-business,.business.ttl-business,#cara.ttl-business{grid-template-columns:1fr!important;width:min(calc(100% - 18px),720px)!important;padding:22px 16px!important;border-radius:26px!important;}
  .plans.wantopup-packages .pricing-table,.plans.wantopup-packages .wantopup-package-grid,.pricing-table.wantopup-package-grid{grid-template-columns:1fr!important;width:min(100%,620px)!important;}
  .kelebihan-cta{flex-direction:column!important;text-align:center!important;}
  .affiliate-action-strip{grid-template-columns:1fr!important;}
  .auth-login,.auth-register{min-width:0!important;}
}
@media(max-width:520px){
  .site-header.wantopup-header .auth-header{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important;}
  .auth-login,.auth-register{font-size:12px!important;padding:10px 8px!important;}
  .wantopup-package-grid .master-first:before{top:-14px;font-size:11px;padding:6px 11px;}
  .provider-logo-card{flex-basis:124px!important;}
}