:root{--bg:#0e1424;--surface:rgba(255,255,255,0.03);--surface-hover:rgba(255,255,255,0.06);--border:rgba(255,255,255,0.08);--border-soft:rgba(255,255,255,0.06);--text-main:#e8ebf4;--text-muted:rgba(232,235,244,0.6);--text-dim:rgba(232,235,244,0.35);--accent:#38bdf8;--link-hover:#32aadf;--accent-cyan:#00e0c8;--accent-blue:#0066ff;--font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--att:linear-gradient(135deg,#0096d6,#005691);--verizon:linear-gradient(135deg,#2a2a2a,#cd040b);--tmobile:linear-gradient(135deg,#ea0a8e,#a1005e);--metro:linear-gradient(135deg,#4a1f7a,#1f0b38);--cricket:linear-gradient(135deg,#00a651,#004d2e);--boost:linear-gradient(135deg,#ff7a1a,#cc5200);--default-carrier:linear-gradient(135deg,#475569,#0f172a);--error-red:#ff4d4d;--success-green:#00e0c8;}@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/fonts/PlusJakartaSans-Regular.woff2")format("woff2");font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/fonts/PlusJakartaSans-Medium.woff2")format("woff2");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/fonts/PlusJakartaSans-SemiBold.woff2")format("woff2");font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/fonts/PlusJakartaSans-Bold.woff2")format("woff2");font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/fonts/PlusJakartaSans-ExtraBold.woff2")format("woff2");font-weight:800;font-style:normal;font-display:swap;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;scroll-padding-top:80px;}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font);font-weight:400;min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;}a{color:var(--accent);text-decoration:none;font-weight:500;cursor:pointer;transition:0.3s ease all;}a:hover{opacity:0.8;}button{font-family:inherit;}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;}.container{max-width:1160px;margin:0 auto;padding:0 24px;width:100%;}.container-narrow{max-width:860px;margin:0 auto;padding:0 24px;width:100%;}.text-gradient{color:var(--accent-cyan);background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;}.logo .chip{width:26px;height:19px;border-radius:4px;background:linear-gradient(155deg,#17233a,#0a0f1b);border:1px solid rgba(56,189,248,0.28);position:relative;flex-shrink:0;}.logo .chip::after{content:"";position:absolute;inset:4px 4px 4px auto;width:8px;background:var(--accent);border-radius:1px;opacity:0.9;}.logo .wordmark{font-weight:800;font-size:18px;letter-spacing:-0.02em;color:#ffffff;}.logo .wordmark b{color:var(--accent);font-weight:800;}.logo.small .chip{width:22px;height:16px;}.logo.small .wordmark{font-size:16px;}.navbar{position:relative;z-index:50;background:rgba(14,20,36,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(56,189,248,0.1);}.nav-container{max-width:1160px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;position:relative;}.nav-links{display:flex;align-items:center;gap:32px;}.nav-links a{color:rgba(232,235,244,0.65);font-size:14px;font-weight:500;text-decoration:none;transition:color 0.2s ease;}.nav-links a:hover,.nav-links a:focus-visible{color:#ffffff;}.nav-actions{display:flex;align-items:center;gap:12px;}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;padding:6px;}.mobile-menu-btn svg{width:24px;height:24px;}.mobile-menu-btn .icon-close{display:none;}.mobile-menu-btn[aria-expanded="true"].icon-menu{display:none;}.mobile-menu-btn[aria-expanded="true"].icon-close{display:block;}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:var(--text-main);padding:9px 20px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;letter-spacing:-0.1px;white-space:nowrap;border:none;cursor:pointer;transition:opacity 0.2s ease,transform 0.15s ease;}.btn-primary:hover{opacity:0.9;transform:translateY(-1px);}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px;}.footer-text{font-size:14px;color:rgba(232,235,244,0.4);line-height:1.65;max-width:240px;margin-top:16px;}.footer-heading{font-weight:700;font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px;}.footer-col ul{list-style:none;}.footer-col ul li{margin-bottom:10px;}.footer-col ul a{color:rgba(232,235,244,0.55);font-size:14px;text-decoration:none;transition:color 0.15s ease;}.footer-col ul a:hover{color:#ffffff;}.support-box{background:rgba(56,189,248,0.06);border:1px solid rgba(56,189,248,0.15);border-radius:14px;padding:18px 20px;}.support-box p{font-size:13px;color:rgba(232,235,244,0.5);margin-bottom:12px;line-height:1.5;}.support-box a{display:inline-block;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;}.footer-bottom{padding-top:24px;border-top:1px solid var(--border-soft);display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--text-dim);}.footer-bottom .secured{display:flex;align-items:center;gap:6px;}.footer-bottom svg{width:13px;height:13px;color:var(--accent);}.legal-layout-wrapper{max-width:1248px;margin:0 auto;padding-left:16px;padding-right:16px;display:flex;flex-direction:column;}@media(min-width:992px){.legal-layout-wrapper{flex-direction:row;gap:32px;}}.legal-sidebar{width:100%;flex-shrink:0;padding-top:48px;}@media(min-width:992px){.legal-sidebar{width:280px;}}.legal-sidebar-nav{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;position:sticky;top:96px;}.legal-sidebar-nav h3{font-size:14px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);margin-bottom:16px;}.legal-sidebar-nav ul{list-style:none;display:flex;flex-direction:column;gap:12px;}.legal-radio-item input[type="radio"]{position:absolute;opacity:0;pointer-events:none;width:0;height:0;}.legal-radio-item label{display:block;font-size:14px;font-weight:500;color:rgba(232,235,244,0.65);padding:8px 12px;border-radius:8px;cursor:pointer;width:100%;transition:all 0.2s ease;}.legal-radio-item input[type="radio"]:checked+label,.legal-radio-item label:hover{color:#fff;background:var(--surface-hover);}.legal-radio-item input[type="radio"]:checked+label{padding-left:14px;}.legal-content-container{flex-grow:1;max-width:822px;padding-top:48px;padding-bottom:96px;}.legal-content h1{font-size:clamp(28px,4vw,38px);font-weight:800;letter-spacing:-0.8px;color:#fff;}.legal-content h2{font-size:20px;font-weight:700;color:#fff;letter-spacing:-0.2px;margin-bottom:16px;}.legal-content p{color:rgba(232,235,244,0.65);font-size:15px;line-height:1.7;margin-bottom:24px;}.legal-content section{margin-bottom:48px;}.legal-content section:last-of-type{margin-bottom:32px;}.legal-content ul{padding-left:20px;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}.legal-content li{color:rgba(232,235,244,0.65);font-size:15px;line-height:1.7;}.legal-header-block{margin-bottom:32px;}.legal-header-date{margin:18px 0 48px 0 !important;color:rgba(232,235,244,0.65);font-size:15px;}body.page-legal .footer{padding:72px 24px 28px;border-top:1px solid var(--border-soft);margin-top:80px;}.hero{position:relative;overflow:hidden;padding:clamp(56px,10vw,120px)24px clamp(60px,8vw,96px);}.hero-bg-glow{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(at 50% 0%,rgba(56,189,248,0.12)0%,rgba(0,102,255,0.08)40%,transparent 70%);pointer-events:none;}.hero-bg-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,224,200,0.15)1px,transparent 1px);background-size:32px 32px;opacity:0.4;pointer-events:none;}.hero-container{max-width:1160px;margin:0 auto;position:relative;}.hero-title{font-weight:800;font-size:clamp(32px,6vw,68px);line-height:1.1;letter-spacing:-1.5px;text-align:center;margin:0 auto 20px;max-width:780px;}.hero-subtitle{text-align:center;color:var(--text-muted);font-size:clamp(15px,2vw,19px);line-height:1.6;max-width:560px;margin:0 auto 40px;}.hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-bottom:64px;}.hero-features span{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(232,235,244,0.55);font-weight:500;}.hero-features svg{width:14px;height:14px;color:var(--accent);flex-shrink:0;}.carriers-section{scroll-margin-top:80px;}.section-label{text-align:center;font-size:13px;font-weight:600;letter-spacing:0.1em;color:var(--text-dim);text-transform:uppercase;margin-bottom:20px;}.carriers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;max-width:860px;margin:0 auto;}.carrier-card{height:118px;border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,0.35);border:none;transition:transform 0.2s ease,box-shadow 0.2s ease;}.carrier-card:hover,.carrier-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 28px rgba(0,0,0,0.5);}.card-brand{font-size:1.15rem;font-weight:700;letter-spacing:-0.2px;}.card-footer{font-size:0.85rem;font-weight:600;opacity:0.92;align-self:flex-end;}.att{background:var(--att);}.verizon{background:var(--verizon);}.tmobile{background:var(--tmobile);}.metro{background:var(--metro);}.cricket{background:var(--cricket);}.boost{background:var(--boost);}.default{background:var(--default-carrier);}.carrier-hint{text-align:center;margin-top:20px;font-size:13px;color:var(--text-dim);}.how-it-works{padding:clamp(56px,8vw,104px)24px;background:rgba(255,255,255,0.016);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);}body.page-index .section-header{text-align:center;margin-bottom:56px;}body.page-index .section-tag{font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);}body.page-index .section-title{font-weight:800;font-size:clamp(26px,4vw,46px);letter-spacing:-0.8px;margin-top:10px;margin-bottom:14px;color:#ffffff;}body.page-index .section-description{color:rgba(232,235,244,0.5);font-size:16px;max-width:480px;margin:0 auto;}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;position:relative;}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px 28px;position:relative;transition:border-color 0.2s ease,transform 0.2s ease;}.step-card:hover{border-color:rgba(56,189,248,0.25);transform:translateY(-2px);}.step-number{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#0e1424;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;margin-bottom:22px;}.step-card h3{font-weight:700;font-size:19px;color:#ffffff;margin-bottom:10px;letter-spacing:-0.2px;}.step-card p{color:rgba(232,235,244,0.55);font-size:15px;line-height:1.65;}.security-banner{margin:40px auto 0;background:rgba(0,102,255,0.06);border:1px solid rgba(0,102,255,0.2);border-radius:14px;padding:18px 24px;max-width:620px;display:flex;align-items:center;gap:12px;}.security-banner svg{width:20px;height:20px;color:var(--accent);flex-shrink:0;}.security-banner p{font-size:14px;color:var(--text-muted);line-height:1.5;}.security-banner span{color:var(--text-main);font-weight:600;}.tutorial{padding:clamp(56px,8vw,104px)24px;scroll-margin-top:80px;}.video-container{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(0,102,255,0.15),rgba(0,224,200,0.08));border:1px solid rgba(56,189,248,0.15);cursor:pointer;}.video-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(0,224,200,0.04)1px,transparent 1px),linear-gradient(90deg,rgba(0,224,200,0.04)1px,transparent 1px);background-size:40px 40px;}.video-mockup-wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}.video-mockup{width:180px;height:320px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:28px;padding:16px;display:flex;flex-direction:column;gap:10px;}.mock-line-1{height:8px;background:rgba(0,224,200,0.3);border-radius:4px;}.mock-line-2{height:6px;background:rgba(255,255,255,0.1);border-radius:4px;width:70%;}.mock-box{flex:1;background:rgba(0,102,255,0.1);border-radius:12px;}.mock-btn{height:32px;background:linear-gradient(90deg,rgba(0,224,200,0.4),rgba(0,102,255,0.4));border-radius:8px;}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(14,20,36,0.3);}.play-btn{width:72px;height:72px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));display:flex;align-items:center;justify-content:center;box-shadow:rgba(0,224,200,0.4)0px 0px 40px;transition:transform 0.2s ease,box-shadow 0.2s ease;cursor:pointer;}.video-container:hover .play-btn{transform:scale(1.08);box-shadow:rgba(0,224,200,0.6)0px 0px 50px;}.play-btn svg{width:32px;height:32px;margin-left:4px;}.video-duration{position:absolute;bottom:16px;right:20px;background:rgba(14,20,36,0.8);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600;color:rgba(232,235,244,0.8);}.trust-marquee{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:rgba(0,224,200,0.02);padding:22px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 55s linear infinite;}.trust-marquee:hover .marquee-track{animation-play-state:paused;}.marquee-group{display:flex;align-items:center;flex-shrink:0;}.trust-badge{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap;padding:0 28px;border-right:1px solid var(--border-soft);}.trust-badge svg{width:17px;height:17px;color:var(--accent);flex-shrink:0;}@keyframes marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;}.trust-marquee{overflow-x:auto;}}.disclaimer-section{padding:clamp(48px,6vw,80px)24px;}.disclaimer-panel{max-width:860px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px clamp(20px,4vw,40px);display:flex;gap:18px;align-items:flex-start;}.disclaimer-panel svg{width:22px;height:22px;color:var(--text-dim);flex-shrink:0;margin-top:3px;}.disclaimer-panel h2{font-weight:700;font-size:18px;color:#ffffff;margin-bottom:10px;letter-spacing:-0.2px;}.disclaimer-panel p{color:var(--text-dim);font-size:13.5px;line-height:1.7;}body.page-index .footer{padding:clamp(48px,6vw,72px)24px 28px;border-top:1px solid var(--border-soft);scroll-margin-top:80px;}body.page-faq .main-content,body.page-contact .main-content{flex:1;padding:clamp(48px,8vw,80px)24px;position:relative;}body.page-faq .section-header,body.page-contact .section-header{text-align:center;margin-bottom:48px;}body.page-faq .section-tag,body.page-contact .section-tag{font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);}body.page-faq .section-title,body.page-contact .section-title{font-weight:800;font-size:clamp(28px,5vw,48px);letter-spacing:-0.8px;margin-top:10px;margin-bottom:14px;color:#ffffff;}body.page-faq .section-description,body.page-contact .section-description{color:var(--text-muted);font-size:16px;max-width:520px;margin:0 auto;}.faq-container{display:flex;flex-direction:column;gap:16px;}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color 0.25s ease,background-color 0.25s ease;}.faq-item:hover{border-color:rgba(56,189,248,0.25);background:var(--surface-hover);}.faq-question{padding:22px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;gap:16px;}.faq-question h3{font-size:17px;font-weight:600;color:#ffffff;letter-spacing:-0.2px;}.faq-question svg{width:20px;height:20px;color:var(--accent);transition:transform 0.3s ease;flex-shrink:0;}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1);}.faq-answer-content{padding:0 28px 24px;color:var(--text-muted);line-height:1.65;font-size:15px;border-top:1px solid transparent;}.faq-item.active{border-color:rgba(56,189,248,0.4);background:rgba(255,255,255,0.04);}.faq-item.active .faq-question svg{transform:rotate(180deg);}.faq-item.active .faq-answer{max-height:300px;}body.page-faq .footer,body.page-contact .footer{padding:clamp(48px,6vw,72px)24px 28px;border-top:1px solid var(--border-soft);margin-top:auto;}body.page-contact .container{padding:0;}body.page-contact .main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;}.contact-container{max-width:1000px;width:100%;display:grid;grid-template-columns:1fr 1.4fr;gap:32px;margin:auto;}.info-card,.form-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(24px,5vw,40px);backdrop-filter:blur(10px);}.info-card h2,.form-card h2{font-size:24px;font-weight:800;color:#ffffff;letter-spacing:-0.5px;margin-bottom:10px;}.sub{color:var(--text-muted);font-size:14px;margin-bottom:32px;line-height:1.6;}.info-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;}.info-icon{width:42px;height:42px;background:rgba(56,189,248,0.1);border:1px solid rgba(56,189,248,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;}.info-icon svg{width:20px;height:20px;}.info-content label{display:block;font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:4px;}.info-content span{font-size:14px;color:var(--text-main);font-weight:600;}.info-content a{color:var(--accent);text-decoration:none;transition:color 0.2s ease;}.info-content a:hover{color:var(--accent-cyan);}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.form-group{margin-bottom:20px;width:100%;}.pg-hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text-muted);}input,textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:10px;color:#ffffff;font-size:14px;font-family:inherit;transition:border-color 0.2s ease,box-shadow 0.2s ease;outline:none;}input:focus,textarea:focus{border-color:rgba(56,189,248,.5);outline:none;}textarea{min-height:120px;resize:vertical;}.btn-send{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:var(--text-main);border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:opacity 0.2s ease,transform 0.15s ease;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;}.btn-send:hover{opacity:0.9;transform:translateY(-1px);}.btn-send svg{width:18px;height:18px;}.alert{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:10px;}.alert-success{background:rgba(56,189,248,.1);color:var(--accent);border:1px solid rgba(56,189,248,0.25);}.alert-error{background:rgba(255,77,77,0.1);color:var(--error-red);border:1px solid rgba(255,77,77,0.25);}.alert svg{width:18px;height:18px;flex-shrink:0;}@media(max-width:768px){.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:rgba(14,20,36,0.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,224,200,0.1);flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 16px;}.nav-links.open{display:flex;}.nav-links a{width:100%;padding:12px 0;border-bottom:1px solid var(--border-soft);}.mobile-menu-btn{display:block;}.mobile-track-link{display:block;}}
/* Track Payment link only ever shows inside the mobile dropdown menu (>768px screens keep using the header icon button instead) */
.mobile-track-link{display:none;}
/* Homepage-only prominent Track Payment prompt, shown just above the carrier grid on small screens where the header button is hidden */
.hero-track-prompt{display:none;justify-content:center;margin:-8px 0 28px;}
.hero-track-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:rgba(232,235,244,0.8);font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:100px;cursor:pointer;transition:all 0.2s ease;}
.hero-track-btn:hover{border-color:rgba(56,189,248,0.4);color:#fff;}
.hero-track-btn svg{width:15px;height:15px;flex-shrink:0;}
@media(max-width:768px){.hero-track-prompt{display:flex;}}@media(max-width:360px){body.page-index .navbar{padding:0.8rem 0;}body.page-index .nav-container{height:auto;flex-direction:column;gap:0.8rem;padding:0 1rem;}body.page-index .nav-actions{justify-content:space-between;width:100%;}body.page-index .nav-links{top:90px;}body.page-index .hero-features{width:max-content;flex-direction:column;margin:0 auto 64px auto;}body.page-index .container{padding:0;}body.page-index .step-card{padding:22px 18px;}body.page-index .steps-grid{grid-template-columns:1fr;}body.page-index .security-banner,body.page-index .disclaimer-panel{flex-direction:column;align-items:center;}body.page-index .tutorial{padding:clamp(56px,8vw,104px)0;}body.page-index .footer-bottom{justify-content:center;text-align:center;}}@media(max-width:360px){body.page-faq .navbar{padding:0.8rem 0;}body.page-faq .nav-container{height:auto;flex-direction:column;gap:0.8rem;padding:0 1rem;}body.page-faq .nav-actions{justify-content:space-between;width:100%;}body.page-faq .nav-links{top:90px;}body.page-faq .faq-question{padding:16px 20px;}body.page-faq .faq-answer-content{padding:0 20px 20px;}body.page-faq .footer-bottom{justify-content:center;text-align:center;}}@media(max-width:768px){body.page-contact .contact-container{grid-template-columns:1fr;}body.page-contact .info-card{order:2;}body.page-contact .form-row{grid-template-columns:1fr;gap:0;}}@media(max-width:360px){body.page-contact .navbar{padding:0.8rem 0;}body.page-contact .nav-container{height:auto;flex-direction:column;gap:0.8rem;padding:0 1rem;}body.page-contact .nav-actions{justify-content:space-between;width:100%;}body.page-contact .nav-links{top:90px;}body.page-contact .footer-bottom{justify-content:center;text-align:center;}}

/* =========================================================================
   MERGED FROM modals.css (Phase 6 — combined into one file to cut a
   render-blocking CSS request on every page load). This section is kept
   AFTER the rules above on purpose: modals.css used to load as a separate
   <link> tag after style.css, and one specific rule below relies on that
   source order to win the cascade (see the note right above its
   @media(max-width:768px) block). Keep any future edits to this section
   below everything else in this file, never above.
   ========================================================================= */

/* =========================================================================
   SHARED MODAL SYSTEM (Track Payment + Payment Success)
   Loaded globally in header.php since the Track Payment modal appears on
   every page via the nav button + footer.php include.
   ========================================================================= */

.pg-modal-overlay{position:fixed;inset:0;background:rgba(6,10,20,0.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;}
.pg-modal-overlay.is-open{display:flex;}
.pg-modal-card{background:#141b2e;border:1px solid var(--border);border-radius:22px;padding:clamp(28px,5vw,40px);max-width:420px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,0.55);position:relative;max-height:90vh;overflow-y:auto;}
.pg-modal-close-x{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;line-height:0;}
.pg-modal-close-x svg{width:18px;height:18px;}
.pg-modal-close-x:hover{color:#fff;}

/* success modal */
.pg-modal-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.pg-modal-icon svg{width:32px;height:32px;}
.pg-modal-icon.is-success{background:rgba(0,224,200,0.12);}
.pg-modal-icon.is-success svg{color:var(--success-green);}
.pg-modal-icon.is-warning{background:rgba(250,204,21,0.12);}
.pg-modal-icon.is-warning svg{color:#facc15;}
.pg-modal-icon.is-error{background:rgba(255,77,77,0.12);}
.pg-modal-icon.is-error svg{color:var(--error-red);}
.pg-modal-title{text-align:center;font-size:22px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-0.3px;}
.pg-modal-subtext{text-align:center;font-size:14px;color:var(--text-muted);margin-bottom:24px;line-height:1.5;}
.pg-tracking-box{border:1.5px dashed rgba(56,189,248,0.4);background:rgba(56,189,248,0.06);border-radius:14px;padding:18px;text-align:center;margin-bottom:20px;}
.pg-tracking-box span{display:block;font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px;}
.pg-tracking-box strong{font-size:26px;font-weight:800;color:var(--accent-cyan);letter-spacing:1px;}
.pg-modal-note{font-size:13px;color:var(--text-dim);line-height:1.6;text-align:center;margin-bottom:26px;}
.pg-modal-actions{display:flex;gap:12px;}
.pg-modal-btn{flex:1;padding:13px;border-radius:10px;font-weight:700;font-size:14.5px;cursor:pointer;border:none;text-align:center;text-decoration:none;transition:opacity 0.2s ease;}
.pg-modal-btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#0e1424;}
.pg-modal-btn-secondary{background:rgba(255,255,255,0.06);color:var(--text-main);border:1px solid var(--border);}
.pg-modal-btn:hover{opacity:0.9;}
.pg-modal-btn-full{display:block;width:100%;text-align:center;text-decoration:none;box-sizing:border-box;margin-bottom:12px;}

/* track modal */
.pg-track-field label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:8px;}
.pg-track-field input{width:100%;padding:12px 16px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:10px;color:#fff;font-size:15px;font-family:inherit;outline:none;margin-bottom:14px;}
.pg-track-field input:focus{border-color:rgba(56,189,248,0.5);}
.pg-track-error{color:var(--error-red);font-size:13px;margin:-4px 0 14px;display:none;}
.pg-track-error.is-visible{display:block;}
.pg-track-loading{color:var(--text-dim);font-size:13px;margin:-4px 0 14px;display:none;}
.pg-track-loading.is-visible{display:block;}
.pg-track-result{background:rgba(255,255,255,0.03);border:1px solid var(--border-soft);border-radius:14px;padding:16px 20px;margin-bottom:20px;display:none;}
.pg-track-result.is-visible{display:block;}
.pg-track-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border-soft);font-size:13.5px;gap:12px;}
.pg-track-row:last-child{border-bottom:none;}
.pg-track-row span:first-child{color:var(--text-dim);text-transform:uppercase;font-size:11px;letter-spacing:0.06em;font-weight:700;flex-shrink:0;}
.pg-track-row span:last-child{color:#fff;font-weight:700;text-align:right;word-break:break-word;}
.pg-status-badge{padding:3px 12px;border-radius:100px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;}
.pg-status-pending{background:rgba(250,204,21,0.14);color:#facc15;}
.pg-status-completed{background:rgba(0,224,200,0.14);color:var(--success-green);}
.pg-status-cancelled{background:rgba(255,77,77,0.14);color:var(--error-red);}

/* nav "Track Payment" button */
.nav-track-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:rgba(232,235,244,0.75);font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:100px;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;}
.nav-track-btn:hover{border-color:rgba(56,189,248,0.4);color:#fff;}
.nav-track-btn svg{width:14px;height:14px;flex-shrink:0;}
/* Hidden below 768px in favor of the mobile-menu link + homepage prompt.
   Deliberately placed here, in the merged-in section that comes AFTER the
   base rules earlier in this file — that's what makes this rule win the
   cascade at this breakpoint (equal specificity, later source order wins).
   Originally this lived in a separate modals.css that loaded after
   style.css as its own <link> tag; the two files were merged into this one
   in Phase 6, but the ordering still matters just as much now that it's
   sections within a single file instead of two separate files. Moving this
   rule earlier in the file (or adding a conflicting one above it) would
   silently reintroduce the original bug this comment is warning about. */
@media(max-width:768px){.nav-track-btn{display:none;}}

@media(max-width:480px){
  .pg-modal-actions{flex-direction:column;}
}

/* ---------------------------------------------------------------------
   MOBILE-COMPACT MODAL — the success modal in particular (icon + title +
   subtext + tracking box + 4 result rows + note + 3 buttons) is a lot of
   vertical content for a small phone screen. Tightening every spacing
   value here keeps the whole thing on one screen without an internal
   scrollbar on most devices. Applies to all .pg-modal-card instances
   (success / error / track), which is harmless for the lighter ones too.
   --------------------------------------------------------------------- */
@media(max-width:480px){
  .pg-modal-overlay{padding:12px;}
  .pg-modal-card{padding:22px 20px;border-radius:18px;max-height:94vh;}
  .pg-modal-icon{width:44px;height:44px;margin:0 auto 12px;}
  .pg-modal-icon svg{width:22px;height:22px;}
  .pg-modal-title{font-size:18px;margin-bottom:6px;}
  .pg-modal-subtext{font-size:12.5px;margin-bottom:14px;line-height:1.45;}
  .pg-tracking-box{padding:12px;margin-bottom:12px;}
  .pg-tracking-box span{font-size:10.5px;margin-bottom:3px;}
  .pg-tracking-box strong{font-size:20px;}
  .pg-track-result{padding:10px 14px;margin-bottom:12px;}
  .pg-track-row{padding:6px 0;font-size:12px;gap:8px;}
  .pg-modal-note{font-size:11px;line-height:1.45;margin-bottom:14px;}
  .pg-modal-btn{padding:10px;font-size:13px;}
  .pg-modal-btn-full{margin-bottom:8px;}
  .pg-modal-actions{gap:8px;}
}