/* Dream Makers — "The Observatory". Brand world fixed by the brandbook (closed palette, closed type, obsidian >= 70%). */

@font-face{font-family:'Cormorant';font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/cormorant-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(../assets/fonts/cormorant-garamond-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/jost-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/montserrat-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:300;font-display:swap;src:url(../assets/fonts/tajawal-arabic-300-normal.woff2) format('woff2')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/tajawal-arabic-500-normal.woff2) format('woff2')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/tajawal-arabic-700-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Fallback';src:local('Times New Roman'),local('Times'),local('Liberation Serif');size-adjust:94.6%;ascent-override:100%;descent-override:27.9%;line-gap-override:0%}
@font-face{font-family:'Jost Fallback';src:local('Arial'),local('Helvetica'),local('Liberation Sans');size-adjust:106%;ascent-override:96%;descent-override:24%;line-gap-override:0%}

:root{
  --dm-obsidian:#0a0a0b; --dm-void:#050506;
  --dm-champagne:#f2d98e; --dm-gold:#d4af37; --dm-antique:#a9802a;
  --dm-ivory:#f4eedd; --dm-ink:#17140e;
  --dm-text:#d8cfba; --dm-text2:#bdb49d; --dm-muted:#8c846f; --dm-deep:#837a67;
  --rule:#d4af3729; --rule-strong:#d4af3752;
  --font-title:'Cormorant Garamond','Cormorant Fallback',serif;
  --font-label:'Montserrat',sans-serif;
  --font-body:'Jost','Jost Fallback',sans-serif;
  --font-ar:'Tajawal',sans-serif;
  --ease:cubic-bezier(.23,1,.32,1);
  --ease-soft:cubic-bezier(.32,.72,0,1);
  --gutter:clamp(20px,4.4vw,64px);
  --max:1360px;
  --sp:clamp(96px,13vw,200px);
}
[dir=rtl]{--font-body:var(--font-ar)}
[dir=rtl] *{letter-spacing:0!important}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--dm-void);color-scheme:dark;-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:clip}
body{margin:0;background:transparent;color:var(--dm-text);font-family:var(--font-body);font-weight:300;font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
::selection{background:var(--dm-antique);color:var(--dm-ivory)}
:focus-visible{outline:2px solid var(--dm-gold);outline-offset:3px}
bdi{unicode-bidi:isolate}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:var(--font-ar)}

.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px)}
main{position:relative;z-index:2}

