@font-face{font-family:Orya;src:url('/fonts/arabic.ttf') format('truetype');font-display:swap}*{box-sizing:border-box} :root{--navy:#09294e;--orange:#d95408;--ink:#152b43;--muted:#627385;--paper:#f7f8fa;--line:#e2e7ed}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Orya,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8;background:white}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;object-fit:contain}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45}h1{font-size:clamp(38px,4.8vw,68px);letter-spacing:-1.5px}h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.7px}h3{font-size:23px}p{color:var(--muted)}:focus-visible{outline:3px solid #ef873e;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:99}.skip:focus{top:0}.topbar{background:var(--navy);color:#fff;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:9px}.topbar a{opacity:.85}.topbar span a{margin-inline-start:10px}.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand strong{display:block;font-size:30px;line-height:1.15;white-space:nowrap}.brand strong small{font-family:Arial,sans-serif;font-size:24px;font-weight:600;margin-inline-start:5px}.brand span span{font-size:10px;letter-spacing:.6px}.header nav{display:flex;gap:24px;align-items:center;font-size:14px}.header nav a{position:relative;padding-block:35px;white-space:nowrap}.header nav a[aria-current],.header nav a:hover{color:var(--orange)}.header nav a[aria-current]:after{content:'';position:absolute;bottom:23px;right:0;width:18px;height:3px;background:var(--orange);border-radius:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 25px;border:1px solid transparent;border-radius:7px;background:var(--orange);color:#fff;font-weight:bold;line-height:1.8;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#b64403;transform:translateY(-2px)}.button.small{font-size:13px;padding:10px 18px}.button.secondary{background:var(--navy)}.button.light{background:white;color:var(--navy)}.text-link{font-weight:bold;display:inline-flex;gap:14px;align-items:center;font-size:14px}.text-link:hover{color:var(--orange)}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:6px;padding:8px}.hero{background:radial-gradient(ellipse at 10% 45%,#eef3f9,transparent 65%),#f9fafb;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:615px;gap:50px}.hero-copy{padding-block:65px}.eyebrow{color:var(--orange);font-size:13px;font-weight:bold;margin-bottom:20px;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;box-shadow:0 0 0 5px #d9540814}.hero h1{max-width:510px;margin-bottom:24px}.hero-copy>p{font-size:18px;max-width:490px;line-height:2;margin-bottom:32px}.hero-note{display:flex;align-items:center;gap:14px;margin-top:42px;font-size:13px}.hero-note small{display:block;color:var(--muted);font-size:11px}.tiny-logo{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--line);border-radius:50%}.hero-art{height:500px;position:relative;display:grid;place-items:center;direction:ltr}.orbit{border:1px solid #bac8d64f;position:absolute;width:465px;height:465px;border-radius:50%;transform:rotate(-24deg)}.orbit:before,.orbit:after{content:'';width:9px;height:9px;background:var(--orange);border-radius:50%;position:absolute;top:60px;left:60px}.orbit:after{top:auto;left:auto;bottom:65px;right:57px;background:var(--navy)}.orbit-two{width:560px;height:560px;border-style:dashed;opacity:.65}.brand-disc{position:relative;background:linear-gradient(140deg,#fff,#f3f6fa);width:355px;height:355px;border-radius:50%;box-shadow:18px 30px 70px #09294e19,inset 0 0 0 1px #fff;display:grid;place-items:center;transform:rotate(-10deg)}.brand-disc img{position:absolute;width:285px;height:285px;opacity:1}.brand-disc strong{font:bold 67px Arial,sans-serif;letter-spacing:-4px;z-index:1;color:var(--navy);margin-top:-8px}.brand-disc strong span{font-size:12px;vertical-align:top;letter-spacing:0}.brand-disc small{position:absolute;top:210px;font-size:12px;color:var(--orange)}.orbital-label{position:absolute;z-index:2;display:flex;align-items:center;gap:13px;background:white;border:1px solid #e7ecf1;border-radius:8px;padding:12px 18px;box-shadow:0 8px 25px #09294e08;direction:rtl;font-size:13px}.label-top{right:0;top:62px}.label-bottom{bottom:57px;left:-8px}.label-bottom span{color:var(--orange);font:28px Arial}.art-plus{position:absolute;bottom:14px;right:50px;font:30px Arial;color:var(--orange)}.hero-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:18px;font-size:12px;color:var(--muted)}.hero-bottom>span:nth-child(2){font:10px Arial;letter-spacing:2px}.hero-bottom>a{font-size:23px}.brand-strip{border-bottom:1px solid var(--line);padding-block:30px}.brand-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-strip span{line-height:1.6;font-size:15px}.brand-strip span strong{font-size:23px}.brand-strip p{margin:0;font-size:14px;padding-inline:30px;border-inline-start:2px solid var(--orange)}.section{padding-block:90px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:40px}.section-top h2{margin:0}.section-top p{margin-bottom:8px;font-size:15px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{padding:32px;border:1px solid var(--line);border-radius:12px;position:relative;transition:border-color .2s,box-shadow .2s}.service-card:hover{border-color:#d9540860;box-shadow:0 14px 30px #09294e08}.service-number{position:absolute;left:25px;top:24px;font:12px Arial;color:#8997a6}.service-symbol{width:62px;height:62px;background:#f0f4f8;color:var(--navy);border-radius:14px;font:40px Arial;display:grid;place-items:center;margin-bottom:32px}.service-card:nth-child(2) .service-symbol{color:var(--orange);background:#fef1e8}.service-card h3{margin-bottom:15px}.service-card p{font-size:14px;min-height:80px}.service-card .text-link{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line)}.coverage-banner{padding:65px 70px;background:var(--navy);color:white;border-radius:15px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;overflow:hidden;position:relative}.coverage-banner h2{font-size:40px}.coverage-banner .eyebrow{color:#ffac77}.coverage-banner p{color:#b8c7d8;max-width:490px;font-size:15px}.signal-art{position:relative;min-height:320px;display:grid;place-items:center;direction:ltr}.signal-art i{width:320px;height:320px;border:1px solid #ffffff22;position:absolute;border-radius:50%}.signal-art i:nth-child(2){width:230px;height:230px;border-color:#ffffff44}.signal-art i:nth-child(3){width:130px;height:130px;border:2px solid var(--orange);box-shadow:0 0 60px #d9540840}.signal-art i:after{content:'';width:9px;height:9px;background:var(--orange);position:absolute;left:15%;top:15%;border-radius:50%}.signal-art span{font:bold 35px Arial}.app-section{margin-top:50px;background:linear-gradient(120deg,#fff8f2,#fafbfc 55%)}.app-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.app-grid>div:last-child>p{max-width:475px}.feature-list{list-style:none;padding:0;margin:25px 0}.feature-list li{margin:10px 0;font-size:14px}.feature-list li:before{content:'✓';color:var(--orange);margin-inline-end:12px}.store-buttons{display:flex;gap:12px;flex-wrap:wrap}.store-button{background:var(--navy);color:white;border-radius:8px;padding:10px 22px;min-width:158px}.store-button small{display:block;font-size:10px}.store-button strong{display:block;font:600 18px Arial;margin-top:3px}.store-button.unavailable{background:#e8edf2;color:#576b80;border:1px solid #d9e1e9}.small-text{font-size:12px}.phone-scene{position:relative;display:grid;place-items:center;min-height:470px}.phone{background:#fff;border:7px solid var(--navy);border-radius:37px;width:255px;height:480px;padding:24px 17px;box-shadow:20px 30px 70px #09294e18;transform:rotate(7deg);position:relative}.phone-notch{position:absolute;top:7px;left:90px;width:65px;height:14px;border-radius:20px;background:var(--navy)}.phone-header{display:flex;align-items:center;gap:8px;margin-top:13px}.phone-header strong{font:22px Arial}.phone-header span{margin-right:auto;font:9px Arial}.phone-welcome{font-size:11px;margin:22px 0 14px}.phone-balance{background:#f2f5f9;border-radius:15px;padding:15px;font-size:10px}.usage-ring{height:137px;width:137px;margin:15px auto 4px;border:10px solid var(--navy);border-left-color:var(--orange);border-radius:50%;display:grid;place-items:center;direction:ltr}.usage-ring strong{font:35px Arial;text-align:center}.usage-ring small{display:block;font:8px Orya;letter-spacing:0;margin-top:5px}.phone-tiles{display:flex;gap:8px;margin-top:16px}.phone-tiles span{border:1px solid var(--line);border-radius:8px;text-align:center;flex:1;font-size:8px;padding:8px}.phone-tiles b{font-size:18px;font-weight:normal;color:var(--orange)}.phone-pill{text-align:center;background:var(--navy);color:white;border-radius:7px;font-size:10px;padding:8px;margin-top:13px}.mock-label{font-size:8px;display:block;text-align:center;margin-top:7px;color:var(--muted)}.app-bubble{position:absolute;bottom:60px;right:0;background:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 12px 40px #09294e15;font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:bold;list-style:none}summary:after{content:'+';float:left;color:var(--orange);margin-inline-start:16px}details[open]>summary:after{content:'−'}details p{font-size:14px;margin:16px 0 0}.cta{background:#f3f6f9;padding:50px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta span{font-size:14px;color:var(--muted)}.cta h2{margin:5px 0 0}footer{background:#071f3b;color:#dfe8f1;padding:55px 0 0;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:50px}.footer-brand{background:#fff;color:var(--navy);padding:9px 13px;border-radius:8px;margin-bottom:16px}.footer-brand strong{font-size:26px}footer p{color:#a2b5c8;font-size:12px}footer h3{font-size:15px;margin-bottom:22px}footer a:not(.brand){display:block;margin-block:8px}footer a:hover{color:#ffa972}.footer-bottom{border-top:1px solid #ffffff18;padding-block:20px;margin-top:40px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#91a6bc}.footer-bottom span:last-child{font-family:Arial}.page-heading{background:var(--paper);padding:65px 0;border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(34px,4vw,52px);margin-bottom:15px}.page-heading p{max-width:700px;margin:0}.page-heading .eyebrow{margin-bottom:15px}.card,.plan-card,.form-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px}.card h2,.plan-card h2,.form-card h2{font-size:25px}.card p{font-size:14px}.plan-card .price{font:bold 42px Arial;color:var(--orange);margin:25px 0}.price small{font:12px Orya;color:var(--muted)}dl{margin:20px 0 30px}dl>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}dd{margin:0;text-align:left;overflow-wrap:anywhere}dt{color:var(--muted);flex-shrink:0}.filter-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}.filter-tabs button{border:1px solid var(--line);background:white;padding:10px 24px;border-radius:30px;color:var(--ink)}.filter-tabs button.active{background:var(--navy);color:white;border-color:var(--navy)}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;background:var(--paper);border-radius:15px}.empty-state>span{font:60px Arial;color:var(--orange);display:block;margin-bottom:15px}.empty-state h2{font-size:30px}.search-field{max-width:500px;margin:0 auto 40px}.tag{display:inline-block;background:#eaf2f6;color:var(--navy);border-radius:30px;padding:5px 12px;font-size:11px}.block{display:flex;margin-top:20px}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center}.about-mark{display:flex;flex-direction:column;align-items:center;background:var(--paper);padding:60px 40px;border-radius:15px}.about-mark strong{font-size:50px;margin-top:20px}.about-mark span{color:var(--muted)}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.soft{background:var(--paper)}.avatar{width:90px;height:90px;border-radius:50%;object-fit:cover}.form-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:80px}.contact-info h3{font-size:17px;margin:28px 0 8px}.contact-info>a{display:block;width:fit-content}.contact-info h2{font-size:35px}label{display:block;font-size:13px;font-weight:bold;margin-bottom:18px}input,textarea,select{display:block;width:100%;background:#fafbfc;color:var(--ink);border:1px solid #d9e0e8;border-radius:7px;padding:12px;margin-top:7px;min-height:47px;line-height:1.5}textarea{resize:vertical}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:normal}.check input{width:18px;min-height:18px;flex-shrink:0;margin-top:3px;accent-color:var(--orange)}.check a{text-decoration:underline}.form-card>small{display:block;margin-top:16px}.form-card .two-grid{gap:20px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.steps{padding-inline-start:24px}.steps li{padding:15px 8px}.steps li::marker{color:var(--orange);font-weight:bold}.steps p{font-size:14px;margin-top:5px;margin-bottom:0}.prose{line-height:2.2}.prose h2{font-size:26px}.narrow{max-width:760px}.alert{padding:18px 24px;margin-block:20px;border-radius:8px;font-size:14px}.success{background:#edf8f0;color:#185d32;border:1px solid #c9e6d1}.error{background:#fff0ec;color:#912d14;border:1px solid #f2ccbf}.muted{color:var(--muted)}.pre-wrap{white-space:pre-wrap}.login-body{min-height:100vh;display:grid;place-items:center;background:var(--navy);padding:30px}.login-card{background:white;padding:45px;border-radius:18px;width:min(470px,100%)}.login-card h1{font-size:34px;margin-top:30px}.login-card .button{width:100%;margin:10px 0 25px}.login-card .alert{width:100%}.admin-body{background:#f4f6f9}.admin-sidebar{position:fixed;right:0;top:0;bottom:0;width:235px;padding:30px 20px;background:var(--navy);color:#fff;overflow:auto}.admin-sidebar .brand{margin-bottom:25px;background:white;color:var(--navy);padding:12px;border-radius:10px;width:100%}.admin-sidebar .brand strong{font-size:24px}.admin-sidebar .brand small{display:block;font:10px Orya;margin-top:6px}.admin-sidebar nav{display:flex;flex-direction:column;margin-bottom:24px}.admin-sidebar nav a{padding:10px 12px;border-radius:6px;font-size:12px;margin-block:2px}.admin-sidebar nav a:hover,.admin-sidebar nav a[aria-current]{background:#ffffff14;color:#ffb281}.admin-sidebar>a:not(.brand){font-size:12px;margin-right:10px}.text-button{background:none;border:0;color:inherit;padding:7px 0;font:inherit}.admin-sidebar .text-button{font-size:12px;padding:15px 10px;color:#b5c6d7}.admin-main{margin-right:235px;padding:0 40px 50px}.admin-main .wrap{width:100%}.admin-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:23px 0;font-size:12px;color:var(--muted)}.admin-title{padding-top:35px}.admin-title h1{font-size:32px}.admin-title .eyebrow{margin-bottom:7px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.stats-grid .card{padding:22px}.stats-grid span{font-size:12px;color:var(--muted)}.stats-grid strong{display:block;font:bold 38px Arial;color:var(--navy);margin-top:16px}.admin-main .card{margin-bottom:22px}.admin-main .card h2{font-size:21px}.admin-main .button{font-size:13px;padding:10px 18px}.bar-chart{display:flex;gap:20px;align-items:flex-end;min-height:200px;direction:ltr;justify-content:space-around}.bar-chart>div{text-align:center;display:flex;flex-direction:column;font-size:11px;gap:8px}.bar-chart i{display:block;min-width:23px;background:var(--orange);border-radius:4px 4px 0 0}.list-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.list-row small{display:block;font-size:10px;color:var(--muted)}.admin-note{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-note p{margin:0}.toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:25px}.toolbar label{margin:0;flex:1}.toolbar .button{align-self:flex-end}.inline-form{display:flex;gap:10px}.inline-form input{margin:0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:white}table{border-collapse:collapse;width:100%;font-size:13px;text-align:right}th{background:#edf1f5;font-size:12px}th,td{padding:16px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td .actions{gap:16px}.danger{color:#a82c22}.pagination{display:flex;gap:20px;align-items:center;justify-content:center;padding-top:25px;font-size:13px}.section-small{padding:25px 0}.admin-main details.card{padding:22px}.admin-main details.card form{padding-top:25px}
@media(min-width:1450px){.hero-grid{min-height:660px}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header nav{gap:14px;font-size:12px}.nav-wrap{gap:16px}.hero-grid{gap:20px}.hero-art{transform:scale(.82)}.app-grid{gap:55px}.footer-grid{gap:30px}.admin-main{padding-inline:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.nav-wrap{min-height:82px}.menu-toggle{display:block;margin-inline-start:auto}.header nav{display:none;position:absolute;top:82px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:15px 25px;box-shadow:0 15px 20px #09294e12;gap:0}.header nav.open{display:flex}.header nav a{padding:12px}.header nav a[aria-current]:after{display:none}.topbar .wrap>span{font-size:10px}.topbar span a{display:none}.hero-grid{grid-template-columns:1fr 1fr;min-height:520px}.hero h1{font-size:46px}.hero-art{transform:scale(.65);width:420px;margin-inline-start:-90px}.hero-copy>p{font-size:15px}.hero .actions{gap:18px}.hero .text-link{font-size:11px}.hero-note{font-size:11px}.hero-note small{font-size:9px}.brand-strip .wrap{flex-wrap:wrap}.brand-strip p{flex:1}.brand-strip .text-link{margin-inline-start:auto}.services-grid{gap:16px}.service-card{padding:22px}.service-card h3{font-size:20px}.coverage-banner{padding:45px;gap:20px}.signal-art{transform:scale(.8)}.app-grid{gap:40px}.app-bubble{right:-10px;font-size:10px}.faq{gap:35px}.footer-grid{grid-template-columns:repeat(2,1fr)}.form-layout{gap:35px}.about-grid{gap:40px}.admin-sidebar{position:static;width:100%;padding:15px 24px}.admin-sidebar .brand{width:auto;margin:0}.admin-sidebar nav{flex-direction:row;overflow-x:auto;margin:15px 0 8px;white-space:nowrap}.admin-sidebar nav a{flex-shrink:0}.admin-sidebar>form{display:inline-block}.admin-main{margin:0}.admin-sidebar>a:not(.brand){margin-left:20px}.admin-sidebar .brand strong{display:flex;gap:10px;align-items:center}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.topbar .wrap{padding-block:7px;font-size:10px;gap:8px}.brand strong{font-size:25px}.brand strong small{font-size:20px}.brand img{width:39px;height:39px}.brand{gap:8px}.brand span span{font-size:9px}.nav-cta{display:none}.menu-toggle{font-size:12px}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-copy{padding:48px 0 20px;width:100%}.hero h1{font-size:47px;max-width:330px;margin-bottom:18px}.hero-copy>p{font-size:15px;max-width:100%}.hero .actions{gap:22px}.hero-note{margin-top:28px}.hero-art{height:335px;transform:scale(.68);width:100%;margin:-30px 0 -12px}.orbit{width:410px;height:410px}.orbit-two{width:500px;height:500px}.label-top{right:-25px;top:0}.label-bottom{left:-15px;bottom:0}.art-plus{bottom:-50px}.hero-bottom{font-size:10px}.hero-bottom>span:nth-child(2){font-size:7px;letter-spacing:1px}.brand-strip{padding-block:25px}.brand-strip .wrap{gap:18px}.brand-strip span{font-size:12px}.brand-strip span strong{font-size:19px}.brand-strip p{font-size:11px;padding-inline:18px}.brand-strip .text-link{font-size:12px}.section{padding-block:55px}.section-top{display:block;margin-bottom:28px}.section-top h2{font-size:31px}.section-top p{margin-top:20px;font-size:13px}.eyebrow{font-size:11px;margin-bottom:15px}.services-grid{grid-template-columns:1fr}.service-card{padding:27px}.service-card p{min-height:0}.service-symbol{margin-bottom:20px;width:50px;height:50px;font-size:34px}.service-card h3{font-size:23px}.coverage-banner{grid-template-columns:1fr;padding:35px 28px}.coverage-banner h2{font-size:31px}.signal-art{min-height:235px;transform:scale(.75);margin:-20px 0}.app-grid{display:flex;flex-direction:column-reverse;gap:40px}.app-grid h2{font-size:36px}.phone-scene{width:100%;margin-block:20px;min-height:480px}.app-bubble{right:0;bottom:35px}.app-section{margin-top:35px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:31px}.faq summary{font-size:14px}.cta .wrap{display:block}.cta h2{font-size:30px;margin-bottom:25px}.footer-grid{gap:35px 20px}footer{padding-top:40px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.page-heading{padding:45px 0}.page-heading h1{font-size:35px}.page-heading p{font-size:14px}.two-grid,.about-grid,.form-layout{grid-template-columns:1fr;gap:25px}.about-mark img{width:170px;height:170px}.about-mark{padding:35px}.about-mark strong{font-size:36px}.form-card{padding:24px}.form-card .two-grid{gap:0}.form-layout{gap:35px}.form-layout .contact-info{padding-bottom:15px}.filter-tabs{gap:7px}.filter-tabs button{padding:8px 13px;font-size:12px}.admin-main{padding-inline:18px}.admin-title h1{font-size:27px}.stats-grid{gap:12px}.stats-grid .card{padding:16px}.stats-grid span{font-size:10px}.admin-note{display:block}.admin-note .button{margin-top:20px}.toolbar{align-items:stretch}.toolbar label{min-width:130px}.toolbar .button{align-self:auto}.inline-form{width:100%}.admin-main .card,.admin-main .form-card{padding:22px}.login-card{padding:28px}.alert{font-size:12px}.admin-main .two-grid{gap:0}.admin-sidebar nav{margin-inline:-12px}.admin-sidebar nav a{padding:9px}.narrow{width:calc(100% - 36px)}.admin-main .narrow{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Orya's lively character-led identity. */
.orya-vivid { --orange: #d95208; }
.orya-vivid .button { border-radius: 12px; }
.orya-vivid .topbar { background: #061b33; }
.orya-vivid .header { box-shadow: 0 8px 30px #09294e06; }
.mega-hero { background: radial-gradient(ellipse at 90% 15%, #214b72 0, transparent 50%), #09294e; color: #fff; position: relative; }
.mega-hero .hero-grid { min-height: 690px; grid-template-columns: 1fr 1fr; gap: 80px; }
.mega-hero .hero-copy { position: relative; z-index: 2; }
.mega-hero .eyebrow { color: #ffac72; }
.mega-hero .hero-copy > p { color: #c4d3e2; }
.mega-hero .hero-copy h1 { font-size: clamp(46px, 5.3vw, 76px); line-height: 1.35; max-width: 540px; margin-bottom: 28px; }
.mega-hero .button { background: #f27921; color: #071f3b; padding: 15px 25px; font-weight: bold; box-shadow: 0 8px 30px #f2792120; }
.mega-hero .button:hover { background: #ff9b47; }
.mega-hero .hero-note { color: #e6edf5; }
.mega-hero .hero-note small { color: #a6b9ce; }
.mega-hero .tiny-logo { background: #fff; border: none; }
.mega-hero .hero-bottom { border-color: #ffffff1c; color: #a9bdcf; }
.mega-stage { position: relative; margin-block: 40px; isolation: isolate; }
.mega-stage::before { content: ''; position: absolute; inset: 20px -18px -18px 12px; border: 1px solid #ffac7255; border-radius: 140px 24px 24px 24px; transform: rotate(4deg); z-index: -1; }
.mega-photo { border-radius: 140px 24px 24px 24px; overflow: hidden; height: 555px; box-shadow: 0 25px 60px #0004; background: #23323d; }
.mega-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 40% center; display: block; }
.mega-sticker { position: absolute; right: -36px; bottom: 45px; background: #fff7e9; color: var(--navy); padding: 15px 25px; border-radius: 16px; transform: rotate(5deg); box-shadow: 0 12px 30px #0002; border: 3px solid white; animation: mega-bob 6s ease-in-out infinite; }
.mega-sticker span { display: block; font-size: 12px; color: #8b542c; }
.mega-sticker strong { display: block; font-size: 25px; }
.mega-sticker small { font-size: 10px; }
.mega-now { position: absolute; left: 15px; top: 24px; background: #09294eec; border: 1px solid #ffffff30; border-radius: 40px; padding: 10px 15px; font-size: 11px; display: flex; gap: 10px; align-items: center; }
.live-dot { display: inline-block; width: 7px; height: 7px; background: #58c792; border-radius: 50%; box-shadow: 0 0 0 4px #58c79217; flex-shrink: 0; }
.mega-spark { position: absolute; color: #ff9b47; font-family: Arial, sans-serif; }
.spark-one { left: -27px; bottom: -12px; font-size: 85px; transform: rotate(-10deg); }
.spark-two { right: -28px; top: 28px; font-size: 50px; }
.life-ribbon { overflow: hidden; background: #f47c23; color: #102c47; border-block: 1px solid #f89246; padding: 13px 0; }
.life-ribbon > div { display: flex; gap: 40px; align-items: center; justify-content: center; white-space: nowrap; font-size: 22px; font-weight: bold; }
.life-ribbon b { font: 23px Arial; color: #fff5de; }
.orya-vivid .brand-strip { background: #fffcf6; }
.orya-vivid .services-grid { align-items: stretch; }
.orya-vivid .service-card { background: #f4f7fb; border-color: transparent; border-radius: 22px; }
.orya-vivid .service-card:nth-child(2) { background: #fff1e5; }
.orya-vivid .service-card:nth-child(3) { background: #ecf5ee; }
.orya-vivid .service-symbol { background: #fff; box-shadow: 0 6px 18px #09294e07; transform: rotate(-7deg); }
.orya-vivid .service-card .text-link { border-color: #09294e1a; }
.orya-vivid .section-top .eyebrow::before { content: '✦'; font: 19px Arial; }
.plans-preview { background: #f6f8fb; }
.plan-card { display: flex; flex-direction: column; border-radius: 22px; padding: 30px; transition: transform .2s, box-shadow .2s; }
.plan-card:hover { transform: translateY(-5px); box-shadow: 0 18px 35px #09294e0c; }
.plan-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.plan-symbol { font: 32px Arial; color: var(--orange); background: #fff1e7; width: 51px; height: 51px; display: grid; place-items: center; border-radius: 15px; }
.plan-card .eyebrow { font-size: 11px; margin-bottom: 7px; }
.plan-card h2 { font-size: 27px; margin-bottom: 8px; }
.plan-description { font-size: 13px; min-height: 46px; margin-bottom: 12px; }
.plan-card .price { font-size: 46px; margin: 15px 0 8px; display: flex; align-items: center; gap: 12px; }
.plan-card .price small { font-size: 14px; }
.plan-card .price small span { font-size: 10px; display: block; }
.plan-card dl { margin-block: 12px 28px; }
.plan-card dd { font-weight: bold; }
.plan-card dl small { font-weight: normal; font-size: 10px; }
.plan-card .button { margin-top: auto; width: 100%; background: #edf2f7; color: var(--navy); }
.plan-card .button:hover { background: #dfe8f2; }
.featured-plan { background: var(--navy); color: white; border-color: var(--navy); position: relative; overflow: hidden; }
.featured-plan::before { content: ''; position: absolute; width: 150px; height: 150px; border: 25px solid #ffffff05; border-radius: 50%; left: -45px; top: -45px; pointer-events: none; }
.featured-plan .eyebrow, .featured-plan .price { color: #ffa569; }
.featured-plan .price small, .featured-plan p, .featured-plan dt { color: #bbcddd; }
.featured-plan dl > div { border-color: #ffffff20; }
.featured-plan .button { background: #f5812c; color: #082442; }
.featured-plan .button:hover { background: #ff9d52; }
.featured-plan .plan-symbol { background: #ffffff12; color: #ffab70; }
.demo-tag { display: inline-block; background: #edf0f4; color: #5c6a7c; font: 10px Orya, sans-serif; border: 1px dashed #aebbc9; padding: 3px 8px; border-radius: 6px; vertical-align: middle; }
.featured-plan .demo-tag { color: #dae5ef; background: #ffffff0a; border-color: #ffffff50; }
.demo-note { font-size: 12px; padding: 12px 15px; background: #f0f3f6; border: 1px solid #e0e6ee; border-radius: 9px; margin-bottom: 25px; }
.demo-note > span { font-weight: bold; color: var(--navy); margin-inline-end: 8px; }
.mega-intro { margin-block: 90px; padding: 40px; border-radius: 26px; background: #fff2e4; display: grid; grid-template-columns: .9fr 1.2fr; gap: 65px; align-items: center; position: relative; overflow: hidden; }
.mega-portrait { height: 370px; overflow: hidden; border-radius: 100px 20px 20px 20px; transform: rotate(-3deg); }
.mega-portrait img { height: 100%; width: 100%; object-fit: cover; object-position: 35% 45%; }
.mega-intro h2 { font-size: 43px; }
.mega-intro p { font-size: 15px; max-width: 475px; }
.mega-intro-star { position: absolute; top: -30px; left: -22px; color: #efb57a44; font: 170px Arial; pointer-events: none; }
.orya-vivid .coverage-banner { border-radius: 24px; background: radial-gradient(ellipse at 0 80%, #244b72, transparent 70%), var(--navy); }
.real-app { background: radial-gradient(ellipse at 80% 60%, #fff3e5, transparent 55%), #fbfcfe; overflow: hidden; }
.real-app .app-grid { gap: 105px; }
.real-app h2 { font-size: 48px; }
.real-app h2 em { color: var(--orange); font-style: normal; }
.app-screenshot-scene { position: relative; display: grid; place-items: center; min-height: 620px; }
.app-device { width: 266px; margin: 0; border: 7px solid #102d4b; border-radius: 40px; overflow: hidden; box-shadow: 15px 30px 65px #09294e26, 0 0 0 1px #fff; transform: rotate(-6deg); background: #f5f7f9; z-index: 1; }
.app-device img { display: block; width: 100%; height: auto; }
.app-orbit { position: absolute; width: 390px; height: 390px; border: 1px dashed #dfb58f; border-radius: 50%; }
.app-orbit::before { content: ''; position: absolute; inset: 35px; background: #ffe9d3; border-radius: 50%; }
.real-app .app-bubble { display: flex; gap: 12px; align-items: center; z-index: 2; bottom: 80px; right: -10px; padding: 15px 20px; font-weight: bold; }
.app-bubble small { display: block; font-size: 10px; font-weight: normal; color: var(--muted); }
.app-bubble > span { font: 27px Arial; color: var(--orange); }
.app-spark { position: absolute; left: 2px; top: 45px; color: var(--orange); font: 65px Arial; transform: rotate(10deg); }
.real-app .store-button { display: flex; align-items: center; gap: 12px; border-radius: 12px; padding: 12px 18px; }
.store-icon { font: 31px Arial; }
.app-availability { display: flex; gap: 9px; align-items: center; margin-top: 20px; color: #426956; }
.orya-vivid .page-heading { background: radial-gradient(circle at 8% 20%, #ffdcc0, transparent 35%), #f7f9fc; position: relative; overflow: hidden; }
.orya-vivid .page-heading::after { content: '✳'; font: 210px Arial; color: #d954080a; position: absolute; left: 5%; top: -15px; pointer-events: none; }
.orya-vivid .page-heading .wrap { position: relative; z-index: 1; }
.orya-vivid .cta { background: #fff0e2; }
.locations-section { padding-block: 45px 80px; }
.locations-layout { display: grid; grid-template-columns: 370px minmax(0, 1fr); gap: 24px; align-items: start; }
.locations-directory { min-width: 0; }
.locations-directory .search-field { margin: 0 0 18px; }
.locations-directory input { background: #fff; border-radius: 12px; padding: 14px; }
.location-list { max-height: 610px; overflow-y: auto; padding: 2px 3px 8px 10px; scrollbar-width: thin; scrollbar-color: #b8c9d7 transparent; }
.location-card { border: 1px solid var(--line); padding: 23px; border-radius: 16px; background: #fff; margin-bottom: 14px; transition: border-color .2s, background .2s; }
.location-card.map-selected { border-color: var(--orange); background: #fff8f1; }
.location-card-top { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.location-card-top .eyebrow { margin: 0; flex: 1; font-size: 12px; }
.location-number { width: 32px; height: 32px; border-radius: 9px; background: #f0f4f8; display: grid; place-items: center; font: 12px Arial; color: #5d748a; }
.location-card h2 { font-size: 19px; margin-bottom: 10px; }
.location-card p { font-size: 12px; line-height: 1.9; margin-bottom: 13px; }
.location-phone { display: block; text-align: right; font-size: 13px; margin-top: 13px; }
.location-actions { border-top: 1px solid var(--line); margin-top: 16px; padding-top: 12px; display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 11px; }
.location-actions button { color: var(--orange); font-weight: bold; }
.location-actions button:disabled { color: var(--muted); cursor: default; }
.map-panel { border: 1px solid var(--line); border-radius: 20px; overflow: hidden; position: sticky; top: 122px; background: white; }
.map-panel-heading { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding: 20px 24px; }
.map-panel-heading h2 { font-size: 23px; margin: 0; }
.map-panel-heading .eyebrow { font-size: 10px; margin-bottom: 4px; }
.map-reset { background: #edf2f7; border: 0; color: var(--navy); border-radius: 8px; padding: 8px 12px; font-size: 11px; }
.location-map { height: 470px; z-index: 1; background: #edf2ef; direction: ltr; }
.map-message { font-size: 11px; padding: 13px 20px 0; margin-bottom: 8px; }
.map-legend { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; padding: 8px 20px 18px; font-size: 10px; }
.map-legend > span { display: flex; align-items: center; gap: 7px; }
.map-legend small { flex-basis: 100%; color: var(--muted); }
.legend-dot { width: 9px; height: 9px; background: var(--navy); border-radius: 50%; display: inline-block; }
.legend-dot.demo { background: var(--orange); }
.orya-map-pin { background: var(--navy); width: 35px; height: 35px; border: 3px solid white; display: grid; place-items: center; border-radius: 50% 50% 50% 5%; transform: rotate(-45deg); box-shadow: 0 3px 12px #09294e50; }
.orya-map-pin.demo { background: var(--orange); }
.orya-map-pin > span { color: white; font: 21px Arial; transform: rotate(45deg); }
.orya-map-popup { font-family: Orya, sans-serif; text-align: right; min-width: 160px; }
.orya-map-popup strong { display: block; margin: 7px 0; font-size: 14px; color: var(--navy); }
.orya-map-popup small { color: var(--orange); }
.orya-map-popup p { margin: 9px 0; font-size: 11px; }
.orya-map-popup a { font-size: 12px; color: var(--orange); }
.location-map .leaflet-control-attribution { font-size: 10px; }
.location-map a:focus-visible { outline-offset: -2px; }
@keyframes mega-bob { 0%, 100% { transform: translateY(0) rotate(5deg); } 50% { transform: translateY(-9px) rotate(3deg); } }
@media (max-width: 1100px) {
    .mega-hero .hero-grid { gap: 45px; min-height: 620px; }
    .mega-photo { height: 510px; }
    .mega-sticker { right: -20px; }
    .mega-hero .hero-copy h1 { font-size: 56px; }
    .locations-layout { grid-template-columns: 315px minmax(0, 1fr); gap: 18px; }
    .real-app .app-grid { gap: 70px; }
}
@media (max-width: 850px) {
    .mega-hero .hero-grid { min-height: 580px; gap: 35px; }
    .mega-hero .hero-copy h1 { font-size: 47px; }
    .mega-photo { height: 450px; border-top-right-radius: 95px; }
    .mega-sticker { padding: 12px 17px; right: -10px; bottom: 30px; }
    .mega-sticker strong { font-size: 21px; }
    .mega-now { font-size: 9px; padding: 9px 12px; left: 8px; }
    .spark-one { font-size: 60px; }
    .life-ribbon > div { font-size: 18px; gap: 24px; }
    .mega-intro { gap: 35px; padding: 28px; }
    .mega-intro h2 { font-size: 35px; }
    .mega-portrait { height: 330px; }
    .locations-layout { display: flex; flex-direction: column-reverse; }
    .map-panel, .locations-directory { width: 100%; }
    .map-panel { position: static; }
    .location-map { height: 370px; }
    .location-list { max-height: none; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 0; }
    .location-card { margin: 0; }
    .app-device { width: 235px; }
    .app-screenshot-scene { min-height: 570px; }
    .app-orbit { width: 310px; height: 310px; }
    .real-app .app-grid { gap: 45px; }
    .real-app h2 { font-size: 39px; }
    .real-app .app-bubble { right: -15px; bottom: 50px; font-size: 12px; padding: 12px; }
    .plan-card { padding: 22px; }
    .plan-card h2 { font-size: 23px; }
    .plan-card .price { font-size: 37px; gap: 8px; }
}
@media (max-width: 600px) {
    .mega-hero .hero-grid { display: flex; gap: 0; }
    .mega-hero .hero-copy { padding: 44px 0 25px; }
    .mega-hero .hero-copy h1 { font-size: 49px; max-width: 360px; margin-bottom: 18px; }
    .mega-hero .hero-copy > p { margin-bottom: 24px; }
    .mega-hero .hero-note { margin-top: 25px; }
    .mega-stage { width: calc(100% - 24px); margin: 10px 0 40px; }
    .mega-photo { height: 410px; border-radius: 95px 20px 20px 20px; }
    .mega-photo img { object-position: 35% 45%; }
    .mega-sticker { right: -14px; bottom: 23px; }
    .mega-now { top: 18px; font-size: 9px; }
    .spark-two { right: -15px; font-size: 38px; }
    .spark-one { left: -20px; bottom: -20px; }
    .life-ribbon > div { font-size: 18px; gap: 22px; }
    .mega-intro { margin-block: 55px; grid-template-columns: 1fr; padding: 23px; gap: 35px; }
    .mega-portrait { height: 325px; transform: rotate(-2deg); }
    .mega-intro h2 { font-size: 34px; }
    .mega-intro-star { font-size: 100px; }
    .plan-card { padding: 27px; }
    .plan-description { min-height: 0; }
    .plan-card h2 { font-size: 28px; }
    .plan-card .price { font-size: 47px; }
    .demo-note { font-size: 10px; line-height: 1.9; }
    .real-app .app-grid { gap: 25px; }
    .real-app h2 { font-size: 40px; }
    .app-device { width: 250px; }
    .app-screenshot-scene { width: 100%; min-height: 580px; }
    .real-app .app-bubble { right: 0; bottom: 38px; }
    .app-spark { left: 0; top: 25px; font-size: 50px; }
    .location-map { height: 340px; }
    .map-panel-heading { padding: 18px; }
    .map-panel-heading h2 { font-size: 20px; }
    .map-reset { font-size: 10px; padding: 7px 10px; }
    .locations-section { padding-top: 25px; }
    .location-list { grid-template-columns: 1fr; }
    .location-card { padding: 21px; }
}
@media (prefers-reduced-motion: reduce) {
    .mega-sticker { animation: none; }
}

/* Arabic company name with the retained Orya mark. */
.orange-wordmark strong { font-size: 24px; letter-spacing: -.5px; }
.orange-wordmark strong small { font-size: 20px; letter-spacing: 0; }
.header .orange-wordmark { gap: 9px; }
.header .orange-wordmark > span > span { font-size: 10px; }
.header .nav-wrap { gap: 20px; }
.header nav { gap: 18px; font-size: 13px; }
.footer-brand.orange-wordmark strong { font-size: 21px; }
.admin-sidebar .orange-wordmark strong { font-size: 19px; white-space: normal; }
.about-mark strong { font-size: 38px; }
.about-mark .about-english { font: 600 25px Arial, sans-serif; color: var(--orange); margin-bottom: 10px; }
.benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.benefit-grid > a { border: 1px solid var(--line); padding: 25px; border-radius: 18px; transition: background .2s, transform .2s; }
.benefit-grid > a:hover { background: #fff5eb; transform: translateY(-3px); }
.benefit-grid > a > span { width: 46px; height: 46px; display: grid; place-items: center; background: #fff1e6; color: var(--orange); border-radius: 13px; font: 27px Arial; margin-bottom: 16px; }
.benefit-grid h3 { font-size: 20px; margin-bottom: 8px; }
.benefit-grid p { font-size: 13px; margin: 0; }
.network-story { margin-top: 45px; padding: 40px; display: grid; grid-template-columns: .5fr 1.5fr; align-items: center; gap: 45px; border-radius: 22px; background: #eef3f8; }
.network-story h2 { font-size: 29px; margin-bottom: 15px; }
.network-story p { font-size: 14px; }
.network-emblem { height: 180px; width: 180px; border: 1px dashed #bacbd9; border-radius: 50%; display: grid; place-items: center; position: relative; justify-self: center; }
.network-emblem::before { content: ''; position: absolute; inset: 19px; border: 16px solid var(--navy); border-inline-end-color: var(--orange); border-radius: 50%; }
.network-emblem span { font: bold 32px Arial; color: var(--navy); }
.network-emblem i { position: absolute; right: -8px; bottom: 8px; background: var(--orange); color: white; font: 27px Arial; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; }
.subscriber-services { background: #f5f7fa; }
.subscriber-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 25px; }
.subscriber-stream { position: relative; overflow: hidden; border-radius: 23px; min-height: 530px; display: flex; align-items: flex-end; background: var(--navy); }
.subscriber-stream > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 40% center; }
.subscriber-stream::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #071f3bf5, #071f3b70 50%, transparent); }
.subscriber-stream > div { position: relative; z-index: 1; padding: 35px; color: white; }
.subscriber-stream .eyebrow { color: #ffc398; }
.subscriber-stream h3 { font-size: 36px; margin-bottom: 12px; }
.subscriber-stream p { color: #d4dfea; font-size: 13px; }
.subscriber-stack { display: grid; gap: 22px; }
.subscriber-stack .card { border-radius: 20px; }
.subscriber-stack .service-symbol { float: left; margin: 0 15px 15px 0; width: 47px; height: 47px; font-size: 28px; }
.subscriber-stack h3 { font-size: 23px; }
.support-strip { display: flex; gap: 25px; align-items: center; justify-content: space-between; background: #fff1e5; border-radius: 16px; padding: 27px 32px; margin-top: 25px; }
.support-strip h3 { font-size: 21px; margin-bottom: 5px; }
.support-strip p { font-size: 13px; margin: 0; }
.partner-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.partner-card { display: flex; flex-direction: column; align-items: center; border: 1px solid var(--line); padding: 30px 20px; border-radius: 18px; background: #fff; text-align: center; }
.partner-card:hover { border-color: var(--orange); }
.partner-initial { display: grid; place-items: center; width: 65px; height: 65px; background: #edf3f8; color: var(--navy); border-radius: 18px; font-size: 33px; margin-bottom: 20px; }
.partner-card strong { font-size: 22px; }
.partner-card p { font: 13px Arial; margin: 10px 0 20px; }
.partner-card .text-link { font-size: 12px; color: var(--orange); }
@media(max-width: 1100px) { .header .orange-wordmark strong { font-size: 21px; } .header .orange-wordmark strong small { display: block; margin-top: 4px; font-size: 14px; } .header nav { gap: 13px; font-size: 12px; } }
@media(max-width: 850px) { .network-story { padding: 30px; gap: 25px; } .subscriber-grid { grid-template-columns: 1fr; } .subscriber-stream { min-height: 470px; } .subscriber-stack { grid-template-columns: 1fr 1fr; } .benefit-grid { gap: 13px; } .benefit-grid > a { padding: 20px; } .benefit-grid h3 { font-size: 17px; } }
@media(max-width: 600px) {
 .header .orange-wordmark strong { font-size: 23px; } .header .orange-wordmark strong small { display: inline; font-size: 16px; margin-inline-start: 5px; } .header .orange-wordmark > span > span { font-size: 9px; } .header .nav-wrap { gap: 10px; }
 .orange-wordmark strong { font-size: 23px; } .about-mark strong { font-size: 32px; } .benefit-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .benefit-grid > a { padding: 18px 14px; } .benefit-grid h3 { font-size: 16px; } .benefit-grid p { font-size: 11px; } .network-story { grid-template-columns: 1fr; padding: 27px; gap: 28px; } .network-story h2 { font-size: 26px; } .network-emblem { width: 150px; height: 150px; }
 .subscriber-stack { grid-template-columns: 1fr; } .subscriber-stream > div { padding: 25px; } .subscriber-stream h3 { font-size: 31px; } .support-strip { flex-direction: column; align-items: flex-start; padding: 25px; } .partner-grid { grid-template-columns: 1fr; gap: 15px; } .partner-card { padding: 25px; } .partner-initial { margin-bottom: 12px; }
}

/* Subscriber access stays visible on desktop and phones. */
.header-quick-actions { display: flex; align-items: center; flex-shrink: 0; }
.header .subscriber-login { background: var(--navy); color: white; border-radius: 10px; padding: 12px 17px; gap: 12px; box-shadow: 0 5px 15px #09294e16; }
.header .subscriber-login:hover { background: var(--orange); }
.subscriber-mobile-bar { display: none; }
.football-section { background: #061d31; position: relative; isolation: isolate; overflow: hidden; margin-top: 85px; color: white; scroll-margin-top: 105px; }
.football-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 68%; z-index: -2; }
.football-section::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(270deg, #071d34f7 0%, #071d34dc 35%, #071d3440 85%), linear-gradient(0deg, #06182be8, transparent 55%); }
.football-content { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 100px; padding-block: 80px 65px; min-height: 610px; }
.football-kicker { color: #ffd3a5; display: inline-flex; gap: 12px; align-items: center; background: #ffffff0d; border: 1px solid #ffffff25; padding: 8px 14px; border-radius: 30px; font-size: 12px; margin-bottom: 22px; }
.football-kicker > span { font: 20px Arial; }
.football-copy h2 { font-size: clamp(35px, 4.1vw, 58px); line-height: 1.45; margin-bottom: 20px; }
.football-copy h2 em { color: #ffad70; font-style: normal; }
.football-copy > p { color: #d3dfe9; font-size: 16px; max-width: 530px; line-height: 2; }
.football-team-names { display: flex; gap: 12px; flex-wrap: wrap; margin-block: 24px 30px; }
.football-team-names > span { display: inline-flex; align-items: center; gap: 9px; background: #081a2ca6; border: 1px solid #ffffff35; border-radius: 9px; padding: 8px 13px; font-size: 12px; }
.football-team-names > span::before { content: ''; width: 7px; height: 20px; border-radius: 3px; background: #d51632; }
.football-team-names > .barca-colors::before { background: linear-gradient(90deg, #1248bd 50%, #c51038 50%); }
.football-team-names > .madrid-colors::before { background: #fff; }
.football-actions { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.football-watch { background: #f48028; color: #061e37; gap: 35px; padding: 14px 25px; }
.football-watch:hover { background: #ffa75f; }
.football-watch > span { font: 25px Arial; }
.football-help { font-size: 12px; color: #e1e9f2; text-decoration: underline; text-underline-offset: 5px; }
.football-copy .football-note { font-size: 11px; color: #b1c1ce; margin-top: 22px; }
.football-tv-card { padding: 28px; border: 1px solid #ffffff55; background: #071d349c; backdrop-filter: blur(9px); border-radius: 22px; text-align: center; transform: rotate(-4deg); box-shadow: 0 25px 60px #0004; max-width: 370px; width: 100%; justify-self: center; }
.football-tv-top { display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: #d5e0ea; }
.tv-dot { width: 8px; height: 8px; background: #ff994f; border-radius: 50%; box-shadow: 0 0 0 4px #ff994f16; }
.football-tv-card > strong { font: bold 40px Arial; display: flex; justify-content: center; gap: 9px; align-items: center; margin: 32px 0 26px; direction: ltr; }
.football-tv-card > strong span { font-size: 19px; background: #f58028; color: #071d34; padding: 5px 8px; border-radius: 6px; }
.tv-play { display: grid; place-items: center; border: 1px solid #ffffff80; background: #ffffff12; width: 86px; height: 86px; border-radius: 50%; margin: 0 auto 22px; font: 48px Arial; color: #ffb477; }
.football-tv-card p { color: white; font-size: 21px; margin-bottom: 25px; }
.tv-domain { display: block; border-top: 1px solid #ffffff2a; padding-top: 16px; color: #c1d0df; font: 13px Arial; letter-spacing: 2px; }
.football-bottom { display: flex; justify-content: space-between; gap: 20px; align-items: center; border-top: 1px solid #ffffff25; padding-block: 18px; color: #a8bbce; font-size: 11px; }
.football-bottom a { font-size: 9px; }
@media(max-width: 1180px) {
 .header .nav-wrap { min-height: 82px; }
 .header .menu-toggle { display: block; margin-inline-start: auto; }
 .header-quick-actions { display: none; }
 .header nav { display: none; position: absolute; top: 82px; left: 0; right: 0; flex-direction: column; align-items: stretch; background: #fff; padding: 15px 25px; box-shadow: 0 15px 20px #09294e12; gap: 0; z-index: 2; }
 .header nav.open { display: flex; }
 .header nav a { padding: 12px; }
 .header nav a[aria-current]::after { display: none; }
 .subscriber-mobile-bar { display: flex; background: #f2f5f8; padding: 9px 24px; gap: 12px; border-top: 1px solid var(--line); }
 .subscriber-mobile-bar a { display: flex; justify-content: center; align-items: center; gap: 14px; padding: 8px 12px; border-radius: 8px; font-size: 12px; font-weight: bold; flex: 1; }
 .subscriber-mobile-bar .mobile-subscriber-login { background: var(--navy); color: white; }
 .subscriber-mobile-bar .mobile-tv-link { color: var(--navy); border: 1px solid #d1dce7; flex: .75; }
 html { scroll-padding-top: 145px; }
 .football-content { gap: 55px; }
 .football-tv-card { padding: 24px; }
}
@media(max-width: 600px) {
 .subscriber-mobile-bar { padding: 8px 18px; gap: 9px; }
 .subscriber-mobile-bar a { font-size: 11px; padding: 8px; gap: 8px; }
 .football-section { margin-top: 55px; }
 .football-content { grid-template-columns: 1fr; padding-block: 48px 42px; gap: 40px; }
 .football-copy h2 { font-size: 39px; }
 .football-copy > p { font-size: 14px; }
 .football-section::before { background: linear-gradient(180deg, #071d34f2, #071d34bd 65%, #071d34da); }
 .football-kicker { font-size: 10px; }
 .football-team-names { gap: 8px; }
 .football-team-names > span { font-size: 10px; padding: 7px 10px; }
 .football-tv-card { max-width: 285px; transform: rotate(-3deg); }
 .football-tv-card > strong { margin-block: 22px; font-size: 34px; }
 .tv-play { width: 65px; height: 65px; font-size: 35px; }
 .football-tv-card p { font-size: 18px; }
 .football-actions { gap: 20px; }
 .football-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
}

.header nav a.nav-signup { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 11px 17px; border-radius: 10px; background: var(--orange); color: #fff; box-shadow: 0 4px 14px #ed620026; white-space: nowrap; }
.header nav a.nav-signup:hover, .header nav a.nav-signup:focus-visible { background: #bd4500; color: #fff; }
.header nav a.nav-signup[aria-current]::after { display: none; }

/* Public-site finishing details. */
.orya-vivid .header { background: #fffffffa; border-bottom-color: #09294e12; }
.orya-vivid .menu-toggle { min-height: 44px; border-radius: 10px; padding-inline: 14px; }
.orya-vivid .mega-hero { background: radial-gradient(ellipse at 90% 5%, #285879 0, transparent 55%), radial-gradient(ellipse at 5% 95%, #163d59 0, transparent 45%), #09294e; }
.orya-vivid .mega-hero .hero-copy h1 { text-wrap: balance; letter-spacing: -.7px; }
.orya-vivid .hero-copy > .eyebrow { width: fit-content; padding: 7px 13px; border: 1px solid #ffac7238; border-radius: 30px; background: #ffffff06; }
.orya-vivid .hero-bottom > a { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #ffffff30; border-radius: 50%; }
.quick-discover { display: grid; grid-template-columns: .85fr repeat(3, 1fr); gap: 12px; padding-block: 30px; }
.quick-discover-intro { display: flex; flex-direction: column; justify-content: center; padding-inline: 5px; }
.quick-discover-intro .eyebrow { margin-bottom: 4px; font-size: 11px; }
.quick-discover-intro > strong { font-size: 21px; }
.quick-discover > a { display: flex; align-items: center; gap: 13px; padding: 20px 16px; border: 1px solid var(--line); border-radius: 16px; background: #fff; transition: border-color .2s, box-shadow .2s, transform .2s; }
.quick-icon { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; background: #fff2e7; color: var(--orange); font: 26px Arial; border-radius: 12px; }
.quick-discover a strong { display: block; font-size: 14px; }
.quick-discover a small { display: block; font-size: 11px; color: var(--muted); margin-top: 3px; }
.quick-arrow { margin-inline-start: auto; font: 19px Arial; color: var(--orange); }
.quick-discover > a:hover { border-color: #d9520855; box-shadow: 0 8px 24px #09294e09; transform: translateY(-3px); }
.orya-vivid .service-card { display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.orya-vivid .service-card .text-link { margin-top: auto; }
.orya-vivid .service-card:hover { transform: translateY(-4px); box-shadow: 0 18px 34px #09294e0c; }
.orya-vivid .plan-card { box-shadow: 0 5px 24px #09294e05; }
.orya-vivid .featured-plan { background: radial-gradient(ellipse at 0 0, #28516f, transparent 65%), var(--navy); }
.orya-vivid .section-top h2 { text-wrap: balance; }
.orya-vivid .faq details { border: 1px solid var(--line); border-radius: 14px; padding: 21px 24px; margin-bottom: 12px; background: #fbfcfe; }
.orya-vivid .faq details[open] { background: #fff8f2; border-color: #edc6a9; }
.orya-vivid .faq summary { line-height: 1.8; padding-inline-end: 30px; position: relative; }
.orya-vivid .faq summary::after { position: absolute; left: 0; top: 0; margin: 0; width: 25px; text-align: center; border-radius: 6px; background: #fff; }
.orya-vivid .faq summary::-webkit-details-marker { display: none; }
.orya-vivid .faq details p { line-height: 2; }
.orya-vivid .cta { position: relative; background: radial-gradient(ellipse at 0 100%, #ffdbb8, transparent 60%), #fff1e5; border-top: 1px solid #f3dac5; padding-block: 60px; }
.orya-vivid .cta .button { padding: 16px 28px; box-shadow: 0 8px 25px #d9520820; }
.orya-vivid footer { background: radial-gradient(ellipse at 100% 0, #153b59, transparent 60%), #071f3b; }
.orya-vivid footer h3 { border-inline-start: 3px solid #f27921; padding-inline-start: 12px; }
.orya-vivid footer a:not(.brand) { width: fit-content; padding-block: 3px; }
.orya-vivid .form-card input:focus, .orya-vivid .form-card textarea:focus, .orya-vivid .form-card select:focus { border-color: var(--orange); box-shadow: 0 0 0 4px #d952080d; }
@media (max-width: 1000px) {
    .quick-discover { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .quick-discover-intro { grid-column: 1 / -1; margin-bottom: 5px; }
    .quick-discover > a { padding: 17px 12px; gap: 9px; }
    .quick-discover a strong { font-size: 13px; }
}
@media (max-width: 600px) {
    .quick-discover { grid-template-columns: 1fr; gap: 10px; padding-block: 26px; }
    .quick-discover > a { padding: 14px 17px; }
    .quick-discover a strong { font-size: 14px; }
    .quick-discover a small { font-size: 11px; }
    .quick-discover-intro { margin-bottom: 8px; }
    .orya-vivid .hero-copy > .eyebrow { font-size: 10px; padding: 6px 10px; }
    .orya-vivid .mega-hero .hero-copy h1 { font-size: clamp(38px, 11.5vw, 49px); }
    .orya-vivid .faq details { padding: 18px; }
    .orya-vivid .cta { padding-block: 40px; }
    .orya-vivid .cta .button { width: 100%; }
    .orya-vivid .store-button { min-height: 62px; }
}
@media (prefers-reduced-motion: reduce) {
    .orya-vivid *, .orya-vivid *::before, .orya-vivid *::after { animation: none !important; transition: none !important; }
}

.orya-vivid .team-section .card { border-top: 3px solid #edb386; border-radius: 18px; background: linear-gradient(180deg, #fffaf6, #fff 110px); }
.orya-vivid .team-section .avatar { border: 4px solid #fff; box-shadow: 0 0 0 1px #edd7c5; }
.orya-vivid .team-section .card > a { overflow-wrap: anywhere; }