:root{
  --primary:#17cde9;
  --secondary:#0b4c8a;
  --dark:#041c45;
  --page-bg:#eef4fb;
  --site-radius:24px;
  --text:#071f49;
  --muted:#64748b;
  --white:#fff;
  --line:rgba(7,31,73,.09);
  --soft:#f7fbff;
  --shadow:0 14px 40px rgba(8,49,95,.10);
  --shadow-lg:0 22px 70px rgba(7,38,86,.16);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0,rgba(23,205,233,.12),transparent 24%),radial-gradient(circle at 95% 10%,rgba(11,76,138,.08),transparent 26%),linear-gradient(180deg,#f8fbff,var(--page-bg));min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}.container{width:min(calc(100% - 28px),var(--container));margin-inline:auto}.skip-link{position:fixed;top:8px;right:8px;padding:10px 14px;background:#fff;color:var(--dark);z-index:9999;transform:translateY(-150%);border-radius:10px}.skip-link:focus{transform:none}.notice{padding:14px 16px;border-radius:16px;background:#fff8dd;border:1px solid #f4dda0;color:#765c16;line-height:1.7}.muted{color:var(--muted)}.empty-state{padding:34px;text-align:center;background:#fff;border-radius:var(--site-radius);box-shadow:var(--shadow)}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(246,250,255,.82);border-bottom:1px solid rgba(255,255,255,.8);backdrop-filter:blur(18px);transition:box-shadow .25s ease,background .25s ease}.site-header.scrolled{box-shadow:0 10px 30px rgba(4,28,69,.08);background:rgba(250,253,255,.94)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px}.site-brand{display:flex;align-items:center;gap:10px;min-width:max-content}.site-brand img{width:48px;height:48px;filter:drop-shadow(0 8px 12px rgba(7,77,143,.14))}.site-brand span{display:grid;line-height:1.05}.site-brand strong{font-size:1.18rem;font-weight:900}.site-brand small{font-size:.86rem;color:var(--muted);margin-top:4px;font-weight:700}.desktop-nav{display:none}.header-actions{display:flex;align-items:center;gap:8px}.search-toggle,.mobile-menu-button{width:44px;height:44px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.88);color:var(--text);border-radius:14px;box-shadow:0 8px 20px rgba(8,49,95,.08);display:grid;place-items:center;cursor:pointer}.header-cta{display:none;min-height:44px;align-items:center;padding:0 18px;border-radius:999px;background:linear-gradient(90deg,var(--primary),#58e9ff);color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(23,205,233,.22)}.mobile-menu{max-height:0;overflow:hidden;transition:max-height .35s ease;border-top:1px solid transparent}.mobile-menu.open{max-height:420px;border-top-color:var(--line)}.mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-block:12px 18px}.mobile-menu-grid a{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.8);font-weight:800}.search-overlay{position:fixed;inset:0;z-index:200;background:rgba(3,20,49,.86);backdrop-filter:blur(16px);display:grid;place-items:center;padding:24px}.search-overlay[hidden]{display:none}.search-close{position:absolute;top:20px;left:20px;width:50px;height:50px;border:0;border-radius:50%;background:#fff;color:var(--dark);font-size:1.25rem;cursor:pointer}.global-search-form{width:min(100%,760px);display:grid;gap:14px}.global-search-form label{color:#fff;font-size:clamp(1.5rem,5vw,2.6rem);font-weight:900;text-align:center}.global-search-form>div{display:grid;grid-template-columns:1fr auto;padding:8px;background:#fff;border-radius:22px}.global-search-form input{border:0;outline:0;padding:15px;background:transparent;font-size:1.05rem;min-width:0}.global-search-form button{border:0;border-radius:16px;padding:0 20px;background:linear-gradient(90deg,var(--primary),#4fe9ff);color:#fff;font-weight:900;display:flex;align-items:center;gap:8px}

/* Common */
.page-section{padding-block:32px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading>div{max-width:720px}.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--secondary);font-weight:900;font-size:.9rem;margin-bottom:8px}.section-kicker::before{content:"";width:28px;height:4px;border-radius:99px;background:var(--primary)}.section-heading h2,.page-title{margin:0;font-size:clamp(1.65rem,5vw,3rem);font-weight:900;line-height:1.25;letter-spacing:-.02em}.section-heading p{margin:9px 0 0;color:var(--muted);line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--secondary);font-weight:900;white-space:nowrap}.text-link i{transition:transform .2s ease}.text-link:hover i{transform:translateX(-4px)}.glass-card{background:rgba(255,255,255,.83);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(14px);border-radius:var(--site-radius)}.breadcrumbs{display:flex;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;padding-block:16px;color:var(--muted);font-size:.9rem}.breadcrumbs a:hover{color:var(--secondary)}.breadcrumbs i{font-size:.65rem;opacity:.55}.page-hero{padding:28px 0 18px}.page-hero-card{position:relative;overflow:hidden;padding:26px 20px;border-radius:32px;background:linear-gradient(135deg,#061b41 0%,#0b4c8a 62%,#17cde9 130%);color:#fff;box-shadow:var(--shadow-lg)}.page-hero-card::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;inset-inline-end:-90px;inset-block-start:-100px;background:rgba(255,255,255,.08)}.page-hero-card p{color:rgba(255,255,255,.82);line-height:1.85;max-width:760px;margin:12px 0 0}.page-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 19px;border-radius:999px;border:0;cursor:pointer;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{color:#fff;background:linear-gradient(90deg,var(--primary),#58e9ff);box-shadow:0 12px 24px rgba(23,205,233,.24)}.btn-dark{color:#fff;background:linear-gradient(135deg,var(--dark),#0d3d7a)}.btn-light{background:#fff;color:var(--secondary)}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--secondary)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.content-grid{display:grid;gap:18px}.prose{background:#fff;border-radius:var(--site-radius);padding:22px;box-shadow:var(--shadow);line-height:2;color:#243b5f}.prose h2,.prose h3{color:var(--text);line-height:1.4;margin-top:1.5em}.prose p:first-child{margin-top:0}.prose ul,.prose ol{padding-right:22px}.sidebar-card{padding:20px}.sidebar-card h3{margin:0 0 14px}.tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(23,205,233,.1);color:#087b92;font-size:.82rem;font-weight:800}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eafbf4;color:#1b8d63;font-weight:800;font-size:.82rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(14px)}.stagger.is-visible>*{animation:fadeUp .5s ease forwards;animation-delay:calc(var(--i,0)*.09s)}

/* Home hero */
.home-hero{padding:18px 0 14px}.home-hero-card{position:relative;overflow:hidden;border-radius:34px;padding:20px 16px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px)}.home-hero-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(23,205,233,.16),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.34),transparent 50%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr;gap:6px;position:relative;z-index:1}.hero-copy{order:2;padding:4px 5px 10px}.hero-copy h1{margin:0;font-size:clamp(2.05rem,9vw,4.8rem);font-weight:900;line-height:1.11;letter-spacing:-.035em}.hero-copy h1 span{display:block;opacity:0;transform:translateX(28px)}.hero-copy h1 span:first-child{animation:slideRight .55s ease .62s forwards}.hero-copy h1 span:nth-child(2){animation:slideRight .55s ease .8s forwards}.hero-copy em{font-style:normal;color:var(--primary);position:relative;display:inline-block}.hero-copy em::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.95) 48%,transparent 70%);transform:translateX(-130%);animation:shineOnce 1s ease 1.45s forwards}.hero-copy p{font-size:1.03rem;line-height:1.85;color:var(--muted);margin:14px 0 0;opacity:0;transform:translateY(12px);animation:fadeUp .55s ease 1s forwards}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;opacity:0;transform:translateY(10px);animation:fadeUp .55s ease 1.16s forwards}.hero-primary{background:linear-gradient(90deg,var(--primary),#5ceaff);color:#fff;box-shadow:0 14px 28px rgba(23,205,233,.26)}.hero-primary i{transition:transform .2s ease}.hero-primary:hover i{transform:translateX(-4px) scale(1.08)}.hero-secondary{background:linear-gradient(135deg,var(--dark),#0d3e7b);color:#fff}.hero-secondary:hover i{animation:iconRise .35s ease}.hero-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.hero-trust span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#f5f9fd;color:#536681;font-size:.84rem;font-weight:700}.hero-trust i{color:var(--primary)}.hero-visual{order:1;min-height:320px;position:relative;display:grid;place-items:center}.hero-orbits{position:absolute;inset:0;pointer-events:none}.hero-orbits::before,.hero-orbits::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(59,139,207,.16);width:250px;height:135px;left:8%;top:6%;transform:rotate(18deg)}.hero-orbits::after{width:220px;height:160px;left:18%;top:20%;transform:rotate(-18deg)}.phone-platform{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:230px;height:85px;border-radius:50%;background:radial-gradient(ellipse,rgba(23,205,233,.34),rgba(11,76,138,.08) 62%,transparent 70%)}.phone-platform::before,.phone-platform::after{content:"";position:absolute;inset:8px;border-radius:50%;border:3px solid rgba(45,226,250,.55);box-shadow:0 0 24px rgba(23,205,233,.26)}.phone-platform::after{inset:-12px;border-width:2px;opacity:.25;animation:platformPulse 3s ease-in-out infinite}.hero-phone-scene{position:relative;width:340px;height:310px;opacity:0;transform:translate(-28px,30px) rotate(-3deg);animation:phoneEnter .8s cubic-bezier(.2,.88,.28,1) .05s forwards}.phone-device{position:absolute;left:26px;bottom:45px;width:150px;height:245px;border-radius:34px;background:linear-gradient(150deg,#0d376f,#06152f 75%);box-shadow:0 23px 38px rgba(5,34,78,.3),inset 0 0 0 6px rgba(255,255,255,.88);transform:rotate(-11deg)}.phone-device::before{content:"";position:absolute;inset:12px;border-radius:27px;background:radial-gradient(circle at 50% 18%,rgba(23,205,233,.26),transparent 24%),linear-gradient(180deg,#0b3e79,#04172f)}.phone-notch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:65px;height:14px;border-radius:99px;background:#031126;z-index:3}.phone-flow{position:absolute;inset:34px 24px 24px;z-index:2}.phone-flow::before{content:"";position:absolute;right:14px;top:18px;width:4px;height:150px;border-radius:99px;background:linear-gradient(var(--primary),rgba(23,205,233,.12));box-shadow:0 0 18px rgba(23,205,233,.45)}.phone-check{position:absolute;right:0;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:rgba(23,205,233,.14);border:1px solid rgba(85,235,255,.65);color:#70f1ff;opacity:0;transform:translateY(8px) scale(.84);box-shadow:0 0 18px rgba(23,205,233,.18)}.phone-check:nth-child(1){top:3px;animation:checkIn .4s ease .9s forwards}.phone-check:nth-child(2){top:46px;animation:checkIn .4s ease 1.2s forwards}.phone-check:nth-child(3){top:89px;animation:checkIn .4s ease 1.5s forwards}.phone-check:nth-child(4){top:132px;animation:checkIn .4s ease 1.8s forwards}.phone-glow{position:absolute;left:30px;right:30px;bottom:16px;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(57,238,255,.7),transparent 70%)}.hero-order-card{position:absolute;right:28px;top:62px;width:178px;padding:16px;border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 20px 34px rgba(7,38,86,.2);opacity:0;transform:translateY(18px) scale(.94);animation:cardEmerge .72s cubic-bezier(.2,.84,.3,1) .5s forwards}.hero-order-card small{color:#71829c;font-weight:700}.hero-order-number{display:block;font-size:1.9rem;font-weight:900;margin:3px 0;color:var(--dark);cursor:pointer}.hero-order-status{color:var(--primary);font-weight:900}.hero-progress-track{height:8px;border-radius:99px;background:#e8f4f9;overflow:hidden;margin-top:12px}.hero-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#64efff);box-shadow:0 0 16px rgba(23,205,233,.4)}.hero-progress-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.78rem;color:#7889a1}.hero-progress-row strong{font-size:1.05rem;color:var(--dark)}.floating-logo{position:absolute;right:-6px;top:103px;width:76px;height:76px;filter:drop-shadow(0 16px 18px rgba(7,77,143,.2));animation:softFloat 3.2s ease-in-out infinite}.platform-mini-strip{display:flex;gap:9px;overflow-x:auto;padding:12px 3px 2px;margin-top:15px;scrollbar-width:none}.platform-mini-strip::-webkit-scrollbar{display:none}.platform-mini{min-width:120px;padding:12px 10px;border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 9px 20px rgba(8,49,95,.07);text-align:center;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.platform-mini:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.platform-mini i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin:0 auto 8px;background:#effbfe;color:var(--primary);font-size:1.25rem}.platform-mini strong{font-size:.88rem;display:block}

/* Platforms */
.platforms-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 3px 14px;scroll-snap-type:x proximity;scrollbar-width:none}.platforms-scroll::-webkit-scrollbar{display:none}.platform-card{flex:0 0 250px;scroll-snap-align:start;position:relative;overflow:hidden;padding:20px;background:#fff;border:1px solid rgba(255,255,255,.95);border-radius:var(--site-radius);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.platform-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;left:-45px;top:-45px;background:color-mix(in srgb,var(--platform-color) 15%,transparent)}.platform-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.platform-icon{width:66px;height:66px;border-radius:21px;display:grid;place-items:center;font-size:1.8rem;color:var(--platform-color);background:color-mix(in srgb,var(--platform-color) 11%,white);position:relative;z-index:1}.platform-card h3{margin:15px 0 8px;font-size:1.2rem}.platform-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.93rem}.platform-meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.platform-count{font-weight:900;color:var(--secondary)}.platform-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f1f7fb;color:var(--secondary);transition:transform .2s ease}.platform-card:hover .platform-arrow{transform:translateX(-4px)}
.platform-selector{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.platform-selector::-webkit-scrollbar{display:none}.platform-tab{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:800;cursor:pointer;transition:all .22s ease}.platform-tab.active{background:linear-gradient(90deg,var(--secondary),#0e70b6);color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(11,76,138,.18)}.platform-tab i{color:var(--tab-color)}.platform-tab.active i{color:#fff}.platform-services-stage{position:relative;min-height:300px}.platform-services-stage.switching .service-grid{animation:servicesOut .25s ease forwards}.platform-services-stage.entering .service-grid{animation:servicesIn .4s ease forwards}.platform-intro{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;padding:18px;margin-bottom:15px}.platform-intro-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:color-mix(in srgb,var(--platform-color) 12%,white);color:var(--platform-color);font-size:1.6rem}.platform-intro h2{margin:0;font-size:1.35rem}.platform-intro p{margin:6px 0 0;color:var(--muted);line-height:1.65}

/* Services */
.filter-bar{display:grid;gap:10px;padding:14px;margin-bottom:16px}.filter-search{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.filter-search input{border:0;outline:0;padding:13px 14px;background:transparent;min-width:0}.filter-search button{border:0;background:var(--secondary);color:#fff;padding:0 16px}.filter-selects{display:grid;grid-template-columns:1fr;gap:8px}.filter-selects select{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;color:var(--text)}.service-grid{display:grid;grid-template-columns:1fr;gap:13px}.service-card{position:relative;overflow:hidden;display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:16px;background:#fff;border-radius:20px;border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 26px rgba(8,49,95,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(23,205,233,.24)}.service-card-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--card-color) 10%,white);color:var(--card-color);font-size:1.35rem}.service-card h3{margin:0 0 5px;font-size:1rem}.service-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-card-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f2f7fb;color:var(--secondary)}.service-card:hover .service-card-arrow i{transform:translateX(-3px)}.service-card-arrow i{transition:transform .2s ease}.featured-ribbon{position:absolute;top:9px;left:9px;padding:4px 8px;border-radius:99px;background:#fff4dc;color:#95610d;font-size:.68rem;font-weight:900}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:24px}.pagination a,.pagination span{min-width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 7px 18px rgba(8,49,95,.07);font-weight:800}.pagination .active{background:var(--secondary);color:#fff}

/* Service detail */
.service-detail-head{display:grid;gap:18px;align-items:center}.service-platform-label{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.82);font-weight:800}.service-summary-boxes{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.summary-box{padding:14px;border-radius:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15)}.summary-box small{display:block;color:rgba(255,255,255,.68);margin-bottom:6px}.summary-box strong{font-size:1rem}.steps-list,.requirements-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.steps-list li,.requirements-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px;background:#f7fbff;border-radius:16px}.list-number{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#5eeaff);color:#fff;font-weight:900}.requirements-list i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#e9faf5;color:#1d9c71}.fee-card{position:sticky;top:100px;padding:20px}.fee-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.fee-row span{color:var(--muted)}.fee-card .btn{width:100%;margin-top:16px}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq-question{width:100%;border:0;background:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;text-align:right;font-weight:900;cursor:pointer}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer p{padding:0 16px 16px;margin:0;color:var(--muted);line-height:1.8}.faq-item.open .faq-answer{max-height:260px}.related-grid{display:grid;grid-template-columns:1fr;gap:12px}

/* Tracker */
.tracker-panel{position:relative;overflow:hidden;padding:20px;border-radius:30px;background:radial-gradient(circle at 18% 22%,rgba(24,130,255,.13),transparent 26%),linear-gradient(135deg,#031738,#06265b 48%,#031738);color:#fff;box-shadow:var(--shadow-lg)}.tracker-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);transform:translateX(-100%);animation:trackerGlow 7s ease-in-out infinite}.tracker-layout{display:grid;gap:18px;position:relative;z-index:1}.tracker-order{display:grid;gap:8px}.tracker-label{color:rgba(255,255,255,.65);font-size:.9rem}.copy-order{border:0;padding:0;background:transparent;color:#48eeff;font-size:1.8rem;font-weight:900;text-align:right;cursor:pointer}.tracker-update{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.84);font-size:.9rem}.tracker-update i{color:#ff6373}.tracker-center h3{margin:0 0 16px;text-align:center}.tracker-timeline{position:relative;padding-top:7px}.tracker-track,.tracker-fill{position:absolute;top:30px;right:5%;left:5%;height:4px;border-radius:99px}.tracker-track{background:rgba(255,255,255,.16)}.tracker-fill{width:0;background:linear-gradient(90deg,#49f1ff,var(--primary));box-shadow:0 0 16px rgba(73,241,255,.4)}.tracker-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;position:relative}.tracker-step{text-align:center;color:rgba(255,255,255,.54);font-size:.72rem}.tracker-step-icon{width:43px;height:43px;margin:0 auto 7px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.tracker-step.done,.tracker-step.active{color:#fff}.tracker-step.done .tracker-step-icon,.tracker-step.active .tracker-step-icon{color:#51efff;border-color:rgba(81,239,255,.55);background:rgba(23,205,233,.16);box-shadow:0 0 16px rgba(23,205,233,.18)}.tracker-step.active .tracker-step-icon{transform:scale(1.1);animation:activeStage 3s ease-in-out infinite}.tracker-note{text-align:center;color:rgba(255,255,255,.75);line-height:1.7;margin:14px 0 0;font-size:.9rem}.tracker-progress{display:grid;justify-items:center;gap:7px}.tracker-status{color:#4ceeff;font-size:1.35rem;font-weight:900}.circle-progress{width:124px;height:124px;position:relative}.circle-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-progress circle{fill:none;stroke-width:10}.circle-progress .circle-bg{stroke:rgba(255,255,255,.14)}.circle-progress .circle-bar{stroke:#49f1ff;stroke-linecap:round;stroke-dasharray:301.6;stroke-dashoffset:301.6;filter:drop-shadow(0 0 8px rgba(73,241,255,.45))}.circle-value{position:absolute;inset:0;display:grid;place-items:center;font-size:1.5rem;font-weight:900}.circle-progress.complete::after{content:"";position:absolute;inset:15px;border-radius:50%;border:1px solid rgba(73,241,255,.16);animation:circlePulse .8s ease 1}

/* Stats */
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{text-align:center;padding:17px 10px;background:#fff;border-radius:20px;box-shadow:0 10px 26px rgba(8,49,95,.08)}.stat-icon{width:52px;height:52px;border-radius:17px;margin:0 auto 9px;display:grid;place-items:center;background:#eefafe;color:var(--primary);font-size:1.25rem}.stat-number{font-size:1.65rem;font-weight:900;color:var(--secondary)}.stat-card p{margin:7px 0 0;color:var(--muted);font-size:.84rem;line-height:1.5}

/* Tools */
.tool-grid{display:grid;grid-template-columns:1fr;gap:12px}.tool-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:15px;background:#fff;border-radius:20px;box-shadow:0 10px 26px rgba(8,49,95,.08);transition:transform .22s ease,box-shadow .22s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.tool-card-icon{position:relative;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#effafe;color:var(--primary);font-size:1.35rem;overflow:hidden}.tool-card:hover .tool-card-icon::after{content:"";position:absolute;left:4px;right:4px;height:2px;background:#73f4ff;box-shadow:0 0 10px #73f4ff;animation:scanLine .65s ease}.tool-card h3{margin:0 0 5px;font-size:1rem}.tool-card p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.5}.tool-card-arrow{color:var(--secondary)}.tool-workspace{display:grid;gap:18px}.tool-form-card,.tool-result-card{padding:20px}.tool-form{display:grid;gap:14px}.tool-field{display:grid;gap:7px}.tool-field label{font-weight:800}.tool-field input,.tool-field select,.tool-field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:13px;outline:0}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(23,205,233,.1)}.tool-checkboxes{display:grid;gap:9px}.tool-checkbox{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#f7fbff}.tool-result-card{min-height:150px;background:linear-gradient(135deg,#061c44,#0b4c8a);color:#fff}.tool-result-card h3{margin-top:0}.tool-result-output{font-size:1.15rem;line-height:1.8;white-space:pre-wrap}.tool-result-output strong{color:#63efff;font-size:1.45rem}.copy-result{margin-top:14px}.tool-disclaimer{font-size:.84rem;color:rgba(255,255,255,.68);margin-top:16px;line-height:1.7}

/* Blog */
.blog-grid{display:grid;grid-template-columns:1fr;gap:14px}.post-card{overflow:hidden;background:#fff;border-radius:var(--site-radius);box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.post-thumb{height:150px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(23,205,233,.28),transparent 25%),linear-gradient(135deg,#e9f9fd,#eaf1fa);color:var(--secondary);font-size:2.4rem}.post-body{padding:17px}.post-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem}.post-card h3{margin:10px 0 8px;font-size:1.15rem;line-height:1.5}.post-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.9rem}.article-layout{display:grid;gap:18px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,.72);margin-top:12px}.article-toc{padding:18px}.article-toc h3{margin-top:0}.article-toc a{display:block;padding:8px 0;color:var(--muted)}

/* Support */
.support-banner{position:relative;overflow:hidden;display:grid;gap:16px;padding:20px;border-radius:28px;background:linear-gradient(135deg,#064482,#0d69b4 42%,#2ddcf5);color:#fff;box-shadow:var(--shadow-lg)}.support-banner::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-110px;bottom:-110px;background:rgba(255,255,255,.08)}.support-visual{position:relative;height:120px}.headset-icon{position:absolute;right:18px;bottom:8px;width:90px;height:90px;border-radius:28px;display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:2.7rem;animation:breathe 4s ease-in-out infinite}.chat-dots{position:absolute;right:115px;top:17px;width:85px;height:60px;border-radius:24px;background:rgba(255,255,255,.17);display:flex;align-items:center;justify-content:center;gap:7px}.chat-dots span{width:8px;height:8px;border-radius:50%;background:#fff;animation:dots 1s ease-in-out infinite}.chat-dots span:nth-child(2){animation-delay:.15s}.chat-dots span:nth-child(3){animation-delay:.3s}.support-copy h2{margin:0 0 8px;font-size:1.65rem}.support-copy p{margin:0;color:rgba(255,255,255,.82);line-height:1.75}.support-actions{display:grid;gap:9px}.support-action{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 15px;border-radius:15px;background:#fff;color:var(--secondary);font-weight:900}.support-action i{transition:transform .2s ease}.support-action:hover i{transform:translateX(-4px)}.support-action.whatsapp{animation:whatsappPulse 5s ease-in-out infinite}.support-grid{display:grid;gap:18px}.support-form{padding:20px;display:grid;gap:14px}.support-form-grid{display:grid;gap:12px}.support-form label{display:grid;gap:7px;font-weight:800}.support-form input,.support-form textarea,.support-form select{width:100%;border:1px solid var(--line);background:#f8fbff;border-radius:14px;padding:13px;outline:0}.support-form textarea{min-height:140px;resize:vertical}.support-info{display:grid;gap:12px}.contact-card{padding:18px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.contact-card i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eefafe;color:var(--primary);font-size:1.2rem}.contact-card h3{margin:0 0 4px}.contact-card p{margin:0;color:var(--muted)}

/* Search */
.search-results-grid{display:grid;gap:12px}.search-result{padding:17px}.search-result-type{font-size:.78rem;color:var(--secondary);font-weight:900}.search-result h3{margin:6px 0}.search-result p{margin:0;color:var(--muted);line-height:1.6}.search-summary{color:var(--muted);margin-bottom:16px}

/* Footer */
.site-footer{margin-top:38px;padding:38px 0 18px;background:#031633;color:#fff}.footer-grid{display:grid;gap:28px}.footer-brand{color:#fff}.footer-about p{color:rgba(255,255,255,.68);line-height:1.8}.footer-grid>div:not(.footer-about){display:grid;align-content:start;gap:9px}.footer-grid h3{margin:0 0 6px}.footer-grid a,.footer-grid p{color:rgba(255,255,255,.7);margin:0;line-height:1.7}.footer-grid a:hover{color:#fff}.footer-social{display:flex;gap:9px}.footer-social a{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.09);font-size:1.1rem}.footer-bottom{display:flex;flex-direction:column;gap:8px;padding-top:18px;margin-top:28px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);font-size:.82rem}.floating-whatsapp{position:fixed;left:14px;bottom:14px;z-index:80;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:#25d366;color:#fff;font-weight:900;box-shadow:0 15px 30px rgba(24,144,73,.28)}.floating-whatsapp i{font-size:1.25rem}.toast{position:fixed;left:50%;bottom:78px;transform:translate(-50%,18px);z-index:300;padding:12px 17px;border-radius:999px;background:rgba(3,22,51,.94);color:#fff;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;font-weight:800;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Responsive */
@media(min-width:600px){.container{width:min(calc(100% - 40px),var(--container))}.header-cta{display:inline-flex}.home-hero-card{padding:25px}.service-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.filter-selects{grid-template-columns:1fr 1fr}.service-summary-boxes{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}.support-form-grid{grid-template-columns:1fr 1fr}.support-form-grid .full{grid-column:1/-1}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:820px){.site-header{top:0}.header-inner{min-height:82px}.site-brand img{width:56px;height:56px}.desktop-nav{display:flex;align-items:center;gap:3px}.desktop-nav a{padding:10px 11px;border-radius:12px;font-weight:800;color:#40536f;font-size:.92rem}.desktop-nav a:hover,.desktop-nav a.active{background:#fff;color:var(--secondary);box-shadow:0 8px 20px rgba(8,49,95,.07)}.mobile-menu-button{display:none}.mobile-menu{display:none}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:22px}.hero-copy{order:1;padding:24px 10px}.hero-visual{order:2;min-height:440px}.hero-phone-scene{width:410px;height:380px}.phone-device{width:188px;height:300px;left:24px;bottom:50px}.hero-order-card{right:38px;top:78px;width:210px;padding:19px}.floating-logo{right:-2px;top:130px;width:90px;height:90px}.phone-platform{width:290px;height:105px}.platform-mini-strip{position:absolute;bottom:18px;right:22px;left:22px}.home-hero-card{padding-bottom:105px}.content-grid.service-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.article-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.service-detail-head{grid-template-columns:1fr auto}.tracker-layout{grid-template-columns:160px minmax(0,1fr) 145px;align-items:center}.tracker-step{font-size:.82rem}.tracker-step-icon{width:48px;height:48px}.support-banner{grid-template-columns:210px 1fr 210px;align-items:center}.support-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.tool-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:start}.footer-grid{grid-template-columns:1.45fr 1fr 1fr 1.2fr}.footer-bottom{flex-direction:row;justify-content:space-between}.page-hero-card{padding:36px 32px}.platform-card{flex-basis:270px}}
@media(min-width:1050px){.desktop-nav{gap:5px}.desktop-nav a{padding-inline:14px}.service-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(3,1fr)}.filter-bar{grid-template-columns:minmax(300px,1fr) auto;align-items:center}.filter-selects{grid-template-columns:210px 210px}.popular-services-grid{grid-template-columns:repeat(4,1fr)}.related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.hero-phone-scene{transform-origin:center;scale:.9}.hero-copy h1{font-size:1.9rem}.header-cta{display:none}.platform-mini{min-width:106px}.floating-whatsapp span{display:none}.floating-whatsapp{width:52px;height:52px;justify-content:center;padding:0}.service-card{grid-template-columns:50px 1fr}.service-card-arrow{display:none}}

/* Animation control and accessibility */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.stagger>*{opacity:1!important;transform:none!important}.hero-copy h1 span,.hero-copy p,.hero-buttons,.hero-phone-scene,.hero-order-card,.phone-check{opacity:1!important;transform:none!important}.hero-progress-fill{width:68%}}
body[data-animation-level="minimal"] .reveal{opacity:1;transform:none}body[data-animation-level="minimal"] .stagger>*{opacity:1;transform:none}body[data-animation-level="minimal"] .soft-loop{animation:none!important}

/* Keyframes */
@keyframes phoneEnter{from{opacity:0;transform:translate(-28px,30px) rotate(-3deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}
@keyframes cardEmerge{0%{opacity:0;transform:translateY(18px) scale(.94)}65%{opacity:1;transform:translateY(-4px) scale(1.02)}100%{opacity:1;transform:none}}
@keyframes slideRight{to{opacity:1;transform:none}}
@keyframes fadeUp{to{opacity:1;transform:none}}
@keyframes checkIn{to{opacity:1;transform:none}}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes platformPulse{0%,100%{transform:scale(.94);opacity:.25}50%{transform:scale(1.08);opacity:.55}}
@keyframes shineOnce{to{transform:translateX(130%)}}
@keyframes iconRise{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes servicesOut{to{opacity:0;transform:translateY(10px)}}
@keyframes servicesIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes activeStage{0%,100%{transform:scale(1.1)}50%{transform:scale(1.16)}}
@keyframes circlePulse{0%{transform:scale(.9);opacity:.2}60%{transform:scale(1.06);opacity:.55}100%{transform:scale(1);opacity:.15}}
@keyframes trackerGlow{0%,80%,100%{transform:translateX(-100%)}90%{transform:translateX(100%)}}
@keyframes scanLine{from{top:5px}to{top:50px}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes dots{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-6px);opacity:1}}
@keyframes whatsappPulse{0%,90%,100%{box-shadow:none}94%{box-shadow:0 0 0 7px rgba(37,211,102,.18)}}