:root{--bg:#030914;--bg2:#061321;--card:rgba(8,22,38,.78);--line:rgba(130,205,255,.14);--text:#f3f8ff;--muted:#93a9bd;--cyan:#35e1ef;--blue:#168bff;--glow:rgba(36,199,255,.22);--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(19,111,255,.13),transparent 30%),radial-gradient(circle at 88% 32%,rgba(30,220,239,.08),transparent 28%),var(--bg);color:var(--text);font-family:Arial,"Tahoma",sans-serif;line-height:1.8;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 80%);opacity:.3;z-index:-1}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.header{position:sticky;top:0;z-index:100;background:rgba(3,9,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px;white-space:nowrap}.brand img{width:45px;height:45px;border-radius:13px;object-fit:cover;box-shadow:0 0 25px rgba(20,145,255,.16)}.brand>span>span{color:var(--cyan)}.nav{display:flex;align-items:center;gap:5px}.nav a{padding:10px 13px;border-radius:12px;color:#a9bbcc;font-size:14px;font-weight:700;transition:.22s}.nav a:hover,.nav a.active{background:rgba(53,225,239,.09);color:#fff}.nav a.active{box-shadow:inset 0 -2px 0 var(--cyan)}.nav .track-link{border:1px solid rgba(53,225,239,.25);color:#d9faff}.nav-cta{background:linear-gradient(135deg,#148aff,#32dce9)!important;color:#03101a!important;font-weight:900!important;padding-inline:18px!important;box-shadow:0 10px 30px rgba(22,139,255,.22)}.menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:22px;width:44px;height:44px}
.page{padding:82px 0 95px;min-height:65vh}.section-head{max-width:780px;margin-bottom:38px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7cecf4;font-size:12px;font-weight:900;letter-spacing:.4px}.eyebrow:before{content:"";width:26px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:99px}.section-head h1{font-size:clamp(38px,5vw,58px);line-height:1.25;margin:12px 0}.section-head h1 span,h1 span,h2 span{color:var(--cyan)}.section-head p{color:var(--muted);font-size:17px;max-width:700px}.hero{min-height:660px;display:grid;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:620px;height:620px;left:-260px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(22,139,255,.16),transparent 68%);filter:blur(8px);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid rgba(53,225,239,.22);background:rgba(53,225,239,.055);border-radius:999px;color:#c6f9fc;font-size:12px;font-weight:900}.hero-badge span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.hero h1{font-size:clamp(43px,6vw,72px);line-height:1.12;margin:18px 0}.hero h1 span{display:block}.hero p{color:#a8bacb;font-size:18px;max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border-radius:14px;font-weight:900;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#158bff,#2de0ea);color:#03101a;box-shadow:0 14px 35px rgba(22,139,255,.18)}.ghost{background:rgba(255,255,255,.035);border-color:rgba(53,225,239,.2)}.hero-points{display:flex;flex-wrap:wrap;gap:18px;color:#8fa7ba;font-size:12px;font-weight:800}.hero-points span:before{content:"✓";color:var(--cyan);margin-left:5px}.hero-art{min-height:500px;display:grid;place-items:center;position:relative}.hero-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(39,207,240,.16),transparent 67%);filter:blur(5px)}.logo-box{position:relative;z-index:2;width:330px;height:330px;padding:13px;border-radius:50%;background:linear-gradient(145deg,rgba(53,225,239,.55),rgba(22,139,255,.18));box-shadow:0 0 80px rgba(24,170,255,.18),inset 0 0 30px rgba(255,255,255,.05)}.logo-box img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:7px solid #02070f}.float{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:14px;background:rgba(8,22,38,.82);border:1px solid rgba(130,205,255,.14);box-shadow:var(--shadow);font-size:12px;color:#dcecf8;backdrop-filter:blur(12px)}.float strong{font-size:17px;color:var(--cyan)}.f1{top:12%;right:0}.f2{bottom:15%;left:1%}.f3{top:49%;left:2%}.quick-strip{position:relative;border-block:1px solid rgba(130,205,255,.11);background:rgba(4,13,25,.75);backdrop-filter:blur(10px)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:20px;border-left:1px solid rgba(130,205,255,.09)}.quick-grid>div:first-child{border-left:0}.quick-grid strong{grid-row:span 2;color:var(--cyan);font-size:24px;line-height:1.2}.quick-grid span{font-weight:900}.quick-grid small{color:#71899d;font-size:11px}.section{padding:90px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(10,27,45,.88),rgba(5,15,27,.88));border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:0 18px 55px rgba(0,0,0,.16);transition:.28s}.card:before{content:"";position:absolute;inset:auto -20% -70% 30%;height:180px;background:radial-gradient(circle,var(--glow),transparent 70%);pointer-events:none}.card:hover{transform:translateY(-6px);border-color:rgba(53,225,239,.35);box-shadow:0 25px 70px rgba(0,0,0,.25)}.card h3,.card p,.card a,.card .service-icon,.card .work-top{position:relative;z-index:1}.card h3{margin:8px 0 8px;font-size:19px}.card p{color:#91a7ba;font-size:14px}.card a{color:#65e8f1;font-weight:900;font-size:13px}.service-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(0,0,0,.22);overflow:hidden}.service-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-icon-1{background:linear-gradient(135deg,rgba(82,82,255,.28),rgba(46,190,255,.14));color:#78a8ff}.service-icon-2{background:linear-gradient(135deg,rgba(36,220,170,.28),rgba(48,184,255,.12));color:#61e8c5}.service-icon-3{background:linear-gradient(135deg,rgba(153,91,255,.30),rgba(104,64,200,.12));color:#b78cff}.service-icon-4{background:linear-gradient(135deg,rgba(44,220,240,.28),rgba(36,112,255,.12));color:#67e8f2}.service-icon-5{background:linear-gradient(135deg,rgba(255,166,64,.28),rgba(255,102,82,.10));color:#ffc16b}.service-icon-6{background:linear-gradient(135deg,rgba(255,82,132,.28),rgba(255,94,94,.10));color:#ff8ca8}.band{padding:55px 0;border-block:1px solid rgba(130,205,255,.1);background:linear-gradient(100deg,rgba(22,139,255,.11),rgba(53,225,239,.055),transparent)}.two{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.band h2{font-size:38px;line-height:1.35;margin:12px 0}.band-text{color:#91a7ba;max-width:650px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check{padding:15px 16px;border:1px solid rgba(130,205,255,.1);border-radius:14px;background:rgba(255,255,255,.025);color:#dbe9f3}.check b{color:var(--cyan);margin-left:7px}.home-cta{padding:78px 0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;border:1px solid rgba(53,225,239,.17);border-radius:24px;background:linear-gradient(115deg,rgba(22,139,255,.14),rgba(53,225,239,.06));box-shadow:var(--shadow)}.cta-box h2{margin:8px 0;font-size:34px}.cta-box p{margin:0;color:#8fa7ba}.cta-box .btn{white-space:nowrap}.work{min-height:235px}.work-top{display:flex;justify-content:space-between;color:#5ee6f2;font-size:12px}.work-top b{letter-spacing:1.5px}.faq-list{max-width:900px}.faq{border:1px solid rgba(130,205,255,.11);border-radius:16px;margin:12px 0;background:rgba(8,22,38,.7);padding:0 20px;transition:.2s}.faq[open]{border-color:rgba(53,225,239,.3);box-shadow:0 15px 40px rgba(0,0,0,.15)}.faq summary{cursor:pointer;padding:19px 0;font-weight:900}.faq summary span{float:left;color:var(--cyan);font-size:20px}.faq p{color:#9db0c1;margin:0 0 20px}.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px}.contact-card{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.07)}.contact-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(53,225,239,.08);color:var(--cyan);flex:0 0 auto}.contact-card small{display:block;color:#7f95aa;font-size:11px}.contact-card a{color:#fff;font-weight:900}.contact-card b{font-size:13px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.form input,.form select,.form textarea{width:100%;padding:13px;border-radius:12px;background:#06111e;border:1px solid rgba(130,205,255,.13);color:#fff;outline:none;font:inherit;transition:.2s}.form input:focus,.form select:focus,.form textarea:focus{border-color:rgba(53,225,239,.5);box-shadow:0 0 0 3px rgba(53,225,239,.06)}.form textarea{resize:vertical}.full{grid-column:1/-1}.form-status{color:var(--cyan);font-size:13px;min-height:22px}.optional{color:#71869a;font-weight:400}.form-note{margin:0;color:#71869a;font-size:11px;line-height:1.7;text-align:center}.footer{border-top:1px solid rgba(130,205,255,.09);padding:48px 0 25px;background:#020710}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:34px}.footer h4{margin:0 0 13px}.footer p,.footer a{color:#8da1b4;font-size:13px}.footer a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);margin-top:30px;padding-top:18px;color:#71869a;font-size:12px;display:flex;justify-content:space-between}.footer-services-title{margin-top:20px!important}.whatsapp{position:fixed;bottom:20px;left:20px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#19bd5c;color:#fff;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.4);z-index:90;transition:.2s}.whatsapp:hover{transform:translateY(-3px)}.reveal{animation:up .65s ease both}@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:950px){.nav{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;top:78px;right:4%;left:4%;flex-direction:column;align-items:stretch;background:rgba(6,18,31,.98);padding:12px;border:1px solid rgba(130,205,255,.14);border-radius:16px;box-shadow:var(--shadow)}.nav.open a{text-align:center}.nav-cta{width:100%;text-align:center}.hero-grid{grid-template-columns:1fr;gap:20px}.hero{padding:65px 0}.hero-art{min-height:390px;order:-1}.grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){body{font-size:15px}.container{width:94%}.nav-wrap{height:68px}.brand{font-size:18px}.brand img{width:40px;height:40px}.nav.open{top:68px}.page{padding:60px 0 70px}.hero{padding:48px 0 35px;min-height:auto}.hero h1{font-size:clamp(37px,11vw,52px)}.hero p{font-size:16px}.hero-art{min-height:280px}.logo-box{width:210px;height:210px}.hero-glow{width:270px;height:270px}.float{font-size:10px;padding:9px 11px}.f1{top:4%;right:0}.f2{bottom:4%;left:0}.f3{top:43%;left:0}.actions .btn{width:100%;min-height:48px}.hero-points{gap:8px 14px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid>div{padding:16px 10px}.quick-grid>div:nth-child(3),.quick-grid>div:nth-child(4){border-top:1px solid rgba(130,205,255,.09)}.quick-grid>div:nth-child(3){border-left:0}.quick-grid strong{font-size:19px}.quick-grid span{font-size:12px}.quick-grid small{font-size:10px}.section{padding:62px 0}.section-head h1{font-size:34px}.section-head p{font-size:15px}.grid,.two,.checks,.form,.footer-grid{grid-template-columns:1fr}.card{padding:22px}.band{padding:45px 0}.band h2{font-size:30px}.cta-box{padding:27px 21px;border-radius:20px}.cta-box h2{font-size:27px}.home-cta{padding:55px 0}.footer-bottom{flex-direction:column;gap:9px}.whatsapp{width:51px;height:51px;bottom:16px;left:16px}}

/* ===== TechnoServices visual master polish ===== */
:root{--bg:#020711;--bg2:#061326;--card:rgba(7,22,40,.72);--line:rgba(70,190,255,.18);--cyan:#25e2f2;--blue:#148cff;--cyan2:#7af5ff;--muted:#8fa8bd;--shadow:0 28px 90px rgba(0,0,0,.38)}
body{background:radial-gradient(900px 500px at 12% 8%,rgba(12,92,255,.18),transparent 65%),radial-gradient(700px 420px at 92% 22%,rgba(0,224,255,.10),transparent 65%),linear-gradient(180deg,#020711 0%,#030b18 55%,#020711 100%);font-family:Tahoma,Arial,sans-serif}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 0 18%,rgba(21,144,255,.035) 18.1% 18.3%,transparent 18.4% 100%),linear-gradient(295deg,transparent 0 74%,rgba(37,226,242,.028) 74.1% 74.25%,transparent 74.3% 100%)}
.header{background:rgba(2,8,18,.74);border-bottom:1px solid rgba(70,190,255,.11);box-shadow:0 10px 45px rgba(0,0,0,.2)}
.nav-wrap{height:86px}.brand{font-size:23px;gap:11px}.brand img{width:48px;height:48px;border-radius:14px;border:1px solid rgba(37,226,242,.14)}
.nav{gap:7px}.nav a{padding:11px 15px;border-radius:13px;color:#b6c8d8;font-size:14px}.nav a:hover{color:#fff;background:rgba(37,226,242,.07)}.nav a.active{color:var(--cyan2);background:rgba(37,226,242,.07);box-shadow:inset 0 -2px 0 var(--cyan)}
.nav .track-link{padding:10px 18px;border:1px solid rgba(37,226,242,.38);border-radius:999px;color:#e9feff;background:rgba(20,140,255,.04)}
.nav .track-link:before{content:none!important}.nav-cta{padding:12px 21px!important;border-radius:14px!important;box-shadow:0 12px 35px rgba(20,140,255,.24)}
.hero{min-height:680px;padding:35px 0 45px}.hero-grid{grid-template-columns:1.03fr .97fr;gap:40px}.hero h1{font-size:clamp(48px,6.2vw,78px);font-weight:900;letter-spacing:-1.5px;text-shadow:0 0 35px rgba(37,226,242,.08)}.hero h1 span{color:var(--cyan)}.hero p{font-size:18px;line-height:2;color:#afc2d3;max-width:720px}.hero-badge{padding:9px 16px;border-color:rgba(37,226,242,.32);background:linear-gradient(90deg,rgba(37,226,242,.08),rgba(20,140,255,.04));box-shadow:0 0 25px rgba(37,226,242,.05)}
.actions{gap:14px;margin:30px 0 19px}.btn{min-height:54px;padding:13px 25px;border-radius:15px;font-size:15px}.primary{background:linear-gradient(135deg,#0f8cff,#27ddeb 70%);box-shadow:0 15px 38px rgba(20,140,255,.25)}.ghost{background:rgba(255,255,255,.025);border-color:rgba(37,226,242,.27)}.hero-points{gap:22px;font-size:12px}.hero-points span:before{font-size:13px}
.hero-art{min-height:540px}.hero-art:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(37,226,242,.09);box-shadow:0 0 80px rgba(20,140,255,.10),inset 0 0 80px rgba(20,140,255,.06)}.hero-art:after{content:"";position:absolute;width:680px;height:260px;bottom:5px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,145,255,.24),transparent 68%);filter:blur(8px)}.hero-glow{width:520px;height:520px;background:radial-gradient(circle,rgba(0,193,255,.20),transparent 64%)}.logo-box{width:360px;height:360px;padding:12px;border:1px solid rgba(37,226,242,.18);box-shadow:0 0 90px rgba(0,170,255,.25),0 30px 100px rgba(0,0,0,.42),inset 0 0 35px rgba(255,255,255,.05)}.logo-box img{border:8px solid #01050b}
.float{border-color:rgba(73,201,255,.2);background:rgba(5,19,34,.78);box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 25px rgba(20,140,255,.06)}.f1{top:11%;right:1%}.f2{bottom:12%;left:2%}.f3{top:48%;left:-2%}
.quick-strip{border-block-color:rgba(73,201,255,.14);background:rgba(3,12,24,.68);box-shadow:0 -15px 50px rgba(0,0,0,.18)}.quick-grid>div{padding:23px 25px}.quick-grid strong{font-size:27px}.quick-grid span{font-size:15px}.quick-grid small{font-size:11px}
.section{padding:100px 0}.section-head.centered{text-align:center;max-width:850px;margin:0 auto 42px}.section-head.centered .eyebrow{justify-content:center}.section-head h1,.section-head h2{font-size:clamp(38px,5vw,58px)}
.benefits{position:relative;overflow:hidden}.benefits:before{content:"";position:absolute;inset:18% -10% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(37,226,242,.16),transparent)}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.benefit-card{position:relative;padding:25px 18px;text-align:center;border:1px solid rgba(73,201,255,.15);border-radius:19px;background:linear-gradient(160deg,rgba(8,27,48,.72),rgba(3,13,25,.75));box-shadow:0 18px 55px rgba(0,0,0,.18);transition:.25s;overflow:hidden}.benefit-card:after{content:"";position:absolute;inset:auto 10% -55% 10%;height:140px;background:radial-gradient(circle,rgba(37,226,242,.12),transparent 68%)}.benefit-card:hover{transform:translateY(-6px);border-color:rgba(37,226,242,.35);box-shadow:0 25px 70px rgba(0,0,0,.28)}.benefit-icon{position:relative;z-index:1;width:58px;height:58px;margin:0 auto 13px;display:grid;place-items:center;border-radius:17px;color:var(--cyan);font-size:28px;background:radial-gradient(circle,rgba(37,226,242,.15),rgba(20,140,255,.05));border:1px solid rgba(37,226,242,.18);box-shadow:0 0 28px rgba(20,140,255,.12)}.benefit-card h3,.benefit-card p{position:relative;z-index:1}.benefit-card h3{font-size:17px;margin:0 0 7px}.benefit-card p{font-size:12px;color:#879fb3;line-height:1.9;margin:0}
.home-cta{padding:85px 0}.cta-box{padding:42px 46px;border-color:rgba(37,226,242,.2);background:linear-gradient(110deg,rgba(11,62,117,.22),rgba(37,226,242,.055),rgba(5,15,28,.72));box-shadow:0 25px 80px rgba(0,0,0,.3)}.cta-box h2{font-size:36px}
.card{border-radius:21px;background:linear-gradient(155deg,rgba(8,26,45,.84),rgba(3,13,25,.9));border-color:rgba(73,201,255,.15);padding:29px}.card:hover{border-color:rgba(37,226,242,.34)}.card h3{font-size:20px}.card p{line-height:1.9}.service-icon{box-shadow:0 0 28px rgba(20,140,255,.08)}
.page{padding:92px 0 105px;position:relative}.page:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(20,140,255,.12),transparent 68%)}.section-head{position:relative}.section-head p{line-height:2}
.grid{gap:22px}.grid .card{min-height:245px}.work{min-height:260px}.work-top{font-size:12px;color:var(--cyan)}
.faq{background:linear-gradient(155deg,rgba(8,26,45,.75),rgba(3,13,25,.8));border-color:rgba(73,201,255,.15);box-shadow:0 14px 45px rgba(0,0,0,.14)}.faq:hover{border-color:rgba(37,226,242,.3)}
.contact-grid{gap:25px}.form.card{padding:31px}.form input,.form select,.form textarea{background:rgba(3,12,23,.85);border-color:rgba(73,201,255,.16);border-radius:13px}.form button{font-size:15px}
.footer{background:linear-gradient(180deg,#020711,#01040a);border-top-color:rgba(73,201,255,.12)}.footer h4{color:#eaf7ff}.footer p{line-height:1.9}.whatsapp{width:58px;height:58px;box-shadow:0 0 35px rgba(25,189,92,.16),0 12px 35px rgba(0,0,0,.4)}
@media(max-width:1050px){.benefit-grid{grid-template-columns:repeat(3,1fr)}.nav a{padding-inline:10px}.hero-grid{gap:20px}}
@media(max-width:950px){.nav-wrap{height:76px}.hero{padding-top:45px}.hero-grid{grid-template-columns:1fr}.hero-art{order:-1;min-height:430px}.hero-art:before{width:390px;height:390px}.hero-art:after{width:500px}.logo-box{width:290px;height:290px}.benefit-grid{grid-template-columns:1fr 1fr}.nav.open{top:76px;background:rgba(3,12,23,.98);border-color:rgba(73,201,255,.2);padding:14px}.nav.open .track-link{border-radius:12px}.page{padding-top:70px}}
@media(max-width:600px){.nav-wrap{height:68px}.brand{font-size:18px}.brand img{width:41px;height:41px}.hero{padding:38px 0 25px}.hero h1{font-size:clamp(39px,11vw,54px);letter-spacing:-.5px}.hero p{font-size:15px}.hero-art{min-height:320px}.hero-art:before{width:270px;height:270px}.hero-art:after{width:360px;height:170px}.logo-box{width:220px;height:220px}.float{font-size:10px}.f1{top:3%;right:0}.f2{bottom:3%;left:0}.f3{top:42%;left:-1%}.quick-grid>div{padding:17px 10px}.quick-grid strong{font-size:20px}.quick-grid span{font-size:12px}.quick-grid small{font-size:9px}.section{padding:70px 0}.section-head h1,.section-head h2{font-size:34px}.benefit-grid{grid-template-columns:1fr}.benefit-card{padding:23px 18px}.cta-box{padding:28px 22px}.cta-box h2{font-size:28px}.page{padding:58px 0 72px}.grid .card{min-height:0}.form.card{padding:23px}.whatsapp{width:52px;height:52px}}

/* ===== PHASE 6.3 — reference-inspired visual system ===== */
:root{--bg:#020711;--panel:#061426;--cyan:#20e1f1;--blue:#118bff;--ice:#e9fbff;--muted:#93aabd;--border:rgba(55,194,255,.22);--glow:rgba(0,171,255,.24)}
html{background:#020711}body{background:radial-gradient(850px 560px at 80% 18%,rgba(0,108,255,.16),transparent 66%),radial-gradient(700px 450px at 12% 45%,rgba(0,220,255,.08),transparent 68%),linear-gradient(180deg,#020711 0%,#031022 48%,#020711 100%);font-family:Tahoma,Arial,sans-serif}
body:before{opacity:.22;background-size:64px 64px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(125deg,transparent 0 13%,rgba(17,139,255,.05) 13.1% 13.25%,transparent 13.35% 100%),linear-gradient(305deg,transparent 0 79%,rgba(32,225,241,.035) 79.1% 79.25%,transparent 79.35% 100%)}
.header{background:rgba(2,8,18,.78);border-bottom:1px solid rgba(32,225,241,.12);box-shadow:0 12px 45px rgba(0,0,0,.28)}.nav-wrap{height:88px;direction:ltr}.brand{direction:ltr;font-size:24px;gap:11px}.brand img{width:50px;height:50px;border-radius:14px;border:1px solid rgba(32,225,241,.2);box-shadow:0 0 28px rgba(17,139,255,.14)}.nav{direction:rtl;gap:6px}.nav a{font-size:14px;padding:11px 14px;color:#b9cad8;border-radius:12px}.nav a:hover,.nav a.active{color:#fff;background:rgba(32,225,241,.07)}.nav a.active{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan)}.nav .track-link{border:1px solid rgba(32,225,241,.45);border-radius:999px;color:#eaffff;background:rgba(16,139,255,.04);padding-inline:18px}.nav .track-link:before{content:none!important}.nav-cta{background:linear-gradient(135deg,#118bff,#2be1ed)!important;color:#02101a!important;border-radius:15px!important;padding:13px 20px!important;box-shadow:0 12px 34px rgba(17,139,255,.25)}.nav-cta b{font-size:15px;margin-right:5px}.menu-btn{direction:rtl}
.hero{min-height:690px;padding:34px 0 30px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 430px at 74% 48%,rgba(0,168,255,.15),transparent 70%),linear-gradient(135deg,transparent 0 20%,rgba(24,137,255,.045) 20.1% 20.3%,transparent 20.4%);pointer-events:none}.hero-grid{grid-template-columns:1.04fr 1fr;gap:34px;position:relative;z-index:2}.hero-art{order:1}.hero-copy{order:2;padding:30px 0 20px}.hero-badge{padding:9px 17px;border-color:rgba(32,225,241,.35);background:linear-gradient(90deg,rgba(32,225,241,.09),rgba(17,139,255,.05));box-shadow:0 0 30px rgba(32,225,241,.05);font-size:12px}.hero h1{font-size:clamp(48px,5.9vw,78px);line-height:1.08;margin:22px 0 18px;letter-spacing:-1.8px;text-shadow:0 0 35px rgba(32,225,241,.07)}.hero h1 span{display:inline;color:var(--cyan)}.hero p{max-width:690px;font-size:18px;line-height:2;color:#aec1d0}.actions{gap:14px;margin:28px 0 18px}.btn{min-height:56px;padding:13px 25px;border-radius:15px;font-size:15px}.primary{background:linear-gradient(135deg,#0d8cff,#25ddea);box-shadow:0 16px 40px rgba(17,139,255,.26)}.ghost{background:rgba(255,255,255,.025);border-color:rgba(32,225,241,.38)}.hero-points{gap:21px;color:#a5bac9;font-size:12px}.hero-points span:before{color:var(--cyan);font-weight:900}
.hero-art{min-height:560px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-one{width:530px;height:530px;border:1px solid rgba(32,225,241,.12);box-shadow:0 0 90px rgba(17,139,255,.12),inset 0 0 80px rgba(17,139,255,.05)}.orbit-two{width:430px;height:430px;border:1px dashed rgba(32,225,241,.10);transform:rotate(22deg)}.laptop-scene{position:relative;z-index:4;width:510px;filter:drop-shadow(0 30px 50px rgba(0,0,0,.42))}.laptop-screen{height:300px;border:3px solid #159fff;border-radius:22px 22px 12px 12px;background:linear-gradient(150deg,#081a2e,#020812 70%);box-shadow:0 0 60px rgba(0,159,255,.35),inset 0 0 45px rgba(32,225,241,.06);transform:perspective(900px) rotateX(-4deg);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.laptop-screen:after{content:"";position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(0,192,255,.18),transparent 65%);pointer-events:none}.screen-top{position:absolute;top:13px;right:15px;display:flex;gap:5px}.screen-top span{width:6px;height:6px;border-radius:50%;background:rgba(121,231,255,.8)}.laptop-screen img{width:125px;height:125px;object-fit:cover;border-radius:50%;border:4px solid rgba(32,225,241,.7);box-shadow:0 0 40px rgba(17,139,255,.35);position:relative;z-index:2}.laptop-screen strong{font-size:27px;position:relative;z-index:2;margin-top:11px}.laptop-screen strong span{color:var(--cyan)}.laptop-base{height:40px;margin:-2px auto 0;width:570px;max-width:112%;background:linear-gradient(180deg,#174d7a,#07111e 55%,#02060c);border:2px solid rgba(31,174,255,.55);border-radius:7px 7px 35px 35px;transform:perspective(600px) rotateX(54deg);box-shadow:0 20px 30px rgba(0,128,255,.2)}.laptop-base span{display:block;width:150px;height:8px;margin:7px auto;background:rgba(63,205,255,.28);border-radius:99px}.tech-card{position:absolute;z-index:6;width:92px;height:86px;border-radius:16px;background:rgba(5,21,37,.82);border:1px solid rgba(32,225,241,.28);box-shadow:0 18px 45px rgba(0,0,0,.34),0 0 30px rgba(17,139,255,.08);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--cyan);font-size:27px;backdrop-filter:blur(10px)}.tech-card small{font-size:10px;color:#b7d3df;margin-top:4px}.tc1{top:17%;right:2%}.tc2{top:42%;left:0}.tc3{bottom:10%;right:6%}.cap-art{position:absolute;top:5%;left:8%;z-index:3;color:var(--cyan);font-size:90px;transform:rotate(-9deg);text-shadow:0 0 35px rgba(32,225,241,.45);opacity:.72}.hero-side-note{position:absolute;right:-4%;bottom:13%;z-index:2;color:#35e6f4;font-size:20px;line-height:1.5;font-weight:700;text-align:right;transform:rotate(-4deg);text-shadow:0 0 25px rgba(32,225,241,.22)}.hero-side-note b{font-size:24px}
.quick-strip{border-block:1px solid rgba(32,225,241,.16);background:linear-gradient(180deg,rgba(3,15,29,.9),rgba(2,10,20,.72));box-shadow:0 -20px 55px rgba(0,0,0,.2)}.quick-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr)}.quick-grid>div{min-height:100px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-left:1px solid rgba(100,196,255,.13)}.quick-grid>div:last-child{border-left:0}.quick-grid strong{font-size:26px;color:var(--cyan);line-height:1}.quick-grid span{font-size:14px;font-weight:900;margin-top:8px}.quick-grid small{font-size:10px;color:#8098aa}.quick-grid .wa-step{align-items:flex-start;text-align:right;position:relative;padding-right:88px}.wa-step:before{content:"WA";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#17bf68;color:white;font-size:17px;font-weight:900;box-shadow:0 0 25px rgba(23,191,104,.16)}.wa-step strong{display:none}.wa-step span{margin-top:0}
.section{padding:94px 0}.benefits{position:relative;overflow:hidden}.section-head.centered{max-width:900px;margin-bottom:42px}.section-head.centered .eyebrow{justify-content:center}.section-head h2{font-size:clamp(36px,4.5vw,54px);margin:12px 0}.section-head p{font-size:16px;line-height:2;color:#94aabd}.benefit-layout{display:grid;grid-template-columns:1fr 280px;gap:22px;align-items:stretch}.benefit-grid{grid-template-columns:repeat(5,1fr);gap:14px}.benefit-card{min-height:180px;padding:23px 15px;border-radius:18px;background:linear-gradient(155deg,rgba(7,26,46,.78),rgba(2,12,24,.9));border:1px solid rgba(55,194,255,.17);box-shadow:0 18px 50px rgba(0,0,0,.2)}.benefit-card:hover{transform:translateY(-5px);border-color:rgba(32,225,241,.42);box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 30px rgba(17,139,255,.07)}.benefit-icon{width:58px;height:58px;border-radius:17px;color:var(--cyan);font-size:27px;background:radial-gradient(circle,rgba(32,225,241,.16),rgba(17,139,255,.04));border:1px solid rgba(32,225,241,.2);box-shadow:0 0 25px rgba(17,139,255,.11)}.benefit-card h3{font-size:16px}.benefit-card p{font-size:11px;line-height:1.85;color:#8ba4b6}.quote-card{position:relative;padding:30px 25px;border:1px solid rgba(55,194,255,.2);border-radius:20px;background:linear-gradient(155deg,rgba(7,28,49,.82),rgba(3,13,25,.9));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.22)}.quote-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(32,225,241,.05);border-radius:15px;pointer-events:none}.quote-mark{align-self:flex-end;color:#118bff;font-size:48px;line-height:.5}.quote-mark.bottom{align-self:flex-start;margin-top:12px}.quote-card p{font-size:17px;line-height:2;color:#e8f8ff;margin:18px 0}.quote-card strong{color:#fff;font-size:14px}.quote-card strong span{color:var(--cyan)}
.home-cta{padding:76px 0 95px}.cta-box{padding:40px 45px;border-radius:22px;border:1px solid rgba(32,225,241,.2);background:linear-gradient(105deg,rgba(10,63,118,.24),rgba(32,225,241,.05),rgba(4,14,28,.84));box-shadow:0 28px 85px rgba(0,0,0,.3)}.cta-box h2{font-size:36px}.cta-box .actions{margin:0}
.footer{background:linear-gradient(180deg,#020711,#01050b);border-top:1px solid rgba(32,225,241,.12)}.footer-grid{padding-top:65px}.footer-bottom{border-top-color:rgba(55,194,255,.1)}
/* shared inner pages */
.page{padding:88px 0 100px;min-height:72vh}.page:before{height:360px;background:radial-gradient(circle at 50% 0,rgba(17,139,255,.15),transparent 66%)}.page>.container{position:relative}.page .section-head{max-width:900px;margin-bottom:42px}.page .section-head h1{font-size:clamp(40px,5.5vw,64px);margin:14px 0}.page .section-head p{font-size:17px;max-width:780px}.page .grid{gap:18px}.page .card{background:linear-gradient(155deg,rgba(7,26,46,.82),rgba(3,13,25,.92));border-color:rgba(55,194,255,.17);box-shadow:0 20px 60px rgba(0,0,0,.2)}.page .card:hover{border-color:rgba(32,225,241,.38);box-shadow:0 25px 75px rgba(0,0,0,.3)}.page .card h2,.page .card h3{color:#f0fbff}.service-icon{background:radial-gradient(circle,rgba(32,225,241,.14),rgba(17,139,255,.04));border-color:rgba(32,225,241,.2);box-shadow:0 0 28px rgba(17,139,255,.11)}.page .two{gap:20px}.page .two>.card{min-height:300px}.checks{gap:10px}.check{background:rgba(32,225,241,.035);border:1px solid rgba(55,194,255,.09);border-radius:11px;padding:9px 11px}.faq-list{display:grid;gap:13px}.faq{border-radius:17px!important;background:linear-gradient(155deg,rgba(7,26,46,.82),rgba(3,13,25,.92));border:1px solid rgba(55,194,255,.17);box-shadow:0 16px 45px rgba(0,0,0,.18)}.faq summary{padding:21px 23px;font-size:16px}.faq p{padding:0 23px 21px;color:#9bb1c0;line-height:2}.contact-grid{gap:22px}.form.card{padding:32px}.form input,.form select,.form textarea{background:rgba(2,11,21,.82);border-color:rgba(55,194,255,.18)}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:repeat(3,1fr)}.benefit-layout{grid-template-columns:1fr}.quote-card{min-height:190px}.quick-grid{grid-template-columns:1fr repeat(4,1fr)}}
@media(max-width:950px){.nav-wrap{direction:rtl}.brand{direction:ltr}.nav{direction:rtl}.nav.open{background:rgba(2,10,21,.98);border:1px solid rgba(32,225,241,.16)}.hero-grid{grid-template-columns:1fr}.hero-copy{order:2;text-align:center}.hero-badge{margin:auto}.hero p{margin-inline:auto}.actions{justify-content:center}.hero-points{justify-content:center}.hero-art{order:1;min-height:470px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid>div{border-bottom:1px solid rgba(100,196,255,.1)}.quick-grid .wa-step{grid-column:1/-1;min-height:86px}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nav-wrap{height:70px}.brand{font-size:18px}.brand img{width:41px;height:41px}.hero{padding:25px 0 18px;min-height:auto}.hero-copy{padding-top:5px}.hero h1{font-size:clamp(38px,11vw,53px);letter-spacing:-.5px}.hero p{font-size:15px;line-height:1.95}.actions .btn{width:100%}.hero-points{gap:8px 13px;font-size:10px}.hero-art{min-height:330px}.orbit-one{width:290px;height:290px}.orbit-two{width:240px;height:240px}.laptop-scene{width:300px}.laptop-screen{height:180px;border-radius:15px}.laptop-screen img{width:75px;height:75px}.laptop-screen strong{font-size:18px}.laptop-base{width:330px;height:25px}.cap-art{font-size:50px;left:2%;top:4%}.tech-card{width:65px;height:61px;font-size:19px}.tech-card small{font-size:8px}.tc1{right:-2%}.tc2{left:-1%;top:42%}.tc3{right:0;bottom:4%}.hero-side-note{right:-3%;bottom:18%;font-size:11px}.hero-side-note b{font-size:13px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid .wa-step{grid-column:1/-1}.quick-grid>div{min-height:85px;padding:14px 9px}.quick-grid strong{font-size:20px}.quick-grid span{font-size:11px}.quick-grid small{font-size:8px}.wa-step:before{right:14px;width:44px;height:44px;font-size:13px}.quick-grid .wa-step{padding-right:72px}.section{padding:68px 0}.section-head h2{font-size:33px}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:160px}.quote-card{padding:24px 18px}.quote-card p{font-size:15px}.home-cta{padding:55px 0 70px}.cta-box{padding:27px 20px}.cta-box h2{font-size:28px}.cta-box .actions{width:100%}.page{padding:58px 0 75px}.page .section-head h1{font-size:36px}.page .section-head p{font-size:15px}.page .two>.card{min-height:0}.form.card{padding:23px}}

/* ===== RESTORE ORIGINAL LAYOUT — keep 6.3 visual styling ===== */
@media(min-width:951px){
  .nav-wrap{direction:rtl;}
  .brand{direction:ltr;}
  .nav{direction:rtl;}
  .hero-grid{direction:rtl;}
  .hero-copy{order:initial;text-align:right;}
  .hero-art{order:initial;}
}
@media(max-width:950px){
  .nav-wrap{direction:rtl;}
  .brand{direction:ltr;}
  .nav{direction:rtl;}
  .hero-grid{direction:rtl;}
  .hero-copy{order:1;text-align:center;}
  .hero-art{order:2;}
}

/* ===== FINAL VISUAL REFINEMENT ===== */
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Arabic","Noto Sans",Tahoma,Arial,sans-serif}
.brand,.nav,.hero h1,.section-head h1,.section-head h2,.card h2,.card h3,.benefit-card h3,.cta-box h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Arabic","Noto Sans",Tahoma,Arial,sans-serif}
.hero h1{font-size:clamp(42px,5.2vw,66px);font-weight:800;letter-spacing:-1.1px}
.section-head h1{font-size:clamp(36px,4.8vw,56px);font-weight:800;letter-spacing:-.7px}
.section-head h2{font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-.5px}
.cta-box h2{font-size:clamp(29px,3.4vw,38px);font-weight:800}
.quick-grid{direction:rtl}
.quick-grid>div{direction:rtl}
.quick-grid .wa-step{direction:rtl}
@media(max-width:950px){.quick-grid{direction:ltr}.hero h1{font-size:clamp(36px,10vw,52px)}.section-head h1{font-size:34px}.section-head h2{font-size:31px}}
@media(max-width:600px){.hero h1{font-size:clamp(34px,9.8vw,48px)}.section-head h1{font-size:32px}.section-head h2{font-size:29px}}

/* ===== STEP STRIP FINAL ORDER ===== */
.quick-grid{direction:rtl !important;}
.quick-grid > div{direction:rtl;}
@media(max-width:950px){.quick-grid{direction:rtl !important;}}


/* ===== HERO ART — FINAL VISUAL POLISH ===== */
.quick-strip{display:none!important}
.hero-art{min-height:590px;isolation:isolate;overflow:visible}
.hero-art:before{width:570px;height:570px;border:1px solid rgba(45,221,241,.12);box-shadow:0 0 110px rgba(17,139,255,.14),inset 0 0 100px rgba(17,139,255,.06)}
.hero-art:after{width:720px;height:290px;bottom:-8px;background:radial-gradient(ellipse,rgba(0,160,255,.30),transparent 67%);filter:blur(10px)}
.art-grid{position:absolute;inset:7% 2% 4%;opacity:.24;background-image:linear-gradient(rgba(53,225,239,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(53,225,239,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 52%,black 0 35%,transparent 75%);z-index:0}
.art-glow-core{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(0,211,255,.18),rgba(0,122,255,.07) 38%,transparent 70%);filter:blur(4px);z-index:1}
.laptop-scene{width:535px;transform:translateY(2px);transition:transform .45s ease,filter .45s ease}
.laptop-scene:hover{transform:translateY(-6px) scale(1.012);filter:drop-shadow(0 34px 55px rgba(0,0,0,.48))}
.laptop-screen{height:315px;border-width:3px;border-radius:24px 24px 14px 14px;box-shadow:0 0 75px rgba(0,159,255,.40),0 25px 65px rgba(0,0,0,.35),inset 0 0 55px rgba(32,225,241,.07)}
.laptop-screen:before{content:"";position:absolute;inset:10px;border:1px solid rgba(116,225,255,.10);border-radius:16px;pointer-events:none;z-index:2}
.screen-shine{position:absolute;inset:-30% 35% 15% -30%;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.10),transparent 58%);transform:rotate(7deg);pointer-events:none;z-index:3}
.laptop-screen img{width:132px;height:132px;border-width:4px;box-shadow:0 0 50px rgba(17,139,255,.40)}
.laptop-screen strong{font-size:29px;letter-spacing:-.6px}
.screen-caption{position:relative;z-index:3;margin-top:5px;color:#7fa7ba;font-size:10px;letter-spacing:.3px}
.laptop-base{width:595px;height:43px;border-color:rgba(31,174,255,.65);box-shadow:0 24px 40px rgba(0,128,255,.24),0 5px 15px rgba(0,0,0,.35)}
.laptop-base span{width:170px;height:7px;box-shadow:0 0 14px rgba(63,205,255,.35)}
.tech-card{width:104px;height:92px;border-radius:18px;background:linear-gradient(155deg,rgba(7,29,49,.90),rgba(3,13,25,.82));border-color:rgba(32,225,241,.34);box-shadow:0 20px 50px rgba(0,0,0,.40),0 0 35px rgba(17,139,255,.11);font-size:28px}
.tech-card b{font-weight:500;text-shadow:0 0 16px rgba(53,225,239,.5)}
.tech-card small{font-size:10px;color:#d1e7ef;margin-top:7px;white-space:nowrap}
.tech-card i{font-style:normal;font-size:8px;color:#4e849d;margin-top:2px}
.tc1{top:12%;right:-1%}.tc2{top:44%;left:-1%}.tc3{bottom:8%;right:3%}
.signal-card{position:absolute;left:7%;bottom:13%;z-index:7;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(53,225,239,.20);border-radius:15px;background:rgba(3,17,30,.78);backdrop-filter:blur(12px);box-shadow:0 15px 40px rgba(0,0,0,.28)}
.signal-dot{width:9px;height:9px;border-radius:50%;background:#20e1a2;box-shadow:0 0 15px rgba(32,225,162,.75)}
.signal-card strong,.signal-card small{display:block}.signal-card strong{font-size:11px;color:#e8fbff}.signal-card small{font-size:8px;color:#7597aa}
.art-caption{position:absolute;right:-2%;bottom:18%;z-index:3;text-align:right;transform:rotate(-4deg);text-shadow:0 0 28px rgba(32,225,241,.20)}
.art-caption span{display:block;color:#4c94ff;font-size:9px;letter-spacing:3px;font-weight:900}.art-caption b{display:block;color:var(--cyan);font-size:21px}.art-caption small{display:block;color:#8baabd;font-size:9px;margin-top:2px}
@media(max-width:950px){.hero-art{min-height:480px}.laptop-scene{width:455px}.laptop-screen{height:270px}.laptop-base{width:500px}.hero-art:before{width:480px;height:480px}.hero-art:after{width:610px}.signal-card{left:4%;bottom:10%}.art-caption{right:-2%;bottom:17%}}
@media(max-width:600px){.hero-art{min-height:340px}.hero-art:before{width:285px;height:285px}.hero-art:after{width:390px;height:175px}.art-glow-core{width:250px;height:250px}.laptop-scene{width:310px}.laptop-screen{height:185px;border-radius:16px}.laptop-screen img{width:78px;height:78px}.laptop-screen strong{font-size:18px}.screen-caption{font-size:7px}.laptop-base{width:340px;height:26px}.laptop-base span{width:100px;height:5px}.tech-card{width:70px;height:64px;border-radius:13px;font-size:18px}.tech-card small{font-size:7px}.tech-card i{font-size:6px}.tc1{top:5%;right:-1%}.tc2{top:43%;left:-1%}.tc3{bottom:3%;right:0}.signal-card{left:0;bottom:5%;padding:7px 9px;gap:6px}.signal-card strong{font-size:8px}.signal-card small{font-size:6px}.signal-dot{width:7px;height:7px}.art-caption{right:-2%;bottom:15%}.art-caption b{font-size:12px}.art-caption small,.art-caption span{font-size:6px}}

/* ===== PROFESSIONAL TYPOGRAPHY + CONTROLLED NEON POLISH ===== */
:root{
  --neon-cyan:#35e1ef;
  --neon-blue:#168bff;
  --neon-soft:rgba(53,225,239,.16);
  --neon-line:rgba(53,225,239,.28);
}

/* Modern, clean Arabic-friendly UI font stack */
body,
.brand,.nav,.btn,.hero h1,.hero p,.hero-badge,
.section-head h1,.section-head h2,.section-head p,
.card h2,.card h3,.card p,.benefit-card h3,.benefit-card p,
.cta-box h2,.cta-box p,.faq,.contact-card,.form,
.footer,.quick-grid{
  font-family:"Segoe UI Variable","Segoe UI","Noto Sans Arabic","Noto Sans",Tahoma,Arial,sans-serif;
}

/* Slightly smaller hero titles for a more premium balance */
.hero h1{
  font-size:clamp(39px,4.75vw,60px);
  font-weight:750;
  letter-spacing:-.8px;
  line-height:1.16;
  text-shadow:0 0 28px rgba(53,225,239,.07);
}
.section-head h1{font-size:clamp(34px,4.35vw,52px);font-weight:750}
.section-head h2{font-size:clamp(30px,3.65vw,44px);font-weight:750}
.cta-box h2{font-size:clamp(28px,3.1vw,36px);font-weight:750}

/* Remove only the magnifier symbol from the main Track Order button */
.actions .btn.ghost[href="track"] b{display:none!important}

/* Header: restrained neon edge + hover glow */
.header{box-shadow:0 1px 0 rgba(53,225,239,.05),0 8px 35px rgba(0,0,0,.12)}
.nav a{position:relative}
.nav a:not(.nav-cta):hover,.nav a.active{
  text-shadow:0 0 14px rgba(53,225,239,.42);
}
.nav a.active:after{
  content:"";position:absolute;left:18%;right:18%;bottom:1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);
  box-shadow:0 0 12px var(--neon-cyan),0 0 24px rgba(53,225,239,.35);
}
.nav .track-link{
  box-shadow:inset 0 0 18px rgba(53,225,239,.035),0 0 0 rgba(53,225,239,0);
  transition:.25s ease;
}
.nav .track-link:hover{
  border-color:rgba(53,225,239,.55);
  box-shadow:0 0 18px rgba(53,225,239,.12),inset 0 0 16px rgba(53,225,239,.05);
}
.nav-cta{box-shadow:0 10px 30px rgba(22,139,255,.22),0 0 22px rgba(53,225,239,.08)!important}

/* Section framing: subtle neon, not excessive */
.section{position:relative}
.section:before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(720px,72%);height:1px;
  background:linear-gradient(90deg,transparent,rgba(53,225,239,.24),transparent);
  box-shadow:0 0 14px rgba(53,225,239,.10);
}
.section-head .eyebrow{text-shadow:0 0 15px rgba(53,225,239,.18)}
.benefit-card,.card,.faq,.cta-box,.contact-grid>.card{
  border-color:rgba(53,225,239,.14);
}
.benefit-card,.card,.faq,.cta-box{
  box-shadow:0 18px 55px rgba(0,0,0,.16),0 0 0 1px rgba(53,225,239,.025);
}
.benefit-card:hover,.card:hover{
  border-color:rgba(53,225,239,.42);
  box-shadow:0 25px 70px rgba(0,0,0,.25),0 0 28px rgba(53,225,239,.08);
}
.benefit-card:after,.card:after{
  content:"";position:absolute;top:0;left:12%;right:12%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(53,225,239,.35),transparent);
  opacity:.65;pointer-events:none;
}
.service-icon,.benefit-icon{
  box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 20px rgba(53,225,239,.07);
}

/* CTA neon focus */
.cta-box{position:relative;overflow:hidden}
.cta-box:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(53,225,239,.045) 50%,transparent 100%);
  pointer-events:none;
}
.cta-box:hover{border-color:rgba(53,225,239,.32);box-shadow:var(--shadow),0 0 32px rgba(53,225,239,.07)}

/* Form focus gets a cleaner neon ring */
.form input:focus,.form select:focus,.form textarea:focus{
  border-color:rgba(53,225,239,.65);
  box-shadow:0 0 0 3px rgba(53,225,239,.07),0 0 18px rgba(53,225,239,.08);
}

/* Keep mobile typography compact and elegant */
@media(max-width:950px){
  .hero h1{font-size:clamp(35px,8.7vw,52px)}
  .section-head h1{font-size:34px}
  .section-head h2{font-size:31px}
}
@media(max-width:600px){
  .hero h1{font-size:clamp(32px,9.2vw,46px);letter-spacing:-.45px}
  .section-head h1{font-size:31px}
  .section-head h2{font-size:28px}
}


/* ===== STUDENT FOCUS + REFINED NEON LAYER ===== */
.student-strip{position:relative;margin:4px 0 0;padding:14px 0 18px;background:linear-gradient(180deg,rgba(4,18,32,.82),rgba(2,10,20,.42));border-block:1px solid rgba(53,225,239,.12);overflow:hidden}
.student-strip:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(53,225,239,.55),transparent);box-shadow:0 0 18px rgba(53,225,239,.24)}
.student-strip:after{content:"";position:absolute;width:380px;height:100px;left:50%;top:-70px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(53,225,239,.12),transparent 68%);filter:blur(8px);pointer-events:none}
.student-strip-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);align-items:stretch;position:relative;z-index:1}
.student-pulse,.student-feature{min-height:78px;padding:12px 18px;display:flex;flex-direction:column;justify-content:center}
.student-pulse{flex-direction:row;align-items:center;gap:12px;border-left:1px solid rgba(100,196,255,.13)}
.pulse-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#20e1a2;box-shadow:0 0 10px rgba(32,225,162,.7),0 0 24px rgba(32,225,162,.25);animation:pulseGlow 2.2s ease-in-out infinite}
.student-pulse strong{display:block;font-size:14px;color:#eefcff}.student-pulse small{display:block;color:#7896a8;font-size:10px;margin-top:2px}
.student-feature{text-align:center;border-left:1px solid rgba(100,196,255,.11);transition:.25s ease;position:relative}
.student-feature:last-child{border-left:0}
.student-feature:hover{background:rgba(53,225,239,.035);box-shadow:inset 0 0 22px rgba(53,225,239,.035)}
.student-feature b{font-size:18px;line-height:1;color:var(--cyan);text-shadow:0 0 18px rgba(53,225,239,.32)}
.student-feature span{font-size:12px;font-weight:900;color:#e4f5fa;margin-top:6px}.student-feature small{font-size:9px;color:#7896a8;margin-top:1px}
@keyframes pulseGlow{0%,100%{transform:scale(1);opacity:.82}50%{transform:scale(1.28);opacity:1}}

/* Cleaner tracking button: text-only, no decorative symbol */
.nav .track-link{display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:112px}

/* More premium hover glow for interactive sections */
.nav a,.btn,.benefit-card,.card,.faq,.student-feature{will-change:transform}
.btn.ghost:hover{border-color:rgba(53,225,239,.58);box-shadow:0 0 24px rgba(53,225,239,.10),inset 0 0 18px rgba(53,225,239,.04)}
.hero-badge{box-shadow:0 0 22px rgba(53,225,239,.06),inset 0 0 16px rgba(53,225,239,.025)}
.hero-points span{text-shadow:0 0 10px rgba(53,225,239,.05)}
.benefits .section-head h2{text-shadow:0 0 22px rgba(53,225,239,.06)}

@media(max-width:950px){
 .student-strip-grid{grid-template-columns:1fr 1fr}
 .student-pulse{grid-column:1/-1;border-left:0;border-bottom:1px solid rgba(100,196,255,.11);justify-content:center}
 .student-feature:nth-child(3){border-left:0}
}
@media(max-width:600px){
 .student-strip{padding:8px 0 10px}
 .student-strip-grid{grid-template-columns:1fr 1fr}
 .student-pulse{min-height:64px;padding:9px 12px}
 .student-pulse strong{font-size:11px}.student-pulse small{font-size:8px}
 .student-feature{min-height:72px;padding:10px 7px}
 .student-feature b{font-size:15px}.student-feature span{font-size:10px}.student-feature small{font-size:7px}
 .pulse-dot{width:8px;height:8px}
}

/* ===== COMPACT NAVIGATION ===== */
@media(min-width:951px){
  .nav-wrap{height:76px}
  .nav{gap:3px}
  .nav a{font-size:13px;padding:8px 10px;border-radius:10px}
  .nav .track-link{min-width:100px;padding:8px 13px}
  .nav-cta{padding:10px 16px!important;border-radius:12px!important}
  .nav-cta b{font-size:14px}
}

/* Compact page headings — homepage hero remains unchanged */
.page{padding-top:62px}
.page .section-head{margin-bottom:34px}
.page .section-head h1{font-size:clamp(32px,4.2vw,50px);margin:7px 0 10px;line-height:1.18}
.page .section-head h2{font-size:clamp(27px,3.2vw,40px);margin:7px 0 10px;line-height:1.2}
.page .card h2{font-size:22px}
.page .card h3{font-size:16px;line-height:1.5}
.page .cta-box h2{font-size:clamp(26px,2.9vw,34px);line-height:1.3}

@media(max-width:950px){
  .page{padding-top:52px}
  .page .section-head h1{font-size:32px;margin:5px 0 9px}
  .page .section-head h2{font-size:29px}
}
@media(max-width:600px){
  .page{padding-top:42px}
  .page .section-head{margin-bottom:28px}
  .page .section-head h1{font-size:29px;margin:4px 0 8px}
  .page .section-head h2{font-size:26px}
  .page .card h2{font-size:20px}
  .page .card h3{font-size:15px}
  .page .cta-box h2{font-size:26px}
}

/* Student-focused callout */
.student-callout{max-width:1180px;margin:0 auto 30px;display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid rgba(53,225,239,.14);border-radius:16px;background:linear-gradient(90deg,rgba(53,225,239,.055),rgba(8,18,32,.72));box-shadow:0 0 26px rgba(53,225,239,.045),inset 0 0 18px rgba(53,225,239,.025)}
.student-callout-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(53,225,239,.08);font-size:21px;flex:0 0 auto}
.student-callout div{display:flex;flex-direction:column;gap:3px;flex:1}
.student-callout strong{font-size:15px;color:#e9fbff}
.student-callout small{font-size:11px;color:#829baa;line-height:1.6}
.student-callout a{white-space:nowrap;padding:9px 15px;border-radius:10px;border:1px solid rgba(53,225,239,.25);color:#dffcff;background:rgba(53,225,239,.07);font-size:11px;font-weight:800;transition:.2s}
.student-callout a:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(53,225,239,.12);border-color:rgba(53,225,239,.5)}
@media(max-width:600px){.student-callout{margin:0 14px 24px;padding:12px;gap:10px}.student-callout-icon{width:36px;height:36px;font-size:18px}.student-callout strong{font-size:12px}.student-callout small{font-size:9px}.student-callout a{padding:8px 10px;font-size:9px}}