/* ───────── the fixed 3D stage ───────── */
.stage{position:fixed;inset:0;z-index:0;background:var(--dm-obsidian)}
.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.stage-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
html.gl-ok .stage-fallback{display:none}
.film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateX(15%) scale(.9);transform-origin:50% 50%;pointer-events:none;will-change:opacity;-webkit-mask-image:radial-gradient(ellipse 58% 62% at 50% 50%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 58% 62% at 50% 50%,#000 52%,transparent 100%)}
@media (max-width:720px){.film{transform:translateY(-8%) scale(.95);transform-origin:50% 45%}}
.grain{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ───────── loader ───────── */
.loader{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:26px;background:var(--dm-obsidian);transition:opacity .9s var(--ease),visibility 0s .9s}
.loader.done{opacity:0;visibility:hidden}
.loader-mark{width:84px;color:var(--dm-gold);animation:breathe 2.4s var(--ease-soft) infinite alternate}
@keyframes breathe{from{opacity:.45;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.loader-line{display:block;width:120px;height:1px;background:var(--rule);overflow:hidden}
.loader-line i{display:block;height:100%;background:var(--dm-gold);transform:scaleX(0);transform-origin:left;animation:fill 2.2s var(--ease-soft) forwards}
@keyframes fill{to{transform:scaleX(1)}}

/* ───────── custom cursor (fine pointers only) ───────── */
.cursor{position:fixed;left:0;top:0;z-index:95;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;opacity:0;transition:opacity .3s var(--ease)}
.cursor i{display:block;width:100%;height:100%;border:1px solid var(--dm-gold);border-radius:50%;transition:transform .35s var(--ease),background-color .35s var(--ease),border-color .35s var(--ease)}
.cursor.on{opacity:1}
.cursor.hot i{transform:scale(1.9);background:#d4af3718;border-color:var(--dm-champagne)}
@media (hover:none),(pointer:coarse){.cursor{display:none}}

.skip{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:110;background:var(--dm-gold);color:var(--dm-obsidian);font:500 11px/1 var(--font-label);letter-spacing:.28em;text-transform:uppercase;padding:14px 22px;transform:translateY(-120%);transition:transform .2s var(--ease)}
.skip:focus{transform:none}

/* ───────── floating island nav ───────── */
.nav{position:fixed;inset-block-start:16px;inset-inline:0;margin-inline:auto;z-index:60;width:min(1120px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 8px 7px 20px;border:1px solid var(--rule);border-radius:999px;background:#0a0a0b8c;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);opacity:0;transform:translateY(-14px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[dir=rtl] .nav{padding:7px 20px 7px 8px}
html.go-in .nav,html:not(.js) .nav{opacity:1;transform:none}
.brand{display:flex;align-items:center;gap:12px;color:var(--dm-gold);flex:none;min-height:44px}
.mark{width:34px;height:auto;color:var(--dm-gold)}
.wordmark{font:500 11px/1 var(--font-label);letter-spacing:.34em;text-transform:uppercase;color:var(--dm-text2);white-space:nowrap}
[dir=rtl] .wordmark{font-family:var(--font-ar);font-size:15px}
.links{display:flex;gap:clamp(20px,3vw,44px);font:500 11px/1 var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .links{font-family:var(--font-ar);font-size:15px}
.links a{display:inline-flex;align-items:center;min-height:44px;transition:color .25s var(--ease)}
.links a:hover{color:var(--dm-champagne)}
.tools{display:flex;align-items:center;gap:8px}
.langs{display:flex;border:1px solid var(--rule);border-radius:999px;overflow:hidden}
.langs button{min-width:46px;min-height:44px;background:none;border:0;cursor:pointer;font:500 11px/1 var(--font-label);letter-spacing:.18em;color:var(--dm-muted);transition:color .25s var(--ease),background-color .25s var(--ease)}
.langs button.on{background:var(--dm-gold);color:var(--dm-obsidian)}
.langs button:not(.on):hover{color:var(--dm-champagne)}
.pill{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--dm-gold);color:var(--dm-obsidian);font:500 11px/1 var(--font-label);letter-spacing:.22em;text-transform:uppercase;transition:background-color .25s var(--ease),transform .2s var(--ease)}
[dir=rtl] .pill{font-family:var(--font-ar);font-size:15px;font-weight:700}
.pill:hover{background:var(--dm-champagne)}
.pill:active{transform:scale(.97)}
.menu{display:none;width:44px;height:44px;border-radius:50%;background:none;border:1px solid var(--rule);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.menu span{display:block;width:18px;height:1px;background:var(--dm-champagne);transition:transform .45s var(--ease-soft)}
.menu[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* ───────── shared type + controls ───────── */
.s-title{font-family:var(--font-title);font-weight:400;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.1;letter-spacing:-.01em;color:var(--dm-ivory);text-wrap:balance}
[dir=rtl] .s-title{font-weight:500;line-height:1.4}
h3{font-family:var(--font-title);font-weight:400;font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.15;color:var(--dm-ivory)}
[dir=rtl] h3{font-weight:500}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 10px 0 28px;border-radius:999px;border:0;background:var(--dm-gold);color:var(--dm-obsidian);font:500 11px/1 var(--font-label);letter-spacing:.26em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background-color .25s var(--ease),transform .2s var(--ease)}
[dir=rtl] .btn{padding:0 28px 0 10px;font-family:var(--font-ar);font-size:16px;font-weight:700}
.btn i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0a0a0b1f;font-style:normal;font-size:14px;transition:transform .35s var(--ease)}
[dir=rtl] .btn i{transform:scaleX(-1)}
.btn:hover{background:var(--dm-champagne)}
.btn:hover i{transform:translate(2px,-2px)}
[dir=rtl] .btn:hover i{transform:scaleX(-1) translate(2px,-2px)}
.btn:active{transform:scale(.98)}
.btn.big{min-height:64px;padding-inline-start:36px}
.go{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:500 11px/1 var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--dm-champagne);white-space:nowrap}
[dir=rtl] .go{font-family:var(--font-ar);font-size:15px}
.go i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--rule-strong);font-style:normal;font-size:13px;transition:transform .35s var(--ease),background-color .25s var(--ease),border-color .25s var(--ease)}
[dir=rtl] .go i{transform:scaleX(-1)}
.go:hover i{background:var(--dm-gold);color:var(--dm-obsidian);border-color:var(--dm-gold);transform:translate(2px,-2px)}
[dir=rtl] .go:hover i{transform:scaleX(-1) translate(2px,-2px)}
.go.quiet{color:var(--dm-text2)}
.inline{color:var(--dm-champagne);border-block-end:1px solid var(--rule-strong);padding-block:2px;transition:border-color .25s var(--ease),color .25s var(--ease)}
.inline:hover{border-color:var(--dm-gold);color:var(--dm-ivory)}

/* ───────── hero ───────── */
.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:flex-end;padding-block:clamp(110px,16vh,170px) clamp(56px,10vh,110px)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a0a0bd9 0%,#0a0a0b80 38%,#0a0a0b00 64%)}
[dir=rtl] .hero::before{background:linear-gradient(270deg,#0a0a0bd9 0%,#0a0a0b80 38%,#0a0a0b00 64%)}
.hero-copy{max-width:min(46rem,100%)}
.h1{font-family:var(--font-title);font-weight:400;font-size:clamp(2.3rem,4.7vw,4.9rem);line-height:1.05;letter-spacing:-.018em;color:var(--dm-ivory);text-wrap:balance}
.h1 em{font-style:normal;color:var(--dm-champagne)}
[dir=rtl] .h1{font-weight:500;line-height:1.35;font-size:clamp(2rem,4.1vw,4.1rem)}
[dir=rtl] .h1 em{font-weight:700}
.ln{display:block;overflow:hidden;padding-block-end:.1em;margin-block-end:-.1em}
.ln>span{display:block}
html.js:not(.go-in) .ln>span{transform:translateY(112%)}
html.go-in .ln>span{transition:transform 1.25s var(--ease);transition-delay:calc(var(--d,0) * 1ms)}
html.go-in .ln:nth-child(2)>span{transition-delay:140ms}
html.js:not(.go-in) .rise{opacity:0;transform:translateY(18px)}
html.go-in .rise{transition:opacity 1.1s var(--ease) .55s,transform 1.1s var(--ease) .55s}

.intake{margin-block-start:clamp(28px,4vw,52px);max-width:40rem}
.intake label{display:block;font:500 11px/1.4 var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--dm-text2);margin-block-end:12px}
[dir=rtl] .intake label{font-family:var(--font-ar);font-size:16px}
.field{display:flex;align-items:center;gap:clamp(10px,2vw,22px);padding:8px 8px 8px 24px;border:1px solid var(--rule-strong);border-radius:999px;background:#0a0a0b99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
[dir=rtl] .field{padding:8px 24px 8px 8px}
.field:focus-within{border-color:var(--dm-gold);box-shadow:0 0 0 4px #d4af3714}
.field input{flex:1;min-width:0;background:none;border:0;outline:0;font-family:var(--font-title);font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.3;color:var(--dm-ivory);padding:10px 0;caret-color:var(--dm-gold)}
[dir=rtl] .field input{font-family:var(--font-ar);font-size:clamp(1.05rem,1.5vw,1.3rem)}
.field input::placeholder{color:var(--dm-deep);opacity:1}
.field input:focus-visible{outline:0}
.note{margin-block-start:14px;padding-inline:8px;font-size:.875rem;color:var(--dm-muted);max-width:36rem}
.cue{position:absolute;inset-block-end:26px;inset-inline-start:var(--gutter);display:flex;align-items:center;gap:14px;font:500 11px/1 var(--font-label);letter-spacing:.3em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .cue{font-family:var(--font-ar);font-size:14px}
.cue i{display:block;width:44px;height:1px;background:var(--rule-strong);position:relative;overflow:hidden}
.cue i::after{content:"";position:absolute;inset:0;background:var(--dm-gold);transform:translateX(-100%);animation:cue 2.6s var(--ease-soft) infinite}
@keyframes cue{to{transform:translateX(100%)}}

/* ───────── how we begin ───────── */
.begin{padding-block:var(--sp)}
.begin .s-title{grid-column:1/5;align-self:start}
.method{grid-column:6/13}
.method li{position:relative;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:24px;padding-block:30px 34px}
.method li:last-child{padding-block-end:0}
.m-line{position:absolute;inset-inline:0;inset-block-start:0;height:1px;background:var(--rule-strong);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .1s}
[dir=rtl] .m-line{transform-origin:right}
.method li.in .m-line,html:not(.rv-on) .m-line{transform:scaleX(1)}
.method p{max-width:50ch;color:var(--dm-text)}

/* ───────── the orbit: pinned, six scenes ───────── */
.orbit{height:620svh;position:relative}
.orbit-stick{isolation:isolate;position:sticky;inset-block-start:0;height:100svh;display:flex;align-items:center}
.orbit-stick::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a0a0bcc 0%,#0a0a0b66 40%,#0a0a0b00 62%)}
[dir=rtl] .orbit-stick::before{background:linear-gradient(270deg,#0a0a0bcc 0%,#0a0a0b66 40%,#0a0a0b00 62%)}
.orbit-wrap{position:relative;height:100%;display:flex;align-items:center}
.scenes{position:relative;width:min(40rem,100%);min-height:26rem}
.scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease),visibility 0s .5s}
.scene.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s var(--ease)}
.sc-name{font-family:var(--font-title);font-weight:400;font-size:clamp(2.4rem,5.2vw,5rem);line-height:1.02;letter-spacing:-.02em;color:var(--dm-ivory)}
[dir=rtl] .sc-name{font-weight:500;line-height:1.3}
.sc-desc{max-width:34rem;font-size:1.125rem;color:var(--dm-text)}
.sc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-block-start:8px}
.scene .sc-name,.scene .sc-desc,.scene .sc-actions{opacity:0;transform:translateY(22px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.scene.on .sc-name{opacity:1;transform:none;transition:opacity .9s var(--ease) .05s,transform .9s var(--ease) .05s}
.scene.on .sc-desc{opacity:1;transform:none;transition:opacity .9s var(--ease) .16s,transform .9s var(--ease) .16s}
.scene.on .sc-actions{opacity:1;transform:none;transition:opacity .9s var(--ease) .27s,transform .9s var(--ease) .27s}
.rail{position:absolute;inset-inline-start:var(--gutter);inset-block-end:clamp(24px,5vh,48px);display:flex;gap:clamp(10px,2vw,28px)}
.rail button{position:relative;display:grid;gap:10px;min-width:44px;min-height:44px;padding:0;background:none;border:0;cursor:pointer;text-align:start;font:500 11px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--dm-muted);transition:color .3s var(--ease)}
[dir=rtl] .rail button{font-family:var(--font-ar);font-size:14px}
.rail button i{display:block;height:1px;background:var(--rule-strong);position:relative;overflow:hidden}
.rail button i::after{content:"";position:absolute;inset:0;background:var(--dm-gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
[dir=rtl] .rail button i::after{transform-origin:right}
.rail button.on{color:var(--dm-champagne)}
.rail button.on i::after,.rail button.done i::after{transform:scaleX(1)}
.rail button:hover{color:var(--dm-ivory)}

/* ───────── digital growth in detail ───────── */
.digital{padding-block:var(--sp);position:relative}
.digital::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0a0a0b00,#0a0a0bd9 18%,#0a0a0bd9 82%,#0a0a0b00)}
.dig-intro{grid-column:1/6;display:grid;gap:clamp(28px,4vw,52px);align-content:start}
.facts{display:grid;gap:0}
.facts li{display:grid;gap:6px;padding-block:22px;border-block-start:1px solid var(--rule)}
.facts li:last-child{border-block-end:1px solid var(--rule)}
.facts b{font:400 clamp(1.25rem,1.7vw,1.5rem)/1.2 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .facts b{font-family:var(--font-ar);font-weight:500}
.facts span{color:var(--dm-text2)}
.selector{grid-column:7/13}
.bezel{padding:8px;border:1px solid var(--rule);border-radius:34px;background:#ffffff05}
.core{display:grid;gap:clamp(22px,3vw,34px);padding:clamp(22px,3vw,38px);border-radius:26px;background:#0d0d0f;box-shadow:inset 0 1px 0 #ffffff12}
.tabs{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:5px;border:1px solid var(--rule);border-radius:999px}
.tabs button{position:relative;z-index:1;min-width:0;min-height:54px;padding:0 6px;white-space:nowrap;align-content:center;border:0;border-radius:999px;background:none;cursor:pointer;display:grid;place-items:center;gap:2px;font:500 11px/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--dm-muted);transition:color .3s var(--ease)}
[dir=rtl] .tabs button{font-family:var(--font-ar);font-size:15px;font-weight:500}
.tabs button small{font-size:11px;letter-spacing:.08em;text-transform:none;color:inherit;opacity:.72}
.tabs button[aria-selected=true]{color:var(--dm-obsidian)}
.tabs .ind{position:absolute;z-index:0;inset-block:5px;inset-inline-start:0;border-radius:999px;background:var(--dm-gold);transition:transform .5s var(--ease-soft),width .5s var(--ease-soft)}
.fee{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.fee b{font-family:var(--font-title);font-weight:400;font-size:clamp(4.2rem,8vw,7rem);line-height:.95;letter-spacing:-.03em;color:var(--dm-ivory);font-variant-numeric:tabular-nums lining-nums}
.fee span{color:var(--dm-text2)}
.meters{display:grid;gap:22px}
.meter dt{margin-block-end:10px;font:500 11px/1.4 var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .meter dt{font-family:var(--font-ar);font-size:15px}
.meter dd{display:flex;align-items:center;gap:20px}
.bar{position:relative;flex:1;height:6px;border-radius:6px;background:#d4af3718;overflow:hidden}
.bar i{position:absolute;inset:0;border-radius:6px;background:var(--dm-gold);transform-origin:left;transform:scaleX(var(--v,0));transition:transform .9s var(--ease)}
[dir=rtl] .bar i{transform-origin:right}
.bar.range i{background:linear-gradient(90deg,var(--dm-antique),var(--dm-champagne));transform:translateX(calc(var(--a,0) * 100%)) scaleX(calc(var(--b,0) - var(--a,0)))}
[dir=rtl] .bar.range i{transform:translateX(calc(var(--a,0) * -100%)) scaleX(calc(var(--b,0) - var(--a,0)))}
.meter b{min-width:7ch;text-align:end;font:400 1.5rem/1 var(--font-title);color:var(--dm-ivory);font-variant-numeric:tabular-nums lining-nums}
.sel-note{font-size:.875rem;color:var(--dm-muted);max-width:44ch}

/* ───────── immersive panels ───────── */
.panel{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.panel-img{position:absolute;inset:0;z-index:-2;margin:0;will-change:clip-path}
.panel-img img{width:100%;height:100%;object-fit:cover;transform-origin:center;will-change:transform}
.panel-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0a0bf2 6%,#0a0a0bb3 38%,#0a0a0b26 100%),linear-gradient(to top,#0a0a0b 2%,#0a0a0b00 42%)}
[dir=rtl] .panel-veil{background:linear-gradient(270deg,#0a0a0bf2 6%,#0a0a0bb3 38%,#0a0a0b26 100%),linear-gradient(to top,#0a0a0b 2%,#0a0a0b00 42%)}
.panel-in{display:grid;gap:26px;justify-items:start;padding-block:clamp(110px,16vh,180px) clamp(56px,10vh,110px)}
.p-title{font-family:var(--font-title);font-weight:400;font-size:clamp(2.4rem,5.2vw,5rem);line-height:1.02;letter-spacing:-.02em;color:var(--dm-ivory)}
[dir=rtl] .p-title{font-family:var(--font-ar);font-weight:500;line-height:1.3}
.p-desc{max-width:36rem;font-size:1.125rem;color:var(--dm-text)}
.chips{display:flex;flex-wrap:wrap;max-width:42rem}
.chips li{padding:6px 18px 6px 0;margin-inline-end:18px;margin-block:2px;color:var(--dm-text2);font-size:.95rem;border-inline-end:1px solid var(--rule-strong)}
.chips li:last-child{border-inline-end:0}
[dir=rtl] .chips li{padding:6px 0 6px 18px}

/* ───────── talk ───────── */
.talk{position:relative;min-height:100svh;display:flex;align-items:center;padding-block:var(--sp)}
.talk::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 55% at 50% 50%,#0a0a0b99 0%,#0a0a0b00 70%)}
.talk-in{display:grid;gap:28px;justify-items:center;text-align:center}
.t-title{font-family:var(--font-title);font-weight:400;font-size:clamp(2.6rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.02em;color:var(--dm-ivory);text-wrap:balance}
[dir=rtl] .t-title{font-family:var(--font-ar);font-weight:500;line-height:1.3}
.t-desc{max-width:36rem;font-size:1.125rem;color:var(--dm-text)}
.t-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 36px;margin-block-start:10px}

.foot{position:relative;z-index:2;background:var(--dm-obsidian);border-block-start:1px solid var(--rule)}
.foot-in{display:grid;grid-template-columns:auto 1fr auto;gap:20px clamp(24px,5vw,72px);align-items:center;padding-block:clamp(36px,5vw,64px);font-size:.9rem}
.foot .mark{width:44px}
.foot-tag{font-family:var(--font-title);font-size:1.3rem;color:var(--dm-text)}
[dir=rtl] .foot-tag{font-family:var(--font-ar)}
.foot address{font-style:normal;color:var(--dm-text2);line-height:1.8}
.foot-c{grid-column:1/-1;color:var(--dm-muted)}
.preview-tag{position:fixed;inset-block-end:12px;inset-inline-end:12px;z-index:90;padding:8px 14px;border-radius:999px;background:#0a0a0bf2;border:1px solid var(--rule-strong);font:500 11px/1.3 var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--dm-champagne);pointer-events:none}
[dir=rtl] .preview-tag{font-family:var(--font-ar);font-size:13px}

/* ───────── reveal: visible by default, hidden only once JS proves it can reveal ───────── */
html.rv-on .rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}
html.rv-on .rv.in{opacity:1;transform:none}

/* ───────── responsive ───────── */
@media (max-width:1100px){
  .begin .s-title,.method,.dig-intro,.selector{grid-column:1/-1}
  .method{margin-block-start:36px}
  .selector{margin-block-start:48px}
  .foot-in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .links{position:fixed;inset-block-start:76px;inset-inline:14px;flex-direction:column;gap:0;padding:6px 20px 14px;border:1px solid var(--rule);border-radius:28px;background:#0a0a0bf5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateY(-10px) scale(.98);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),transform .35s var(--ease),visibility 0s .35s}
  .links.open{opacity:1;transform:none;visibility:visible;transition:opacity .35s var(--ease),transform .35s var(--ease)}
  .links a{min-height:54px;font-size:12px;border-block-end:1px solid var(--rule)}
  .links a:last-child{border-block-end:0}
  [dir=rtl] .links a{font-size:17px}
  .menu{display:flex}
  .wordmark{display:none}
  .pill{display:none}
  .nav{padding-inline-start:14px}
}
@media (max-width:640px){
  .hero{align-items:flex-end}
  .field{padding:6px 6px 6px 18px}
  .field .btn{padding-inline-start:18px}
  .field .btn span{display:none}
  .field .btn i{width:40px;height:40px}
  .method li{grid-template-columns:minmax(0,1fr);gap:8px}
  .scenes{min-height:24rem}
  .orbit-wrap{align-items:flex-end;padding-block-end:112px}
  .scene{justify-content:flex-end}
  .rail{inset-inline:var(--gutter);justify-content:space-between;gap:6px}
  .rail button span{display:none}
  .rail button{flex:1}
  .tabs button{padding:0 1px;letter-spacing:0;text-transform:none;font-size:11px}
  [dir=rtl] .tabs button{font-size:14px}
  .tabs button small{display:none}
  .tabs button[data-k="2"]::after{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;margin-top:5px}
  .preview-tag{inset-inline:12px;text-align:center;border-radius:14px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  html.js:not(.go-in) .ln>span,html.js:not(.go-in) .rise{transform:none;opacity:1}
  html.rv-on .rv{opacity:1;transform:none}
}


/* ───────── fields mega-menu (all six fields, equal standing) ───────── */
.links .fb{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0;background:none;border:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;transition:color .25s var(--ease)}
.links .fb:hover,.links .fb[aria-expanded=true]{color:var(--dm-champagne)}
.links .fb svg{width:9px;height:6px;transition:transform .4s var(--ease)}
.links .fb[aria-expanded=true] svg{transform:rotate(180deg)}
.links .sub{display:none}
.mega{position:absolute;inset-inline:0;inset-block-start:calc(100% + 12px);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);transform-origin:50% 0;transition:opacity .3s var(--ease),transform .45s var(--ease-soft),visibility 0s .3s}
.mega.open{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--ease),transform .5s var(--ease-soft)}
.mega-bezel{padding:7px;border:1px solid var(--rule);border-radius:34px;background:#0a0a0b80;-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2)}
.mega-core{display:grid;gap:18px;padding:clamp(18px,2.2vw,28px);border-radius:27px;background:#0a0a0bf7;box-shadow:inset 0 1px 0 #ffffff0d}
.mega-hint{font:500 11px/1.4 var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .mega-hint{font-family:var(--font-ar);font-size:15px}
.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mi{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;grid-template-areas:"r b i" "r s i";column-gap:16px;row-gap:3px;align-items:center;padding:18px;border:1px solid transparent;border-radius:20px;transition:background-color .3s var(--ease),border-color .3s var(--ease)}
.mi-ring{grid-area:r;width:46px;height:46px;fill:none;stroke:var(--dm-gold);stroke-width:1.1;opacity:.65;transition:transform .9s var(--ease),opacity .3s var(--ease)}
.mi-ring circle{fill:var(--dm-gold);stroke:none}
.mi b{grid-area:b;font:400 1.4rem/1.15 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .mi b{font-family:var(--font-ar);font-weight:500;font-size:1.2rem}
.mi span{grid-area:s;font-size:.9rem;line-height:1.4;color:var(--dm-text2)}
.mi i{grid-area:i;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--rule);font-style:normal;font-size:13px;color:var(--dm-champagne);opacity:0;transform:translate(-4px,4px);transition:opacity .3s var(--ease),transform .4s var(--ease)}
[dir=rtl] .mi i{transform:scaleX(-1) translate(-4px,4px)}
.mi:hover,.mi:focus-visible{background:#d4af370f;border-color:var(--rule-strong)}
.mi:hover .mi-ring,.mi:focus-visible .mi-ring{transform:rotate(70deg);opacity:1}
.mi:hover i,.mi:focus-visible i{opacity:1;transform:none}
[dir=rtl] .mi:hover i,[dir=rtl] .mi:focus-visible i{transform:scaleX(-1)}
.mega-all{justify-self:start}

/* ───────── fields: vertical index + richer detail (wide screens) ───────── */
.sc-list{display:grid;max-width:34rem;margin-block-start:2px}
.sc-list li{display:flex;align-items:baseline;gap:14px;padding-block:13px;border-block-start:1px solid var(--rule);color:var(--dm-text2)}
.sc-list li:last-child{border-block-end:1px solid var(--rule)}
.sc-list li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;border:1px solid var(--dm-gold);transform:translateY(-1px)}
.scene .sc-list{opacity:0;transform:translateY(22px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.scene.on .sc-list{opacity:1;transform:none;transition:opacity .9s var(--ease) .22s,transform .9s var(--ease) .22s}
.scenes{min-height:31rem}
@media (min-width:1101px){
  .scenes{width:min(34rem,100%);margin-inline-start:clamp(150px,13vw,210px)}
  .rail{inset-block:auto;inset-block-start:50%;transform:translateY(-50%);flex-direction:column;gap:2px}
  .rail button{display:flex;align-items:center;gap:16px;font-size:12px}
  .rail button i{width:22px;flex:none;transition:width .6s var(--ease)}
  .rail button.on i,.rail button:hover i{width:58px}
}
@media (max-width:860px){
  .mega{display:none}
  .links .fb{width:100%;min-height:54px;font-size:12px;border-block-end:1px solid var(--rule)}
  [dir=rtl] .links .fb{font-size:17px}
  .links .fb svg{display:none}
  .links .sub{display:grid;padding-block-end:6px}
  .links .sub a{min-height:46px;padding-inline-start:18px;font-size:12px;color:var(--dm-text2);border-block-end:0;letter-spacing:.14em}
  [dir=rtl] .links .sub a{font-size:16px}
}

@media (max-width:1000px){.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ───────── a dedicated page per field ───────── */
.svc-hero{position:relative;isolation:isolate;min-height:92svh;display:flex;align-items:flex-end;padding-block:clamp(120px,18vh,180px) clamp(56px,9vh,100px)}
.svc-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a0a0bd9 0%,#0a0a0b80 38%,#0a0a0b00 64%)}
[dir=rtl] .svc-hero::before{background:linear-gradient(270deg,#0a0a0bd9 0%,#0a0a0b80 38%,#0a0a0b00 64%)}
.crumb{margin-block-end:clamp(18px,3vw,36px)}
.svc-title{font-family:var(--font-title);font-weight:400;font-size:clamp(2.8rem,7vw,6.6rem);line-height:1;letter-spacing:-.02em;color:var(--dm-ivory);max-width:12ch;text-wrap:balance}
[dir=rtl] .svc-title{font-weight:500;line-height:1.25}
.svc-lead{max-width:34rem;font-size:1.2rem;color:var(--dm-text);margin-block:24px 30px}
.svc-hero .sc-actions{margin-block-start:0}
.svc-hero,.svc-title,.svc-lead,.svc-hero .sc-actions{animation:svcIn 1.2s var(--ease) both}
.svc-title{animation-delay:.15s}.svc-lead{animation-delay:.3s}.svc-hero .sc-actions{animation-delay:.45s}
@keyframes svcIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.svc-sec{position:relative;padding-block:clamp(72px,10vw,150px)}
.svc-sec::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0a0a0b00,#0a0a0bd9 22%,#0a0a0bd9 78%,#0a0a0b00)}
.cover{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,5vw,80px);margin-block-start:clamp(28px,4vw,52px)}
.cover li{display:flex;align-items:baseline;gap:16px;padding-block:20px;border-block-start:1px solid var(--rule);font-family:var(--font-title);font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.25;color:var(--dm-ivory)}
[dir=rtl] .cover li{font-family:var(--font-ar);font-weight:500}
.cover li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;border:1px solid var(--dm-gold);transform:translateY(-2px)}
.svc-begin-t{grid-column:1/5;align-self:start}
.more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:6px;margin-block-start:clamp(28px,4vw,52px)}
.svc-note{margin-block-start:clamp(28px,4vw,48px);font-size:.875rem;color:var(--dm-muted)}
@media (max-width:860px){.cover{grid-template-columns:minmax(0,1fr)}.svc-begin-t{grid-column:1/-1;margin-block-end:24px}}
[hidden]{display:none!important}


/* ───────── inside the planet: one descent ───────── */
body.world{background:#050506}
.w-stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#050506}
.w-stage canvas#gl{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0}
.w-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity;transform-origin:50% 50%}
.w-layer.warm{filter:sepia(.55) saturate(.8) brightness(.85)}
html.gl-ok .w-layer.alt{display:none}
#dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.w-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 42%,#050506e6 100%),linear-gradient(90deg,#050506d9 0%,#05050680 32%,transparent 60%)}
[dir=rtl] .w-shade{background:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 42%,#050506e6 100%),linear-gradient(270deg,#050506d9 0%,#05050680 32%,transparent 60%)}
body.world main#main{position:relative;z-index:2}
#wTexts{position:fixed;inset:0;z-index:5;pointer-events:none}
.w-text{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;will-change:transform,opacity}
.w-text .wrap{pointer-events:none}
.w-text.live .wrap{pointer-events:auto}
.w-copy{display:grid;gap:22px;max-width:34rem}
.w-name{font-family:var(--font-title);font-weight:400;font-size:clamp(2.4rem,5.6vw,5.4rem);line-height:1.02;letter-spacing:-.02em;color:var(--dm-ivory);text-wrap:balance}
[dir=rtl] .w-name{font-weight:500;line-height:1.3}
.w-line{font-family:var(--font-title);font-style:italic;font-weight:400;font-size:clamp(1.3rem,2.1vw,1.8rem);line-height:1.3;color:var(--dm-champagne);max-width:28rem}
[dir=rtl] .w-line{font-family:var(--font-ar);font-style:normal;font-weight:500}
.w-desc{font-size:1.1rem;color:var(--dm-text);max-width:32rem}
.w-hint{font:500 11px/1 var(--font-label);letter-spacing:.3em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .w-hint{font-family:var(--font-ar);font-size:14px}
.w-vals{display:flex;flex-wrap:wrap;gap:10px 28px}
.w-vals li{font:500 11px/1 var(--font-label);letter-spacing:.26em;text-transform:uppercase;color:var(--dm-champagne);padding-block:12px;border-block-start:1px solid var(--rule-strong)}
[dir=rtl] .w-vals li{font-family:var(--font-ar);font-size:16px}
.w-steps{display:grid;max-width:30rem;counter-reset:s}
.w-steps li{counter-increment:s;display:flex;align-items:baseline;gap:16px;padding-block:13px;border-block-start:1px solid var(--rule);font-family:var(--font-title);font-size:clamp(1.15rem,1.7vw,1.4rem);color:var(--dm-ivory)}
.w-steps li:last-child{border-block-end:1px solid var(--rule)}
.w-steps li::before{content:counter(s);font:500 11px/1 var(--font-label);color:var(--dm-gold);letter-spacing:.1em;min-width:1.2em}
[dir=rtl] .w-steps li{font-family:var(--font-ar);font-weight:500}
.w-fields{display:flex;flex-wrap:wrap;gap:6px 22px}
.w-fields a{display:inline-flex;align-items:center;min-height:44px;font:500 11px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--dm-text2);transition:color .25s var(--ease)}
[dir=rtl] .w-fields a{font-family:var(--font-ar);font-size:15px}
.w-fields a:hover{color:var(--dm-champagne)}
.w-space{width:1px;pointer-events:none}
.w-bar{position:fixed;inset-block:0;inset-inline-start:0;width:2px;z-index:30;background:#d4af3714;pointer-events:none}
.w-bar i{display:block;width:100%;height:100%;background:var(--dm-gold);transform:scaleY(0);transform-origin:top}
.w-hud{position:fixed;inset-inline-end:clamp(14px,2.2vw,32px);inset-block-start:50%;transform:translateY(-50%);z-index:20;display:grid;gap:0;justify-items:end}
.w-hud-t{font:500 10px/1 var(--font-label);letter-spacing:.3em;text-transform:uppercase;color:var(--dm-muted);margin-block-end:10px}
[dir=rtl] .w-hud-t{font-family:var(--font-ar);font-size:13px}
.w-hud button{display:flex;align-items:center;gap:12px;min-height:34px;min-width:44px;justify-content:flex-end;padding:0;background:none;border:0;cursor:pointer;color:var(--dm-muted);font:500 11px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase}
[dir=rtl] .w-hud button{font-family:var(--font-ar);font-size:14px;flex-direction:row-reverse}
.w-hud button span{opacity:0;transform:translateX(6px);transition:opacity .35s var(--ease),transform .35s var(--ease);white-space:nowrap}
.w-hud button i{display:block;width:8px;height:8px;border-radius:50%;border:1px solid var(--rule-strong);transition:background-color .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease)}
.w-hud button:hover span,.w-hud button.on span{opacity:1;transform:none}
.w-hud button.on{color:var(--dm-champagne)}
.w-hud button.on i{background:var(--dm-gold);border-color:var(--dm-gold);transform:scale(1.35)}
.w-back{position:fixed;inset-inline-start:var(--gutter);inset-block-end:26px;z-index:30}
@media (max-width:900px){
  .w-text{align-items:flex-end;padding-block-end:96px}
  .w-shade{background:radial-gradient(ellipse 100% 90% at 50% 40%,transparent 30%,#050506f0 100%),linear-gradient(0deg,#050506f2 0%,#050506a6 45%,transparent 75%)}
  .w-hud{display:none}
  .w-copy{gap:16px}
  .w-name{font-size:clamp(2.1rem,9vw,3rem)}
  .w-desc{font-size:1rem}
  .w-back{display:none}
}
body.world .w-shade{background:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 42%,#050506e6 100%),linear-gradient(90deg,#050506ea 0%,#050506bf 38%,#05050659 60%,transparent 78%)}
[dir=rtl] body.world .w-shade{background:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 42%,#050506e6 100%),linear-gradient(270deg,#050506ea 0%,#050506bf 38%,#05050659 60%,transparent 78%)}
.w-text{padding-block:clamp(84px,12vh,120px) clamp(40px,8vh,80px)}
@media (max-height:760px){.w-text .sc-list{display:none}.w-copy{gap:16px}.w-name{font-size:clamp(2.2rem,4.6vw,4rem)}}
@media (max-width:900px){body.world .w-shade{background:radial-gradient(ellipse 100% 90% at 50% 40%,transparent 30%,#050506f0 100%),linear-gradient(0deg,#050506f5 0%,#050506b0 50%,transparent 80%)}}
@media (max-height:760px){.w-fields{display:none}.w-steps li{padding-block:8px}.w-back{display:none}.w-desc{font-size:1rem}.w-text .btn.big{min-height:56px}}
.enter{margin-block-start:clamp(18px,2.4vw,30px)}


/* ───────── menu: the Packages entry ───────── */
.links .pk-link{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border:1px solid var(--rule-strong);border-radius:999px;color:var(--dm-champagne);background:#d4af3710;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.links .pk-link:hover,.links .pk-link.on{background:var(--dm-gold);color:var(--dm-obsidian);border-color:var(--dm-gold)}
@media (max-width:860px){.links .pk-link{min-height:54px;border:0;border-block-end:1px solid var(--rule);border-radius:0;padding:0;background:none;color:var(--dm-champagne)}.links .pk-link:hover,.links .pk-link.on{background:none;color:var(--dm-ivory)}}

/* ───────── packages page ───────── */
.pk-hero{position:relative;isolation:isolate;padding-block:clamp(120px,20vh,200px) clamp(24px,4vw,48px)}
.pk-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a0a0bd9 0%,#0a0a0b80 40%,#0a0a0b00 70%)}
[dir=rtl] .pk-hero::before{background:linear-gradient(270deg,#0a0a0bd9 0%,#0a0a0b80 40%,#0a0a0b00 70%)}
.pk-hero .svc-title{max-width:14ch}
.pk-chips{position:sticky;inset-block-start:84px;z-index:12;display:flex;flex-wrap:wrap;gap:6px;margin-block-start:clamp(24px,3vw,40px);padding:6px;border:1px solid var(--rule);border-radius:999px;width:fit-content;max-width:100%;background:#0a0a0bb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.pk-chips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font:500 11px/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--dm-muted);transition:background-color .3s var(--ease),color .3s var(--ease)}
[dir=rtl] .pk-chips a{font-family:var(--font-ar);font-size:15px}
.pk-chips a small{font-size:10px;letter-spacing:.08em;text-transform:none;color:var(--dm-deep)}
.pk-chips a:hover{color:var(--dm-champagne)}
.pk-chips a.on{background:var(--dm-gold);color:var(--dm-obsidian)}
.pk-chips a.on small{color:var(--dm-obsidian);opacity:.7}
.pk-sec{position:relative;padding-block:clamp(56px,8vw,110px)}
.pk-sec::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0a0a0b00,#0a0a0bcc 20%,#0a0a0bcc 80%,#0a0a0b00)}
.pk-head{display:grid;gap:14px;max-width:44rem;margin-block-end:clamp(26px,4vw,48px)}
.pk-lead{color:var(--dm-text);font-size:1.1rem}
.pk-grid{display:grid;gap:14px;align-items:stretch}
.pk-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pk-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pk-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pk{display:flex}
.pk-bezel{width:100%;display:flex;padding:7px;border:1px solid var(--rule);border-radius:30px;background:#ffffff05}
.pk-core{position:relative;width:100%;display:flex;flex-direction:column;gap:18px;padding:clamp(20px,2.2vw,30px);border-radius:24px;background:#0a0a0bd9;box-shadow:inset 0 1px 0 #ffffff0d;transition:background-color .3s var(--ease)}
.pk:hover .pk-core{background:#0f0e0bf0}
.pk.star .pk-bezel{border-color:var(--rule-strong);background:#d4af3710}
.pk-tag{position:absolute;inset-block-start:-1px;inset-inline-end:22px;padding:7px 14px;border-radius:0 0 12px 12px;background:var(--dm-gold);color:var(--dm-obsidian);font:500 10px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase}
[dir=rtl] .pk-tag{font-family:var(--font-ar);font-size:13px;font-weight:700}
.pk-name{font-size:clamp(1.3rem,1.8vw,1.6rem)}
.pk-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}
.pk-price b{font:300 clamp(2.6rem,4vw,3.6rem)/1 var(--font-title);color:var(--dm-ivory);letter-spacing:-.02em}
.pk-price span{font:500 11px/1.3 var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--dm-text2)}
[dir=rtl] .pk-price span{font-family:var(--font-ar);font-size:14px}
.pk-feats{display:grid;flex:1;align-content:start}
.pk-feats li{display:flex;align-items:baseline;gap:12px;padding-block:11px;border-block-start:1px solid var(--rule);color:var(--dm-text);font-size:.97rem;line-height:1.4}
.pk-feats li:last-child{border-block-end:1px solid var(--rule)}
.pk-feats li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;border:1px solid var(--dm-gold);transform:translateY(-1px)}
.pk-feats li:has(b){justify-content:space-between}
.pk-feats li:has(b)::before{display:none}
.pk-feats li b{font:400 1.2rem/1 var(--font-title);color:var(--dm-champagne)}
.pk-foot{margin-block-start:22px;color:var(--dm-muted);font-size:.9rem;max-width:44rem}
.pk-soon{display:grid;justify-items:start;gap:18px;max-width:34rem;padding:clamp(24px,3vw,40px);border:1px solid var(--rule);border-radius:30px;background:#0a0a0bb3}
.pk-soon p{color:var(--dm-text)}
.pk-soon-t{font:300 clamp(2.2rem,4vw,3.2rem)/1 var(--font-title);color:var(--dm-champagne)}
[dir=rtl] .pk-soon-t{font-family:var(--font-ar);font-weight:500}
@media (max-width:1180px){.pk-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.pk-grid-3,.pk-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pk-grid-2,.pk-grid-3,.pk-grid-5{grid-template-columns:minmax(0,1fr)}.pk-chips{border-radius:26px;inset-block-start:76px}}
.links>*{white-space:nowrap}
.pk-chips{border-radius:30px}
@media (max-width:1180px) and (min-width:861px){.links{gap:14px;letter-spacing:.14em}.links .pk-link{padding:0 13px}.wordmark{letter-spacing:.2em}}
@media (max-width:1040px) and (min-width:861px){.wordmark{display:none}}


/* ───────── custom line icons ───────── */
.ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.2}
.links>a,.links .fb{gap:9px}
.links .ic{width:15px;height:15px;opacity:.75;transition:opacity .25s var(--ease),transform .4s var(--ease)}
.links>a:hover .ic,.links .fb:hover .ic{opacity:1;transform:translateY(-1px)}
.links .chev{width:9px;height:6px}
.links .pk-link .ic{opacity:1}
@media (max-width:1239px) and (min-width:861px){.links>a .ic,.links .fb>.ic{display:none}}
.mi-ic{grid-area:r;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--rule-strong);border-radius:50%;color:var(--dm-gold);background:#d4af370d;transition:background-color .3s var(--ease),color .3s var(--ease),transform .5s var(--ease)}
.mi-ic .ic{width:22px;height:22px}
.mi:hover .mi-ic,.mi:focus-visible .mi-ic{background:var(--dm-gold);color:var(--dm-obsidian);transform:rotate(-6deg) scale(1.04)}
.links .sub a .ic{width:17px;height:17px;color:var(--dm-gold);opacity:1;margin-inline-end:2px}
@media (max-width:860px){.links>a .ic,.links .fb>.ic{width:18px;height:18px;color:var(--dm-gold);opacity:1}.links>a,.links .fb{gap:14px}}
.pk-chips a .ic{width:16px;height:16px}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:center}
.foot-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 11px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--dm-text2);transition:color .25s var(--ease)}
[dir=rtl] .foot-links a{font-family:var(--font-ar);font-size:15px}
.foot-links a:hover{color:var(--dm-champagne)}
.foot-links .ic{width:15px;height:15px;color:var(--dm-gold)}

/* ───────── about + privacy ───────── */
.ab-hero{position:relative;isolation:isolate;min-height:88svh;display:flex;align-items:flex-end;padding-block:clamp(120px,18vh,180px) clamp(56px,9vh,100px)}
.ab-hero::before,.prv-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a0a0bd9 0%,#0a0a0b80 40%,#0a0a0b00 70%)}
[dir=rtl] .ab-hero::before,[dir=rtl] .prv-hero::before{background:linear-gradient(270deg,#0a0a0bd9 0%,#0a0a0b80 40%,#0a0a0b00 70%)}
.ab-title{font-family:var(--font-title);font-weight:400;font-size:clamp(2.8rem,7.4vw,7rem);line-height:1;letter-spacing:-.02em;color:var(--dm-ivory);max-width:11ch;text-wrap:balance;animation:svcIn 1.2s var(--ease) .1s both}
.ab-title em{font-style:normal;color:var(--dm-champagne)}
[dir=rtl] .ab-title{font-weight:500;line-height:1.25}
.ab-hero .svc-lead{animation:svcIn 1.2s var(--ease) .3s both}.ab-hero .sc-actions{animation:svcIn 1.2s var(--ease) .45s both}
.ab-sec{position:relative;padding-block:clamp(64px,9vw,130px)}
.ab-sec::before,.ab-quote::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0a0a0b00,#0a0a0bd1 20%,#0a0a0bd1 80%,#0a0a0b00)}
.ab-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);align-items:center}
.ab-copy{display:grid;gap:20px;align-content:center}
.ab-copy p{color:var(--dm-text);font-size:1.1rem;max-width:36rem}
.ab-venn{position:relative;margin:0;aspect-ratio:1;max-width:30rem;justify-self:center;width:100%}
.ab-venn svg{width:100%;height:100%;overflow:visible}
.ab-venn circle{fill:#d4af3712;stroke:var(--dm-gold);stroke-width:1}
.venn-spin{transform-origin:200px 216px;animation:vspin 90s linear infinite}
@keyframes vspin{to{transform:rotate(360deg)}}
.ab-venn .venn-core{fill:var(--dm-champagne);stroke:none;filter:drop-shadow(0 0 14px #f2d98e);animation:vpulse 3.6s var(--ease-soft) infinite alternate}
@keyframes vpulse{from{opacity:.55}to{opacity:1}}
.v-l{position:absolute;max-width:9.5em;text-align:center;font:400 clamp(.95rem,1.4vw,1.2rem)/1.15 var(--font-title);color:var(--dm-ivory);transform:translate(-50%,-50%)}
[dir=rtl] .v-l{font-family:var(--font-ar);font-weight:500}
.v-a{left:50%;top:17%}.v-b{left:20%;top:80%}.v-c{left:80%;top:80%}
.ab-quote{position:relative;padding-block:clamp(72px,11vw,160px);text-align:center}
.ab-quote blockquote{margin:0 auto;font-family:var(--font-title);font-style:italic;font-weight:400;font-size:clamp(1.9rem,4.4vw,4rem);line-height:1.15;color:var(--dm-ivory);max-width:20ch;text-wrap:balance}
[dir=rtl] .ab-quote blockquote{font-family:var(--font-ar);font-style:normal;font-weight:500;line-height:1.5}
.ab-attr{margin-block-start:22px;font:500 11px/1 var(--font-label);letter-spacing:.3em;text-transform:uppercase;color:var(--dm-gold)}
[dir=rtl] .ab-attr{font-family:var(--font-ar);font-size:15px}
.ab-vm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block-start:clamp(24px,4vw,44px)}
.ab-vm .rv{display:flex}
.ab-vm .pk-core{height:100%;gap:14px}
.ab-vm h3{color:var(--dm-champagne)}.ab-vm p{color:var(--dm-text)}
.ab-photos{position:relative;aspect-ratio:1/1.05}
.ab-photos .ph{position:absolute;border-radius:22px;object-fit:cover;box-shadow:0 30px 80px #0008;border:1px solid var(--rule)}
.ab-photos .ph1{inset-inline-start:0;inset-block-start:0;width:68%;aspect-ratio:4/5}
.ab-photos .ph2{inset-inline-end:0;inset-block-end:0;width:58%;aspect-ratio:1}
.ab-vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-block-start:clamp(24px,4vw,44px)}
.ab-vals li{display:grid;gap:12px;align-content:start;padding:clamp(20px,2.2vw,30px);border:1px solid var(--rule);border-radius:24px;background:#0a0a0bb3}
.ab-vals .g{font-size:1.6rem;color:var(--dm-gold);line-height:1}
.ab-vals b{font:400 clamp(1.4rem,2vw,1.8rem)/1.1 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .ab-vals b{font-family:var(--font-ar);font-weight:500}
.ab-vals p{color:var(--dm-text2)}
.ab-note{margin-block-start:28px;max-width:46rem;color:var(--dm-text)}
.ab-caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-block-start:clamp(24px,4vw,44px);border-block:1px solid var(--rule)}
.ab-caps li{display:grid;gap:10px;padding:clamp(20px,2.4vw,34px);border-inline-start:1px solid var(--rule)}
.ab-caps li:first-child{border-inline-start:0}
.ab-caps span{font:500 11px/1 var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .ab-caps span{font-family:var(--font-ar);font-size:15px}
.ab-caps b{font:400 clamp(1.4rem,2.2vw,2rem)/1.15 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .ab-caps b{font-family:var(--font-ar);font-weight:500}
.ab-side{grid-column:1/6;align-self:start;display:grid;gap:18px}
.ab-sub{color:var(--dm-text);max-width:30rem}
.ab-list{grid-column:7/13;display:grid}
.ab-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 22px;align-items:baseline;padding-block:20px;border-block-start:1px solid var(--rule)}
.ab-list li:last-child{border-block-end:1px solid var(--rule)}
.ab-list .n{font:500 11px/1 var(--font-label);letter-spacing:.14em;color:var(--dm-gold)}
.ab-list b{font:400 clamp(1.25rem,1.8vw,1.6rem)/1.2 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .ab-list b{font-family:var(--font-ar);font-weight:500}
.ab-why li{display:block}.ab-why b{display:block;margin-block-end:6px}.ab-why p{color:var(--dm-text2)}
.ab-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,30px);margin-block-start:clamp(24px,4vw,44px)}
.ab-steps li{position:relative;display:grid;gap:10px;align-content:start;padding-block-start:26px}
.ab-steps .ln{position:absolute;inset-inline:0;inset-block-start:0;height:1px;background:var(--rule-strong)}
.ab-steps .n{font:500 11px/1 var(--font-label);letter-spacing:.16em;color:var(--dm-gold)}
.ab-steps p{color:var(--dm-text2)}
.ab-needs{margin-block-start:clamp(28px,4vw,52px);padding:clamp(22px,3vw,36px);border:1px solid var(--rule);border-radius:26px;background:#0a0a0bb3;max-width:46rem}
.ab-needs ul{display:grid;margin-block-start:14px}
.ab-needs li{display:flex;gap:12px;align-items:baseline;padding-block:10px;border-block-start:1px solid var(--rule);color:var(--dm-text)}
.ab-needs li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;border:1px solid var(--dm-gold);transform:translateY(-1px)}
.ab-founder{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px)}
.ab-role{margin-block-start:12px;font:500 11px/1 var(--font-label);letter-spacing:.26em;text-transform:uppercase;color:var(--dm-gold)}
[dir=rtl] .ab-role{font-family:var(--font-ar);font-size:15px}
.ab-copy .ab-vlabel{font:500 11px/1 var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .ab-copy .ab-vlabel{font-family:var(--font-ar);font-size:15px}
.ab-pull{margin:0;font-family:var(--font-title);font-style:italic;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.3;color:var(--dm-champagne);max-width:30rem}
[dir=rtl] .ab-pull{font-family:var(--font-ar);font-style:normal;font-weight:500}
.prv{display:grid;max-width:46rem}
.prv section{display:grid;gap:8px;padding-block:24px;border-block-start:1px solid var(--rule)}
.prv section:last-child{border-block-end:1px solid var(--rule)}
.prv h2{font:400 clamp(1.3rem,1.9vw,1.6rem)/1.2 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .prv h2{font-family:var(--font-ar);font-weight:500}
.prv p{color:var(--dm-text)}
.prv-hero{position:relative;isolation:isolate}
@media (max-width:1000px){.ab-vals,.ab-caps,.ab-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-caps li:nth-child(odd){border-inline-start:0}.ab-caps li:nth-child(n+3){border-block-start:1px solid var(--rule)}}
@media (max-width:860px){.ab-two,.ab-founder{grid-template-columns:minmax(0,1fr)}.ab-vm{grid-template-columns:minmax(0,1fr)}.ab-side,.ab-list{grid-column:1/-1}.ab-side{margin-block-end:18px}.ab-photos{aspect-ratio:1/.9;max-width:34rem}}
@media (max-width:560px){.ab-vals,.ab-caps,.ab-steps{grid-template-columns:minmax(0,1fr)}.ab-caps li{border-inline-start:0;border-block-start:1px solid var(--rule)}.ab-caps li:first-child{border-block-start:0}}
.mi>.mi-ic{grid-area:r;font-size:0;line-height:0}
.mi>span:not(.mi-ic){grid-area:s}

.svc-ap{grid-column:6/13;display:grid;gap:22px;align-content:start}
.svc-ap p{font-size:1.15rem;color:var(--dm-text);max-width:38rem}
.svc-ap h3{margin-block-start:10px}
.cover.cover-1{grid-template-columns:minmax(0,1fr);margin-block-start:0}
@media (max-width:860px){.svc-ap{grid-column:1/-1}}

/* ───────── packages: best-for line + comparison tables ───────── */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pk-best{color:var(--dm-text2);font-size:.95rem;line-height:1.45;margin-block-start:-6px}
.pk-best span{display:block;margin-block-end:3px;font:500 10px/1 var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:var(--dm-gold)}
[dir=rtl] .pk-best span{font-family:var(--font-ar);font-size:13px;font-weight:700}
.cmp-block{margin-block-start:clamp(36px,5vw,64px)}
.cmp-t{margin-block-end:16px}
.cmp-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:24px;background:#0a0a0bd9;-webkit-overflow-scrolling:touch}
.cmp-wrap:focus-visible{outline:2px solid var(--dm-gold);outline-offset:3px}
.cmp{width:100%;border-collapse:separate;border-spacing:0;min-width:34rem}
.cmp th,.cmp td{padding:14px 18px;text-align:start;vertical-align:middle;border-block-start:1px solid var(--rule);font-weight:300;font-size:.97rem;line-height:1.35}
.cmp thead th{border-block-start:0;font:400 clamp(1.05rem,1.5vw,1.3rem)/1.2 var(--font-title);color:var(--dm-ivory);vertical-align:bottom;background:#0f0e0b}
[dir=rtl] .cmp thead th{font-family:var(--font-ar);font-weight:500}
.cmp thead small{display:block;margin-block-start:6px;font:500 10px/1.3 var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--dm-gold)}
[dir=rtl] .cmp thead small{font-family:var(--font-ar);font-size:13px}
.cmp tbody th{font-weight:400;color:var(--dm-text);min-width:13rem}
.cmp td{color:var(--dm-text);min-width:8.5rem}
.cmp td.y .ck{display:block;width:18px;height:18px;fill:none;stroke:var(--dm-gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cmp td.n{color:var(--dm-deep)}
.cmp tbody tr:hover th,.cmp tbody tr:hover td{background:#d4af370a}
.cmp .star{background:#d4af3710}
.cmp thead th.star{background:#d4af371c}
.cmp th:first-child{position:sticky;inset-inline-start:0;z-index:1;background:#0c0b09}
.cmp thead th:first-child{z-index:2;background:#0f0e0b}
@media (max-width:640px){.cmp th,.cmp td{padding:12px 14px;font-size:.92rem}.cmp tbody th{min-width:9.5rem}.cmp td{min-width:7rem}}

.pk-sec{scroll-margin-top:150px}
.skip{min-height:44px;display:flex;align-items:center}
.brand{min-width:44px;justify-content:center}
@media (max-width:900px){body.world .w-shade{background:radial-gradient(ellipse 100% 90% at 50% 38%,transparent 28%,#050506f2 100%),linear-gradient(0deg,#050506fa 0%,#050506e8 36%,#050506b8 60%,transparent 88%)}}
.pk-feats li b{white-space:nowrap}
.pk-feats li:has(b) span{min-width:0}
.cmp-wrap{position:relative}
.cmp td{position:relative}
.nav{width:min(1280px,calc(100% - 28px))}
.links{gap:clamp(12px,1.5vw,30px)}
@media (max-width:1359px) and (min-width:861px){.links>a .ic,.links .fb>.ic{display:none}}
.w-hud button{min-height:44px}
.w-hud{gap:0}
@media (max-height:700px){.w-hud button{min-height:38px}.w-hud-t{display:none}}

/* ───────── Digital Growth: kit sections ───────── */
.pk-feats li .k{font:500 10px/1.2 var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:var(--dm-muted);flex:0 0 100%}
[dir=rtl] .pk-feats li .k{font-family:var(--font-ar);font-size:13px;letter-spacing:0}
.pk-feats li:has(.k){flex-wrap:wrap;gap:3px 12px}
.pk-feats li:has(.k)::before{display:none}
.pk-feats li:has(.k) .v{flex:1 1 100%;color:var(--dm-text);font-size:.93rem}
.pk-feats li.num{flex-wrap:nowrap;justify-content:space-between;align-items:baseline}
.pk-feats li.num .k{flex:1 1 auto}
.pk-feats li.num b{flex:none}
.cmp-plain th,.cmp-plain td{vertical-align:top}
.cmp-plain tbody th{min-width:9rem;color:var(--dm-champagne)}
.cmp-plain td{min-width:11rem}
.kit{display:grid;gap:clamp(36px,5vw,64px);margin-block-start:clamp(36px,5vw,64px)}
.kit-sec{display:grid;gap:16px}
.kit-sec>p{color:var(--dm-text);max-width:46rem}
.kit-sec>h3{font-size:clamp(1.5rem,2.4vw,2.2rem)}
.kit-two,.kit-three,.kit-four{display:grid;gap:14px}
.kit-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.kit-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.kit-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.kit-card{display:grid;gap:12px;align-content:start;padding:clamp(18px,2vw,26px);border:1px solid var(--rule);border-radius:24px;background:#0a0a0bd9}
.kit-card.hl{border-color:var(--rule-strong);background:#d4af3710}
.kit-card h4{font:400 clamp(1.15rem,1.5vw,1.4rem)/1.2 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .kit-card h4{font-family:var(--font-ar);font-weight:500}
.kit-card p{color:var(--dm-text)}
.kit-ul{display:grid}
.kit-ul li{display:flex;gap:12px;align-items:baseline;padding-block:9px;border-block-start:1px solid var(--rule);color:var(--dm-text);font-size:.95rem;line-height:1.4}
.kit-ul li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;border:1px solid var(--dm-gold);transform:translateY(-1px)}
.kit-tag{justify-self:start;padding:7px 14px;border-radius:999px;background:var(--dm-gold);color:var(--dm-obsidian);font:500 10px/1 var(--font-label);letter-spacing:.18em;text-transform:uppercase}
[dir=rtl] .kit-tag{font-family:var(--font-ar);font-size:13px;font-weight:700;letter-spacing:0}
@media (max-width:1100px){.kit-four,.kit-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.kit-two,.kit-three,.kit-four{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1499px){.pk-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.pk-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pk-grid-5{grid-template-columns:minmax(0,1fr)}}

/* ───────── field pages: own scene + packages at a glance ───────── */
.fx-stage{overflow:hidden}
.fx-img{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover;opacity:.9;will-change:transform}
#fx{position:absolute;inset:0;width:100%;height:100%;display:block;mix-blend-mode:screen;pointer-events:none}
.fx-veil{position:absolute;inset:0;background:#050506;opacity:.25;pointer-events:none}
.svc-pk-p{margin-block:14px 0}
.sum-grid{display:grid;gap:12px;margin-block:clamp(22px,3vw,36px)}
.sum-5{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.sum-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sum-soon{grid-template-columns:minmax(0,1fr)}
.sum{position:relative;display:grid;gap:8px;align-content:start;height:100%;padding:clamp(18px,2vw,24px);padding-inline-end:52px;border:1px solid var(--rule);border-radius:24px;background:#0a0a0bd9;transition:border-color .3s var(--ease),background-color .3s var(--ease),transform .4s var(--ease)}
.sum:hover,.sum:focus-visible{border-color:var(--rule-strong);background:#0f0e0bf0;transform:translateY(-3px)}
.sum-n{font:400 clamp(1.15rem,1.5vw,1.4rem)/1.2 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .sum-n{font-family:var(--font-ar);font-weight:500}
.sum-p{font:300 1.7rem/1 var(--font-title);color:var(--dm-champagne)}
.sum-p bdi{font-size:2.2rem;color:var(--dm-ivory)}
.sum-l{font-size:.9rem;line-height:1.4;color:var(--dm-text2)}
.sum i{position:absolute;inset-block-start:18px;inset-inline-end:18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--rule);border-radius:50%;font-style:normal;color:var(--dm-champagne);transition:background-color .3s var(--ease),color .3s var(--ease)}
[dir=rtl] .sum i{transform:scaleX(-1)}
.sum:hover i{background:var(--dm-gold);color:var(--dm-obsidian)}
.sum-soon li{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;justify-content:space-between;padding:clamp(22px,3vw,34px);border:1px solid var(--rule);border-radius:26px;background:#0a0a0bd9}
.sum-soon p{color:var(--dm-text);max-width:34rem;margin-block-start:6px}
.sum-soon .sum-n{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--dm-champagne)}

/* ───────── contact ───────── */
.ct-title{max-width:13ch}
.ct-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-block-start:8px}
.ct-act{display:grid;gap:4px;min-height:44px;align-content:center;padding-inline:18px;border-inline-start:1px solid var(--rule-strong);color:var(--dm-text)}
.ct-act b{font:500 10px/1 var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--dm-gold)}
[dir=rtl] .ct-act b{font-family:var(--font-ar);font-size:13px;letter-spacing:0}
.ct-act:hover{color:var(--dm-ivory)}
.ct-two{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(26px,4vw,64px);align-items:start}
.ct-card{display:grid;gap:16px;padding:clamp(22px,3vw,40px);border:1px solid var(--rule);border-radius:30px;background:#0a0a0bd9;box-shadow:inset 0 1px 0 #ffffff0d}
.ct-step{font:500 11px/1 var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .ct-step{font-family:var(--font-ar);font-size:14px;letter-spacing:0}
.ct-bar{height:2px;background:var(--rule);border-radius:2px;overflow:hidden}
.ct-bar i{display:block;height:100%;background:var(--dm-gold);transition:width .6s var(--ease)}
.ct-q{font:400 clamp(1.7rem,3vw,2.6rem)/1.1 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .ct-q{font-family:var(--font-ar);font-weight:500;line-height:1.35}
.ct-hint{color:var(--dm-text2)}
.ct-chips{display:flex;flex-wrap:wrap;gap:10px}
.ct-chip{min-height:48px;padding:0 22px;border:1px solid var(--rule-strong);border-radius:999px;background:none;color:var(--dm-text);cursor:pointer;font:300 1rem/1 var(--font-body);transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),transform .2s var(--ease)}
.ct-chip:hover{border-color:var(--dm-gold);color:var(--dm-ivory)}
.ct-chip.on{background:var(--dm-gold);border-color:var(--dm-gold);color:var(--dm-obsidian)}
.ct-chip:active{transform:scale(.97)}
.ct-fields{display:grid;gap:14px}
.ct-f{display:grid;gap:8px}
.ct-f span{font:500 11px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .ct-f span{font-family:var(--font-ar);font-size:14px;letter-spacing:0}
.ct-f input{min-height:54px;padding:0 20px;border:1px solid var(--rule-strong);border-radius:16px;background:#0a0a0b99;color:var(--dm-ivory);font:300 1.1rem/1 var(--font-body);outline:0;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.ct-f input:focus{border-color:var(--dm-gold);box-shadow:0 0 0 4px #d4af3714}
.ct-err{min-height:1.4em;color:#e8b4a0;font-size:.95rem}
.ct-btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.ct-btns button.go{background:none;border:0;cursor:pointer}
.ct-sum{display:grid}
.ct-sum div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;padding-block:12px;border-block-start:1px solid var(--rule)}
.ct-sum dt{color:var(--dm-muted);font-size:.9rem}
.ct-sum dd{color:var(--dm-ivory)}
.ct-note{color:var(--dm-text2);font-size:.92rem}
.ct-side{display:grid;gap:22px}
.ct-dl{display:grid}
.ct-dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;padding-block:14px;border-block-start:1px solid var(--rule)}
.ct-dl dt{font:500 11px/1.4 var(--font-label);letter-spacing:.18em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .ct-dl dt{font-family:var(--font-ar);font-size:14px;letter-spacing:0}
.ct-dl dd{color:var(--dm-text)}
.ct-dl a{color:var(--dm-champagne);border-block-end:1px solid var(--rule-strong)}
.ct-sh{font-size:1.2rem}
.ct-social{display:flex;flex-wrap:wrap;gap:8px}
.ct-social a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border:1px solid var(--rule-strong);border-radius:999px;color:var(--dm-text);transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
.ct-social a:hover{background:var(--dm-gold);border-color:var(--dm-gold);color:var(--dm-obsidian)}
.ct-social span{font:500 11px/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase}
.ct-map{display:grid;gap:12px}
.ct-mapimg{position:relative;display:block;overflow:hidden;border:1px solid var(--rule);border-radius:28px;max-width:62rem}
.ct-mapimg img{width:100%;height:auto;aspect-ratio:720/440;object-fit:cover;filter:saturate(.9)}
.ct-mapimg span{position:absolute;inset-block-end:16px;inset-inline-start:16px;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--dm-gold);color:var(--dm-obsidian);font:500 11px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase}
[dir=rtl] .ct-mapimg span{font-family:var(--font-ar);font-size:15px;letter-spacing:0;font-weight:700}
.ct-attrib{font-size:.8rem;color:var(--dm-muted)}
.ct-attrib a{border-block-end:1px solid var(--rule-strong)}
@media (max-width:900px){.ct-two{grid-template-columns:minmax(0,1fr)}.ct-dl>div,.ct-sum div{grid-template-columns:minmax(0,1fr)}}
.ct-dl a{display:inline-flex;align-items:center;min-height:44px}

/* ───────── packages as tabs ───────── */
.pk-chips a{cursor:pointer}
.pk-sec{padding-block:clamp(36px,5vw,64px)}
.pk-sub{display:flex;flex-wrap:wrap;gap:6px;margin-block-end:clamp(22px,3vw,36px)}
.pk-sub button{min-height:44px;padding:0 20px;border:1px solid var(--rule-strong);border-radius:999px;background:none;color:var(--dm-text2);cursor:pointer;font:500 11px/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase;transition:background-color .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}
[dir=rtl] .pk-sub button{font-family:var(--font-ar);font-size:15px;letter-spacing:0}
.pk-sub button:hover{border-color:var(--dm-gold);color:var(--dm-ivory)}
.pk-sub button.on{background:var(--dm-gold);border-color:var(--dm-gold);color:var(--dm-obsidian)}
.pk-subbody{animation:svcIn .7s var(--ease) both}
#pkSections .pk-sec>.wrap{animation:svcIn .7s var(--ease) both}
.pk-sec{min-height:60vh}


/* ───────── packages hub + a page per field ───────── */
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hub{position:relative;display:grid;gap:14px;align-content:start;height:100%;min-height:19rem;padding:clamp(22px,2.4vw,34px);border:1px solid var(--rule);border-radius:30px;background:#0a0a0bd9;box-shadow:inset 0 1px 0 #ffffff0d;transition:border-color .35s var(--ease),background-color .35s var(--ease),transform .5s var(--ease)}
.hub:hover,.hub:focus-visible{border-color:var(--rule-strong);background:#0f0e0bf5;transform:translateY(-4px)}
.hub-ic{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--rule-strong);border-radius:50%;color:var(--dm-gold);background:#d4af370d;transition:background-color .3s var(--ease),color .3s var(--ease),transform .5s var(--ease)}
.hub-ic .ic{width:26px;height:26px}
.hub:hover .hub-ic{background:var(--dm-gold);color:var(--dm-obsidian);transform:rotate(-6deg)}
.hub-t{font:400 clamp(1.5rem,2vw,1.9rem)/1.1 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .hub-t{font-family:var(--font-ar);font-weight:500;font-size:1.5rem}
.hub-d{color:var(--dm-text2);font-size:.97rem;line-height:1.5}
.hub-meta{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin-block-start:auto;padding-block-start:14px;border-block-start:1px solid var(--rule)}
.hub-p{font:300 1.15rem/1 var(--font-title);color:var(--dm-champagne)}
.hub-p bdi{font-size:1.9rem;color:var(--dm-ivory)}
.hub-soon{font-size:1.4rem}
.hub-n{font:500 10px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .hub-n{font-family:var(--font-ar);font-size:13px;letter-spacing:0}
.hub-go{display:inline-flex;align-items:center;gap:10px;font:500 11px/1 var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:var(--dm-champagne)}
[dir=rtl] .hub-go{font-family:var(--font-ar);font-size:15px;letter-spacing:0}
.hub-go i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--rule-strong);border-radius:50%}
[dir=rtl] .hub-go i{transform:scaleX(-1)}
.hub.soon{opacity:.82}
.pk-hero2{padding-block-end:clamp(8px,2vw,24px)}
.pk-hero2 .svc-title{max-width:16ch}
.pk-other{padding-block-start:clamp(24px,3vw,40px)}
body.pkg-one .pk-sec{min-height:0}
@media (max-width:1000px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hub-grid{grid-template-columns:minmax(0,1fr)}.hub{min-height:0}}

.foot address a.inline{display:inline-flex;align-items:center;min-height:44px}
.t-actions a.inline{display:inline-flex;align-items:center;min-height:44px}

/* events + tourism: direct menu entries */
.links .sec-link{position:relative;color:var(--dm-champagne)}
.links .sec-link .ic{opacity:1}
.links .sec-link.on{color:var(--dm-gold)}
.links .sec-link.on::after{content:"";position:absolute;inset-inline:0;inset-block-end:6px;height:1px;background:var(--dm-gold)}
.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ───────── navigation: Tourism · Events · Digital marketing · About · Contact ───────── */
.links{align-items:center}
.links .nv{position:relative;display:flex;align-items:center;gap:0}
.links .nv-top,.links .nv-plain{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--dm-text2);transition:color .25s var(--ease)}
.links .nv-top:hover,.links .nv-plain:hover,.links .nv.open .nv-top,.links .nv.cur .nv-top,.links .nv-plain.on{color:var(--dm-champagne)}
.links .nv.cur .nv-top,.links .nv-plain.on{box-shadow:inset 0 -1px 0 var(--dm-gold)}
.links .nv-ic{display:inline-grid;place-items:center;width:18px;height:18px;color:var(--dm-gold)}
.links .nv-ic .ic{width:18px;height:18px}
.links .nv-tg{display:inline-grid;place-items:center;width:26px;height:44px;margin-inline-start:2px;color:var(--dm-muted);background:none;border:0;cursor:pointer;transition:color .25s var(--ease)}
.links .nv-tg .chev{width:10px;height:6px;transition:transform .35s var(--ease)}
.links .nv.open .nv-tg{color:var(--dm-champagne)}
.links .nv.open .nv-tg .chev{transform:rotate(180deg)}
.links .nv-panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:-18px;z-index:5;width:min(350px,86vw);padding:10px;border:1px solid var(--rule-strong);border-radius:26px;background:#0a0a0bfc;box-shadow:inset 0 1px 0 #ffffff0d,0 24px 60px #000000a6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-transform:none;letter-spacing:0;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:50% 0;transition:opacity .3s var(--ease),transform .45s var(--ease),visibility 0s .3s}
.links .nv-panel::before{content:"";position:absolute;inset-inline:0;inset-block-start:-14px;height:14px}
.links .nv.open .nv-panel{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .45s var(--ease)}
.links .nv-head{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:12px;align-items:center;min-height:44px;padding:10px;border-radius:18px;background:#d4af370d;border:1px solid var(--rule);color:var(--dm-ivory)}
.links .nv-hic{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--rule-strong);border-radius:50%;color:var(--dm-gold)}
.links .nv-hic .ic{width:22px;height:22px}
.links .nv-ht b{display:block;font:400 1.3rem/1.15 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .links .nv-ht b{font-family:var(--font-ar);font-weight:500;font-size:1.15rem}
.links .nv-ht small{display:block;margin-block-start:3px;font:300 .85rem/1.35 var(--font-body);color:var(--dm-text2)}
[dir=rtl] .links .nv-ht small{font-family:var(--font-ar);font-size:.9rem}
.links .nv-lbl{margin:14px 10px 4px;font:500 10px/1 var(--font-label);letter-spacing:.24em;text-transform:uppercase;color:var(--dm-muted)}
[dir=rtl] .links .nv-lbl{font-family:var(--font-ar);font-size:13px;letter-spacing:0}
.links .nv-list{display:grid;gap:2px;list-style:none;margin:0;padding:0}
.links .nv-list a{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 10px;border-radius:14px;font:400 .98rem/1.3 var(--font-body);color:var(--dm-text);transition:background-color .25s var(--ease),color .25s var(--ease)}
[dir=rtl] .links .nv-list a{font-family:var(--font-ar);font-size:1rem}
.links .nv-list a:hover,.links .nv-list a:focus-visible,.links .nv-head:hover{background:#d4af3716;color:var(--dm-champagne)}
.links .nv-list .nv-t{flex:1;min-width:0}
.links .nv-list .nv-ic{width:20px;height:20px}
.links .nv-list i,.links .nv-head>i{margin-inline-start:auto;display:grid;place-items:center;font-style:normal;font-size:12px;color:var(--dm-champagne);opacity:.6}
[dir=rtl] .links .nv-list i,[dir=rtl] .links .nv-head>i{transform:scaleX(-1)}
.links .nv-list em{font:500 9px/1 var(--font-label);font-style:normal;letter-spacing:.18em;text-transform:uppercase;padding:5px 8px;border:1px solid var(--rule-strong);border-radius:999px;color:var(--dm-champagne)}
[dir=rtl] .links .nv-list em{font-family:var(--font-ar);font-size:12px;letter-spacing:0}
@media (max-width:860px){
  .links{align-items:stretch;gap:0}
  .links .nv{flex-wrap:wrap;border-block-end:1px solid var(--rule)}
  .links .nv-top{flex:1;min-height:54px;font-size:12px}
  [dir=rtl] .links .nv-top,[dir=rtl] .links .nv-plain{font-size:17px}
  .links .nv-tg{width:54px;height:54px}
  .links .nv-plain{min-height:54px;font-size:12px;border-block-end:1px solid var(--rule)}
  .links .nv-plain:last-child{border-block-end:0}
  .links .nv-panel{position:static;width:100%;padding:0 0 12px;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;visibility:visible;transform:none;display:none}
  .links .nv.open .nv-panel{display:block}
  .links .nv-panel::before{display:none}
}
@media (max-width:1360px) and (min-width:861px){.links .nv-top>.nv-ic,.links .nv-plain>.nv-ic{display:none}}

.ct-mapcard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(14px,2vw,26px);align-items:center;max-width:62rem;min-height:120px;padding:clamp(18px,2.4vw,30px);border:1px solid var(--rule-strong);border-radius:28px;background:#0a0a0bd9;transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.ct-mapcard:hover{border-color:var(--dm-gold);background:#0f0e0bf5}
.ct-mapic{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--rule-strong);border-radius:50%;color:var(--dm-gold)}
.ct-mapic .ic{width:26px;height:26px}
.ct-mapt b{display:block;font:400 clamp(1.4rem,2.2vw,1.9rem)/1.15 var(--font-title);color:var(--dm-ivory)}
[dir=rtl] .ct-mapt b{font-family:var(--font-ar);font-weight:500}
.ct-mapt small{display:block;margin-block-start:4px;font-size:.95rem;color:var(--dm-text2)}
.ct-mapgo{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--dm-gold);color:var(--dm-obsidian);font:500 11px/1 var(--font-label);letter-spacing:.2em;text-transform:uppercase}
[dir=rtl] .ct-mapgo{font-family:var(--font-ar);font-size:15px;letter-spacing:0;font-weight:700}
@media (max-width:640px){.ct-mapcard{grid-template-columns:auto minmax(0,1fr)}.ct-mapgo{grid-column:1/-1;justify-content:center}}
.cover .cv-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;color:inherit;transition:color .25s var(--ease)}
.cover .cv-link i{font-style:normal;font-size:12px;opacity:.55;transition:transform .35s var(--ease),opacity .25s}
.cover .cv-link:hover{color:var(--dm-champagne)}
.cover .cv-link:hover i{opacity:1;transform:translate(3px,-3px)}
[dir=rtl] .cover .cv-link i{transform:scaleX(-1)}
[dir=rtl] .cover .cv-link:hover i{transform:scaleX(-1) translate(3px,-3px)}

/* sub-service long-form story */
.sub-story p{margin:0 0 1.15em;max-width:62ch;font-size:clamp(1.02rem,1.2vw,1.16rem);line-height:1.8;color:var(--dm-text)}
.sub-story p:first-child{font-size:clamp(1.12rem,1.4vw,1.3rem);color:var(--dm-ivory)}
.sub-story p:last-child{margin-block-end:0;color:var(--dm-champagne)}
[dir=rtl] .sub-story p{line-height:2;font-family:var(--font-ar)}
.sub-story-sec .svc-begin-t{max-width:20ch}
.sub-story{grid-column:6/13;align-content:start}
@media (max-width:860px){.sub-story{grid-column:1/-1}}