:root{--navy-950: #0a141c;--navy-900: #0f1c27;--navy-800: #162734;--navy-700: #20384a;--steel-600: #3d5a72;--steel-500: #5b7c99;--steel-300: #8aa6ba;--steel-200: #b4c7d4;--steel-100: #dbe5ec;--accent-600: #c2603f;--accent-500: #d97757;--accent-400: #e8926f;--cyan-400: #3dd5ff;--cyan-500: #19b8e6;--bg: #f5f8fa;--bg-alt: #eaf0f4;--surface: #ffffff;--ink: #14232f;--muted: #5d7080;--border: #dde6ec;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 2px 8px rgba(15, 28, 39, .06);--shadow-md: 0 12px 32px rgba(15, 28, 39, .1);--shadow-lg: 0 24px 60px rgba(15, 28, 39, .18);--header-h: 64px;--gutter: 20px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px)}body{margin:0;font-family:Tajawal,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-tap-highlight-color:transparent}body.no-scroll{overflow:hidden}h1,h2,h3,h4{margin:0;line-height:1.3}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;height:auto}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}ul,ol{margin:0;padding:0;list-style:none}code,pre{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}:focus-visible{outline:3px solid var(--cyan-500);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;inset-inline-start:12px;z-index:300;background:var(--accent-500);color:#fff;padding:10px 16px;border-radius:8px;transition:top .2s}.skip-link:focus{top:12px}.container{width:100%;max-width:1180px;margin-inline:auto;padding-inline:var(--gutter)}.container.narrow{max-width:780px}.container.narrow-head{max-width:1080px}.center{display:flex;justify-content:center;margin-top:36px}section{padding:56px 0}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border:1px solid transparent;border-radius:12px;font-weight:700;font-size:15px;line-height:1.2;text-align:center;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,border-color .25s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff;box-shadow:0 8px 22px #d9775759}.btn-primary:hover{box-shadow:0 12px 28px #d9775780}.btn-ghost{background:#ffffff14;color:#fff;border-color:#ffffff4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{background:#ffffff29}.btn-light{background:#fff;color:var(--navy-800)}.btn-outline-dark{background:transparent;color:var(--navy-800);border-color:var(--steel-300)}.btn-outline-dark:hover{background:var(--navy-800);color:#fff}.btn-cancel{background:var(--bg-alt);color:var(--muted)}.btn-shine:after{content:"";position:absolute;inset-block:0;width:40%;inset-inline-start:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:shine 4.5s ease-in-out infinite}.eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:#d9775724;color:var(--accent-600);padding:6px 16px;border-radius:999px;font-size:13px;font-weight:700}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#34d399;display:inline-block;box-shadow:0 0 #34d39999;animation:pulse-ring 2s infinite}.section-title{font-size:clamp(26px,5vw,38px);font-weight:800;text-align:center;margin-bottom:12px}.section-title.light{color:#fff}.section-sub{text-align:center;color:var(--muted);font-size:clamp(15px,2.4vw,17px);max-width:640px;margin:0 auto 36px}.section-sub.light{color:var(--steel-200)}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%),rgba(61,213,255,.16),transparent 65%)}@media (hover: hover){.spotlight:hover:before{opacity:1}}@media (min-width: 900px){section{padding:88px 0}:root{--gutter: 24px;--header-h: 72px}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes zoom-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}@keyframes aura{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:.95;transform:scale(1.08)}}@keyframes shadow-pulse{0%,to{transform:scaleX(1);opacity:.45}50%{transform:scaleX(.78);opacity:.25}}@keyframes shine{0%,55%{inset-inline-start:-60%}to{inset-inline-start:140%}}@keyframes pulse-ring{0%{box-shadow:0 0 #34d39999}70%,to{box-shadow:0 0 0 10px #34d39900}}@keyframes drift-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.15)}}@keyframes drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-25px) scale(1.1)}}@keyframes dash{to{stroke-dashoffset:-8}}@keyframes node-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.9)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes word-in{0%{opacity:0;transform:translateY(70%) rotateX(-50deg)}to{opacity:1;transform:none}}@keyframes scroll-dot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes msg-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes dots{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}@keyframes fab-ring{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.6);opacity:0}}@keyframes gradient-pan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anim-rise{animation:rise .8s var(--ease) both;animation-delay:var(--d, 0ms)}.anim-zoom{animation:zoom-in 1s var(--ease) both;animation-delay:var(--d, 0ms)}.page{animation:page-in .5s var(--ease) both}html.js .reveal{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}html.js .reveal-up{transform:translateY(32px)}html.js .reveal-down{transform:translateY(-32px)}html.js .reveal-left{transform:translate(-48px)}html.js .reveal-right{transform:translate(48px)}html.js .reveal-zoom{transform:scale(.92)}html.js .reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.js .reveal{opacity:1;transform:none}}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06);transition:box-shadow .3s}.site-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#0a141cb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s}.site-header.is-scrolled{box-shadow:0 8px 30px #00000040}.site-header.is-scrolled:before{background:#0a141cf0}.header-inner{display:flex;align-items:center;gap:12px;height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff}.brand-logo{width:40px;height:auto;transition:transform .5s var(--ease)}.brand:hover .brand-logo{transform:rotate(-8deg) scale(1.08)}.brand-name{font-size:19px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.brand-name span{font-weight:400;color:var(--steel-200);font-size:12px;margin-inline-start:4px}.nav-desktop{display:none}.header-cta{display:none;margin-inline-start:auto;min-height:42px;padding:8px 20px;font-size:14px}.nav-toggle{margin-inline-start:auto;width:44px;height:44px;padding:0;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.nav-toggle span{display:block;width:24px;height:2px;border-radius:2px;background:#fff;transition:transform .35s var(--ease),opacity .2s}.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer{position:fixed;inset:var(--header-h) 0 0 0;z-index:99;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:24px var(--gutter) calc(24px + env(safe-area-inset-bottom));background:linear-gradient(180deg,var(--navy-900),var(--navy-950));overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .4s var(--ease),visibility 0s .4s}.drawer.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}.drawer-nav{display:flex;flex-direction:column;gap:4px}.drawer-nav>a,.drawer-group a{display:block;padding:14px 4px;color:#e8f0f5;font-size:20px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.07);opacity:0;transform:translate(24px)}.drawer.is-open .drawer-nav>a,.drawer.is-open .drawer-group{opacity:1;transform:none;transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:calc(var(--i, 0) * 60ms + .12s)}.drawer-group{display:flex;flex-direction:column;opacity:0;margin-top:12px}.drawer-group a{font-size:16px;font-weight:500;color:var(--steel-200);opacity:1;transform:none}.drawer-title{font-size:12px;letter-spacing:1px;color:var(--accent-400);font-weight:700}.drawer-cta{width:100%}.site-footer{background:var(--navy-950);color:var(--steel-300);padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1fr;gap:32px}.footer-brand{display:flex;flex-direction:column;gap:14px;max-width:340px}.footer-brand p{font-size:14px;line-height:1.9}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col .title{color:#fff;font-weight:700;font-size:15px;margin-bottom:2px}.footer-col a{font-size:14px;color:var(--steel-300);transition:color .2s,transform .2s;width:fit-content}.footer-col a:hover{color:#fff;transform:translate(-4px)}.footer-post{line-height:1.6}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;text-align:center}@media (min-width: 600px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1 / -1}}@media (min-width: 960px){.nav-toggle,.drawer{display:none}.nav-desktop{display:flex;align-items:center;gap:4px;margin-inline-start:28px}.header-cta{display:inline-flex}.nav-link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;color:#d8e5ee;font-size:15px;font-weight:500;transition:color .2s}.nav-link:after{content:"";position:absolute;inset-inline:14px;bottom:2px;height:2px;border-radius:2px;background:var(--accent-500);transform:scaleX(0);transition:transform .3s var(--ease)}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.caret{width:6px;height:6px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}.nav-item{position:relative}.nav-menu{position:absolute;top:100%;inset-inline-start:0;min-width:260px;padding:8px;background:var(--navy-800);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .3s var(--ease),visibility 0s .3s}.nav-item:hover .nav-menu,.nav-item:focus-within .nav-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}.nav-item:hover .caret{transform:rotate(225deg) translateY(2px)}.nav-menu a{display:block;padding:11px 14px;border-radius:10px;color:#e2ecf2;font-size:14.5px;transition:background .2s}.nav-menu a:hover{background:#ffffff14}.footer-grid{grid-template-columns:1.4fr 1fr 1.1fr 1.5fr 1.2fr;gap:28px}.footer-brand{grid-column:auto}}.hero{position:relative;overflow:hidden;isolation:isolate;padding:32px 0 72px;color:#fff;background:radial-gradient(900px 500px at 85% 10%,rgba(61,213,255,.14),transparent 60%),linear-gradient(160deg,var(--navy-950) 0%,var(--navy-800) 45%,var(--steel-600) 130%)}.hero-grid{position:relative;z-index:2;display:grid;gap:28px;align-items:center}.hero-visual{order:-1;position:relative;display:flex;flex-direction:column;align-items:center;gap:14px}.hero-copy{display:flex;flex-direction:column;gap:20px;text-align:center;align-items:center}.hero-copy .eyebrow{align-self:center;background:#3dd5ff1f;color:var(--cyan-400)}.hero-copy h1{font-size:clamp(32px,8.4vw,52px);font-weight:800;line-height:1.25}.hero-copy p{font-size:clamp(16px,3.8vw,19px);line-height:1.9;color:var(--steel-200);max-width:560px}.hero-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px}.hero-actions .btn{width:100%}.rotator{display:inline-block;perspective:400px;vertical-align:bottom;min-width:4.5ch}.rotator-word{display:inline-block;background:linear-gradient(90deg,var(--accent-400),var(--cyan-400),var(--accent-400));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:word-in .6s var(--ease) both,gradient-pan 5s linear infinite}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:8px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.12)}.hero-facts dt{font-size:clamp(14px,4vw,20px);font-weight:800;color:#fff}.hero-facts dd{margin:2px 0 0;font-size:12px;line-height:1.5;color:var(--steel-300)}.hero-status{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;color:#e8f0f5}.hero-blob{position:absolute;z-index:0;border-radius:50%;filter:blur(70px);opacity:.45;pointer-events:none}.blob-1{width:320px;height:320px;background:var(--cyan-500);top:-80px;inset-inline-end:-60px;animation:drift-a 14s ease-in-out infinite}.blob-2{width:280px;height:280px;background:var(--accent-500);bottom:-90px;inset-inline-start:-40px;opacity:.28;animation:drift-b 17s ease-in-out infinite}.neural-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.5;pointer-events:none}.neural-line{stroke:#8ad2ff66;stroke-width:.1;stroke-dasharray:1.2 1.2;animation:dash 2.4s linear infinite}.neural-node{fill:var(--cyan-400);transform-box:fill-box;transform-origin:center;animation:node-pulse 3.4s ease-in-out infinite}.scroll-hint{display:none}.robot{--px: 0;--py: 0;position:relative;width:min(64vw,280px);aspect-ratio:561 / 658}.robot-md{width:min(70vw,340px)}.robot-sm{width:150px;margin-inline:auto}.robot-float{position:absolute;top:0;right:0;bottom:0;left:0;animation:float 6s ease-in-out infinite}.robot-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(0,0,0,.35));transform:translate(calc(var(--px) * -26px),calc(var(--py) * -20px));transition:transform .25s ease-out;position:relative;z-index:2}.robot-aura{position:absolute;top:6%;right:-8%;bottom:4%;left:-8%;border-radius:50%;background:radial-gradient(circle,rgba(61,213,255,.5),rgba(61,213,255,.08) 55%,transparent 70%);animation:aura 4.5s ease-in-out infinite}.robot-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px dashed rgba(138,210,255,.4);pointer-events:none}.ring-1{width:118%;aspect-ratio:1;margin:-59% 0 0 -59%;animation:spin 30s linear infinite}.ring-2{width:138%;aspect-ratio:1;margin:-69% 0 0 -69%;border-style:dotted;border-color:#d9775773;animation:spin-rev 44s linear infinite}.robot-shadow{position:absolute;left:16%;right:16%;bottom:-5%;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 70%);animation:shadow-pulse 6s ease-in-out infinite}.robot-chip{position:absolute;z-index:3;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700;direction:ltr;color:#e9f7ff;background:#0f1c27b8;border:1px solid rgba(61,213,255,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px #0000004d;animation:float-soft 5s ease-in-out infinite}.chip-a{top:6%;inset-inline-start:-4%}.chip-b{top:30%;inset-inline-end:-8%;animation-delay:-1.2s}.chip-c{bottom:24%;inset-inline-start:-10%;animation-delay:-2.4s}.chip-d{bottom:6%;inset-inline-end:-4%;animation-delay:-3.4s}.marquee{direction:ltr;overflow:hidden;padding:16px 0;background:var(--navy-900);border-block:1px solid rgba(255,255,255,.06);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-row{display:flex}.marquee-row li{padding:0 26px;font-size:15px;font-weight:700;letter-spacing:1px;color:var(--steel-300);white-space:nowrap;display:flex;align-items:center;gap:52px}.marquee-row li:after{content:"✦";color:var(--accent-500);font-size:11px}.intro{padding:56px 0 24px}.intro-text{max-width:820px;margin:0 auto;text-align:center;font-size:clamp(18px,4.4vw,24px);line-height:2;color:var(--navy-700)}.intro-text strong{color:var(--accent-600)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:36px auto 0;max-width:720px}.stat{padding:18px 8px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.stat-value{font-size:clamp(24px,6vw,36px);font-weight:800;color:var(--navy-800)}.stat-value:after{content:""}.stat-label{font-size:12.5px;color:var(--muted);line-height:1.5}.why-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px}.why-card{height:100%;padding:26px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}.why-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#3dd5ff80}.why-card .icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,#3dd5ff2e,#d977572e);transition:transform .5s var(--ease)}.why-card:hover .icon{transform:rotate(-10deg) scale(1.1)}.why-card h3{font-size:18px;font-weight:700}.why-card p{font-size:15px;line-height:1.9;color:var(--muted)}.step-no{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent-500),var(--accent-600))}.services{background:var(--bg-alt)}.services-grid{display:grid;grid-template-columns:1fr;gap:18px}.services-grid>*{height:100%}.service-card{height:100%;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.service-card .banner{position:relative;height:130px;display:grid;place-items:center;overflow:hidden;background-size:200% 200%;animation:gradient-pan 10s ease infinite}.banner-1{background-image:linear-gradient(135deg,#3d5a72,#19b8e6,#20384a)}.banner-2{background-image:linear-gradient(135deg,#20384a,#d97757,#3d5a72)}.banner-3{background-image:linear-gradient(135deg,#19b8e6,#3d5a72,#0f1c27)}.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 50%)}.banner-icon{position:relative;z-index:1;font-size:54px;animation:float-soft 4s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(0,0,0,.3))}.service-card .body{flex:1;display:flex;flex-direction:column;gap:10px;padding:22px}.service-card h3{font-size:19px;font-weight:800}.service-card p{font-size:15px;line-height:1.9;color:var(--muted);flex:1}.service-card .link{font-size:14.5px;font-weight:700;color:var(--accent-600);margin-top:6px}.service-card .link span{display:inline-block;transition:transform .25s}.service-card .link:hover span{transform:translate(-6px)}.assistant{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(700px 400px at 20% 20%,rgba(61,213,255,.12),transparent 60%),linear-gradient(160deg,var(--navy-900),var(--navy-700))}.assistant-grid{position:relative;z-index:2;display:grid;gap:40px;align-items:center}.assistant-copy{display:flex;flex-direction:column;gap:18px}.assistant-copy .eyebrow{background:#3dd5ff1f;color:var(--cyan-400)}.assistant-copy h2{font-size:clamp(26px,6vw,36px);font-weight:800;line-height:1.4}.assistant-copy>p{font-size:16px;line-height:2;color:var(--steel-200)}.assistant-list{display:flex;flex-direction:column;gap:12px}.assistant-list li{display:flex;gap:12px;align-items:center;color:#e2ecf2;font-size:15.5px}.assistant-list .dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--accent-500);box-shadow:0 0 0 4px #d9775740}.assistant-stage{position:relative;display:flex;justify-content:center;padding:12px 0 32px}.assistant-bubble{position:absolute;bottom:4px;inset-inline-start:6%;max-width:230px;padding:12px 16px;border-radius:16px 16px 16px 4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float-soft 5s ease-in-out infinite;z-index:4}.assistant-bubble .name{font-size:12px;color:var(--cyan-400);font-weight:700;margin-bottom:2px}.assistant-bubble .msg{font-size:14px;line-height:1.7}.about{background:var(--bg)}.about-inner{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:840px;text-align:center}.about-badge{padding:6px 18px;border-radius:999px;background:#3dd5ff26;color:var(--cyan-500);font-weight:700;font-size:13px}.about p{font-size:clamp(16px,3.8vw,19px);line-height:2.1;color:var(--muted)}.cta{background:linear-gradient(120deg,var(--accent-600),var(--accent-500),#e8926f,var(--accent-600));background-size:300% 100%;animation:gradient-pan 12s ease infinite;color:#fff;text-align:center}.cta-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.cta h2{font-size:clamp(24px,6vw,34px);font-weight:800}.cta p{max-width:560px;color:#fff3ec;font-size:16px}@media (min-width: 700px){.hero-actions{flex-direction:row;max-width:none;width:auto}.hero-actions .btn{width:auto}.why-grid,.services-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 960px){.hero{padding:72px 0 96px;min-height:calc(100vh - var(--header-h));display:flex;align-items:center}.hero-grid{grid-template-columns:1.1fr .9fr;gap:56px}.hero-visual{order:0}.hero-copy{text-align:start;align-items:flex-start}.hero-copy .eyebrow{align-self:flex-start}.hero-facts{text-align:start}.hero-facts dd{font-size:13px}.robot{width:400px}.robot-md{width:360px}.robot-chip{font-size:13px;padding:6px 14px}.assistant-grid{grid-template-columns:1.1fr .9fr;gap:64px}.scroll-hint{display:block;position:absolute;bottom:20px;inset-inline:0;margin-inline:auto;width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:14px;z-index:3}.scroll-hint span{position:absolute;top:8px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:scroll-dot 1.8s ease-in infinite}}.page-hero{position:relative;isolation:isolate;overflow:hidden;padding:48px 0 40px;color:#fff;text-align:center;background:radial-gradient(800px 400px at 80% 0%,rgba(61,213,255,.16),transparent 60%),linear-gradient(160deg,var(--navy-950),var(--navy-700))}.page-hero .container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px}.page-hero .eyebrow{background:#3dd5ff1f;color:var(--cyan-400);align-self:center}.page-hero h1{font-size:clamp(28px,7vw,46px);font-weight:800;max-width:900px}.page-hero p{max-width:640px;color:var(--steel-200);font-size:clamp(15px,3.6vw,18px);line-height:1.9}.service-hero{padding-block:64px}.service-hero .hero-actions{justify-content:center}.blog-tools{width:100%;display:flex;flex-direction:column;gap:14px;margin-top:12px;align-items:stretch}.search input{width:100%;max-width:520px;margin-inline:auto;display:block;padding:14px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background .2s}.search input::placeholder{color:var(--steel-300)}.search input:focus{outline:none;border-color:var(--cyan-400);background:#ffffff24}.filters{display:flex;gap:8px;overflow-x:auto;padding:4px var(--gutter);margin-inline:calc(var(--gutter) * -1);scrollbar-width:none;justify-content:flex-start}.filters::-webkit-scrollbar{display:none}.filters button{flex:none;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#e2ecf2;font-size:14px;font-weight:500;transition:background .25s,color .25s,transform .25s}.filters button:hover{background:#ffffff1a}.filters button.is-active{background:var(--accent-500);border-color:var(--accent-500);color:#fff;transform:scale(1.04)}.blog-list{padding-top:36px}.blog-list .post-card.is-featured{margin-bottom:20px}.posts-grid{display:grid;grid-template-columns:1fr;gap:18px}.latest .posts-grid,.related .posts-grid{margin-top:8px}.empty{text-align:center;color:var(--muted);padding:60px 0}.post-card{height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.post-card-link{display:flex;flex-direction:column;height:100%}.post-cover{position:relative;height:84px;display:grid;place-items:center;font-size:38px;overflow:hidden;background-size:220% 220%;animation:gradient-pan 12s ease infinite}.post-cover span{animation:float-soft 4.5s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}.post-card:hover .post-cover span{transform:scale(1.15)}.cover-1{background-image:linear-gradient(135deg,#20384a,#19b8e6,#3d5a72)}.cover-2{background-image:linear-gradient(135deg,#3d5a72,#d97757,#20384a)}.cover-3{background-image:linear-gradient(135deg,#0f1c27,#3d5a72,#3dd5ff)}.cover-4{background-image:linear-gradient(135deg,#5b7c99,#20384a,#e8926f)}.cover-5{background-image:linear-gradient(135deg,#19b8e6,#20384a,#d97757)}.post-card-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:20px}.post-card h3{font-size:18px;font-weight:800;line-height:1.55}.post-card p{font-size:14.5px;line-height:1.85;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.chip{align-self:flex-start;display:inline-block;padding:4px 12px;border-radius:999px;background:#3dd5ff26;color:var(--cyan-500);font-size:12.5px;font-weight:700}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.reading-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:200}.reading-progress>div{height:100%;background:linear-gradient(90deg,var(--cyan-400),var(--accent-500));transform-origin:left;transform:scaleX(0)}html[dir=rtl] .reading-progress>div{transform-origin:right}.post-hero{padding:36px 0 28px;color:#fff;background:radial-gradient(700px 360px at 85% 0%,rgba(61,213,255,.16),transparent 60%),linear-gradient(160deg,var(--navy-950),var(--navy-700))}.post-hero .container{display:flex;flex-direction:column;gap:16px}.post-hero h1{font-size:clamp(26px,6.4vw,42px);font-weight:800;line-height:1.4}.post-lead{color:var(--steel-200);font-size:clamp(15px,3.6vw,18px);line-height:1.9}.post-hero .post-meta{color:var(--steel-300)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--steel-300)}.breadcrumbs a:hover{color:#fff}.post-content{padding-block:32px 56px}.prose{font-size:17px;line-height:2;color:#243746;overflow-wrap:anywhere}.prose>*+*{margin-top:18px}.prose h2{margin-top:44px;font-size:clamp(22px,5vw,28px);font-weight:800;color:var(--navy-800);padding-block-end:8px;border-bottom:2px solid var(--border)}.prose h3{margin-top:30px;font-size:20px;font-weight:800;color:var(--navy-700)}.prose ul,.prose ol{padding-inline-start:24px}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li+li{margin-top:8px}.prose li::marker{color:var(--accent-500);font-weight:700}.prose a{color:var(--cyan-500);font-weight:700;border-bottom:1px solid rgba(25,184,230,.4);transition:color .2s,border-color .2s}.prose a:hover{color:var(--accent-600);border-color:var(--accent-600)}.prose :not(pre)>code{padding:2px 7px;border-radius:6px;background:#e6eef3;color:#b4442b;font-size:.88em;direction:ltr;unicode-bidi:embed}.toc{padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid var(--accent-500);border-radius:var(--radius-sm)}.toc-title{font-weight:800;margin-bottom:8px}.toc ol{list-style:decimal;padding-inline-start:22px;font-size:15px;line-height:1.9}.toc a{border:0;font-weight:500;color:var(--navy-700)}.toc a:hover{color:var(--accent-600)}.code-block{margin:22px 0;border-radius:14px;overflow:hidden;background:#0c1822;border:1px solid #1b3142;box-shadow:var(--shadow-md);direction:ltr;text-align:left}.code-block figcaption{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#122434;color:var(--steel-300);font-size:12.5px;font-family:ui-monospace,monospace;text-transform:lowercase}.code-block figcaption button{background:#ffffff14;border:0;color:#dbe9f2;font-size:12px;padding:4px 12px;border-radius:6px;transition:background .2s}.code-block figcaption button:hover{background:#3dd5ff40}.code-block pre{margin:0;padding:16px;overflow-x:auto;color:#d6e6f0;font-size:13.5px;line-height:1.75;-webkit-overflow-scrolling:touch}.callout{padding:16px 18px;border-radius:14px;border:1px solid}.callout-title{font-weight:800;margin-bottom:4px}.callout p{font-size:16px;line-height:1.95}.callout-tip{background:#effaf4;border-color:#b8e6cc;color:#1d5a3a}.callout-info{background:#edf6fc;border-color:#bcdcf2;color:#1c4f73}.callout-warn{background:#fff6ec;border-color:#f3cfa6;color:#7a4414}.callout a{color:inherit}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);-webkit-overflow-scrolling:touch}.table-wrap table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:1.7}.table-wrap th{background:var(--navy-800);color:#fff;font-weight:700;text-align:start;padding:12px 14px;white-space:nowrap}.table-wrap td{padding:12px 14px;border-top:1px solid var(--border);vertical-align:top}.table-wrap tbody tr:nth-child(2n){background:#f4f8fa}.post-faq{margin-top:44px;display:flex;flex-direction:column;gap:10px}.post-faq h2{font-size:26px;font-weight:800;margin-bottom:8px}.post-faq details{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 18px;transition:box-shadow .3s}.post-faq details[open]{box-shadow:var(--shadow-sm);border-color:#3dd5ff80}.post-faq summary{cursor:pointer;padding:16px 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}.post-faq summary::-webkit-details-marker{display:none}.post-faq summary:after{content:"+";font-size:22px;line-height:1;color:var(--accent-500);transition:transform .3s var(--ease)}.post-faq details[open] summary:after{transform:rotate(45deg)}.post-faq details p{padding-bottom:16px;color:var(--muted);line-height:1.9;animation:rise .4s var(--ease) both}.post-cta{margin-top:48px;padding:32px 22px;text-align:center;color:#fff;border-radius:20px;background:linear-gradient(135deg,var(--navy-800),var(--navy-700));position:relative;overflow:hidden}.post-cta:before{content:"";position:absolute;width:260px;height:260px;inset-inline-end:-80px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(61,213,255,.35),transparent 70%);animation:aura 5s ease-in-out infinite}.post-cta h2{position:relative;font-size:24px;font-weight:800}.post-cta p{position:relative;margin:10px auto 20px;color:var(--steel-200);max-width:480px}.post-cta-actions{position:relative;display:flex;flex-direction:column;gap:10px}.related{background:var(--bg-alt)}.dev-section{background:var(--navy-900)}.dev-section .code-block{max-width:640px;margin-inline:auto;text-align:left}.not-found-inner{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding-block:56px}.not-found h1{font-size:72px;font-weight:800;background:linear-gradient(90deg,var(--accent-500),var(--cyan-500));-webkit-background-clip:text;background-clip:text;color:transparent}.not-found p{color:var(--muted);max-width:420px}.not-found .hero-actions{justify-content:center}@media (min-width: 700px){.posts-grid{grid-template-columns:repeat(2,1fr)}.blog-tools{flex-direction:row;align-items:center}.search{flex:0 0 300px}.search input{max-width:none}.filters{padding:4px 0;margin-inline:0;flex-wrap:wrap}.post-cta-actions{flex-direction:row;justify-content:center}.prose{font-size:18px}}@media (min-width: 1000px){.posts-grid{grid-template-columns:repeat(3,1fr)}.post-card.is-featured .post-card-link{flex-direction:row}.post-card.is-featured .post-cover{flex:0 0 38%;height:auto;min-height:240px;font-size:80px}.post-card.is-featured h3{font-size:26px}.post-card.is-featured .post-card-body{padding:32px;justify-content:center}.post-card.is-featured p{font-size:16px;-webkit-line-clamp:4;flex:0}}.chat-fab{position:fixed;z-index:90;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:64px;height:64px;padding:0;border:3px solid #fff;border-radius:50%;background:radial-gradient(circle at 50% 30%,#3b5c78,var(--navy-800));box-shadow:0 10px 28px #0f1c2773;display:grid;place-items:center;overflow:visible;transition:transform .3s var(--ease)}.chat-fab:hover{transform:scale(1.08) rotate(-4deg)}.chat-fab:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--cyan-400);animation:fab-ring 2.4s ease-out infinite;pointer-events:none}.chat-fab img{width:78%;height:78%;object-fit:contain;border-radius:50%}.chat-fab.is-open:before{display:none}.chat-teaser{position:fixed;z-index:90;inset-inline-end:16px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:min(260px,calc(100vw - 32px));padding:11px 16px;border:0;border-radius:16px 16px 4px;background:#fff;color:var(--navy-800);font-size:14px;font-weight:700;line-height:1.6;text-align:start;box-shadow:var(--shadow-lg);animation:pop-in .5s var(--ease) both}.chat-panel{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);animation:sheet-up .4s var(--ease) both}.chat-panel-header{display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));color:#fff;background:linear-gradient(135deg,var(--navy-800),var(--steel-600))}.chat-panel-header img{width:40px;height:47px;object-fit:contain;border-radius:10px;background:#ffffff1f;padding:3px}.chat-panel-header .name{font-weight:800;font-size:15px}.chat-panel-header .status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--steel-200)}.chat-close{margin-inline-start:auto;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:16px;transition:background .2s}.chat-close:hover{background:#ffffff40}.chat-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#f1f6f9,#fff)}.chat-msg{max-width:86%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.8;animation:msg-in .35s var(--ease) both;overflow-wrap:anywhere}.chat-line{display:block;min-height:.4em}.chat-msg.bot{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid var(--border);border-end-start-radius:4px;box-shadow:var(--shadow-sm)}.chat-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:#fff;border-end-end-radius:4px}.chat-msg.typing{display:flex;gap:5px;padding:14px 16px}.chat-msg.typing i{width:8px;height:8px;border-radius:50%;background:var(--steel-500);animation:dots 1.1s infinite}.chat-msg.typing i:nth-child(2){animation-delay:.15s}.chat-msg.typing i:nth-child(3){animation-delay:.3s}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.chat-suggestions button{padding:8px 14px;border-radius:999px;border:1px solid var(--steel-300);background:#fff;color:var(--navy-700);font-size:13.5px;transition:background .2s,color .2s,transform .2s;animation:pop-in .5s var(--ease) both}.chat-suggestions button:nth-child(2){animation-delay:.08s}.chat-suggestions button:nth-child(3){animation-delay:.16s}.chat-suggestions button:hover{background:var(--navy-800);color:#fff;transform:translateY(-2px)}.chat-input-row{display:flex;gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff}.chat-input-row input{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--border);border-radius:999px;background:var(--bg);transition:border-color .2s,box-shadow .2s}.chat-input-row input:focus{outline:none;border-color:var(--cyan-500);box-shadow:0 0 0 3px #19b8e633}.chat-input-row button{padding:0 20px;border:0;border-radius:999px;background:var(--navy-800);color:#fff;font-weight:700;transition:background .2s,transform .2s}.chat-input-row button:hover:not(:disabled){background:var(--accent-500);transform:scale(1.04)}.chat-input-row button:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 640px){.chat-fab.is-open{display:none}}@media (min-width: 641px){.chat-panel{inset:auto;inset-inline-end:16px;bottom:calc(92px + env(safe-area-inset-bottom));width:380px;height:min(560px,calc(100vh - 120px));border-radius:20px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.chat-panel-header{padding-top:12px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:flex-end;justify-content:center;background:#081016b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:page-in .25s both}.modal-content{width:100%;max-height:94dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border-radius:22px 22px 0 0;animation:sheet-up .4s var(--ease) both;padding-bottom:env(safe-area-inset-bottom)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 8px}.modal-header h3{font-size:20px;font-weight:800;line-height:1.5}.modal-subtitle{margin-top:4px;font-size:14px;color:var(--muted)}.modal-close-btn{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:var(--bg-alt);color:var(--muted);font-size:16px;transition:background .2s,transform .3s}.modal-close-btn:hover{background:var(--border);transform:rotate(90deg)}.modal-form{display:flex;flex-direction:column;gap:14px;padding:12px 20px 22px}.form-grid{display:grid;grid-template-columns:1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:700;color:var(--navy-700)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;background:#fff;border-color:var(--cyan-500);box-shadow:0 0 0 3px #19b8e633}.form-group textarea{resize:vertical;min-height:90px}.modal-actions{display:flex;flex-direction:column-reverse;gap:10px}.form-alert-error{padding:12px 14px;border-radius:12px;background:#fdecea;color:#a12a1f;font-size:14px;animation:msg-in .3s both}.modal-success-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:32px 24px 36px}.modal-success-box .success-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#fff;background:linear-gradient(135deg,#34d399,#059669);animation:pop-in .6s var(--ease) both}.modal-success-box h4{font-size:22px;font-weight:800}.modal-success-box p{color:var(--muted)}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:24px}.modal-content{max-width:620px;border-radius:22px;box-shadow:var(--shadow-lg)}.form-grid{grid-template-columns:1fr 1fr}.modal-actions{flex-direction:row;justify-content:flex-end}}.chat-msg a{color:var(--cyan-500);font-weight:700;text-decoration:underline}