/* THINK UNLIMITED DUBAI — premium motion layer v2 (30 Oct 2026). Self-hosted fonts, strict CSP (no inline styles), reduced-motion respected, no emojis. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Manrope-400-latin.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/Manrope-600-latin.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/Manrope-700-latin.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/Manrope-800-latin.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/DMSans-400-latin.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/DMSans-500-latin.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/DMSans-700-latin.woff2) format('woff2')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Tajawal-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/Tajawal-500-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/Tajawal-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/Tajawal-800-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/Tajawal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/Tajawal-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/Tajawal-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{color-scheme:dark;--bg:#06080e;--bg2:#0a1020;--panel:#0d1320;--text:#f6f8fc;--muted:#acb9cf;--line:#263143;--line2:#34435a;--accent:#9dc7ff;--cyan:#00d4ff;--cyanb:#0083b0;--violet:#7b5cff;--gold:#e4c28e;--gold2:#cfa96d;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;overflow-x:hidden;position:relative;min-height:100vh}
body[dir=rtl]{font-family:'Tajawal','DM Sans',system-ui,sans-serif}
a{color:inherit;text-decoration:none;transition:color .25s var(--ease)}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a:hover{color:#a9d5ff}
img{max-width:100%;height:auto}

/* ambient AI field: aurora + drifting grid + vignette (transform-only animations) */
.ai-field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ai-field i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.ai-field .a1{width:62vw;height:62vw;left:48%;top:-34vw;background:radial-gradient(circle,#1e4a86 0%,rgba(30,74,134,0) 65%);animation:drift1 22s ease-in-out infinite alternate}
.ai-field .a2{width:44vw;height:44vw;left:-18vw;top:38vh;background:radial-gradient(circle,rgba(123,92,255,.55) 0%,rgba(123,92,255,0) 65%);animation:drift2 28s ease-in-out infinite alternate}
.ai-field .a3{width:36vw;height:36vw;right:-12vw;bottom:-10vw;background:radial-gradient(circle,rgba(0,212,255,.35) 0%,rgba(0,212,255,0) 65%);animation:drift3 26s ease-in-out infinite alternate}
.ai-field .grid{position:absolute;inset:-60px;opacity:.18;background-image:linear-gradient(rgba(157,199,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(157,199,255,.16) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 60% at 60% 15%,#000 10%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 60% 15%,#000 10%,transparent 75%);animation:gridDrift 40s linear infinite}
.ai-field .vig{position:absolute;inset:0;background:radial-gradient(ellipse 90% 80% at 50% 40%,transparent 50%,rgba(6,8,14,.75) 100%)}
@keyframes drift1{to{transform:translate(-9vw,9vh) scale(1.12)}}
@keyframes drift2{to{transform:translate(10vw,-8vh) scale(1.08)}}
@keyframes drift3{to{transform:translate(-8vw,-10vh) scale(1.15)}}
@keyframes gridDrift{to{transform:translate(64px,64px)}}
.neural{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}
header,main,footer{position:relative;z-index:1}

.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* sticky glass header */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 24px;margin:0 auto;max-width:1200px;border-bottom:1px solid #ffffff14;background:rgba(6,8,14,.55);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.6),rgba(123,92,255,.5),transparent);background-size:200% 100%;animation:beam 6s linear infinite}
@keyframes beam{to{background-position:200% 0}}
.brand{display:flex;align-items:center;gap:13px;font:800 17px 'Manrope',sans-serif;letter-spacing:.08em;white-space:nowrap;color:#fff}
.brand small{display:block;color:#8fa1b8;font:600 9px 'DM Sans',sans-serif;letter-spacing:.28em}
body[dir=rtl] .brand{font-family:'Tajawal',sans-serif;letter-spacing:0}body[dir=rtl] .brand small{letter-spacing:.1em}

/* official animated Wolf core (same construction as Wolf Engine OS) */
.core{--s:44px;position:relative;width:var(--s);height:var(--s);display:grid;place-items:center;flex:none}
.core .disc{position:relative;z-index:2;width:66%;height:66%;border-radius:50%;overflow:hidden;background:#0b1b3a;box-shadow:0 0 0 2px #0f1c33,0 0 0 3px rgba(0,212,255,.35),0 0 28px -6px rgba(0,212,255,.7)}
.core .disc img{width:100%;height:100%;object-fit:cover;display:block}
.core .halo{position:absolute;inset:12%;border-radius:50%;z-index:1;background:radial-gradient(circle,rgba(0,212,255,.45),transparent 70%);animation:breathe 3.6s ease-in-out infinite}
.core .ring{position:absolute;border-radius:50%;inset:0}
.core .r1{inset:4%;border:1.5px solid transparent;background:conic-gradient(from 0deg,transparent 0 55%,var(--cyan) 75%,var(--violet) 90%,transparent 100%) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);animation:spin 6s linear infinite}
.core .r2{inset:-4%;border:1px dashed rgba(0,131,176,.5);animation:spin 24s linear infinite reverse}
.core .r3{inset:-14%;border:1px solid rgba(123,92,255,.25);animation:spin 40s linear infinite}
.core .ring i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);top:-3px;left:calc(50% - 3px)}
.core .r3 i:nth-child(2){top:auto;bottom:-3px;background:var(--violet);box-shadow:0 0 12px var(--violet)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}
.core.hero-core{--s:clamp(190px,24vw,300px)}
.core.hero-core .disc{width:64%;height:64%;border-radius:26%;background:#0a1222;box-shadow:0 0 0 1px rgba(157,199,255,.25),0 30px 70px -24px rgba(0,0,0,.9),0 0 90px -20px rgba(0,212,255,.55)}
.core.hero-core .ring i{width:9px;height:9px;top:-5px;left:calc(50% - 5px)}
.core.hero-core .r3 i:nth-child(2){bottom:-5px}
.core.hero-core .halo{inset:8%;animation-duration:4.2s}

.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav a{font-size:13px;color:#d6e2f3;position:relative;padding:4px 0;white-space:nowrap}
.nav a[aria-current=page]{color:#fff}.nav a[aria-current=page]:not(.lang):after{right:0;background:linear-gradient(90deg,var(--gold),var(--cyan))}
.nav .nav-kingdoms{padding:6px 12px;border-radius:30px;border:1px solid rgba(0,212,255,.35);background:linear-gradient(120deg,rgba(0,212,255,.12),rgba(123,92,255,.12));color:#e6f3ff}.nav .nav-kingdoms:after{display:none}.nav .nav-kingdoms:hover{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,212,255,.12)}
.nav .nav-wa{display:none}
.nav a:not(.lang):after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:right .35s var(--ease)}
.nav a:not(.lang):hover:after{right:0}
.lang{padding:8px 13px;border:1px solid var(--line);border-radius:18px;background:rgba(13,19,32,.6);transition:border-color .3s,box-shadow .3s}.lang:hover{border-color:#6f93c4;box-shadow:0 0 0 3px rgba(157,199,255,.12)}
.menu{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(13,19,32,.6);cursor:pointer;place-items:center;flex:none}
.menu span{display:block;width:18px;height:2px;background:#dbe6f6;border-radius:2px;margin:2.5px auto;transition:transform .3s var(--ease),opacity .3s}
.menu[aria-expanded=true] span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}.menu[aria-expanded=true] span:nth-child(2){opacity:0}.menu[aria-expanded=true] span:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}

.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 12px 'Manrope',sans-serif;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
body[dir=rtl] .eyebrow{font-family:'Tajawal',sans-serif;letter-spacing:.04em}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(0,212,255,.6);animation:pulse 2.2s ease-out infinite;flex:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,212,255,.6)}70%{box-shadow:0 0 0 10px rgba(0,212,255,0)}100%{box-shadow:0 0 0 0 rgba(0,212,255,0)}}

/* hero */
.hero{padding:92px 0 70px;position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center}
.hero-visual{position:relative;display:grid;place-items:center;min-height:300px}
.hero-visual .orbit-label{position:absolute;font:600 10px 'Manrope',sans-serif;letter-spacing:.2em;color:#8fb2e0;text-transform:uppercase;padding:6px 10px;border:1px solid rgba(157,199,255,.22);border-radius:30px;background:rgba(10,16,32,.7);backdrop-filter:blur(6px);white-space:nowrap}
.hero-visual .l1{top:6%;left:0;animation:floaty 6s ease-in-out infinite}
.hero-visual .l2{bottom:10%;right:0;animation:floaty 7s ease-in-out infinite reverse}
.hero-visual .l3{top:50%;right:-4%;animation:floaty 8s ease-in-out infinite}
body[dir=rtl] .hero-visual .orbit-label{letter-spacing:.05em;font-family:'Tajawal',sans-serif;font-size:12px}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero h1{font:800 clamp(40px,5.6vw,80px)/1.06 'Manrope',sans-serif;max-width:1030px;letter-spacing:-.045em;margin:18px 0 26px}
body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] h3{font-family:'Tajawal',sans-serif;letter-spacing:0}
.hero .lead{color:#c1cde1;max-width:770px;font-size:19px;line-height:1.8;margin-bottom:30px}
.gradient{background:linear-gradient(100deg,#fff 0%,#99c7ff 38%,#d8b57d 62%,#fff 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shine 9s ease-in-out infinite}
@keyframes shine{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.actions{display:flex;gap:13px;flex-wrap:wrap}
.button{position:relative;display:inline-flex;padding:13px 20px;border-radius:12px;background:#c7dfff;color:#0a1526;font-weight:700;font-size:14px;min-height:46px;align-items:center;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}
.button:hover{background:#fff;color:#08101c;transform:translateY(-2px);box-shadow:0 14px 34px -14px rgba(157,199,255,.8)}
.button:after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s var(--ease)}
.button:hover:after{left:130%}
.button.secondary{background:rgba(13,19,32,.5);border:1px solid #44536a;color:#eef4ff}.button.secondary:hover{border-color:#b6d7ff;background:rgba(22,33,55,.7);color:#fff}

.section{padding:62px 0;border-top:1px solid #ffffff10;position:relative}
h2{font:800 clamp(28px,3vw,43px)/1.2 'Manrope',sans-serif;letter-spacing:-.035em;margin:13px 0 17px}h3{font:700 21px 'Manrope',sans-serif}
.sub{max-width:780px;color:var(--muted);margin:0 0 28px}

/* cards: gradient border, spotlight follow, lift, learning sheen */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{--mx:50%;--my:50%;position:relative;padding:28px;border:1px solid #2b3a52;background:linear-gradient(145deg,#131c2b,#0b101a);border-radius:18px;min-height:205px;overflow:hidden;transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(0,212,255,.14),transparent 45%);opacity:0;transition:opacity .4s}
.card:after{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(130deg,rgba(0,212,255,.6),rgba(123,92,255,.4) 50%,rgba(228,194,142,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .45s}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.9),0 0 50px -24px rgba(0,212,255,.5)}
.card:hover:before,.card:hover:after{opacity:1}
.card>*{position:relative;z-index:1}
.card .num{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:11px;letter-spacing:.12em;margin-bottom:20px}
.card .num:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(228,194,142,.5),transparent);background-size:200% 100%;animation:beam 4s linear infinite}
.card h3,.card h2{margin:0 0 12px}.cards .card h2{font-size:24px;letter-spacing:-.02em}
.card p{color:#b1bfd3;font-size:14px;margin:0}
.card .more{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:13px;color:#a9d5ff;transition:gap .3s var(--ease)}.card:hover .more{gap:12px;color:#fff}

.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.bodycopy p{color:#c0ccdb;line-height:1.95}.bodycopy h2{margin-top:36px}
.listlinks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.listlinks a{border:1px solid #26384b;padding:12px 16px;border-radius:10px;color:#d7e5f6;background:rgba(13,19,32,.5);transition:border-color .3s,transform .3s var(--ease),background .3s}.listlinks a:hover{border-color:#5d8cc9;transform:translateX(4px);background:rgba(22,33,55,.7)}body[dir=rtl] .listlinks a:hover{transform:translateX(-4px)}
.faq details{padding:19px 0;border-bottom:1px solid #263143}.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--cyan);font-size:22px;line-height:1;transition:transform .3s var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:#b8c7da;max-width:840px;animation:fadeUp .5s var(--ease)}
.breadcrumb{font-size:12px;color:#a4b1c3;padding-top:18px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.hero.inner,.hero.kingdom-hero{grid-template-columns:1fr}.hero.inner{padding:67px 0 54px}.hero.inner h1{font-size:clamp(36px,4.8vw,65px)}
.banner{position:relative;border:1px solid #526680;border-radius:22px;padding:34px;background:linear-gradient(110deg,#192943,#0d1420);margin:20px 0;overflow:hidden}
.banner:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(0,212,255,.18) 85%,transparent 100%);animation:spin 14s linear infinite;pointer-events:none}
.banner>*{position:relative}.banner p{color:#c8d4e3}
.kicker{display:inline-block;font-size:12px;color:#d6b781;border:1px solid #79684566;border-radius:30px;padding:5px 11px}
.footer{padding:45px 0 75px;color:#a5b2c5;border-top:1px solid #344057;font-size:13px}.footlinks{display:flex;gap:19px;flex-wrap:wrap;margin:17px 0}.footer strong{color:#fff}
.skip{position:absolute;top:-200px}.skip:focus{top:0;z-index:30;background:#fff;color:#000;padding:10px}
.stats{display:flex;gap:24px;flex-wrap:wrap;color:#c7d4e8;font-size:13px;margin-top:35px}.stats span{padding-inline-start:12px;border-inline-start:2px solid var(--gold2)}

/* AI "learning" signal line under the hero stats */
.signal{position:relative;height:2px;margin-top:22px;max-width:520px;background:rgba(157,199,255,.12);border-radius:2px;overflow:hidden}
.signal:after{content:"";position:absolute;top:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);animation:scan 2.8s ease-in-out infinite}
@keyframes scan{0%{left:-40%}100%{left:110%}}
body[dir=rtl] .signal:after{animation-name:scanR}@keyframes scanR{0%{right:-40%}100%{right:110%}}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.cards .card.reveal{transition-delay:calc(var(--i,0)*70ms)}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* reading progress (kingdom pages) */
.progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:30;background:transparent;pointer-events:none}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold));box-shadow:0 0 14px rgba(0,212,255,.6);transition:width .15s linear}
body[dir=rtl] .progress i{margin-inline-start:auto}

/* responsive */
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:16px}.hero-visual{order:-1;min-height:220px}.core.hero-core{--s:clamp(170px,42vw,230px)}.hero-visual .orbit-label{display:none}}
@media(max-width:840px){.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:12px}.hero{padding:56px 0 46px}
 .menu{display:grid}.nav{position:fixed;inset:72px 0 auto 0;z-index:19;flex-direction:column;align-items:stretch;gap:0;margin:0 16px;padding:10px;border:1px solid var(--line2);border-radius:18px;background:rgba(8,12,22,.96);backdrop-filter:blur(18px);box-shadow:0 30px 60px -30px #000;transform:translateY(-12px);opacity:0;pointer-events:none;transition:transform .35s var(--ease),opacity .35s var(--ease)}
 .nav.open{transform:none;opacity:1;pointer-events:auto}
 .nav:before{content:"";position:absolute;inset:-1px;border-radius:19px;padding:1px;background:linear-gradient(135deg,rgba(0,212,255,.55),rgba(123,92,255,.35) 50%,rgba(228,194,142,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
 .nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-size:15px;font-weight:600;border-radius:12px;color:#e6eefb;opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease),background .25s}
 .nav.open a{opacity:1;transform:none}
 .nav.open a:nth-child(1){transition-delay:40ms}.nav.open a:nth-child(2){transition-delay:80ms}.nav.open a:nth-child(3){transition-delay:120ms}.nav.open a:nth-child(4){transition-delay:160ms}.nav.open a:nth-child(5){transition-delay:200ms}.nav.open a:nth-child(6){transition-delay:240ms}.nav.open a:nth-child(7){transition-delay:280ms}.nav.open a:nth-child(8){transition-delay:320ms}
 .nav a:not(.lang):not(.nav-wa):after{content:"";display:block;width:8px;height:8px;border-right:1.5px solid #8fb2e0;border-top:1.5px solid #8fb2e0;transform:rotate(45deg);position:static;background:none;flex:none}
 body[dir=rtl] .nav a:not(.lang):not(.nav-wa):after{transform:rotate(-135deg)}
 .nav a:hover,.nav a[aria-current=page]{background:rgba(157,199,255,.08);color:#fff}
 .nav .nav-kingdoms{margin:2px 0 6px;background:linear-gradient(120deg,rgba(0,212,255,.16),rgba(123,92,255,.14));border:1px solid rgba(0,212,255,.35);color:#fff}
 .nav .nav-wa{display:flex;justify-content:center;margin-top:8px;background:#c7dfff;color:#0a1526;font-weight:700}.nav .nav-wa:hover{background:#fff}
 .nav .lang{margin-top:6px;text-align:center;justify-content:center;border-radius:12px;background:rgba(13,19,32,.6)}}
@media(max-width:560px){.cards,.listlinks{grid-template-columns:1fr}.container{padding:0 18px}.hero{padding:44px 18px 40px}.hero.inner,.hero.kingdom-hero{padding:36px 18px 38px}.top{padding:12px 18px}.brand{font-size:13px}.hero h1{font-size:40px}.hero .lead{font-size:17px}.card{min-height:0}.stats{gap:10px}.button{width:100%;justify-content:center}.hero.inner h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.neural{display:none}}


/* Services group: desktop dropdown, mobile section */
.nav-group{position:relative}
.nav-sub-toggle{font:inherit;font-size:13px;color:#d6e2f3;background:none;border:0;padding:4px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nav-sub-toggle:after{content:"";width:6px;height:6px;border-right:1.5px solid #8fb2e0;border-bottom:1.5px solid #8fb2e0;transform:rotate(45deg) translateY(-2px);transition:transform .3s var(--ease)}
.nav-group[data-open=true] .nav-sub-toggle:after,.nav-group:hover .nav-sub-toggle:after{transform:rotate(225deg) translateY(-2px)}
.nav-sub{position:absolute;top:calc(100% + 14px);inset-inline-start:-14px;min-width:300px;padding:10px;border:1px solid var(--line2);border-radius:16px;background:rgba(8,12,22,.96);backdrop-filter:blur(18px);box-shadow:0 30px 60px -30px #000;display:grid;gap:2px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);z-index:21}
.nav-sub:before{content:"";position:absolute;inset:-1px;border-radius:17px;padding:1px;background:linear-gradient(135deg,rgba(0,212,255,.55),rgba(123,92,255,.35) 50%,rgba(228,194,142,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.nav-group:hover .nav-sub,.nav-group:focus-within .nav-sub,.nav-group[data-open=true] .nav-sub{opacity:1;transform:none;pointer-events:auto}
.nav-sub a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px;color:#e6eefb}
.nav-sub a:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);flex:none;opacity:.7}
.nav-sub a:hover{background:rgba(157,199,255,.08);color:#fff}.nav .nav-sub a:after{display:none}
.nav-sub-label{display:none}
@media(max-width:840px){
 .nav-group{display:block;margin:6px 0 2px;padding:10px 8px 8px;border-radius:14px;background:rgba(157,199,255,.04);border:1px solid rgba(157,199,255,.12)}
 .nav{flex-wrap:nowrap;max-width:calc(100vw - 32px);max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .nav>*{flex:none}
 .nav:before{display:none}
 .nav{border:1px solid rgba(0,212,255,.38);box-shadow:0 30px 60px -30px #000,0 0 0 1px rgba(123,92,255,.18)}
 body.nav-open{overflow:hidden}
 .nav-group{min-width:0;margin:4px 0;padding:0;background:none;border:0}
 .nav-sub-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-size:15px;font-weight:600;color:#e6eefb;border-radius:12px;background:linear-gradient(120deg,rgba(0,212,255,.08),rgba(123,92,255,.08));border:1px solid rgba(0,212,255,.22)}
 .nav-sub-toggle:after{width:8px;height:8px;border-right:1.5px solid #8fb2e0;border-bottom:1.5px solid #8fb2e0;transform:rotate(45deg) translateY(-2px)}
 .nav-group[data-open=true] .nav-sub-toggle:after{transform:rotate(225deg) translateY(2px)}
 .nav-sub-label{display:none}
 .nav-sub{display:none;position:static;min-width:0;width:100%;margin:4px 0 2px;padding:6px;border:1px solid rgba(157,199,255,.12);border-radius:12px;background:rgba(157,199,255,.04);backdrop-filter:none;box-shadow:none;opacity:1;transform:none;pointer-events:auto;grid-template-columns:1fr;gap:2px}
 .nav-group[data-open=true] .nav-sub{display:grid}
 .nav-sub:before{display:none}
 .nav .nav-sub a{padding:10px 10px;font-size:14px;font-weight:600;border-radius:10px;opacity:1;transform:none;justify-content:flex-start;min-width:0;white-space:normal}
 .nav .nav-sub a:not(.lang):not(.nav-wa):after{display:none}
}

/* AI-KINGDOMS-2026 (article layer kept, refined) */
.kingdom-hero{padding-bottom:55px}
.kingdom-meta{margin-top:25px;color:#a2b9d3;font:700 11px 'DM Sans',sans-serif;letter-spacing:.065em}
.kingdom-layout{display:grid;grid-template-columns:minmax(210px,290px) minmax(0,1fr);gap:54px;align-items:start}
.kingdom-toc{position:sticky;top:84px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(11,20,34,.7);backdrop-filter:blur(10px);max-height:calc(100vh - 104px);overflow-y:auto}
.kingdom-toc h2{font-size:16px;line-height:1.3;margin:0 0 16px;letter-spacing:0}
.kingdom-toc ol{margin:0;padding-left:18px}
body[dir=rtl] .kingdom-toc ol{padding-left:0;padding-right:18px}
.kingdom-toc li{padding:5px 0;font-size:13px;line-height:1.5;color:#c4d0e0}
.kingdom-toc li a{display:block;padding-inline-start:10px;border-inline-start:2px solid transparent;transition:border-color .3s,color .3s,padding .3s var(--ease)}
.kingdom-toc li a.active{border-color:var(--cyan);color:#fff;padding-inline-start:14px}
.kingdom-article{max-width:790px;min-width:0;overflow-wrap:anywhere;font-size:17px;line-height:1.85;color:#e0e8f5}
.kingdom-article h2{position:relative;margin:66px 0 18px;padding-top:12px;scroll-margin-top:90px;color:#fff}
.kingdom-article h2:after{content:"";display:block;width:56px;height:3px;margin-top:12px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--violet));transform-origin:left;transform:scaleX(.3);transition:transform .9s var(--ease)}
body[dir=rtl] .kingdom-article h2:after{transform-origin:right}
.kingdom-article h2.in:after{transform:scaleX(1)}
.kingdom-article h2:first-child{margin-top:5px}
.kingdom-article h3{margin:35px 0 12px;font-size:22px;line-height:1.35;color:#d4e5ff}
.kingdom-article p{margin:0 0 20px;color:#d5e0f0}
.kingdom-article strong{color:#fff}
.kingdom-article ul,.kingdom-article ol{padding-left:26px;margin:12px 0 28px}
body[dir=rtl] .kingdom-article ul,body[dir=rtl] .kingdom-article ol{padding-left:0;padding-right:26px}
.kingdom-article li{margin-bottom:11px}
.kingdom-article a{color:#b9d9ff;text-decoration:underline;text-decoration-color:#526a8b;text-underline-offset:3px}
.kingdom-article blockquote{border-inline-start:3px solid var(--gold);background:linear-gradient(135deg,#172235,#101a2b);padding:18px 22px;margin:28px 0;border-radius:0 14px 14px 0;box-shadow:0 20px 40px -30px rgba(0,212,255,.35)}
body[dir=rtl] .kingdom-article blockquote{border-radius:14px 0 0 14px}
.kingdom-article blockquote p:last-child{margin-bottom:0}
.kingdom-article table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%;font-size:14px;margin:25px 0}
.kingdom-article th,.kingdom-article td{border:1px solid #33475c;padding:11px 14px;text-align:start;min-width:100px}
.kingdom-article th{background:#213048;color:#fff}
.kingdom-article code{font:0.92em ui-monospace,SFMono-Regular,monospace;background:#192b40;padding:2px 5px;border-radius:4px}
.kingdom-article pre{padding:22px;background:#0b1827;overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.kingdom-article pre code{background:none}
.kingdom-editorial{padding:20px 24px;margin:40px 0;background:#101c2b;border:1px solid #36465f;border-radius:14px}
.kingdom-editorial p{font-size:13px;color:#bfccdc;margin:0}
.kingdom-related{padding:20px 0}
.kingdom-related h2{font-size:23px;margin:15px 0}
@media(max-width:900px){.kingdom-layout{grid-template-columns:1fr;gap:30px}.kingdom-toc{position:static;max-height:none}.kingdom-article{max-width:none}}
@media(max-width:560px){.kingdom-article{font-size:16px}.kingdom-article h2{margin:44px 0 16px}.kingdom-toc{padding:17px}}