/* GOVIX public site — Apple precision × Anttigravity edge */

:root{
  --bg:#06060a; --bg-2:#0a0a10; --bg-3:#10101a;
  --surface:#12121a; --surface-2:#181822;
  --ink:#f5f5f7; --ink-2:rgba(245,245,247,.66); --ink-3:rgba(245,245,247,.42); --ink-4:rgba(245,245,247,.2);
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.13);
  --vio:#7c5cff; --vio-2:#a78bff; --vio-3:#c4b5ff; --vio-soft:#1a1233; --lime:#c0ff3a;
  --r:28px; --r-lg:40px; --r-sm:18px;
  --ease:cubic-bezier(.2,.8,.2,1); --ease-out:cubic-bezier(.16,1,.3,1); --ease-spring:cubic-bezier(.34,1.4,.64,1);
  --font:'Geist',-apple-system,'SF Pro Display',sans-serif;
  --font-serif:'Instrument Serif',Georgia,serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
html,body{background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:clip;font-weight:400;line-height:1.5;letter-spacing:-.011em;font-feature-settings:"ss01","cv11"}
html{scroll-behavior:smooth}
::selection{background:rgba(124,92,255,.35);color:#fff;text-shadow:none}
::-moz-selection{background:rgba(124,92,255,.35);color:#fff;text-shadow:none}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
img,svg{display:block;max-width:100%}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}

/* scroll progress bar (top of viewport) */
.scroll-prog{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--vio),var(--vio-2),var(--vio-3));transform:scaleX(0);transform-origin:0 50%;z-index:100;pointer-events:none;will-change:transform;box-shadow:0 0 14px rgba(167,139,255,.7)}

.wrap{max-width:1320px;margin:0 auto;padding:0 32px;position:relative}
.wrap-n{max-width:1080px;margin:0 auto;padding:0 32px}
section{position:relative;z-index:2}
.sec{padding:clamp(100px,12vw,180px) 0}
.sub-hero{padding-top:140px;padding-bottom:80px}
@media(max-width:880px){.sub-hero{padding-top:110px;padding-bottom:60px}}

.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--vio);box-shadow:0 0 0 4px rgba(124,92,255,.14)}

h1.dpy,.dpy{font-size:clamp(54px,8.8vw,132px);line-height:.94;letter-spacing:-.045em;font-weight:500}
h2.h{font-size:clamp(38px,5.4vw,84px);line-height:1;letter-spacing:-.038em;font-weight:500}
h3.h3{font-size:clamp(22px,2.2vw,32px);line-height:1.1;letter-spacing:-.022em;font-weight:500}
.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.005em}
.lead{font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--ink-2);max-width:580px}

/* reveal */
.ln{display:block;overflow:hidden}
.ln>span{display:inline-block;transform:translateY(108%);opacity:0;animation:rise 1.1s var(--ease-out) forwards}
@keyframes rise{to{transform:translateY(0);opacity:1}}
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-out),transform 1s var(--ease-out)}
.rv.in{opacity:1;transform:translateY(0)}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}

/* nav — simple top bar */
.nav{position:fixed;top:0;left:0;right:0;z-index:80;background:rgba(6,6,10,.55);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid transparent;transition:background .3s var(--ease),border-color .3s,box-shadow .3s}
.nav.scrolled{background:rgba(6,6,10,.82);border-bottom-color:var(--line);box-shadow:0 10px 30px -16px rgba(0,0,0,.5)}
.nav-inner{max-width:1320px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo{display:flex;align-items:center;gap:12px;font-weight:600;font-size:18px;letter-spacing:-.018em;flex-shrink:0}
.nav-logo img{width:40px;height:40px;object-fit:contain;border-radius:8px}
.nav-links{display:flex;gap:4px;flex:1;justify-content:center}
.nav-links a{padding:8px 14px;border-radius:8px;font-size:13.5px;font-weight:400;color:inherit;opacity:.66;transition:opacity .25s,background .25s}
.nav-links a:hover{opacity:1;background:rgba(255,255,255,.05)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-cta{padding:9px 18px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:500;transition:transform .35s var(--ease-spring),box-shadow .35s;white-space:nowrap}
.nav-cta:hover{transform:scale(1.04);box-shadow:0 10px 28px -8px rgba(245,245,247,.25)}
.burger{display:none;flex-direction:column;gap:4px;width:38px;height:38px;justify-content:center;align-items:center;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);transition:background .25s}
.burger i{width:16px;height:1.6px;background:var(--ink);display:block;border-radius:2px;transition:transform .3s var(--ease),opacity .25s}
.burger.on i:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.burger.on i:nth-child(2){opacity:0}
.burger.on i:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}

@media(max-width:960px){
  .nav-inner{padding:14px 22px}
  /* full-screen mobile drawer — solid, premium */
  .nav-links{
    position:fixed;inset:0;
    background:#06060a;
    background-image:
      radial-gradient(ellipse 80% 60% at 50% 0%,rgba(124,92,255,.18),transparent 60%),
      radial-gradient(ellipse 60% 50% at 100% 100%,rgba(192,255,58,.06),transparent 50%),
      linear-gradient(180deg,#06060a,#08080f);
    flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:0;padding:96px 28px 40px;
    opacity:0;pointer-events:none;visibility:hidden;
    transform:translateY(-8px);
    transition:opacity .4s var(--ease),transform .4s var(--ease),visibility 0s linear .4s;
    z-index:79;overflow-y:auto;
  }
  .nav.open .nav-links{
    opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0);
    transition:opacity .4s var(--ease),transform .4s var(--ease),visibility 0s linear 0s;
  }
  .nav-links a{
    font-size:34px;
    padding:20px 4px;
    opacity:0;
    letter-spacing:-.022em;font-weight:500;border-radius:0;
    border-bottom:1px solid rgba(255,255,255,.06);
    color:var(--ink);
    transform:translateY(14px);
    transition:opacity .5s var(--ease),transform .5s var(--ease),color .25s;
    display:flex;align-items:center;justify-content:space-between;
  }
  .nav-links a::after{content:"→";font-size:18px;color:var(--ink-3);transition:transform .35s var(--ease-spring),color .25s}
  .nav-links a:hover{background:transparent;color:var(--vio-2)}
  .nav-links a:hover::after{transform:translateX(6px);color:var(--vio-2)}
  .nav.open .nav-links a{opacity:1;transform:translateY(0)}
  .nav.open .nav-links a:nth-child(1){transition-delay:.08s}
  .nav.open .nav-links a:nth-child(2){transition-delay:.14s}
  .nav.open .nav-links a:nth-child(3){transition-delay:.20s}
  .nav.open .nav-links a:nth-child(4){transition-delay:.26s}

  .nav-cta{padding:8px 14px;font-size:12px}
  .burger{display:flex;z-index:81}
}
@media(max-width:480px){
  .nav-inner{padding:12px 16px;gap:8px}
  .nav-logo span{display:none}
  .nav-cta{padding:8px 12px;font-size:11.5px}
  .nav-links{padding:88px 22px 32px}
  .nav-links a{font-size:28px;padding:18px 4px}
}

/* ===== hero — Apple-clean centered, cinematic ===== */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:160px 0 80px;position:relative;overflow:hidden;background:radial-gradient(ellipse 100% 80% at 50% 0%,#100a26,transparent 65%),var(--bg);text-align:center}
.mesh{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.95}
.mesh::before,.mesh::after{content:"";position:absolute;border-radius:50%;filter:blur(140px);will-change:transform}
.mesh::before{width:80vmax;height:80vmax;background:radial-gradient(circle,rgba(124,92,255,.5) 0%,transparent 55%);top:-30vmax;left:-20vmax;animation:meshA 20s ease-in-out infinite}
.mesh::after{width:60vmax;height:60vmax;background:radial-gradient(circle,rgba(192,255,58,.14) 0%,transparent 55%);bottom:-25vmax;right:-25vmax;animation:meshB 24s ease-in-out infinite}
@keyframes meshA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(8vmax,5vmax) scale(1.1)}}
@keyframes meshB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-6vmax,-4vmax) scale(.95)}}
.grain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}
.hero-glow{position:absolute;top:30%;left:50%;width:60vmax;height:60vmax;background:radial-gradient(circle,rgba(167,139,255,.22),transparent 55%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);will-change:transform;transition:transform 1.4s cubic-bezier(.16,1,.3,1);filter:blur(80px);animation:auroraBreath 8s ease-in-out infinite}
@keyframes auroraBreath{0%,100%{opacity:.8}50%{opacity:1}}

/* ambient floating particles (subtle starlight) */
.hero::before,.hero::after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;pointer-events:none;z-index:2;box-shadow:
  100px 200px rgba(167,139,255,.6), 320px 80px rgba(255,255,255,.5), 540px 280px rgba(167,139,255,.4),
  -180px 140px rgba(255,255,255,.5), -360px 320px rgba(167,139,255,.5), -520px 60px rgba(255,255,255,.4),
  220px -180px rgba(192,255,58,.4), -240px -220px rgba(167,139,255,.6), 460px -120px rgba(255,255,255,.4),
  -480px -80px rgba(255,255,255,.5), 80px 380px rgba(167,139,255,.4), -100px -340px rgba(255,255,255,.5);
  top:30%;left:50%;opacity:.7;animation:starDrift 12s ease-in-out infinite}
.hero::after{animation-delay:-6s;animation-duration:18s;opacity:.5;transform:translate(-200px,100px) scale(.7)}
@keyframes starDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-30px)}}

.hero-stack{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:36px;max-width:1100px;margin-bottom:80px}

/* legacy classes kept */
.tag{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--ink-2);backdrop-filter:blur(12px)}
.tag .ind{width:22px;height:22px;border-radius:50%;background:rgba(192,255,58,.12);display:flex;align-items:center;justify-content:center}
.tag .ind::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 1.8s ease-in-out infinite}
.meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.06em;line-height:1.7;text-align:right}
.meta b{color:var(--ink);font-weight:500}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

.hero-title{font-size:clamp(42px,7vw,108px);line-height:1.04;letter-spacing:-.04em;font-weight:500;font-feature-settings:"ss01";max-width:16ch;margin:0 auto;color:var(--ink);perspective:1000px}
.hero-line-1,.hero-line-2{display:block}
.hero-line-1{opacity:0;animation:lineIn 1.1s var(--ease-out) forwards .25s}
.hero-line-2{opacity:0;animation:lineIn 1.1s var(--ease-out) forwards .55s;color:var(--ink-3)}
.hero-line-2 .serif{color:var(--vio-2);margin-inline:.08em}
@keyframes lineIn{from{opacity:0;transform:translateY(20px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.hero-title .ac{background:linear-gradient(120deg,#c4b5ff 20%,#fff 50%,#c4b5ff 80%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;animation:shimmer 5s ease-in-out infinite;font-style:italic}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* cinematic word morph (slide-up + blur fade) */
.hero-type{display:inline-block;position:relative;font-weight:500;font-style:italic;font-family:var(--font-serif);min-width:5ch;vertical-align:baseline;text-align:start}
.hero-type-text{display:inline-block;background:linear-gradient(120deg,var(--vio-2) 10%,#fff 50%,var(--vio-3) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;animation:shimmer 5s ease-in-out infinite;white-space:nowrap;will-change:transform,opacity,filter;transition:opacity .45s var(--ease-out),transform .55s var(--ease-out),filter .45s var(--ease-out)}
.hero-type-text.morph-out{opacity:0;transform:translateY(-18px);filter:blur(6px)}
.hero-type-text.morph-in{opacity:0;transform:translateY(18px);filter:blur(6px)}
.hero-caret{display:inline-block;width:2px;height:.78em;background:var(--vio-2);margin-inline-start:.08em;vertical-align:middle;animation:caret 1.1s steps(2) infinite;box-shadow:0 0 16px var(--vio-2);border-radius:2px}
@keyframes caret{50%{opacity:0}}

.hero-sub{font-size:clamp(15px,1.15vw,18px);color:var(--ink-2);max-width:560px;line-height:1.6;opacity:0;animation:lineIn 1s var(--ease-out) forwards .85s}
.hero-actions{display:flex;gap:12px;align-items:center;justify-content:center;opacity:0;animation:lineIn 1s var(--ease-out) forwards 1.05s;flex-wrap:wrap}

/* primary button — glowing hover */
.btn-primary{position:relative}
.btn-primary::before{content:"";position:absolute;inset:-2px;border-radius:999px;background:linear-gradient(120deg,var(--vio),var(--vio-3),var(--vio));background-size:200% 100%;opacity:0;transition:opacity .35s;filter:blur(8px);z-index:-1;animation:shimmer 4s linear infinite}
.btn-primary:hover::before{opacity:.5}

.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:999px;font-size:14px;font-weight:500;transition:transform .35s var(--ease-spring),background .25s,color .25s,box-shadow .35s;position:relative;will-change:transform}
.btn-primary{background:var(--ink);color:var(--bg)}
.btn-primary:hover{transform:scale(1.04);box-shadow:0 12px 40px -8px rgba(245,245,247,.3)}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--line-2);backdrop-filter:blur(12px)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn .arr{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.1);font-size:10px;transition:transform .35s var(--ease)}
.btn-ghost .arr{background:rgba(255,255,255,.1)}
.btn:hover .arr{transform:rotate(-45deg) scale(1.1)}

.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:0;margin-top:0;width:100%;max-width:1100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:3;opacity:0;animation:lineIn 1s var(--ease-out) forwards 1s}
@media(max-width:680px){.metrics{grid-template-columns:repeat(2,1fr)}}
.metric{display:flex;flex-direction:column;gap:6px;padding:32px 24px;background:var(--bg);text-align:center;align-items:center}
.metric b{font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-.025em;color:var(--ink);font-feature-settings:"tnum";line-height:1}
.metric span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}

.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-3);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:3;opacity:0;animation:rise 1s var(--ease-out) forwards 1.6s}
.scroll-cue:hover{color:var(--ink-2)}
.scroll-cue::after{content:"";width:1px;height:40px;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent);animation:cueLine 2.4s ease-in-out infinite}
@keyframes cueLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* band */
.band{padding:22px 0;background:var(--bg-2);overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:3}
.band-track{display:flex;gap:56px;white-space:nowrap;align-items:center;animation:scroll 38s linear infinite;will-change:transform}
.band-item{display:flex;align-items:center;gap:56px;font-size:17px;color:var(--ink-2);flex-shrink:0}
.band-item .x{color:var(--vio);font-size:14px;opacity:.7}
@keyframes scroll{to{transform:translateX(-50%)}}

/* manifesto */
.manifesto{padding:clamp(140px,18vw,240px) 0;background:var(--bg);text-align:center;position:relative}
.manifesto-body{font-size:clamp(28px,4.4vw,64px);line-height:1.12;letter-spacing:-.028em;font-weight:400;max-width:1080px;margin:0 auto;color:var(--ink-4)}
.manifesto-body .w{display:inline-block;transition:color .5s var(--ease),opacity .5s var(--ease)}
.manifesto-body .w.lit{color:var(--ink);opacity:1}
.manifesto-body em{font-family:var(--font-serif);font-style:italic;font-weight:400;background:linear-gradient(120deg,var(--vio-2),#fff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* capabilities */
.cap{padding:clamp(80px,10vw,140px) 0 clamp(140px,16vw,200px);background:var(--bg);position:relative}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:72px;flex-wrap:wrap}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:980px){.cap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cap-grid{grid-template-columns:1fr}}

.card{position:relative;overflow:hidden;padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;justify-content:space-between;transition:transform .6s var(--ease-out),border-color .4s,background .4s,box-shadow .5s;min-height:240px}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(124,92,255,.18),transparent 50%);opacity:0;transition:opacity .4s;pointer-events:none}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(167,139,255,.4),transparent 40%);-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 .4s;pointer-events:none}
.card:hover{transform:translateY(-6px);border-color:var(--line-2);box-shadow:0 30px 80px -30px rgba(124,92,255,.4)}
.card:hover::before{opacity:1}
.card:hover::after{opacity:1}
.card .num{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);transition:color .35s}
.card:hover .num{color:var(--vio-2)}
.card h3{margin:14px 0 8px;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.card p{font-size:14px;color:var(--ink-2);line-height:1.5}
.card-tagline{margin-top:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--vio-2);text-transform:uppercase}

/* AI section */
.ai-sec{padding:clamp(100px,12vw,160px) 0 clamp(140px,15vw,200px);background:var(--bg);position:relative;overflow:hidden}
.ai-sec::before{content:"";position:absolute;top:30%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(124,92,255,.12),transparent 60%);filter:blur(80px);pointer-events:none}
.ai-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;margin-top:72px}
@media(max-width:1000px){.ai-grid{grid-template-columns:1fr;gap:40px}}

.term{background:#08080b;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 60px 120px -30px rgba(124,92,255,.25),0 30px 60px rgba(0,0,0,.6);position:relative}
.term-bar{display:flex;align-items:center;gap:6px;padding:14px 18px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--line)}
.term-bar i{width:11px;height:11px;border-radius:50%}
.term-bar i:nth-child(1){background:#ff5f57}.term-bar i:nth-child(2){background:#febc2e}.term-bar i:nth-child(3){background:#28c840}
.term-bar .f{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}
.term-body{padding:28px;font-family:var(--font-mono);font-size:12.5px;line-height:1.95;color:var(--ink-2);min-height:330px}
.term-body .l{opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
.term-body .l.in{opacity:1;transform:translateY(0)}
.term-body .p{color:#c4b5ff}.term-body .ok{color:var(--lime)}.term-body .wn{color:#fbbf24}.term-body .hl{color:#ff8ec4}.term-body .dim{color:var(--ink-3)}
.cur-bar{display:inline-block;width:7px;height:13px;background:var(--lime);vertical-align:middle;animation:blnk 1.1s steps(2) infinite;margin-left:3px}
@keyframes blnk{50%{opacity:0}}

.ai-list{display:flex;flex-direction:column;gap:10px}
.ai-feat{padding:22px 24px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--line);display:grid;grid-template-columns:46px 1fr 20px;gap:18px;align-items:center;transition:all .4s var(--ease);cursor:pointer}
.ai-feat:hover{background:rgba(255,255,255,.05);border-color:var(--line-2);transform:translateX(6px)}
.ai-feat .ico{width:46px;height:46px;border-radius:14px;background:rgba(124,92,255,.14);border:1px solid rgba(124,92,255,.2);display:flex;align-items:center;justify-content:center;color:var(--vio-2);font-size:18px}
.ai-feat h4{font-size:15.5px;font-weight:500;margin-bottom:3px}
.ai-feat p{font-size:13px;color:var(--ink-2)}
.ai-feat .arr{color:var(--ink-3);transition:transform .3s,color .3s}
.ai-feat:hover .arr{color:var(--vio-2);transform:translateX(4px)}

/* work */
.work{padding:clamp(120px,15vw,180px) 0;background:var(--bg-2);position:relative}
.tabs{display:inline-flex;padding:5px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;margin-bottom:48px;gap:4px;flex-wrap:wrap;max-width:100%}
.tab{padding:10px 18px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--ink-2);transition:all .35s var(--ease-spring)}
.tab.on{background:var(--ink);color:var(--bg)}
.work-frame{position:relative;background:#000;overflow:hidden;border-radius:var(--r);box-shadow:0 60px 120px -40px rgba(0,0,0,.6),0 0 0 1px var(--line);transition:opacity .4s}
.work-frame .top{display:flex;align-items:center;gap:8px;padding:14px 20px;background:#0a0a0d;border-bottom:1px solid var(--line)}
.work-frame .top i{width:10px;height:10px;border-radius:50%}
.work-frame .top i:nth-child(1){background:#ff5f57}.work-frame .top i:nth-child(2){background:#febc2e}.work-frame .top i:nth-child(3){background:#28c840}
.work-frame .url{margin:0 16px;flex:1;padding:6px 14px;background:rgba(255,255,255,.05);border-radius:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--vio-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.work-frame .open{padding:6px 14px;background:rgba(255,255,255,.08);border-radius:999px;font-size:11px;color:var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;transition:background .3s}
.work-frame .open:hover{background:var(--vio)}
.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.work-toolbar .tabs{margin-bottom:0}
.device-switch{display:inline-flex;padding:4px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;gap:2px}
.device-switch button{width:34px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;color:var(--ink-3);transition:all .25s}
.device-switch button:hover{color:var(--ink)}
.device-switch button.on{background:var(--ink);color:var(--bg)}

.work-stage{background:#0a0a10;padding:0;transition:padding .4s var(--ease)}
.work-frame[data-device="phone"] .work-stage{padding:32px 0;background:linear-gradient(180deg,#0a0a10,#0d0d18)}
.work-frame[data-device="phone"] .work-iframe-wrap{width:min(380px,86%);margin:0 auto;border-radius:36px;border:8px solid #1a1a22;box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04) inset}
.work-frame[data-device="phone"] .work-iframe-wrap iframe{border-radius:28px}
.work-frame[data-device="phone"] .work-iframe-wrap{height:680px}
.work-frame iframe{width:100%;height:620px;border:0;display:block;background:#fff;transition:opacity .35s}
.work-iframe-wrap{position:relative;height:620px;background:#0a0a10;overflow:hidden;transition:all .4s var(--ease)}
.work-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.work-fallback-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s var(--ease);filter:saturate(.92) contrast(1.05)}
.work-fallback-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:200px;font-weight:500;color:var(--vio-2);background:linear-gradient(135deg,#1a1233,#0a0517)}
.work-fallback-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,6,12,.5) 65%,rgba(6,6,12,.95) 100%);pointer-events:none}
.work-fallback-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:48px 32px;width:100%}
.work-fallback-content .eyebrow{color:var(--vio-2)}
.work-fallback-content h4{font-size:clamp(24px,3vw,40px);font-weight:500;letter-spacing:-.022em;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.work-fallback-content .btn-primary{margin-top:6px}
@media(max-width:820px){.work-iframe-wrap{height:420px}.work-frame[data-device="phone"] .work-iframe-wrap{height:560px;width:min(320px,82%)}.work-frame .url{font-size:10.5px;margin:0 8px;padding:5px 10px}.work-frame .open{padding:5px 10px;font-size:10px}.work-fallback-mark{font-size:120px}}
@media(max-width:480px){.work-iframe-wrap{height:340px}.work-frame[data-device="phone"] .work-iframe-wrap{height:480px;width:min(280px,82%);border-radius:30px;border-width:6px}.work-frame .top{padding:10px 12px;gap:6px}.work-frame .top i{width:8px;height:8px}.work-fallback-content{padding:32px 18px;gap:12px}}
.work-meta{display:flex;justify-content:space-between;align-items:center;margin-top:32px;flex-wrap:wrap;gap:16px}
.work-meta h3{font-size:22px;font-weight:500;margin-bottom:4px}
.work-meta p{font-size:14px;color:var(--ink-2)}

/* project cards */
.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:980px){.grid-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid-cards{grid-template-columns:1fr}}
.proj-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .3s}
.proj-card:hover{transform:translateY(-4px);border-color:var(--line-2)}
.proj-card img{width:100%;height:220px;object-fit:cover;background:#0a0a10}
.proj-card-fallback{width:100%;height:220px;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:500;background:linear-gradient(135deg,#1a1233,#0a0517);color:var(--vio-2)}
.proj-card-body{padding:24px}
.proj-card-body .num{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}
.proj-card-body h4{margin:10px 0 8px;font-size:20px;font-weight:500;letter-spacing:-.018em}
.proj-card-body p{font-size:13.5px;color:var(--ink-2);line-height:1.5}
.proj-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.proj-stack span{font-family:var(--font-mono);font-size:10.5px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.04);color:var(--ink-2);border:1px solid var(--line)}

.proj-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:48px 0;margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:680px){.proj-meta{grid-template-columns:repeat(2,1fr)}}
.proj-meta h5{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;margin-bottom:8px}
.proj-meta p{font-size:15px;color:var(--ink)}
.proj-body{margin-top:60px;max-width:760px}
.proj-body p{color:var(--ink-2);font-size:17px;line-height:1.7}

.back-link{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;display:inline-block;padding:6px 0;transition:color .3s}
.back-link:hover{color:var(--ink)}

/* process */
.proc{background:var(--bg);padding:clamp(120px,14vw,180px) 0;position:relative}
.proc-list{margin-top:60px;border-top:1px solid var(--line)}
.proc-row{display:grid;grid-template-columns:90px 1fr 1fr 60px;gap:32px;padding:36px 0;border-bottom:1px solid var(--line);align-items:center;position:relative;transition:padding .5s var(--ease)}
.proc-row::before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,rgba(124,92,255,.12),transparent 60%);transition:width .6s var(--ease);pointer-events:none}
.proc-row:hover::before{width:100%}
.proc-row>*{position:relative;z-index:1}
.proc-row:hover{padding-left:20px}
.proc-num{font-family:var(--font-mono);font-size:13px;color:var(--vio-2);letter-spacing:.12em}
.proc-name{font-size:clamp(28px,3.2vw,42px);font-weight:500;letter-spacing:-.028em;line-height:1}
.proc-desc{color:var(--ink-2);font-size:14.5px;line-height:1.5;max-width:480px}
.proc-arr{justify-self:end;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-2);transition:all .4s var(--ease-spring);background:rgba(255,255,255,.02)}
.proc-row:hover .proc-arr{background:#fff;color:#000;border-color:#fff;transform:rotate(-45deg) scale(1.1)}
@media(max-width:800px){.proc-row{grid-template-columns:60px 1fr 40px;gap:20px}.proc-desc{display:none}}

/* testi */
.testi{padding:clamp(80px,10vw,140px) 0;background:var(--bg)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
@media(max-width:980px){.testi-grid{grid-template-columns:1fr}}
.testi-card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.testi-card blockquote{font-family:var(--font-serif);font-style:italic;font-size:22px;line-height:1.3;color:var(--ink);margin-bottom:20px}
.testi-card figcaption{font-size:13px;color:var(--ink-2)}
.testi-card figcaption b{color:var(--ink);font-weight:500}

/* booking choice */
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
@media(max-width:820px){.choice-grid{grid-template-columns:1fr}}
.choice-card{position:relative;padding:48px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .6s var(--ease-out),border-color .4s}
.choice-card:hover{transform:translateY(-6px);border-color:rgba(124,92,255,.4)}
.choice-card .num{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--vio-2);text-transform:uppercase}
.choice-card h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.022em;line-height:1.05}
.choice-card p{color:var(--ink-2);max-width:380px;font-size:15px;line-height:1.5;margin-top:14px}
.choice-foot{margin-top:48px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.choice-foot .arr{width:36px;height:36px;border-radius:50%;background:rgba(124,92,255,.16);display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease-spring),background .3s}
.choice-card:hover .choice-foot .arr{background:var(--vio);transform:translateX(6px)}
.choice-glow{position:absolute;inset:auto -40% -60% auto;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.25),transparent 60%);filter:blur(60px);opacity:0;transition:opacity .6s}
.choice-card:hover .choice-glow{opacity:1}
.choice-meta{margin-top:60px;text-align:center;font-size:14px;color:var(--ink-2)}
.choice-meta a{color:var(--vio-2);border-bottom:1px solid transparent;transition:border .3s}
.choice-meta a:hover{border-color:var(--vio-2)}

/* booking form */
/* ============ booking showcase strip ============ */
.bk-showcase{position:relative;padding:clamp(60px,8vw,100px) 0 clamp(40px,5vw,60px);overflow:hidden;background:radial-gradient(ellipse 100% 70% at 50% 0%,rgba(124,92,255,.08),transparent 60%),var(--bg)}
.bk-showcase-bg{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle 600px at 20% 30%,rgba(124,92,255,.12),transparent 50%),
  radial-gradient(circle 500px at 80% 70%,rgba(192,255,58,.05),transparent 50%);
  filter:blur(40px);z-index:0}
.bk-showcase>.wrap{position:relative;z-index:2}

.bk-showcase-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px;flex-wrap:wrap}
.bk-showcase-title{font-size:clamp(28px,3.6vw,52px);line-height:1.05;letter-spacing:-.025em;font-weight:500;margin-top:14px;max-width:680px}
.bk-showcase-title span{display:block}
.bk-showcase-title .serif{color:var(--vio-2)}
.bk-showcase-meta{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
@media(max-width:760px){.bk-showcase-meta{align-items:flex-start;width:100%}}
.bk-showcase-stat{text-align:right;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase}
.bk-showcase-stat b{display:block;font-family:var(--font);font-size:clamp(32px,3vw,44px);font-weight:500;letter-spacing:-.025em;color:var(--ink);margin-bottom:4px;font-feature-settings:"tnum"}
@media(max-width:760px){.bk-showcase-stat{text-align:left}}
.bk-showcase-dots{display:inline-flex;gap:6px;padding:4px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px}
.bk-showcase-dot{width:22px;height:6px;border-radius:99px;background:rgba(255,255,255,.12);transition:all .4s var(--ease-spring)}
.bk-showcase-dot:hover{background:rgba(255,255,255,.25)}
.bk-showcase-dot.on{background:var(--vio-2);width:42px;box-shadow:0 0 12px rgba(167,139,255,.6)}

/* slide stage */
.bk-showcase-stage{position:relative;height:clamp(420px,52vw,640px);overflow:hidden;border-radius:24px;perspective:1400px}
.bk-showcase-track{position:relative;width:100%;height:100%}
.bk-showcase-slide{position:absolute;inset:0;opacity:0;transform:translateX(40px) scale(.96);transition:opacity .8s var(--ease-out),transform 1s var(--ease-out);pointer-events:none}
.bk-showcase-slide.on{opacity:1;transform:translateX(0) scale(1);pointer-events:auto;z-index:2}
.bk-showcase-slide.out-left{opacity:0;transform:translateX(-40px) scale(.96)}

.bk-showcase-card{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;height:100%;align-items:stretch}
@media(max-width:880px){.bk-showcase-card{grid-template-columns:1fr;gap:18px}}

.bk-showcase-frame{position:relative;background:#000;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 50px 100px -30px rgba(124,92,255,.35),0 30px 60px -10px rgba(0,0,0,.6);transform-style:preserve-3d}
.bk-showcase-frame-top{display:flex;align-items:center;gap:8px;padding:12px 18px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--line)}
.bk-showcase-frame-top i{width:10px;height:10px;border-radius:50%}
.bk-showcase-frame-top i:nth-child(1){background:#ff5f57}.bk-showcase-frame-top i:nth-child(2){background:#febc2e}.bk-showcase-frame-top i:nth-child(3){background:#28c840}
.bk-showcase-url{margin-left:14px;padding:5px 12px;background:rgba(255,255,255,.04);border-radius:8px;font-family:var(--font-mono);font-size:11px;color:var(--vio-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
html[dir="rtl"] .bk-showcase-url{margin-left:0;margin-right:14px}
/* live iframe + skeleton + fallback overlay */
.bk-showcase-open{margin-left:auto;color:var(--ink-2);font-family:var(--font-mono);font-size:12px;padding:3px 8px;border-radius:6px;transition:all .25s}
.bk-showcase-open:hover{background:rgba(255,255,255,.08);color:var(--ink)}
html[dir="rtl"] .bk-showcase-open{margin-left:0;margin-right:auto}

.bk-showcase-iframe-wrap{position:relative;width:100%;height:calc(100% - 42px);overflow:hidden;background:#fff;isolation:isolate}
.bk-showcase-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#fff;z-index:1;opacity:0;transition:opacity .6s var(--ease-out)}
.bk-showcase-slide.iframe-ok .bk-showcase-iframe{opacity:1}

/* loading skeleton — animated shimmer while iframe loads */
.bk-showcase-skeleton{position:absolute;inset:0;background:linear-gradient(135deg,#0e0a20,#1a1233);z-index:2;display:flex;align-items:center;justify-content:center;transition:opacity .5s var(--ease)}
.bk-showcase-skeleton-bar{width:60%;max-width:280px;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(167,139,255,.1) 0%,rgba(167,139,255,.6) 50%,rgba(167,139,255,.1) 100%);background-size:200% 100%;animation:shimSkel 1.4s ease-in-out infinite}
@keyframes shimSkel{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* fallback when embed is blocked — sits on top of iframe, opaque */
.bk-showcase-fallback{position:absolute;inset:0;z-index:5;background:linear-gradient(135deg,#1a1233,#0a0517);overflow:hidden;display:flex;align-items:center;justify-content:center}
.bk-showcase-fallback[hidden]{display:none !important}
.bk-showcase-fallback-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05);transition:transform 8s var(--ease-out)}
.bk-showcase-slide.iframe-blocked.on .bk-showcase-fallback-img{transform:scale(1.06)}
.bk-showcase-img-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:160px;font-weight:500;color:var(--vio-2)}
.bk-showcase-fallback-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,6,12,.5) 65%,rgba(6,6,12,.95) 100%);pointer-events:none}
.bk-showcase-fallback-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:32px 24px;width:100%}
.bk-showcase-fallback-content .eyebrow{color:var(--vio-2)}
.bk-showcase-fallback-content h4{font-size:clamp(22px,2.6vw,32px);font-weight:500;letter-spacing:-.02em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.5)}
.bk-showcase-fallback-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;background:#fff;color:#000;font-weight:500;font-size:13px;margin-top:4px;transition:transform .3s var(--ease-spring),box-shadow .3s}
.bk-showcase-fallback-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px -10px rgba(255,255,255,.4)}

.bk-showcase-gloss{position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.06),transparent);transform:rotate(20deg);animation:gloss 7s ease-in-out infinite;pointer-events:none;z-index:6}
@keyframes gloss{0%,100%{left:-100%}50%{left:160%}}

.bk-showcase-info{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:0 4px}
.bk-showcase-info-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--vio-2);text-transform:uppercase}
.bk-showcase-info h3{font-size:clamp(28px,3.4vw,44px);line-height:1.04;letter-spacing:-.028em;font-weight:500;color:var(--ink)}
.bk-showcase-info p{font-size:15px;color:var(--ink-2);line-height:1.55;max-width:380px}
.bk-showcase-visit{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 18px;border:1px solid var(--line-2);border-radius:999px;font-size:13px;font-weight:500;color:var(--ink);width:max-content;transition:all .3s var(--ease)}
.bk-showcase-visit:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-2px)}
.bk-showcase-visit .arr{transition:transform .3s var(--ease)}
.bk-showcase-visit:hover .arr{transform:translate(2px,-2px)}

/* marquee strip */
.bk-showcase-marquee{margin-top:48px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.bk-showcase-marquee-track{display:flex;gap:36px;white-space:nowrap;align-items:center;animation:scroll 38s linear infinite;width:max-content;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;color:var(--ink-2);text-transform:uppercase}
.bk-showcase-marquee-track .x{color:var(--vio);opacity:.6}

/* cta */
.bk-showcase-cta{margin-top:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:24px 0}
.bk-showcase-cta p{font-size:clamp(16px,1.6vw,22px);color:var(--ink);font-weight:400;letter-spacing:-.014em;max-width:480px}
.bk-showcase-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:500;font-size:14px;transition:transform .35s var(--ease-spring),box-shadow .35s}
.bk-showcase-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px rgba(245,245,247,.4)}
.bk-showcase-btn .arr{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.1);font-size:11px;transition:transform .35s}
.bk-showcase-btn:hover .arr{transform:translateY(2px)}

@media(max-width:560px){
  .bk-showcase{padding:48px 0 32px}
  .bk-showcase-head{margin-bottom:32px;gap:24px}
  .bk-showcase-stage{height:auto;min-height:480px}
  .bk-showcase-card{height:auto}
  .bk-showcase-info{padding:18px 0}
  .bk-showcase-cta{flex-direction:column;align-items:flex-start;gap:18px}
  .bk-showcase-btn{width:100%;justify-content:center}
}

/* booking page layout */
.book-hero{padding-bottom:48px}
.book-sec{padding-bottom:clamp(80px,12vw,140px)}
.book-grid{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:flex-start}
@media(max-width:980px){.book-grid{grid-template-columns:1fr;gap:32px}}
.book-aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:96px}
@media(max-width:980px){.book-aside{position:static}}
.book-aside-card{padding:24px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:20px}
.book-aside-card .eyebrow{margin-bottom:14px;display:flex}
.book-aside-card-quiet{background:rgba(255,255,255,.02)}
.book-aside-card p{font-size:14px;color:var(--ink-2);line-height:1.55}
.book-list{list-style:none;display:flex;flex-direction:column;gap:14px}
.book-list li{position:relative;padding-left:24px;font-size:14px;color:var(--ink-2);line-height:1.5}
.book-list li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:rgba(124,92,255,.18);border:1px solid rgba(167,139,255,.5);box-shadow:0 0 8px rgba(124,92,255,.4)}
html[dir="rtl"] .book-list li{padding-left:0;padding-right:24px}
html[dir="rtl"] .book-list li::before{left:auto;right:0}

.book-trust{display:flex;flex-wrap:wrap;gap:8px}
.book-trust-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--ink-2);transition:all .25s;font-family:var(--font-mono);letter-spacing:.02em}
.book-trust-pill svg{color:var(--vio-2)}
.book-trust-pill:hover{background:rgba(124,92,255,.1);border-color:rgba(124,92,255,.3);color:var(--ink)}

.book-form-wrap{min-width:0}

.bk-form{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:24px;padding:clamp(28px,4vw,40px);position:relative;overflow:hidden}
.bk-form::before{content:"";position:absolute;top:-1px;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,255,.4),transparent)}
.bk-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:680px){.bk-grid{grid-template-columns:1fr}}
.bk-field{display:flex;flex-direction:column;gap:8px}
.bk-field.bk-full{grid-column:1/-1}
.bk-field .lbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.bk-field .lbl em{color:var(--vio-2);font-style:normal}
.fld{width:100%;padding:14px 16px;border-radius:14px;background:rgba(0,0,0,.4);border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:14px;transition:border-color .3s,background .3s;outline:none}
.fld:focus{border-color:var(--vio);background:rgba(124,92,255,.04)}
.fld::placeholder{color:var(--ink-3)}
textarea.fld{resize:vertical;min-height:90px;font-family:inherit}
.bk-checkrow{flex-direction:row;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2)}
.fld-check{width:18px;height:18px;accent-color:var(--vio)}
.bk-submit{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bk-meta{font-size:12.5px;color:var(--ink-3)}
.bk-meta a{color:var(--vio-2)}
.bk-error,.err{color:#ff8ec4;font-size:12.5px}
.hint{font-size:11.5px;color:var(--ink-3);font-family:var(--font-mono)}

/* thanks page */
.thanks-sec{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:140px 0 80px;position:relative;overflow:hidden}
.check{width:84px;height:84px;border-radius:50%;background:rgba(192,255,58,.1);border:1px solid rgba(192,255,58,.3);display:inline-flex;align-items:center;justify-content:center;color:var(--lime)}
.check svg{width:48px;height:48px}

/* footer */
/* ============ footer ============ */
.foot{padding:80px 0 32px;background:linear-gradient(180deg,var(--bg) 0%,#08080f 80%);border-top:1px solid var(--line);position:relative;overflow:hidden}
.foot-aurora{position:absolute;bottom:-50%;left:50%;transform:translateX(-50%);width:120%;height:100%;background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(124,92,255,.22),transparent 65%);pointer-events:none;z-index:0;filter:blur(20px)}
.foot>.wrap{position:relative;z-index:2}

/* status strip */
.foot-status{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:18px 24px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:64px}
.foot-status-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-3);text-transform:none}
.foot-status-item b{color:var(--ink);font-weight:500}
.foot-status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:pulse 1.8s ease-in-out infinite;flex-shrink:0}
@media(max-width:680px){.foot-status{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}}

.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;margin-bottom:56px}
@media(max-width:880px){.foot-grid{grid-template-columns:1fr 1fr;gap:40px 32px}}
@media(max-width:480px){.foot-grid{grid-template-columns:1fr;gap:32px}}
.foot-logo span{font-size:22px;letter-spacing:-.02em;font-weight:600}
.foot-logo img{width:48px;height:48px}
.foot-brand p{font-size:14px;color:var(--ink-2);line-height:1.6;max-width:360px;margin:18px 0 22px}
.foot-socials{display:flex;flex-direction:column;gap:8px}
.foot-social{display:inline-flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--ink-2);width:max-content;max-width:100%;transition:all .3s var(--ease);position:relative;overflow:hidden}
.foot-social::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(167,139,255,.12),transparent);transform:translateX(-100%);transition:transform .6s var(--ease)}
.foot-social:hover::before{transform:translateX(100%)}
.foot-social svg{color:var(--vio-2);flex-shrink:0;position:relative;z-index:1}
.foot-social span{position:relative;z-index:1}
.foot-social:hover{background:rgba(124,92,255,.1);border-color:rgba(124,92,255,.35);color:var(--ink);transform:translateY(-1px)}
.foot-col h5{font-size:10.5px;font-family:var(--font-mono);letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.foot-col h5::before{content:"";width:18px;height:1px;background:var(--vio-2);opacity:.5}
.foot-col a{display:block;font-size:14px;color:var(--ink-2);padding:6px 0;transition:color .25s,transform .35s var(--ease);position:relative;width:max-content;max-width:100%}
.foot-col a::after{content:"";position:absolute;left:0;bottom:2px;height:1px;width:0;background:var(--vio-2);transition:width .35s var(--ease)}
.foot-col a:hover{color:var(--ink)}
.foot-col a:hover::after{width:100%}

.foot-bot{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:11px;color:var(--ink-3);flex-wrap:wrap;gap:14px;letter-spacing:.04em}
.foot-top{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;transition:all .3s}
.foot-top:hover{background:rgba(124,92,255,.12);border-color:rgba(124,92,255,.3);color:var(--ink);transform:translateY(-2px)}

/* ============ hero wordmark ============ */
.foot-mega{position:relative;margin-top:48px;pointer-events:none;user-select:none;text-align:center;line-height:.78;overflow:hidden}
.foot-mega-text{display:inline-block;font-size:clamp(96px,24vw,360px);font-weight:700;letter-spacing:-.06em;line-height:.78;background:linear-gradient(180deg,rgba(167,139,255,.55) 0%,rgba(124,92,255,.18) 45%,transparent 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(167,139,255,.22);background-size:100% 200%;animation:megaGlow 8s ease-in-out infinite;will-change:transform,opacity}
.foot-mega::after{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(180deg,transparent,#08080f);pointer-events:none}
@keyframes megaGlow{0%,100%{background-position:50% 0%;filter:drop-shadow(0 0 40px rgba(124,92,255,.18))}50%{background-position:50% 100%;filter:drop-shadow(0 0 80px rgba(124,92,255,.35))}}
@media(max-width:560px){.foot-mega{margin-top:32px}}

/* cta */
.cta{background:var(--bg);padding:clamp(120px,14vw,180px) 0}
.cta-box{position:relative;padding:clamp(60px,10vw,120px) clamp(40px,6vw,80px);background:linear-gradient(180deg,#1a1233,#0a0517);border:1px solid rgba(124,92,255,.2);border-radius:var(--r-lg);text-align:center;overflow:hidden}
.cta-box::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(124,92,255,.4),transparent 70%);pointer-events:none}
.cta-box>*{position:relative;z-index:2}
.cta-h{font-size:clamp(44px,7vw,108px);line-height:.95;letter-spacing:-.04em;font-weight:500;margin:24px 0}
.cta-box p{font-size:clamp(16px,1.3vw,19px);color:var(--ink-2);max-width:520px;margin:0 auto 40px}
.cta-contact{display:flex;justify-content:center;gap:36px;margin-top:48px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}
.cta-contact a:hover{color:var(--ink)}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ============================================================
   i18n — language switcher + Arabic / RTL support
   ============================================================ */

/* language switcher (compact pill) */
.lang-switch{position:relative;display:inline-flex;align-items:center;padding:3px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.lang-switch::before{content:"";position:absolute;top:3px;bottom:3px;left:var(--lang-x,3px);width:var(--lang-w,38px);background:var(--ink);border-radius:999px;transition:left .35s var(--ease-spring),width .35s var(--ease-spring);z-index:0}
.lang-btn{position:relative;z-index:1;font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--ink-3);padding:5px 10px;border-radius:999px;transition:color .25s;min-width:34px;text-align:center}
.lang-btn:hover{color:var(--ink)}
.lang-btn.on{color:var(--bg)}
@media(max-width:880px){.lang-switch{padding:2px}.lang-btn{padding:4px 8px;font-size:10px;min-width:30px}.lang-switch::before{top:2px;bottom:2px}}
@media(max-width:380px){.lang-btn{padding:4px 6px;font-size:9.5px;min-width:26px;letter-spacing:.04em}}

/* Arabic typography — use Cairo (sans) + Amiri (serif) when in AR mode */
html[lang="ar"]{font-family:'Cairo','Geist',-apple-system,sans-serif;letter-spacing:0}
html[lang="ar"] .serif{font-family:'Amiri','Instrument Serif',Georgia,serif;font-style:normal}
html[lang="ar"] .eyebrow,
html[lang="ar"] .num,
html[lang="ar"] .nav-cta,
html[lang="ar"] .btn,
html[lang="ar"] .lang-btn{letter-spacing:.04em}

/* RTL layout flips */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .eyebrow{flex-direction:row-reverse}
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .cta-contact,
html[dir="rtl"] .choice-foot{flex-direction:row-reverse}
html[dir="rtl"] .arr{transform:scaleX(-1)}
html[dir="rtl"] .btn .arr,
html[dir="rtl"] .nav-cta .arr,
html[dir="rtl"] .proc-arr{transform:scaleX(-1)}
html[dir="rtl"] .nav-links{flex-direction:row-reverse}
html[dir="rtl"] .foot-grid,
html[dir="rtl"] .foot-bot{direction:rtl}
html[dir="rtl"] .meta{text-align:right}
html[dir="rtl"] .lead,
html[dir="rtl"] .hero-sub,
html[dir="rtl"] .cta-box p{margin-left:auto;margin-right:0}
html[dir="rtl"] .scroll-cue{left:auto;right:32px}
html[dir="rtl"] .band-track{animation-direction:reverse}
html[dir="rtl"] .back-link{display:inline-block}

/* Keep code/terminal block LTR even in RTL mode */
html[dir="rtl"] .term,
html[dir="rtl"] .term-body,
html[dir="rtl"] .term-bar,
html[dir="rtl"] .url,
html[dir="rtl"] [data-count],
html[dir="rtl"] .metric b,
html[dir="rtl"] .proc-num,
html[dir="rtl"] code, html[dir="rtl"] pre{direction:ltr;text-align:left;unicode-bidi:isolate}

/* ============================================================
   Final responsive polish + small-screen overrides
   ============================================================ */
@media(max-width:880px){
  .hero{min-height:auto;padding:120px 0 50px}
  .hero-stack{gap:26px;margin-bottom:60px}
  .hero-title{font-size:clamp(40px,9vw,72px);max-width:18ch}
  .hero-actions{width:100%}
  .hero-actions .btn{flex:1 1 auto;justify-content:center;min-width:140px}
  .hero-tag{font-size:11.5px;flex-wrap:wrap;justify-content:center}
  .sec-head{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:48px}
  .sec-head .lead{max-width:100%}
  .ai-feat{grid-template-columns:42px 1fr 18px;gap:14px;padding:18px 18px}
  .work-meta{flex-direction:column;align-items:flex-start}
  .work-meta .btn-ghost{width:100%;justify-content:center}
  .testi-card{padding:24px}
  .testi-card blockquote{font-size:19px}
  .choice-card{padding:32px;min-height:auto}
  .choice-foot{margin-top:32px}
  .cta-box{padding:48px 24px}
  .scroll-cue{display:none}
}
@media(max-width:560px){
  .hero{padding:104px 0 40px}
  .hero-stack{gap:22px;margin-bottom:48px}
  .hero-title{font-size:clamp(34px,11vw,56px)}
  .hero-tag-sep,.hero-tag span:last-child{display:none}
  .wrap,.wrap-n{padding:0 18px}
  .tag{font-size:11px;padding:6px 12px 6px 6px}
  .band-item{gap:36px;font-size:14.5px}
  .band-track{gap:36px}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .metric{padding:24px 16px}
  .metric b{font-size:26px}
  .tabs{padding:4px;margin-bottom:32px}
  .tab{padding:8px 12px;font-size:11.5px}
  .proc-row{padding:24px 0;gap:14px}
  .proc-name{font-size:24px}
  .proc-arr{width:34px;height:34px}
  .btn{padding:12px 18px;font-size:13px}
  .nav-cta{font-size:11px}
}

/* RTL: switcher indicator already works (computed) — flip the burger animation origin */
html[dir="rtl"] .burger.on i:nth-child(1){transform:translateY(5.6px) rotate(-45deg)}
html[dir="rtl"] .burger.on i:nth-child(3){transform:translateY(-5.6px) rotate(45deg)}
html[dir="rtl"] .nav-links a{font-family:'Cairo',inherit}

/* prevent horizontal scroll caused by mesh blurs on small screens */
@media(max-width:480px){
  .mesh::before{width:120vmax;height:120vmax;left:-40vmax}
  .mesh::after{display:none}
}

/* ============================================================
   GOVIX DEV - professional Algeria website refresh
   ============================================================ */
:root{
  --bg:#f7f4ee;
  --bg-2:#ffffff;
  --bg-3:#edf7f4;
  --surface:#ffffff;
  --surface-2:#f2eee6;
  --ink:#171511;
  --ink-2:#4f4a42;
  --ink-3:#81786a;
  --ink-4:#c9c0b2;
  --line:#ded6c8;
  --line-2:#bfb4a4;
  --vio:#0f766e;
  --vio-2:#0d9488;
  --vio-3:#cc6b2c;
  --lime:#0f766e;
  --r:8px;
  --r-lg:8px;
  --r-sm:8px;
}
html,body{background:var(--bg);color:var(--ink);letter-spacing:0}
body{background:linear-gradient(180deg,#f7f4ee 0%,#ffffff 34%,#f5f7f4 100%)}
::selection{background:rgba(15,118,110,.18);color:var(--ink)}
.scroll-prog{background:linear-gradient(90deg,#0f766e,#cc6b2c);box-shadow:none}
.wrap{max-width:1180px}
.eyebrow{color:#0f766e;letter-spacing:.12em}
.eyebrow::before{background:#cc6b2c;box-shadow:none}
h1.dpy,.dpy,h2.h,h3.h3,.hero-title{letter-spacing:0;font-weight:650}
.lead,.hero-sub{color:var(--ink-2)}
.serif{color:#7c3f17}
.btn,.nav-cta,.foot-top,.book-trust-pill,.choice-card,.offer-card,.pain-card,.angle-card,.faq-card,.card{border-radius:8px}
.btn-primary{background:#0f766e;color:#fff;box-shadow:0 12px 26px rgba(15,118,110,.18)}
.btn-primary::before{display:none}
.btn-primary:hover{box-shadow:0 16px 34px rgba(15,118,110,.22)}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line);backdrop-filter:none}
.btn .arr,.btn-ghost .arr{background:rgba(255,255,255,.22)}
.btn-ghost .arr{background:#eef4f1}

.nav{background:rgba(247,244,238,.88);border-bottom:1px solid rgba(222,214,200,.76);backdrop-filter:blur(18px)}
.nav.scrolled{background:rgba(255,255,255,.94);border-bottom-color:var(--line);box-shadow:0 14px 32px rgba(45,38,24,.08)}
.nav-logo img{border-radius:8px}
.nav-links a{color:var(--ink-2);opacity:1}
.nav-links a:hover{background:#eef4f1;color:#0f766e}
.nav-cta{background:#171511;color:#fff}
.lang-switch{background:#fff;border-color:var(--line)}
.lang-switch::before{background:#0f766e}
.lang-btn.on{color:#fff}
.burger{background:#fff;border-color:var(--line)}
.burger i{background:var(--ink)}

.govix-hero{min-height:auto;padding:150px 0 56px;background:#f7f4ee;text-align:left;overflow:hidden}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(23,21,17,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,21,17,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 55%,transparent 100%)}
.govix-hero::before,.govix-hero::after,.mesh,.hero-glow,.grain{display:none!important}
.hero-pro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:56px;align-items:center;z-index:2}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.hero-title{font-size:64px;line-height:1.03;max-width:850px;margin:0;color:var(--ink);perspective:none}
.hero-title .serif{display:block;font-style:italic;font-weight:400}
.hero-title span{animation:none!important;opacity:1!important;color:inherit}
.hero-sub{max-width:720px;font-size:18px;animation:none;opacity:1}
.hero-actions{justify-content:flex-start;animation:none;opacity:1}
.hero-trust{display:flex;gap:10px;flex-wrap:wrap}
.hero-trust span,.choice-pills span,.offer-top span,.offer-top b,.offer-hero-points span{display:inline-flex;padding:8px 11px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-size:12px;font-weight:650}
.hero-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 80px rgba(57,48,32,.14);overflow:hidden}
.browser-top{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line);background:#fbfaf7;color:var(--ink-3);font-size:12px}
.browser-top i{width:9px;height:9px;border-radius:50%;background:#d95f43}
.browser-top i:nth-child(2){background:#e2a336}.browser-top i:nth-child(3){background:#33a06f}
.mock-site{padding:24px}
.mock-nav{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px;color:var(--ink-3);font-size:13px}
.mock-nav b{margin-right:auto;color:var(--ink)}
.mock-hero{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;padding:40px 0}
.mock-hero small{display:inline-flex;margin-bottom:12px;color:#0f766e;font-weight:700;text-transform:uppercase;font-size:11px}
.mock-hero h3{font-size:34px;line-height:1.04;margin-bottom:14px}
.mock-hero p{color:var(--ink-2);font-size:14px;max-width:360px}
.mock-hero a{background:#171511;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap}
.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock-stats div{background:#f5f7f4;border:1px solid #dbe8e3;border-radius:8px;padding:16px}
.mock-stats b{display:block;font-size:22px;color:#0f766e}.mock-stats span{font-size:11px;color:var(--ink-3)}
.metrics{background:transparent;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 16px 44px rgba(57,48,32,.08)}
.metric{background:#fff}.metric span{color:var(--ink-3)}.metric b{color:var(--ink)}
.band{background:#171511;border:0}.band-item{color:#f7f4ee}.band-item .x{color:#cc6b2c}

.market-section,.offers-section,.mechanism-section,.faq-section{padding:110px 0;background:#fff}
.offers-section,.faq-section{background:#f7f4ee}
.split-head{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end;margin-bottom:46px}
.sec-head{align-items:flex-end;margin-bottom:44px}
.pain-grid,.offer-grid,.angle-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.faq-grid{grid-template-columns:repeat(2,1fr)}
.pain-card,.angle-card,.faq-card,.offer-card,.diagnosis-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 18px 44px rgba(57,48,32,.07)}
.pain-card span,.angle-card span{font-family:var(--font-mono);color:#cc6b2c;font-size:12px;font-weight:700}
.pain-card h3,.angle-card h3,.faq-card h3{font-size:22px;line-height:1.18;margin:16px 0 10px}
.pain-card p,.angle-card p,.faq-card p,.offer-card p{color:var(--ink-2);font-size:14.5px;line-height:1.55}
.offer-card{display:flex;flex-direction:column;gap:18px;min-height:430px;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.offer-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(57,48,32,.13);border-color:#a8c8c1}
.offer-featured{background:#173f3a;color:#fff;border-color:#173f3a}
.offer-featured p,.offer-featured li{color:rgba(255,255,255,.78)}
.offer-featured .offer-top span,.offer-featured .offer-top b{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.offer-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.offer-top b{background:#fff4e8;color:#99440d;border-color:#efd3b5}
.offer-card h3{font-size:26px;line-height:1.12;font-weight:700}
.offer-card ul{list-style:none;display:grid;gap:10px;margin-top:auto}
.offer-card li{position:relative;padding-left:22px;color:var(--ink-2);font-size:14px}
.offer-card li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#0f766e}
.offer-featured li::before{background:#f3b36b}
.offer-link{display:inline-flex;margin-top:8px;font-weight:800;color:#0f766e}
.offer-featured .offer-link{color:#fff}
.mechanism-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.mechanism-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.mechanism-list div{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:start;background:#fff;padding:22px}
.mechanism-list b{color:#cc6b2c}.mechanism-list span{color:var(--ink-2)}

.work,.proc,.cta{background:#fff;padding:110px 0}
.work-frame{background:#fff;border-color:var(--line);border-radius:8px;box-shadow:0 26px 80px rgba(57,48,32,.12)}
.work-frame .top{background:#fbfaf7;border-bottom-color:var(--line)}
.work-frame .url{background:#f3f0e9;color:var(--ink-3)}
.work-frame .open{background:#171511;color:#fff;border-radius:8px}
.tab{border-radius:8px;background:#fff;color:var(--ink-2);border:1px solid var(--line)}
.tab.on{background:#0f766e;color:#fff}
.tabs,.device-switch{background:#f3f0e9;border-color:var(--line);border-radius:8px}
.device-switch button.on{background:#fff;color:#0f766e}
.work-meta h3{color:var(--ink)}.work-meta p{color:var(--ink-2)}
.proc{background:#f7f4ee}.proc-list{border-color:var(--line)}.proc-row{border-bottom-color:var(--line)}.proc-name{color:var(--ink)}.proc-desc{color:var(--ink-2)}.proc-arr{background:#fff;border-color:var(--line);color:#0f766e}
.cta-box{background:#173f3a;border:0;border-radius:8px;color:#fff}
.cta-box::before{display:none}.cta-box p{color:rgba(255,255,255,.76)}.cta-box .eyebrow{color:#f3b36b}.cta-box .btn-primary{background:#fff;color:#173f3a}.cta-contact{color:rgba(255,255,255,.72)}

.booking-menu-hero,.offer-hero{background:#f7f4ee;padding-bottom:54px}
.booking-menu-hero .dpy,.offer-hero .dpy{font-size:66px;letter-spacing:0;line-height:1.02;margin-top:22px}
.choice-sec{padding-top:40px;background:#fff}
.choice-grid-3{grid-template-columns:repeat(3,1fr)}
.choice-card{background:#fff;border:1px solid var(--line);color:var(--ink);padding:30px;min-height:360px;box-shadow:0 18px 44px rgba(57,48,32,.07)}
.choice-card:hover{border-color:#a8c8c1;transform:translateY(-6px)}
.choice-card-hot{background:#173f3a;color:#fff}
.choice-card p{color:var(--ink-2)}
.choice-card-hot p,.choice-card-hot .num{color:rgba(255,255,255,.74)}
.choice-card-hot .choice-pills span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff}
.choice-foot{margin-top:auto}.choice-foot .arr{background:#f3f0e9;color:#0f766e}
.choice-card-hot .choice-foot .arr{background:#fff;color:#173f3a}
.choice-meta{background:#f7f4ee;border:1px solid var(--line);border-radius:8px;color:var(--ink-2)}
.choice-meta a{color:#0f766e}

.offer-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) 380px;gap:50px;align-items:end}
.offer-hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.diagnosis-card span{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:#0f766e;letter-spacing:.12em}
.diagnosis-card h2{font-size:28px;line-height:1.15;margin:14px 0 18px}
.diagnosis-card ul,.book-list{list-style:none;display:grid;gap:12px}
.diagnosis-card li{position:relative;padding-left:22px;color:var(--ink-2);font-size:14px;line-height:1.5}
.diagnosis-card li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#cc6b2c;border-radius:50%}
.offer-angle-section{padding:30px 0 80px;background:#f7f4ee}
.book-sec{background:#fff;padding-top:70px!important}
.book-aside-card,.bk-form{background:#fff;border-color:var(--line);border-radius:8px;box-shadow:0 18px 44px rgba(57,48,32,.07)}
.book-aside-card-quiet{background:#f7f4ee}
.book-aside-card p,.book-list li,.bk-meta{color:var(--ink-2)}
.book-list li::before{background:#0f766e;border:0;box-shadow:none}
.fld{background:#fbfaf7;border-color:var(--line);color:var(--ink);border-radius:8px}
.fld:focus{background:#fff;border-color:#0f766e}
.bk-package{background:#f7f4ee;border:1px solid var(--line);border-radius:8px;padding:14px 16px}
.bk-package strong{font-size:15px;color:#173f3a}
.bk-field .lbl{color:var(--ink-3)}
.book-trust-pill{background:#fff;border-color:var(--line);color:var(--ink-2)}
.book-trust-pill:hover{background:#eef7f4;border-color:#a8c8c1;color:#0f766e}

.bk-showcase{background:#f7f4ee;padding:90px 0}
.bk-showcase-bg,.bk-showcase-gloss{display:none}
.bk-showcase-title{color:var(--ink)}
.bk-showcase-title .serif{color:#7c3f17}
.bk-showcase-card{background:#fff;border-color:var(--line);border-radius:8px;box-shadow:0 22px 64px rgba(57,48,32,.09)}
.bk-showcase-frame,.bk-showcase-frame-top{border-color:var(--line)}
.bk-showcase-frame-top{background:#fbfaf7;color:var(--ink-3)}
.bk-showcase-info h3{color:var(--ink)}
.bk-showcase-info p{color:var(--ink-2)}
.bk-showcase-marquee{border-color:var(--line)}
.bk-showcase-marquee-track{color:var(--ink-2)}
.bk-showcase-btn{background:#0f766e;color:#fff;border-radius:8px}

.foot{background:#171511;color:#fff;border-top:0}
.foot-aurora{display:none}
.foot-status{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);border-radius:8px}
.foot-status-item,.foot-brand p,.foot-col a,.foot-bot{color:rgba(255,255,255,.64)}
.foot-status-item b,.foot-col a:hover{color:#fff}
.foot-status-dot{background:#38b48b;box-shadow:none}
.foot-social{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);border-radius:8px;color:rgba(255,255,255,.72)}
.foot-col h5{color:#f3b36b}
.foot-bot{border-color:rgba(255,255,255,.12)}
.foot-top{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
.foot-mega-text{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.02));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08)}
.foot-mega::after{background:linear-gradient(180deg,transparent,#171511)}

html[dir="rtl"] .hero-copy,html[dir="rtl"] .govix-hero{text-align:right}
html[dir="rtl"] .hero-actions{justify-content:flex-start}
html[dir="rtl"] .mock-nav b{margin-left:auto;margin-right:0}
html[dir="rtl"] .offer-card li,html[dir="rtl"] .diagnosis-card li{padding-left:0;padding-right:22px}
html[dir="rtl"] .offer-card li::before,html[dir="rtl"] .diagnosis-card li::before{left:auto;right:0}

@media(max-width:980px){
  .hero-pro,.split-head,.mechanism-grid,.offer-hero-grid{grid-template-columns:1fr}
  .hero-title,.booking-menu-hero .dpy,.offer-hero .dpy{font-size:50px}
  .pain-grid,.offer-grid,.angle-grid,.choice-grid-3{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .hero-panel{max-width:680px}
  .nav-links{background:#f7f4ee;background-image:none}
  .nav-links a{color:var(--ink);border-bottom-color:var(--line)}
  .nav-links a::after{content:"→";color:#0f766e}
}
@media(max-width:680px){
  .govix-hero{padding:116px 0 40px}
  .hero-title,.booking-menu-hero .dpy,.offer-hero .dpy{font-size:39px;line-height:1.08}
  .hero-sub{font-size:16px}
  .mock-hero{grid-template-columns:1fr;padding:28px 0}
  .mock-hero h3{font-size:25px}
  .mock-stats{grid-template-columns:1fr}
  .market-section,.offers-section,.mechanism-section,.faq-section,.work,.proc,.cta,.bk-showcase{padding:72px 0}
  .pain-card,.angle-card,.faq-card,.offer-card,.diagnosis-card,.choice-card{padding:22px}
  .offer-card{min-height:auto}
  .mechanism-list div{grid-template-columns:48px 1fr;padding:18px}
}

/* ============================================================
   GOVIX brand correction - match social identity
   Deep black-purple, violet glow, glass panels, white type.
   ============================================================ */
:root{
  --bg:#08040f;
  --bg-2:#0d0718;
  --bg-3:#160a2a;
  --surface:rgba(24,15,38,.82);
  --surface-2:rgba(35,22,55,.76);
  --ink:#ffffff;
  --ink-2:rgba(255,255,255,.72);
  --ink-3:rgba(255,255,255,.48);
  --ink-4:rgba(255,255,255,.16);
  --line:rgba(176,120,255,.16);
  --line-2:rgba(186,138,255,.32);
  --vio:#7a3df2;
  --vio-2:#a855f7;
  --vio-3:#d7b9ff;
  --lime:#9b5cff;
}
html,body{background:var(--bg);color:var(--ink)}
body{
  background:
    radial-gradient(circle at 82% 8%,rgba(91,35,160,.42),transparent 36%),
    radial-gradient(circle at 12% 26%,rgba(78,31,144,.26),transparent 34%),
    linear-gradient(180deg,#08040f 0%,#0d0618 42%,#07040d 100%);
}
.scroll-prog{background:linear-gradient(90deg,#7a3df2,#b95cff,#7a3df2);box-shadow:0 0 18px rgba(168,85,247,.65)}
::selection{background:rgba(168,85,247,.38);color:#fff}
.eyebrow{color:var(--vio-3)}
.eyebrow::before{background:#b95cff;box-shadow:0 0 14px rgba(185,92,255,.86)}
.lead,.hero-sub{color:var(--ink-2)}
.serif{color:#d7b9ff}
.btn-primary,.nav-cta,.bk-showcase-btn{
  background:linear-gradient(135deg,#7a3df2,#a855f7);
  color:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 18px 44px rgba(122,61,242,.34);
}
.btn-primary:hover,.nav-cta:hover,.bk-showcase-btn:hover{box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 22px 58px rgba(168,85,247,.42)}
.btn-ghost{background:rgba(255,255,255,.055);color:#fff;border-color:var(--line);backdrop-filter:blur(16px)}
.btn-ghost:hover{background:rgba(168,85,247,.12);border-color:var(--line-2)}
.btn .arr,.btn-ghost .arr{background:rgba(255,255,255,.14);color:#fff}

.nav{background:rgba(8,4,15,.74);border-bottom:1px solid rgba(168,85,247,.12);backdrop-filter:blur(20px) saturate(150%)}
.nav.scrolled{background:rgba(8,4,15,.9);border-bottom-color:rgba(168,85,247,.22);box-shadow:0 16px 44px rgba(0,0,0,.35)}
.nav-links a{color:rgba(255,255,255,.72)}
.nav-links a:hover{background:rgba(168,85,247,.12);color:#fff}
.lang-switch{background:rgba(255,255,255,.06);border-color:rgba(168,85,247,.22)}
.lang-switch::before{background:#fff}
.lang-btn{color:rgba(255,255,255,.5)}
.lang-btn.on{color:#120622}
.burger{background:rgba(255,255,255,.07);border-color:rgba(168,85,247,.2)}
.burger i{background:#fff}

.govix-hero,.booking-menu-hero,.offer-hero{
  background:
    radial-gradient(circle at 82% 18%,rgba(122,61,242,.38),transparent 35%),
    radial-gradient(circle at 48% 0%,rgba(55,20,95,.54),transparent 46%),
    linear-gradient(180deg,#0b0614 0%,#090410 100%);
}
.hero-grid-bg{
  background-image:
    linear-gradient(rgba(184,124,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,124,255,.07) 1px,transparent 1px);
  background-size:38px 38px;
  opacity:.7;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 64%,transparent 100%);
}
.govix-hero::before,.booking-menu-hero::before,.offer-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 85% 14%,rgba(168,85,247,.18),transparent 22%),
    linear-gradient(90deg,rgba(255,255,255,.03),transparent 22%,transparent 78%,rgba(168,85,247,.04));
  display:block!important;
}
.hero-title,.booking-menu-hero .dpy,.offer-hero .dpy{color:#fff;text-shadow:0 0 34px rgba(122,61,242,.22)}
.hero-title .serif{color:#d9c0ff}
.hero-trust span,.choice-pills span,.offer-top span,.offer-top b,.offer-hero-points span{
  background:rgba(255,255,255,.055);
  border-color:rgba(168,85,247,.18);
  color:rgba(255,255,255,.78);
  box-shadow:0 0 22px rgba(122,61,242,.08) inset;
}
.hero-panel,.diagnosis-card,.pain-card,.angle-card,.faq-card,.offer-card,.choice-card,.book-aside-card,.bk-form,.bk-showcase-card{
  background:linear-gradient(180deg,rgba(25,16,39,.78),rgba(13,7,24,.86));
  border:1px solid rgba(176,120,255,.16);
  box-shadow:0 24px 80px rgba(0,0,0,.38),0 0 60px rgba(122,61,242,.08);
  backdrop-filter:blur(18px);
}
.browser-top,.bk-showcase-frame-top,.work-frame .top{
  background:rgba(8,4,15,.78);
  border-bottom-color:rgba(176,120,255,.14);
  color:rgba(255,255,255,.45);
}
.browser-top i,.bk-showcase-frame-top i,.work-frame .top i{box-shadow:0 0 10px currentColor}
.mock-site{background:linear-gradient(180deg,rgba(18,10,30,.2),rgba(0,0,0,.08))}
.mock-nav{border-bottom-color:rgba(176,120,255,.14);color:rgba(255,255,255,.42)}
.mock-nav b,.mock-hero h3{color:#fff}
.mock-hero small{color:#d7b9ff}
.mock-hero p,.pain-card p,.angle-card p,.faq-card p,.offer-card p,.book-aside-card p,.book-list li,.bk-meta,.mechanism-list span{color:rgba(255,255,255,.68)}
.mock-hero a{background:#fff;color:#150920;box-shadow:0 14px 34px rgba(168,85,247,.22)}
.mock-stats div{
  background:rgba(255,255,255,.045);
  border-color:rgba(176,120,255,.14);
}
.mock-stats b{color:#c99cff}
.mock-stats span{color:rgba(255,255,255,.48)}
.metrics{
  background:rgba(176,120,255,.14);
  border-color:rgba(176,120,255,.18);
  box-shadow:0 22px 70px rgba(0,0,0,.28),0 0 60px rgba(122,61,242,.1);
}
.metric{background:rgba(12,7,22,.82)}
.metric b{color:#fff}
.metric span{color:rgba(255,255,255,.48)}
.band{background:#050209;border-top:1px solid rgba(176,120,255,.12);border-bottom:1px solid rgba(176,120,255,.12)}
.band-item{color:rgba(255,255,255,.66)}
.band-item .x{color:#a855f7;text-shadow:0 0 14px rgba(168,85,247,.74)}

.market-section,.offers-section,.mechanism-section,.faq-section,.work,.proc,.cta,.choice-sec,.book-sec,.bk-showcase{
  background:
    radial-gradient(circle at 88% 8%,rgba(61,22,112,.2),transparent 28%),
    linear-gradient(180deg,#090410 0%,#0d0718 100%);
}
.offers-section,.proc,.faq-section,.choice-sec,.book-sec,.bk-showcase{
  background:
    linear-gradient(rgba(184,124,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,124,255,.04) 1px,transparent 1px),
    radial-gradient(circle at 12% 0%,rgba(122,61,242,.18),transparent 26%),
    #08040f;
  background-size:42px 42px,42px 42px,auto,auto;
}
.pain-card span,.angle-card span,.mechanism-list b{color:#b95cff}
.pain-card h3,.angle-card h3,.faq-card h3,.offer-card h3,.diagnosis-card h2,.work-meta h3,.proc-name{color:#fff}
.offer-featured,.choice-card-hot{
  background:linear-gradient(160deg,rgba(122,61,242,.32),rgba(19,10,32,.9) 52%,rgba(8,4,15,.95));
  border-color:rgba(185,92,255,.34);
  box-shadow:0 30px 92px rgba(122,61,242,.24),0 0 0 1px rgba(255,255,255,.04) inset;
}
.offer-featured p,.offer-featured li,.choice-card-hot p,.choice-card-hot .num{color:rgba(255,255,255,.76)}
.offer-link,.choice-meta a,.book-trust-pill:hover{color:#d7b9ff}
.offer-card li::before,.book-list li::before,.diagnosis-card li::before{background:#a855f7;box-shadow:0 0 14px rgba(168,85,247,.7)}
.mechanism-list{background:rgba(176,120,255,.14);border-color:rgba(176,120,255,.16)}
.mechanism-list div{background:rgba(20,12,34,.82)}
.work-frame{
  background:rgba(13,7,24,.9);
  border-color:rgba(176,120,255,.18);
  box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 70px rgba(122,61,242,.12);
}
.work-frame .url,.tabs,.device-switch{
  background:rgba(255,255,255,.055);
  border-color:rgba(176,120,255,.16);
  color:rgba(255,255,255,.5);
}
.work-frame .open{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(176,120,255,.2)}
.tab{background:rgba(255,255,255,.045);color:rgba(255,255,255,.68);border-color:rgba(176,120,255,.12)}
.tab.on,.device-switch button.on{background:linear-gradient(135deg,#7a3df2,#a855f7);color:#fff}
.work-meta p{color:rgba(255,255,255,.66)}
.proc-list,.proc-row{border-color:rgba(176,120,255,.14)}
.proc-arr,.choice-foot .arr{
  background:rgba(168,85,247,.12);
  border-color:rgba(168,85,247,.22);
  color:#d7b9ff;
}
.cta-box{
  background:
    radial-gradient(circle at 50% 0%,rgba(168,85,247,.35),transparent 54%),
    linear-gradient(180deg,rgba(31,16,52,.95),rgba(12,6,22,.96));
  border:1px solid rgba(176,120,255,.22);
  box-shadow:0 30px 100px rgba(0,0,0,.45),0 0 80px rgba(122,61,242,.16);
}
.cta-box .btn-primary{background:#fff;color:#170826;box-shadow:0 20px 48px rgba(168,85,247,.22)}
.cta-box .eyebrow{color:#d7b9ff}
.cta-box p,.cta-contact{color:rgba(255,255,255,.72)}
.choice-meta{
  background:rgba(255,255,255,.045);
  border-color:rgba(176,120,255,.16);
  color:rgba(255,255,255,.68);
}
.book-aside-card-quiet,.bk-package{
  background:rgba(255,255,255,.045);
  border-color:rgba(176,120,255,.14);
}
.bk-package strong{color:#fff}
.fld{
  background:rgba(5,2,9,.62);
  border-color:rgba(176,120,255,.16);
  color:#fff;
}
.fld:focus{background:rgba(18,8,33,.78);border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.12)}
.fld::placeholder{color:rgba(255,255,255,.32)}
.bk-field .lbl{color:rgba(255,255,255,.48)}
.book-trust-pill,.foot-social{
  background:rgba(255,255,255,.055);
  border-color:rgba(176,120,255,.16);
  color:rgba(255,255,255,.66);
}
.book-trust-pill:hover{background:rgba(168,85,247,.14);border-color:rgba(168,85,247,.34)}
.bk-showcase-title,.bk-showcase-info h3{color:#fff}
.bk-showcase-title .serif{color:#d7b9ff}
.bk-showcase-info p,.bk-showcase-marquee-track{color:rgba(255,255,255,.66)}
.bk-showcase-frame{border-color:rgba(176,120,255,.16)}
.bk-showcase-marquee{border-color:rgba(176,120,255,.14)}
.bk-showcase-marquee-track .x{color:#a855f7}

.foot{
  background:#050209;
  border-top:1px solid rgba(176,120,255,.14);
}
.foot::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(184,124,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,124,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 0%,rgba(122,61,242,.2),transparent 34%);
  background-size:42px 42px,42px 42px,auto;
  pointer-events:none;
}
.foot-status{background:rgba(255,255,255,.045);border-color:rgba(176,120,255,.16)}
.foot-status-item,.foot-brand p,.foot-col a,.foot-bot{color:rgba(255,255,255,.62)}
.foot-status-item b,.foot-col a:hover{color:#fff}
.foot-status-dot{background:#a855f7;box-shadow:0 0 14px rgba(168,85,247,.9)}
.foot-col h5{color:#d7b9ff}
.foot-bot{border-color:rgba(176,120,255,.14)}
.foot-top{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.22);color:#fff}
.foot-mega-text{
  background:linear-gradient(180deg,rgba(168,85,247,.46),rgba(122,61,242,.06));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:1px rgba(185,92,255,.22);
}
.foot-mega::after{background:linear-gradient(180deg,transparent,#050209)}

@media(max-width:980px){
  .nav-links{
    background:
      radial-gradient(circle at 80% 0%,rgba(122,61,242,.28),transparent 35%),
      #08040f;
  }
  .nav-links a{color:#fff;border-bottom-color:rgba(176,120,255,.13)}
  .nav-links a::after{color:#d7b9ff}
}

/* ============================================================
   Balanced Govix site theme
   Use the brand purple as identity, but keep the website open,
   readable and commercial instead of fully poster-dark.
   ============================================================ */
:root{
  --bg:#f8f6ff;
  --bg-2:#ffffff;
  --bg-3:#f0eaff;
  --surface:#ffffff;
  --surface-2:#fbf9ff;
  --ink:#171122;
  --ink-2:#514861;
  --ink-3:#817592;
  --ink-4:#d7cee6;
  --line:#e4dcf4;
  --line-2:#cbbbe8;
  --vio:#7438ea;
  --vio-2:#9b5cff;
  --vio-3:#c9a8ff;
  --lime:#7438ea;
}
body{
  background:
    radial-gradient(circle at 88% 0%,rgba(155,92,255,.14),transparent 30%),
    linear-gradient(180deg,#f8f6ff 0%,#ffffff 34%,#f7f3ff 100%);
  color:var(--ink);
}
.scroll-prog{background:linear-gradient(90deg,#7438ea,#b35cff,#7438ea);box-shadow:0 0 14px rgba(155,92,255,.45)}
.eyebrow{color:#7438ea}
.eyebrow::before{background:#9b5cff;box-shadow:0 0 12px rgba(155,92,255,.52)}
.lead,.hero-sub{color:var(--ink-2)}
.serif{color:#7a3df2}
.btn-primary,.nav-cta,.bk-showcase-btn{
  background:linear-gradient(135deg,#7438ea,#9b5cff);
  color:#fff;
  box-shadow:0 14px 34px rgba(116,56,234,.24);
}
.btn-ghost{
  background:#fff;
  color:var(--ink);
  border-color:var(--line);
  box-shadow:0 10px 28px rgba(39,20,73,.06);
}
.btn-ghost:hover{background:#f2ecff;color:#3a1d72;border-color:#cbbbe8}

.nav{
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(228,220,244,.82);
  backdrop-filter:blur(20px) saturate(150%);
}
.nav.scrolled{background:rgba(255,255,255,.93);border-bottom-color:var(--line);box-shadow:0 14px 34px rgba(39,20,73,.08)}
.nav-links a{color:var(--ink-2)}
.nav-links a:hover{background:#f2ecff;color:#5f2dd8}
.lang-switch{background:#fff;border-color:var(--line)}
.lang-switch::before{background:#171122}
.lang-btn{color:var(--ink-3)}
.lang-btn.on{color:#fff}
.burger{background:#fff;border-color:var(--line);box-shadow:0 10px 26px rgba(39,20,73,.08)}
.burger i{background:var(--ink)}

.govix-hero{
  background:
    radial-gradient(circle at 80% 10%,rgba(155,92,255,.36),transparent 34%),
    radial-gradient(circle at 12% 26%,rgba(116,56,234,.18),transparent 30%),
    linear-gradient(180deg,#12091f 0%,#090410 100%);
}
.booking-menu-hero,.offer-hero{
  background:
    radial-gradient(circle at 82% 0%,rgba(155,92,255,.16),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#f6f1ff 100%);
}
.booking-menu-hero .dpy,.offer-hero .dpy{color:var(--ink);text-shadow:none}
.booking-menu-hero .lead,.offer-hero .lead{color:var(--ink-2)}
.booking-menu-hero::before,.offer-hero::before{
  background:
    linear-gradient(rgba(116,56,234,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,56,234,.055) 1px,transparent 1px);
  background-size:38px 38px;
}
.govix-hero::before{
  background:
    linear-gradient(rgba(201,168,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,168,255,.06) 1px,transparent 1px),
    radial-gradient(circle at 82% 10%,rgba(155,92,255,.22),transparent 26%);
  background-size:40px 40px,40px 40px,auto;
}
.hero-grid-bg{opacity:.55}
.hero-title{color:#fff;text-shadow:0 0 34px rgba(122,61,242,.22)}
.hero-title .serif{color:#d9c0ff}
.hero-sub{color:rgba(255,255,255,.76)}
.hero-trust span,.offer-hero-points span{
  background:rgba(255,255,255,.08);
  border-color:rgba(201,168,255,.2);
  color:rgba(255,255,255,.78);
}
.offer-hero-points span{
  background:#fff;
  border-color:var(--line);
  color:var(--ink-2);
}

.hero-panel{
  background:linear-gradient(180deg,rgba(31,18,49,.88),rgba(13,7,24,.9));
  border-color:rgba(201,168,255,.18);
  box-shadow:0 28px 90px rgba(0,0,0,.34),0 0 70px rgba(116,56,234,.14);
}
.browser-top{background:rgba(8,4,15,.76);border-bottom-color:rgba(201,168,255,.15);color:rgba(255,255,255,.52)}
.mock-nav{border-bottom-color:rgba(201,168,255,.15);color:rgba(255,255,255,.52)}
.mock-nav b,.mock-hero h3{color:#fff}
.mock-hero p{color:rgba(255,255,255,.7)}
.mock-hero small{color:#d9c0ff}
.mock-stats div{background:rgba(255,255,255,.06);border-color:rgba(201,168,255,.16)}
.mock-stats b{color:#d9c0ff}.mock-stats span{color:rgba(255,255,255,.52)}
.metrics{border-color:rgba(201,168,255,.22);background:rgba(201,168,255,.14)}
.metric{background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.metric b{color:#fff}.metric span{color:rgba(255,255,255,.58)}

.band{background:#0b0614;border-top:1px solid rgba(201,168,255,.12);border-bottom:1px solid rgba(201,168,255,.12)}
.band-item{color:rgba(255,255,255,.68)}
.band-item .x{color:#9b5cff}

.market-section,.offers-section,.mechanism-section,.faq-section,.work,.proc,.choice-sec,.book-sec,.bk-showcase{
  background:
    radial-gradient(circle at 92% 4%,rgba(155,92,255,.09),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#fbf9ff 100%);
}
.offers-section,.proc,.choice-sec,.book-sec,.bk-showcase{
  background:
    linear-gradient(rgba(116,56,234,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,56,234,.04) 1px,transparent 1px),
    linear-gradient(180deg,#fbf9ff 0%,#ffffff 100%);
  background-size:42px 42px,42px 42px,auto;
}
.pain-card,.angle-card,.faq-card,.offer-card,.choice-card,.diagnosis-card,.book-aside-card,.bk-form,.bk-showcase-card{
  background:rgba(255,255,255,.88);
  border-color:var(--line);
  box-shadow:0 18px 50px rgba(39,20,73,.09);
  color:var(--ink);
  backdrop-filter:blur(12px);
}
.pain-card h3,.angle-card h3,.faq-card h3,.offer-card h3,.diagnosis-card h2,.work-meta h3,.proc-name,.bk-showcase-title,.bk-showcase-info h3{color:var(--ink)}
.pain-card p,.angle-card p,.faq-card p,.offer-card p,.book-aside-card p,.book-list li,.bk-meta,.mechanism-list span,.work-meta p,.bk-showcase-info p,.bk-showcase-marquee-track{color:var(--ink-2)}
.pain-card span,.angle-card span,.mechanism-list b,.diagnosis-card span{color:#7438ea}
.offer-featured,.choice-card-hot{
  background:linear-gradient(160deg,#190d2a 0%,#251044 55%,#10081d 100%);
  border-color:rgba(155,92,255,.34);
  color:#fff;
  box-shadow:0 26px 80px rgba(116,56,234,.22);
}
.offer-featured h3,.choice-card-hot h3{color:#fff}
.offer-featured p,.offer-featured li,.choice-card-hot p,.choice-card-hot .num{color:rgba(255,255,255,.76)}
.choice-card p{color:var(--ink-2)}
.offer-card li::before,.book-list li::before,.diagnosis-card li::before{background:#7438ea;box-shadow:0 0 12px rgba(116,56,234,.45)}
.offer-link,.choice-meta a,.book-trust-pill:hover{color:#7438ea}
.offer-featured .offer-link{color:#d9c0ff}
.mechanism-list{background:var(--line);border-color:var(--line)}
.mechanism-list div{background:#fff}

.work-frame{
  background:#fff;
  border-color:var(--line);
  box-shadow:0 24px 70px rgba(39,20,73,.12);
}
.work-frame .top,.bk-showcase-frame-top{
  background:#f7f3ff;
  border-bottom-color:var(--line);
  color:var(--ink-3);
}
.work-frame .url,.tabs,.device-switch{
  background:#f3edff;
  border-color:var(--line);
  color:var(--ink-3);
}
.work-frame .open{background:#171122;color:#fff;border:0}
.tab{background:#fff;color:var(--ink-2);border-color:var(--line)}
.tab.on,.device-switch button.on{background:linear-gradient(135deg,#7438ea,#9b5cff);color:#fff}
.proc-list,.proc-row{border-color:var(--line)}
.proc-arr,.choice-foot .arr{background:#f2ecff;border-color:#d9c9f5;color:#7438ea}
.choice-meta{background:#fff;border-color:var(--line);color:var(--ink-2)}

.cta{
  background:linear-gradient(180deg,#ffffff 0%,#f8f6ff 100%);
}
.cta-box{
  background:
    radial-gradient(circle at 50% 0%,rgba(155,92,255,.18),transparent 48%),
    linear-gradient(180deg,#ffffff 0%,#f7f2ff 100%);
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:0 24px 80px rgba(39,20,73,.1);
}
.cta-h{color:var(--ink)}
.cta-box .eyebrow{color:#7438ea}
.cta-box p,.cta-contact{color:var(--ink-2)}
.cta-box .btn-primary{background:linear-gradient(135deg,#7438ea,#9b5cff);color:#fff}

.book-aside-card-quiet,.bk-package{background:#f8f5ff;border-color:var(--line)}
.bk-package strong{color:var(--ink)}
.fld{background:#fff;border-color:var(--line);color:var(--ink)}
.fld:focus{background:#fff;border-color:#7438ea;box-shadow:0 0 0 3px rgba(116,56,234,.12)}
.fld::placeholder{color:#9d92ad}
.bk-field .lbl{color:var(--ink-3)}
.book-trust-pill,.foot-social{background:#fff;border-color:var(--line);color:var(--ink-2)}
.book-trust-pill:hover{background:#f2ecff;border-color:#cbbbe8;color:#7438ea}
.bk-showcase-frame{border-color:var(--line)}
.bk-showcase-marquee{border-color:var(--line)}
.bk-showcase-marquee-track .x{color:#7438ea}

.foot{
  background:#08040f;
  border-top:1px solid rgba(201,168,255,.14);
  color:#fff;
}
.foot::before{
  background:
    linear-gradient(rgba(201,168,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,168,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 50% 0%,rgba(116,56,234,.2),transparent 34%);
  background-size:42px 42px,42px 42px,auto;
}
.foot-status,.foot-social{
  background:rgba(255,255,255,.055);
  border-color:rgba(201,168,255,.16);
}
.foot-status-item,.foot-brand p,.foot-col a,.foot-bot{color:rgba(255,255,255,.62)}
.foot-status-item b,.foot-col a:hover{color:#fff}
.foot-col h5{color:#d9c0ff}
.foot-bot{border-color:rgba(201,168,255,.14)}

@media(max-width:1100px){
  .burger{display:flex;z-index:122}
  .nav.open::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(14,7,26,.42);
    backdrop-filter:blur(6px);
    z-index:109;
  }
  .nav-links{
    position:fixed;
    inset:0 0 0 auto;
    width:min(380px,88vw);
    height:100dvh;
    padding:96px 26px 34px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    background:
      radial-gradient(circle at 80% 0%,rgba(155,92,255,.18),transparent 34%),
      linear-gradient(180deg,#ffffff 0%,#f7f2ff 100%);
    border-left:1px solid var(--line);
    box-shadow:-28px 0 70px rgba(39,20,73,.2);
    opacity:1;
    pointer-events:none;
    visibility:hidden;
    transform:translateX(105%);
    transition:transform .36s var(--ease),visibility 0s linear .36s;
    z-index:120;
    overflow-y:auto;
  }
  .nav.open .nav-links{
    pointer-events:auto;
    visibility:visible;
    transform:translateX(0);
    transition:transform .36s var(--ease),visibility 0s;
  }
  .nav-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:19px 2px;
    border-radius:0;
    border-bottom:1px solid var(--line);
    color:var(--ink);
    font-size:28px;
    font-weight:650;
    letter-spacing:0;
    opacity:1;
    transform:none;
  }
  .nav-links a::after{content:"→";font-size:18px;color:#7438ea}
  .nav-links a:hover{background:transparent;color:#7438ea}
  html[dir="rtl"] .nav-links{
    inset:0 auto 0 0;
    border-left:0;
    border-right:1px solid var(--line);
    transform:translateX(-105%);
  }
  html[dir="rtl"] .nav.open .nav-links{transform:translateX(0)}
}

@media(min-width:1101px){
  .burger{display:none!important}
  .nav-links{position:static;visibility:visible;pointer-events:auto;transform:none;opacity:1}
}

/* final contrast polish */
.offer-card:not(.offer-featured) .offer-top span,
.offer-card:not(.offer-featured) .offer-top b,
.choice-card:not(.choice-card-hot) .choice-pills span{
  background:#f4edff!important;
  border-color:#ded1f6!important;
  color:#4c238d!important;
  text-shadow:none!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
}
.offer-card:not(.offer-featured) .offer-top b{
  background:#efe5ff!important;
  color:#2c1555!important;
}
.offer-featured .offer-top span,
.offer-featured .offer-top b,
.choice-card-hot .choice-pills span{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#fff!important;
  text-shadow:none!important;
  opacity:1!important;
}
.offer-card:not(.offer-featured) h3,
.offer-card:not(.offer-featured) p,
.offer-card:not(.offer-featured) li,
.offer-card:not(.offer-featured) .offer-link{
  text-shadow:none!important;
}
.offer-card:not(.offer-featured) h3{color:#171122!important}
.offer-card:not(.offer-featured) p,
.offer-card:not(.offer-featured) li{color:#514861!important}
.mechanism-copy .h,
.mechanism-copy .lead,
.offers-section .h,
.offers-section .lead{
  text-shadow:none!important;
}

/* ============================================================
   Govix public site v10 - Hostinger-inspired direction
   ============================================================ */
:root{
  --g-purple:#673de6;
  --g-purple-2:#8b5cf6;
  --g-deep:#100825;
  --g-deeper:#07030f;
  --g-ink:#171021;
  --g-muted:#5f586b;
  --g-soft:#f4f3f6;
  --g-card:#ffffff;
  --g-line:#ded8ea;
  --g-radius:8px;
}

body{background:var(--g-soft)!important;color:var(--g-ink)!important}
.nav{
  top:0!important;padding:0!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #e8e3f2!important;
  box-shadow:0 10px 28px rgba(24,14,45,.06)!important;
  backdrop-filter:blur(18px)!important;
}
.nav-inner{height:74px!important;max-width:1180px!important}
.nav-logo span,.nav-links a{color:var(--g-ink)!important;text-shadow:none!important}
.nav-logo img{filter:none!important}
.nav-links a{font-weight:650!important;font-size:14px!important}
.nav-links a:hover{color:var(--g-purple)!important}
.nav-cta{background:var(--g-purple)!important;color:#fff!important;border:0!important;box-shadow:0 16px 32px rgba(103,61,230,.24)!important}
.lang-switch{background:#fff!important;border:1px solid #ddd5ef!important;box-shadow:none!important}
.lang-btn{color:#5d556b!important}
.lang-btn.on{color:#fff!important}
.lang-switch:before{background:#12091f!important}
.burger{background:#fff!important;border:1px solid #ded8ea!important}
.burger i{background:#171021!important}

.legacy-hero{display:none!important}
.host-hero{
  position:relative;overflow:hidden;padding:96px 0 62px;
  background:linear-gradient(180deg,#0d0d0f 0%,#101010 60%,#0f0b1d 100%)!important;
}
.host-hero::before{
  content:"";position:absolute;inset:auto -10% -40% -10%;height:360px;
  background:radial-gradient(ellipse at 50% 0%,rgba(103,61,230,.42),transparent 64%);
  pointer-events:none;
}
.host-briefbar{
  position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;
  min-height:70px;margin:0 auto 14px;padding:10px 10px 10px 22px;
  background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--g-radius);
  box-shadow:0 26px 70px rgba(0,0,0,.28);overflow:hidden;
}
.host-briefbar::after{
  content:"";position:absolute;inset:0;width:34%;
  background:linear-gradient(105deg,transparent,rgba(103,61,230,.09),transparent);
  transform:translateX(-120%);animation:govixScan 5.5s ease-in-out infinite;
}
.host-briefbar-copy{position:relative;z-index:1;display:flex;align-items:center;gap:14px;min-width:0}
.host-briefbar-copy span{color:#7a7288;font-size:13px;font-weight:750;white-space:nowrap}
.host-briefbar-copy strong{color:var(--g-ink);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.host-briefbar-btn{
  position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:0 28px;border-radius:var(--g-radius);background:var(--g-purple);color:#fff;font-size:14px;font-weight:800;white-space:nowrap;
  box-shadow:0 16px 30px rgba(103,61,230,.24);
}
.host-hero-card{
  position:relative;z-index:1;min-height:clamp(440px,45vw,540px);
  border-radius:var(--g-radius);overflow:hidden;background:#08050e;box-shadow:0 40px 100px rgba(0,0,0,.44);
}
.host-hero-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  transform:scale(1.01);animation:heroBreath 13s ease-in-out infinite alternate;
}
.host-hero-shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,3,15,.96) 0%,rgba(7,3,15,.76) 36%,rgba(7,3,15,.22) 70%,rgba(7,3,15,.18) 100%),linear-gradient(180deg,rgba(7,3,15,.12),rgba(7,3,15,.66));
}
.host-hero-content{
  position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  min-height:inherit;width:min(590px,58%);padding:58px clamp(28px,5vw,76px);text-align:left;
}
.host-pill,.host-proof-pill{
  display:inline-flex;align-items:center;width:max-content;padding:7px 12px;border-radius:999px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#efe9ff;
  font-size:12px;font-weight:800;letter-spacing:.02em;
}
.host-title{
  margin:24px 0 18px;max-width:620px;color:#fff;
  font-size:clamp(40px,4.8vw,60px);line-height:1.03;font-weight:760;letter-spacing:0;
}
.host-title span{display:block}
.host-title span:last-child{color:#dacbff}
.host-sub{max-width:540px;margin:0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.62}
.host-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.host-actions .btn{border-radius:var(--g-radius)!important;min-height:50px;padding-inline:22px;font-weight:800}
.btn-primary{background:var(--g-purple)!important;color:#fff!important;border-color:var(--g-purple)!important;box-shadow:0 18px 38px rgba(103,61,230,.26)!important}
.btn-light{background:#fff;color:var(--g-ink);border:1px solid rgba(255,255,255,.35)}
.btn-ghost{background:#fff!important;color:var(--g-ink)!important;border:1px solid #e5dff0!important}
.host-guarantee{margin:16px 0 0;color:rgba(255,255,255,.72);font-size:13px;font-weight:650}

.host-quick-offers{position:relative;z-index:3;margin-top:-46px;padding:0 0 84px;background:var(--g-soft)}
.host-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px!important}
.host-quick-card{
  position:relative;display:flex;min-height:190px;flex-direction:column;justify-content:space-between;
  padding:28px;overflow:hidden;border-radius:var(--g-radius);
  background:linear-gradient(135deg,#7c58f7 0%,#673de6 52%,#5b31d2 100%);
  color:#fff;box-shadow:0 24px 70px rgba(84,51,188,.24);transition:transform .28s ease,box-shadow .28s ease;
}
.host-quick-card::before{content:"";position:absolute;inset:-30% auto -30% 42%;width:220px;transform:skewX(-24deg);background:rgba(255,255,255,.12)}
.host-quick-card:hover{transform:translateY(-5px);box-shadow:0 30px 80px rgba(84,51,188,.32)}
.host-quick-card span,.host-quick-card h2,.host-quick-card p{position:relative;z-index:1}
.host-quick-card span{color:rgba(255,255,255,.86);font-size:13px;font-weight:800}
.host-quick-card h2{max-width:470px;margin:16px 0 22px;color:#fff;font-size:27px;line-height:1.1;font-weight:760;letter-spacing:0}
.host-quick-card p{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0;color:#fff}
.host-quick-card b{font-size:18px;min-width:142px}
.host-quick-card small{max-width:230px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.35;text-align:right}
.host-quick-card-alt{background:linear-gradient(135deg,#6e4cec 0%,#673de6 62%,#42208c 100%)}

.host-proof{padding:12px 0 96px;background:var(--g-soft);text-align:center}
.host-proof-pill{margin:0 auto 20px;background:#ebe6ff;border-color:#ded5ff;color:var(--g-purple)}
.host-proof h2{
  max-width:720px;margin:0 auto 28px;color:#111;
  font-size:clamp(34px,4.2vw,56px);line-height:1.06;font-weight:680;letter-spacing:0;
}
.host-proof .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:40px}
.host-proof .metric{padding:24px 18px;border-radius:var(--g-radius);background:var(--g-purple);color:#fff;border:0;box-shadow:0 18px 46px rgba(103,61,230,.18)}
.host-proof .metric b{display:block;color:#fff;font-size:38px;line-height:1;font-weight:760}
.host-proof .metric span{display:block;margin-top:12px;color:rgba(255,255,255,.84);font-size:12px;font-weight:700}

.band{border:0!important;background:#100825!important}
.band span,.band .x{color:#fff!important}
.market-section,.offers-section,.faq-section,.proc,.choice-sec,.book-sec,.bk-showcase{background:var(--g-soft)!important}
.market-section,.offers-section,.mechanism-section,.faq-section,.work,.proc,.cta{padding:112px 0!important}
.sec-head,.split-head{align-items:end;gap:44px}
.eyebrow{color:var(--g-purple)!important;font-weight:850!important;letter-spacing:.12em!important}
.h,.dpy{color:var(--g-ink)!important;font-weight:760!important;letter-spacing:0!important}
.h .serif,.dpy .serif{color:var(--g-purple)!important}
.lead{color:var(--g-muted)!important}

.pain-card,.offer-card,.faq-card,.diagnosis-card,.choice-card,.book-aside-card,.bk-form,.bk-showcase-card{
  border:1px solid var(--g-line)!important;border-radius:var(--g-radius)!important;background:#fff!important;box-shadow:0 18px 50px rgba(26,13,54,.07)!important;
}
.pain-card h3,.angle-card h3,.faq-card h3,.offer-card h3,.diagnosis-card h2,.work-meta h3,.proc-name,.bk-showcase-title,.bk-showcase-info h3{color:var(--g-ink)!important}
.pain-card p,.angle-card p,.faq-card p,.offer-card p,.book-aside-card p,.book-list li,.bk-meta,.mechanism-list span,.work-meta p,.bk-showcase-info p,.bk-showcase-marquee-track{color:var(--g-muted)!important}
.pain-card span{color:var(--g-purple)!important}

.offers-section{background:#fff!important}
.offer-grid{gap:14px!important}
.offer-card{padding:30px!important;min-height:100%;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.offer-card:hover{transform:translateY(-5px);border-color:#cfc2f2!important;box-shadow:0 26px 70px rgba(67,35,142,.13)!important}
.offer-featured{background:#17072f!important;border-color:#2b154d!important;box-shadow:0 28px 76px rgba(23,7,47,.28)!important}
.offer-featured h3,.offer-featured p,.offer-featured li,.offer-featured .offer-link{color:#fff!important}
.offer-featured p,.offer-featured li{color:rgba(255,255,255,.76)!important}
.offer-top span,.offer-top b{background:#f4efff!important;color:var(--g-purple)!important;border:1px solid #e2d8ff!important}
.offer-featured .offer-top span,.offer-featured .offer-top b{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.offer-card li::marker{color:var(--g-purple)!important}
.offer-link{color:var(--g-purple)!important;font-weight:850!important}

.mechanism-section,.work{background:var(--g-deep)!important;color:#fff!important}
.mechanism-section .h,.work .h,.mechanism-section .lead,.work .lead{color:#fff!important}
.mechanism-section .h .serif,.work .h .serif{color:#b99cff!important}
.mechanism-section .lead,.work .lead{color:rgba(255,255,255,.72)!important}
.mechanism-list{border:1px solid rgba(255,255,255,.16)!important;border-radius:var(--g-radius)!important;background:rgba(255,255,255,.04)!important;box-shadow:none!important}
.mechanism-list div{border-bottom:1px solid rgba(255,255,255,.14)!important}
.mechanism-list b{color:#b99cff!important}
.mechanism-list span{color:rgba(255,255,255,.82)!important}

.work-frame{border:1px solid rgba(255,255,255,.16)!important;border-radius:var(--g-radius)!important;background:#05020b!important;box-shadow:0 38px 110px rgba(0,0,0,.42)!important}
.work-frame .top{background:#0b0616!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.work-frame .url,.tabs,.device-switch{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.82)!important;border:1px solid rgba(255,255,255,.12)!important}
.work-frame .open{background:#fff!important;color:var(--g-ink)!important;border:0!important}
.tab{color:rgba(255,255,255,.72)!important}
.tab.on{background:#fff!important;color:var(--g-ink)!important}
.device-switch button{color:rgba(255,255,255,.7)!important}
.device-switch button.on{background:#fff!important;color:var(--g-purple)!important}
.work-meta h3{color:#fff!important}
.work-meta p{color:rgba(255,255,255,.72)!important}

.proc-list{background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-radius)!important;box-shadow:0 18px 50px rgba(26,13,54,.07)!important}
.proc-row{border-bottom:1px solid var(--g-line)!important;color:var(--g-ink)!important}
.proc-num,.proc-arr{color:var(--g-purple)!important}
.proc-desc{color:var(--g-muted)!important}

.cta{background:linear-gradient(180deg,#100825 0%,#100825 58%,var(--g-soft) 58%,var(--g-soft) 100%)!important}
.cta-box{border-radius:var(--g-radius)!important;background:linear-gradient(135deg,#fff 0%,#f3edff 100%)!important;border:1px solid #ddd2fa!important;box-shadow:0 30px 80px rgba(36,18,78,.15)!important}
.cta-h{color:var(--g-ink)!important}
.cta-h .serif{color:var(--g-purple)!important}
.cta-box p,.cta-contact a{color:var(--g-muted)!important}

.foot{background:#100825!important;color:#fff!important;border-top:0!important}
.foot a,.foot p,.foot-status-item,.foot-bot{color:rgba(255,255,255,.72)!important}
.foot h5,.foot-logo span,.foot-status b{color:#fff!important}

html[dir="rtl"] .host-hero-content{text-align:right;align-items:flex-start}
html[dir="rtl"] .host-hero-shade{background:linear-gradient(270deg,rgba(7,3,15,.96) 0%,rgba(7,3,15,.76) 36%,rgba(7,3,15,.22) 70%,rgba(7,3,15,.18) 100%),linear-gradient(180deg,rgba(7,3,15,.12),rgba(7,3,15,.66))}
html[dir="rtl"] .host-quick-card small{text-align:left}

@keyframes govixScan{0%,48%{transform:translateX(-120%)}68%,100%{transform:translateX(320%)}}
@keyframes heroBreath{from{transform:scale(1.01)}to{transform:scale(1.045)}}

@media(max-width:1100px){
  .host-hero-content{width:min(680px,76%);padding:56px 34px}
  .host-proof .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .nav-inner{height:68px!important}
  .host-hero{padding-top:86px}
  .host-briefbar{align-items:stretch;flex-direction:column;padding:16px}
  .host-briefbar-copy{align-items:flex-start;flex-direction:column;gap:6px;width:100%}
  .host-briefbar-copy strong{white-space:normal}
  .host-briefbar-btn{width:100%}
  .host-hero-card{min-height:640px}
  .host-hero-img{object-position:62% center}
  .host-hero-shade{background:linear-gradient(180deg,rgba(7,3,15,.94) 0%,rgba(7,3,15,.78) 44%,rgba(7,3,15,.34) 100%),linear-gradient(90deg,rgba(7,3,15,.94),rgba(7,3,15,.32))}
  .host-hero-content{width:100%;justify-content:flex-start;padding:42px 24px}
  .host-title{font-size:42px;max-width:580px}
  .host-sub{font-size:15.5px;max-width:540px}
  .host-quick-grid{grid-template-columns:1fr}
  .host-quick-card h2{font-size:24px}
  .market-section,.offers-section,.mechanism-section,.faq-section,.work,.proc,.cta{padding:78px 0!important}
  .sec-head,.split-head{align-items:flex-start;grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .host-hero{padding-top:78px;padding-bottom:56px}
  .host-hero-card{min-height:650px}
  .host-title{font-size:36px}
  .host-actions{width:100%}
  .host-actions .btn{width:100%;justify-content:center}
  .host-guarantee{font-size:12.5px}
  .host-quick-offers{padding-bottom:64px}
  .host-quick-card{padding:22px;min-height:210px}
  .host-quick-card p{align-items:flex-start;flex-direction:column}
  .host-quick-card small{text-align:left}
  .host-proof h2{font-size:31px}
  .host-proof .metrics{grid-template-columns:1fr}
  .host-proof .metric b{font-size:34px}
}

/* ============================================================
   Govix public site v11 - tighter Hostinger-style polish
   ============================================================ */
.foot-mega{display:none!important}

.foot{
  position:relative;
  overflow:hidden;
  padding:72px 0 34px!important;
  background:#100825!important;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
}
.foot::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 72% 0%,rgba(103,61,230,.22),transparent 34%);
  pointer-events:none;
}
.foot .wrap{position:relative;z-index:1}
.foot-status{
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
.foot-grid{
  padding:58px 0!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.foot-logo span,.foot h5,.foot-status b{color:#fff!important}
.foot-brand p,.foot a,.foot p,.foot-status-item,.foot-bot{
  color:rgba(255,255,255,.72)!important;
  text-shadow:none!important;
}
.foot-col h5{letter-spacing:.12em!important;color:#fff!important}
.foot-social{
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}
.foot-social span{color:rgba(255,255,255,.82)!important}
.foot-top{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

.choice-sec{
  background:#f4f3f6!important;
  padding-top:86px!important;
}
.booking-menu-hero{
  background:
    radial-gradient(circle at 78% 0%,rgba(103,61,230,.14),transparent 36%),
    linear-gradient(rgba(103,61,230,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(103,61,230,.08) 1px,transparent 1px),
    #f7f5fb!important;
  background-size:auto,42px 42px,42px 42px,auto!important;
  text-align:center!important;
  padding-top:150px!important;
  padding-bottom:86px!important;
}
.booking-menu-hero .wrap{max-width:960px!important}
.booking-menu-hero .eyebrow{
  justify-content:center!important;
  color:var(--g-purple)!important;
}
.booking-menu-hero .dpy{
  max-width:920px;
  margin-inline:auto!important;
  color:var(--g-ink)!important;
  text-shadow:none!important;
  font-size:clamp(44px,6vw,78px)!important;
  line-height:1.02!important;
}
.booking-menu-hero .dpy .serif{
  color:var(--g-purple)!important;
  font-family:var(--font-sans)!important;
  font-style:normal!important;
}
.booking-menu-hero .lead{
  max-width:620px!important;
  margin-inline:auto!important;
  color:#4f485b!important;
  text-shadow:none!important;
}
.choice-card,
.choice-card.choice-card-hot{
  min-height:360px!important;
  padding:34px!important;
  border:1px solid #ded8ea!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--g-ink)!important;
  box-shadow:0 22px 70px rgba(23,12,52,.08)!important;
}
.choice-card:hover,
.choice-card.choice-card-hot:hover{
  border-color:#c7b8ee!important;
  transform:translateY(-6px)!important;
  box-shadow:0 30px 86px rgba(23,12,52,.12)!important;
}
.choice-card .num,
.choice-card.choice-card-hot .num{
  color:var(--g-purple)!important;
  opacity:1!important;
  text-shadow:none!important;
}
.choice-card h3,
.choice-card .h3,
.choice-card.choice-card-hot h3,
.choice-card.choice-card-hot .h3{
  color:var(--g-ink)!important;
  text-shadow:none!important;
}
.choice-card p,
.choice-card.choice-card-hot p{
  color:#5f586b!important;
  opacity:1!important;
  text-shadow:none!important;
}
.choice-pills span,
.choice-card-hot .choice-pills span,
.choice-card:not(.choice-card-hot) .choice-pills span{
  background:#f1eaff!important;
  border:1px solid #d9cdf8!important;
  color:#4b238c!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
.choice-foot,
.choice-card-hot .choice-foot{
  color:var(--g-ink)!important;
}
.choice-foot .arr,
.choice-card-hot .choice-foot .arr{
  background:#eee7ff!important;
  color:var(--g-purple)!important;
}
.choice-meta{
  border:1px solid #ded8ea!important;
  background:#fff!important;
  color:#5f586b!important;
}
.choice-meta p{color:#5f586b!important}
.choice-meta a{color:var(--g-purple)!important}

.host-proof{
  padding:72px 0 92px!important;
  background:#f4f3f6!important;
}
.host-proof .metrics{display:none!important}
.host-proof h2{
  font-size:clamp(36px,4.5vw,62px)!important;
  max-width:760px!important;
}

.mechanism-section{
  position:relative;
  overflow:hidden;
  padding:110px 0 170px!important;
  background:#100825!important;
}
.mechanism-section::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:270px;
  background:linear-gradient(180deg,rgba(16,8,37,0) 0%,rgba(103,61,230,.6) 52%,#f4f3f6 100%);
  pointer-events:none;
}
.mechanism-section .wrap{position:relative;z-index:1}
.mechanism-grid{
  max-width:920px!important;
  grid-template-columns:1fr 1fr!important;
  gap:76px!important;
}
.mechanism-copy{
  position:relative;
  padding-inline-end:54px;
}
.mechanism-copy .h{
  font-size:clamp(28px,3vw,40px)!important;
  line-height:1.08!important;
}
.mechanism-copy .lead{
  max-width:430px!important;
  font-size:14px!important;
}
.mechanism-list{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.mechanism-list div{
  display:grid!important;
  grid-template-columns:56px 1fr!important;
  gap:14px!important;
  padding:0 0 24px!important;
  margin-bottom:24px!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
}
.mechanism-list b{font-size:13px!important;color:#b9a4ff!important}
.mechanism-list span{color:#fff!important;font-weight:700!important;line-height:1.45!important}
.host-stat-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  max-width:920px!important;
  margin-top:64px!important;
}
.host-stat{
  min-height:112px;
  padding:24px 20px;
  border-radius:8px;
  background:linear-gradient(135deg,#7c58f7,#673de6);
  color:#fff;
  box-shadow:0 24px 70px rgba(103,61,230,.2);
}
.host-stat b{
  display:block;
  color:#fff!important;
  font-size:clamp(32px,3.5vw,52px);
  line-height:1;
  font-weight:650;
}
.host-stat span{
  display:block;
  margin-top:18px;
  color:rgba(255,255,255,.88)!important;
  font-size:12px;
  font-weight:700;
}
.host-gradient-bridge{
  margin-top:-1px;
  padding:0 0 92px;
  background:#f4f3f6;
  text-align:center;
}
.host-gradient-bridge .wrap{max-width:760px!important}
.host-gradient-bridge .host-proof-pill{
  margin:0 auto 18px;
  background:#fff!important;
  color:var(--g-purple)!important;
  border-color:#e2d8ff!important;
}
.host-gradient-bridge h2{
  margin:0 auto 18px;
  color:#08040e;
  font-size:clamp(38px,4.8vw,64px);
  line-height:1.03;
  font-weight:650;
  letter-spacing:0;
}
.host-gradient-bridge p{
  max-width:560px;
  margin:0 auto 28px;
  color:#5f586b;
  line-height:1.65;
}
.market-section .rv,
.offers-section .rv,
.mechanism-section .rv,
.host-gradient-bridge .rv,
.work .rv,
.proc .rv,
.faq-section .rv,
.cta .rv,
.choice-sec .rv,
.book-sec .rv{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

@media(max-width:900px){
  .foot-grid{padding:42px 0!important}
  .booking-menu-hero{padding-top:120px!important;padding-bottom:58px!important}
  .booking-menu-hero .dpy{font-size:42px!important}
  .choice-sec{padding-top:54px!important}
  .choice-card,.choice-card.choice-card-hot{min-height:auto!important}
  .mechanism-section{padding:88px 0 170px!important}
  .mechanism-grid{grid-template-columns:1fr!important;gap:36px!important}
  .mechanism-copy{padding-inline-end:0}
  .host-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px!important}
  .host-gradient-bridge h2{font-size:36px}
}
@media(max-width:560px){
  .foot{padding-top:54px!important}
  .foot-status{align-items:flex-start!important}
  .booking-menu-hero .dpy{font-size:36px!important}
  .choice-card,.choice-card.choice-card-hot{padding:26px!important}
  .choice-pills{gap:8px!important}
  .choice-pills span{font-size:12px!important}
  .host-stat-grid{grid-template-columns:1fr}
}

/* ============================================================
   Govix public site v12 - hero rebuild + contrast repair
   ============================================================ */
.host-hero{
  padding:104px 0 82px!important;
  background:#101010!important;
}
.host-hero::before{
  inset:auto 0 -28% 0!important;
  height:420px!important;
  background:radial-gradient(ellipse at 50% 0%,rgba(103,61,230,.36),transparent 62%)!important;
}
.host-briefbar{
  max-width:1120px;
  margin-bottom:16px!important;
  border-radius:10px!important;
  border-color:rgba(255,255,255,.26)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.25)!important;
}
.host-briefbar-copy span{
  color:#6f6680!important;
}
.host-briefbar-copy strong{
  color:#171021!important;
}
.host-hero-card{
  max-width:1120px;
  margin-inline:auto;
  min-height:570px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.46)!important;
}
.host-hero-img{
  object-position:center center!important;
  filter:saturate(.98) contrast(1.02)!important;
}
.host-hero-shade{
  background:
    linear-gradient(90deg,rgba(7,3,15,.98) 0%,rgba(7,3,15,.86) 38%,rgba(7,3,15,.30) 70%,rgba(7,3,15,.16) 100%),
    linear-gradient(180deg,rgba(7,3,15,.04),rgba(7,3,15,.56))!important;
}
.host-hero-content{
  width:min(610px,54%)!important;
  padding:66px clamp(30px,5vw,72px)!important;
}
.host-pill{
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
}
.host-title{
  max-width:560px!important;
  font-size:clamp(44px,5.05vw,66px)!important;
  line-height:1.01!important;
  letter-spacing:0!important;
}
.host-sub{
  max-width:520px!important;
  color:rgba(255,255,255,.84)!important;
  font-size:16.5px!important;
}
.host-actions .btn{
  min-height:52px!important;
  border-radius:9px!important;
}
.host-actions .btn-primary{
  background:#673de6!important;
}
.host-actions .btn-light{
  background:#fff!important;
  color:#171021!important;
}
.host-guarantee{
  color:rgba(255,255,255,.76)!important;
}

.mechanism-list div,
.mechanism-list div:nth-child(n){
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
}
.mechanism-list div span,
.mechanism-list div b{
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
.mechanism-list div span{
  color:#fff!important;
}
.mechanism-list div b{
  color:#bda9ff!important;
}

@media(max-width:900px){
  .host-hero{padding-top:86px!important;padding-bottom:58px!important}
  .host-hero-card{min-height:660px!important}
  .host-hero-content{width:100%!important;padding:44px 24px!important}
  .host-hero-img{object-position:62% center!important}
  .host-hero-shade{
    background:
      linear-gradient(180deg,rgba(7,3,15,.96) 0%,rgba(7,3,15,.82) 48%,rgba(7,3,15,.46) 100%),
      linear-gradient(90deg,rgba(7,3,15,.96),rgba(7,3,15,.34))!important;
  }
  .host-title{font-size:42px!important;max-width:520px!important}
}
@media(max-width:560px){
  .host-hero-card{min-height:680px!important;border-radius:8px!important}
  .host-title{font-size:37px!important}
  .host-sub{font-size:15.5px!important}
}

/* ============================================================
   Govix v20 - clean professional hero replacement
   ============================================================ */
.home-pro-clean{
  background:#f7f5ff;
  color:#121326;
}
.home-pro-clean .nav{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid #e8e2f6!important;
  box-shadow:0 10px 30px rgba(48,33,99,.05)!important;
  backdrop-filter:blur(18px) saturate(160%)!important;
}
.home-pro-clean .nav-logo span,
.home-pro-clean .nav-links a{
  color:#121326!important;
  text-shadow:none!important;
}
.home-pro-clean .nav-links a:hover{
  color:#673de6!important;
  background:#f2eeff!important;
}
.home-pro-clean .nav-cta{
  background:#673de6!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 16px 34px rgba(103,61,230,.24)!important;
}
.home-pro-clean .lang-switch{
  background:#fff!important;
  border-color:#e4def4!important;
  box-shadow:0 10px 24px rgba(48,33,99,.06)!important;
}
.home-pro-clean .lang-switch:before{background:#080912!important}
.home-pro-clean .lang-btn{color:#625b74!important}
.home-pro-clean .lang-btn.on{color:#fff!important}
.home-pro-clean .burger{background:#fff!important;border-color:#e4def4!important}
.home-pro-clean .burger i{background:#121326!important}
.home-pro-clean .host-proof{display:none!important}
.home-pro-clean .rv{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

.pro-hero{
  position:relative;
  overflow:hidden;
  padding:126px 0 76px;
  background:
    radial-gradient(circle at 18% 18%,rgba(103,61,230,.2),transparent 30%),
    radial-gradient(circle at 82% 8%,rgba(103,61,230,.14),transparent 26%),
    linear-gradient(180deg,#fbfaff 0%,#f2eeff 100%);
}
.pro-hero-grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(103,61,230,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(103,61,230,.045) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,#000,transparent 85%);
}
.pro-hero::after{
  content:"";
  position:absolute;
  left:4%;
  top:118px;
  width:420px;
  height:420px;
  border:1px solid rgba(103,61,230,.16);
  border-radius:50%;
}
.pro-hero-wrap{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:66px;
  align-items:center;
}
.pro-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
}
html[dir="rtl"] .pro-copy{
  align-items:flex-end;
  text-align:right;
}
.pro-pill{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:0 16px;
  border:1px solid #e4def4;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#673de6;
  box-shadow:0 14px 34px rgba(49,35,99,.08);
  font-size:13px;
  font-weight:850;
}
.pro-copy h1{
  max-width:700px;
  margin:24px 0 18px;
  color:#080912;
  font-size:clamp(44px,5.2vw,76px);
  line-height:1.08;
  letter-spacing:0;
  font-weight:900;
}
.pro-copy h1 span,
.pro-copy h1 strong{display:block}
.pro-copy h1 strong{
  color:#673de6;
  text-shadow:0 18px 44px rgba(103,61,230,.18);
}
.pro-copy p{
  max-width:650px;
  margin:0;
  color:#646078;
  font-size:17px;
  line-height:1.85;
  font-weight:650;
}
.pro-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}
.pro-actions .btn{
  min-height:56px!important;
  border-radius:13px!important;
  padding-inline:26px!important;
  font-weight:850!important;
}
.pro-actions .btn-primary{
  background:#673de6!important;
  color:#fff!important;
  box-shadow:0 18px 34px rgba(103,61,230,.26)!important;
}
.pro-btn-white{
  background:#fff!important;
  color:#121326!important;
  border:1px solid #e9e3f5!important;
  box-shadow:0 14px 30px rgba(45,31,92,.08)!important;
}
.pro-trust{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:28px;
}
.pro-trust span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border:1px solid #e6def5;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#4d465e;
  font-size:12px;
  font-weight:800;
}

.pro-visual{
  position:relative;
  min-height:560px;
  direction:ltr;
}
.pro-laptop{
  position:absolute;
  left:0;
  top:44px;
  width:min(760px,100%);
  border:11px solid #171724;
  border-bottom-width:18px;
  border-radius:28px 28px 18px 18px;
  background:#fff;
  box-shadow:0 34px 80px rgba(48,33,99,.22),0 0 0 1px rgba(103,61,230,.08);
  overflow:hidden;
}
.pro-window-bar{
  height:34px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 14px;
  background:#f2f0f7;
  border-bottom:1px solid #e7e2ef;
  color:#8d87a2;
  font-size:12px;
  font-weight:850;
}
.pro-window-bar i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#d7d0e9;
}
.pro-window-bar span{margin-left:10px}
.pro-screen{
  position:relative;
  aspect-ratio:16/9.3;
  overflow:hidden;
  background:#fff;
}
.pro-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.015);
  animation:proSlide 12s infinite;
}
.pro-slide.is-b{animation-delay:4s}
.pro-slide.is-c{animation-delay:8s}
@keyframes proSlide{
  0%,28%{opacity:1;transform:scale(1)}
  33%,100%{opacity:0;transform:scale(1.015)}
}
.pro-phone{
  position:absolute;
  z-index:3;
  right:0;
  bottom:44px;
  width:190px;
  height:342px;
  padding:10px;
  border:9px solid #171724;
  border-radius:36px;
  background:#171724;
  box-shadow:0 28px 60px rgba(48,33,99,.28);
}
.pro-phone > span{
  position:absolute;
  z-index:3;
  top:14px;
  left:50%;
  width:64px;
  height:18px;
  transform:translateX(-50%);
  border-radius:0 0 14px 14px;
  background:#171724;
}
.pro-phone-screen{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:26px;
  background:#fff;
}
.pro-phone-screen .pro-slide{
  width:220%;
  max-width:none;
  object-position:left top;
}
.pro-mini{
  position:absolute;
  z-index:4;
  display:grid;
  gap:5px;
  min-width:132px;
  padding:16px 18px;
  border:1px solid rgba(103,61,230,.16);
  border-radius:16px;
  background:rgba(255,255,255,.9);
  box-shadow:0 22px 52px rgba(48,33,99,.14);
  backdrop-filter:blur(16px);
}
.pro-mini b{
  color:#673de6;
  font-size:24px;
  line-height:1;
}
.pro-mini span{
  color:#625b74;
  font-size:12px;
  font-weight:800;
}
.pro-mini-order{left:18px;bottom:58px}
.pro-mini-speed{right:116px;bottom:0}

.pro-quick{
  padding:70px 0 86px;
  background:#fff;
}
.pro-quick-head{
  max-width:780px;
  margin:0 auto 30px;
  text-align:center;
}
.pro-quick-head span{
  display:inline-flex;
  margin-bottom:10px;
  color:#673de6;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.pro-quick-head h2{
  margin:0;
  color:#121326;
  font-size:clamp(28px,3.3vw,46px);
  line-height:1.14;
  letter-spacing:0;
  font-weight:900;
}
.pro-quick-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  max-width:960px;
  margin:0 auto;
}
.pro-offer-card{
  position:relative;
  overflow:hidden;
  min-height:240px;
  padding:32px;
  border:1px solid #e7e1f2;
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 8%,rgba(103,61,230,.12),transparent 28%),
    #fff;
  color:#121326;
  text-decoration:none;
  box-shadow:0 22px 58px rgba(48,33,99,.08);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.pro-offer-card:hover{
  transform:translateY(-4px);
  border-color:#cdbfff;
  box-shadow:0 30px 72px rgba(48,33,99,.13);
}
.pro-offer-card > span{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#f1ecff;
  color:#673de6;
  font-size:12px;
  font-weight:900;
}
.pro-offer-card h3{
  margin:22px 0 14px;
  color:#121326;
  font-size:clamp(24px,2.5vw,34px);
  line-height:1.12;
  letter-spacing:0;
  font-weight:900;
}
.pro-offer-card p{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin:0;
  color:#5d566c;
  line-height:1.6;
}
.pro-offer-card b{
  color:#673de6;
  font-size:15px;
}
.pro-offer-card small{
  color:#6c657a;
  font-size:13px;
}

@media(max-width:1100px){
  /* show the toggle across the whole drawer range */
  .home-pro-clean .burger{display:flex!important;z-index:130!important}

  /* top bar blends into the drawer while open */
  .home-pro-clean .nav.open{
    background:transparent!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .home-pro-clean .nav.open .nav-logo span{color:#fff!important}
  .home-pro-clean .nav.open .burger{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.24)!important;
  }
  .home-pro-clean .nav.open .burger i{background:#fff!important}
  .home-pro-clean .nav-logo{position:relative;z-index:5}
  .home-pro-clean .nav-right{position:relative;z-index:5}
  .home-pro-clean .nav.open::before{
    content:none!important;
    background:transparent!important;
    backdrop-filter:none!important;
  }

  /* the drawer: deep-purple glass, high contrast, full height */
  .home-pro-clean .nav .nav-links{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:4px!important;
    padding:110px 24px 40px!important;
    border:0!important;
    box-shadow:none!important;
    background:#0c0618!important;
    background-image:
      radial-gradient(95% 55% at 50% -8%,rgba(139,92,255,.34),transparent 60%),
      radial-gradient(70% 45% at 100% 100%,rgba(103,61,230,.22),transparent 55%),
      linear-gradient(180deg,#180b34 0%,#0b0618 100%)!important;
    transform:translateY(-102%)!important;
    transition:transform .5s var(--ease-out)!important;
    overflow-y:auto!important;
  }
  .home-pro-clean .nav.open .nav-links{transform:translateY(0)!important}
  .home-pro-clean .nav .nav-links a{
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
    border-radius:0!important;
    padding:20px 4px!important;
    font-size:clamp(26px,7.4vw,34px)!important;
    font-weight:600!important;
    letter-spacing:-.01em!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    opacity:0;
    transform:translateY(16px);
    transition:opacity .5s var(--ease-out),transform .5s var(--ease-out),color .25s!important;
  }
  .home-pro-clean .nav.open .nav-links a{opacity:1!important;transform:translateY(0)!important}
  .home-pro-clean .nav.open .nav-links a:nth-child(1){transition-delay:.10s}
  .home-pro-clean .nav.open .nav-links a:nth-child(2){transition-delay:.16s}
  .home-pro-clean .nav.open .nav-links a:nth-child(3){transition-delay:.22s}
  .home-pro-clean .nav.open .nav-links a:nth-child(4){transition-delay:.28s}
  .home-pro-clean .nav .nav-links a::after{
    content:"→"!important;
    font-size:19px!important;
    color:rgba(255,255,255,.38)!important;
    transition:transform .35s var(--ease-spring),color .25s!important;
  }
  html[dir="rtl"] .home-pro-clean .nav .nav-links a::after{content:"←"!important}
  .home-pro-clean .nav .nav-links a:hover,
  .home-pro-clean .nav .nav-links a:active{color:var(--vio-3)!important;background:transparent!important}
  .home-pro-clean .nav .nav-links a:hover::after{color:var(--vio-3)!important}
  .pro-hero-wrap{grid-template-columns:1fr}
  .pro-copy{order:-1}
  .pro-visual{min-height:520px}
  .pro-laptop{left:50%;transform:translateX(-50%)}
  .pro-phone{right:10%}
}
@media(max-width:760px){
  .pro-hero{padding:100px 0 52px}
  .pro-copy h1{font-size:37px}
  .pro-copy p{font-size:15.5px}
  .pro-actions .btn{width:100%;justify-content:center}
  .pro-trust{display:none}
  .pro-visual{min-height:392px;margin-top:18px}
  .pro-laptop{
    top:12px;
    width:106%;
    border-width:8px;
    border-bottom-width:12px;
    border-radius:18px 18px 12px 12px;
  }
  .pro-window-bar{height:26px;font-size:10px}
  .pro-phone{
    width:118px;
    height:218px;
    right:2px;
    bottom:58px;
    border-width:6px;
    border-radius:24px;
    padding:6px;
  }
  .pro-phone > span{top:10px;width:44px;height:12px}
  .pro-phone-screen{border-radius:18px}
  .pro-mini{padding:12px;min-width:120px}
  .pro-mini-order{left:0;bottom:34px}
  .pro-mini-speed{right:86px;bottom:0}
  .pro-quick{padding:54px 0 68px}
  .pro-quick-grid{grid-template-columns:1fr}
  .pro-offer-card{min-height:auto;padding:24px}
}

/* Govix v21 - darker purple hero + real generated device PNG */
.home-pro-clean .nav{
  background:rgba(255,255,255,.94)!important;
}
.pro-hero{
  padding:126px 0 82px!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(126,87,255,.42),transparent 28%),
    radial-gradient(circle at 76% 20%,rgba(103,61,230,.34),transparent 32%),
    linear-gradient(135deg,#130820 0%,#24104f 46%,#4b27c9 100%)!important;
  color:#fff;
}
.pro-hero-grid{
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  opacity:.8;
}
.pro-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 55% 100%,rgba(255,255,255,.14),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(13,5,29,.16));
  pointer-events:none;
}
.pro-hero::after{
  border-color:rgba(255,255,255,.14)!important;
}
.pro-copy h1,
.pro-copy h1 span{
  color:#fff!important;
}
.pro-copy h1 strong{
  color:#d8c8ff!important;
  text-shadow:0 20px 52px rgba(190,166,255,.22)!important;
}
.pro-copy p{
  color:rgba(255,255,255,.78)!important;
}
.pro-pill{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16)!important;
}
.pro-btn-white{
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px);
}
.pro-trust span{
  background:rgba(255,255,255,.09)!important;
  color:rgba(255,255,255,.8)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.pro-device-art{
  position:absolute;
  inset:0 auto auto 50%;
  width:min(820px,112%);
  max-width:none;
  transform:translateX(-52%);
  border-radius:28px;
  filter:drop-shadow(0 36px 80px rgba(0,0,0,.38));
}
.pro-visual{
  min-height:570px!important;
}
.pro-laptop,
.pro-phone{
  display:none!important;
}
.pro-mini{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(255,255,255,.42)!important;
}
.pro-mini-order{left:48px!important;bottom:86px!important}
.pro-mini-speed{right:118px!important;bottom:34px!important}

.pro-quick{
  padding:82px 0 92px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(103,61,230,.3),transparent 28%),
    linear-gradient(180deg,#180b33 0%,#0b0616 100%)!important;
}
.pro-quick-head span{
  color:#d8c8ff!important;
}
.pro-quick-head h2{
  color:#fff!important;
}
.pro-quick-grid{
  max-width:1040px!important;
}
.pro-offer-card{
  border-color:rgba(255,255,255,.14)!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(147,103,255,.28),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055))!important;
  color:#fff!important;
  box-shadow:0 30px 90px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px);
}
.pro-offer-card > span{
  background:rgba(255,255,255,.12)!important;
  color:#d8c8ff!important;
}
.pro-offer-card h3{
  color:#fff!important;
}
.pro-offer-card p,
.pro-offer-card small{
  color:rgba(255,255,255,.74)!important;
}
.pro-offer-card b{
  color:#d8c8ff!important;
}

@media(max-width:1100px){
  .pro-device-art{
    position:relative;
    inset:auto;
    display:block;
    width:min(820px,100%);
    margin:0 auto;
    transform:none;
  }
  .pro-visual{min-height:auto!important}
  .pro-mini-order{left:26px!important;bottom:52px!important}
  .pro-mini-speed{right:66px!important;bottom:10px!important}
}
@media(max-width:760px){
  .pro-hero{padding:98px 0 48px!important}
  .pro-device-art{
    width:118%;
    margin-left:-8%;
    border-radius:18px;
  }
  .pro-mini{
    min-width:108px;
    padding:10px 12px;
  }
  .pro-mini b{font-size:20px}
  .pro-mini span{font-size:11px}
  .pro-mini-order{left:6px!important;bottom:28px!important}
  .pro-mini-speed{right:14px!important;bottom:0!important}
  .pro-quick{padding:56px 0 68px!important}
}

/* Govix v22 - fixed real device PNGs with live iframe slides */
.pro-hero{
  padding:112px 0 72px!important;
  overflow:hidden;
}
.pro-hero-wrap{
  max-width:1360px!important;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  gap:44px!important;
  align-items:center!important;
}
.pro-copy{
  max-width:620px!important;
}
.pro-copy h1{
  margin-top:22px!important;
  font-size:clamp(58px,5.7vw,92px)!important;
  line-height:.95!important;
  letter-spacing:0!important;
}
.pro-copy p{
  max-width:520px!important;
  margin-top:22px!important;
  font-size:18px!important;
  line-height:1.65!important;
}
.pro-trust,
.pro-device-art,
.pro-mini{
  display:none!important;
}
.hero-devices{
  position:relative;
  min-height:700px!important;
  isolation:isolate;
}
.hero-devices::before{
  content:"";
  position:absolute;
  left:-4%;
  right:2%;
  bottom:36px;
  height:210px;
  border-radius:999px;
  background:radial-gradient(closest-side,rgba(122,78,255,.5),rgba(122,78,255,0));
  filter:blur(22px);
  z-index:0;
}
.hero-laptop-device{
  position:absolute;
  left:-6%;
  top:40px;
  width:min(840px,112%);
  aspect-ratio:1677/938;
  z-index:2;
  filter:drop-shadow(0 46px 84px rgba(0,0,0,.4));
}
.hero-phone-device{
  position:absolute;
  right:1%;
  top:206px;
  width:min(244px,33%);
  aspect-ratio:873/1801;
  z-index:4;
  filter:drop-shadow(0 34px 58px rgba(0,0,0,.46));
}
.hero-device-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  z-index:3;
  pointer-events:none;
}
.hero-device-screen{
  position:absolute;
  overflow:hidden;
  background:#fff;
  z-index:2;
}
.hero-laptop-screen{
  left:18.8%;
  top:10.45%;
  width:62.15%;
  height:62.65%;
  border-radius:4px;
}
.hero-phone-screen{
  left:14.8%;
  top:9.2%;
  width:70.45%;
  height:78.55%;
  border-radius:8.5%/4.2%;
}
.hero-site-slide{
  position:absolute;
  inset:0;
  opacity:0;
  background:#fff;
  animation:heroSiteCycle 14.4s infinite;
}
.hero-site-slide:nth-child(1){animation-delay:0s}
.hero-site-slide:nth-child(2){animation-delay:4.8s}
.hero-site-slide:nth-child(3){animation-delay:9.6s}
.hero-site-fallback,
.hero-site-card,
.hero-site-slide iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}
/* Live iframe is the top layer: the real site renders here once the target
   allows embedding (CSP frame-ancestors https://govix.dev). The screenshot /
   branded card sits underneath as a base while the frame loads. */
.hero-site-slide iframe{
  z-index:2;
  opacity:1;
  transform-origin:0 0;
  pointer-events:none;
  background:#fff;
}
.hero-site-fallback{
  object-fit:cover;
  object-position:top center;
  z-index:1;
}
.hero-site-card{
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  gap:6px;
  padding:clamp(14px,4%,26px);
  text-align:left;
  color:#fff;
  background:
    radial-gradient(120% 90% at 12% 8%,rgba(139,98,255,.55),transparent 60%),
    linear-gradient(155deg,#221046 0%,#120a26 60%,#0b0614 100%);
}
.hero-site-card-badge{
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#d7c9ff;
}
.hero-site-card-title{
  font-size:clamp(16px,3.4%,26px);
  font-weight:700;
  line-height:1.15;
}
.hero-site-card-url{
  font-size:clamp(11px,2.2%,14px);
  color:rgba(255,255,255,.66);
  font-family:"JetBrains Mono",monospace;
}
.hero-phone-screen .hero-site-card{padding:16px 14px}
.hero-phone-screen .hero-site-card-title{font-size:15px}
.hero-phone-screen .hero-site-card-badge{font-size:9px;padding:3px 8px}
@keyframes heroSiteCycle{
  0%,29%{opacity:1}
  34%,95%{opacity:0}
  100%{opacity:1}
}

@media(max-width:1100px){
  .pro-hero-wrap{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .hero-devices{
    width:min(920px,100%);
    min-height:600px!important;
    margin:0 auto;
  }
  .hero-laptop-device{
    left:50%;
    top:24px;
    width:min(860px,100%);
    transform:translateX(-50%);
  }
  .hero-phone-device{
    right:3%;
    top:168px;
    width:min(214px,26%);
  }
}
@media(max-width:760px){
  .pro-hero{
    padding:92px 0 46px!important;
  }
  .pro-copy h1{
    font-size:clamp(46px,13vw,60px)!important;
    max-width:390px;
  }
  .pro-copy p{
    font-size:16px!important;
    line-height:1.55!important;
    margin-top:18px!important;
  }
  .pro-actions{
    gap:12px!important;
  }
  .hero-devices{
    min-height:390px!important;
    margin-top:8px;
  }
  .hero-devices::before{
    left:0;
    right:0;
    bottom:18px;
    height:130px;
  }
  .hero-laptop-device{
    top:26px;
    width:118%;
  }
  .hero-phone-device{
    top:104px;
    right:0%;
    width:27%;
  }
}

/* ============================================================
   Govix v24 — hero glow-up + mobile nav drawer fix
   ============================================================ */

/* ---- richer, deeper purple degrade + slow-floating aurora ---- */
.pro-hero{
  background:
    radial-gradient(55% 45% at 12% 6%,rgba(150,112,255,.42),transparent 62%),
    radial-gradient(48% 42% at 88% 14%,rgba(103,61,230,.34),transparent 60%),
    radial-gradient(90% 60% at 50% 122%,rgba(190,150,255,.22),transparent 60%),
    linear-gradient(158deg,#0c0519 0%,#190b3c 40%,#341a8c 74%,#5a30d6 100%)!important;
}
.pro-hero::before{
  background:
    radial-gradient(36% 30% at 24% 28%,rgba(167,139,255,.36),transparent 70%),
    radial-gradient(32% 28% at 80% 64%,rgba(126,87,255,.30),transparent 70%)!important;
  filter:blur(34px);
  will-change:transform;
  animation:heroAurora 20s ease-in-out infinite alternate;
}
@keyframes heroAurora{
  0%{transform:translate3d(-2%,-1%,0) scale(1)}
  100%{transform:translate3d(3%,2%,0) scale(1.14)}
}
/* keep the decorative ring subtle */
.pro-hero::after{opacity:.7}

/* ---- fuller copy column: social proof + trust chips ---- */
.pro-proof{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:28px;
}
.pro-proof-avatars{display:flex}
.pro-proof-avatars span{
  width:36px;
  height:36px;
  border-radius:50%;
  margin-inline-start:-11px;
  border:2px solid rgba(18,9,36,.85);
  background:linear-gradient(135deg,#8b5cf6,#c4b5ff);
  box-shadow:0 6px 16px rgba(0,0,0,.28);
}
.pro-proof-avatars span:first-child{margin-inline-start:0}
.pro-proof-avatars span:nth-child(2){background:linear-gradient(135deg,#673de6,#a78bff)}
.pro-proof-avatars span:nth-child(3){background:linear-gradient(135deg,#7c5cff,#e9deff)}
.pro-proof-avatars span:nth-child(4){background:linear-gradient(135deg,#4b27c9,#b8a4ff)}
.pro-proof-meta{display:flex;flex-direction:column;gap:3px;line-height:1.05}
.pro-proof-stars{color:#ffce6a;font-size:14px;letter-spacing:3px}
.pro-proof-meta > span{font-size:13.5px;color:rgba(255,255,255,.74);font-weight:600}
.pro-proof-meta b{color:#fff;font-weight:850}
.home-pro-clean .pro-copy .pro-trust{
  display:flex!important;
  margin-top:20px!important;
}
.pro-trust span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  margin-inline-end:8px;
  background:var(--vio-3);
  box-shadow:0 0 10px rgba(167,139,255,.85);
}

/* ---- on-load entrance: staggered slide-up (PC + phone) ---- */
@keyframes heroRise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroLineIn{from{opacity:0;transform:translateY(34px);filter:blur(12px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes heroDeviceIn{from{opacity:0;translate:0 48px;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes heroShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.home-pro-clean .pro-pill,
.home-pro-clean .pro-copy p,
.home-pro-clean .pro-actions,
.home-pro-clean .pro-proof,
.home-pro-clean .pro-copy .pro-trust{
  animation:heroRise .95s var(--ease-out) both;
}
.home-pro-clean .pro-pill{animation-delay:.06s}
.home-pro-clean .pro-copy p{animation-delay:.44s}
.home-pro-clean .pro-actions{animation-delay:.58s}
.home-pro-clean .pro-proof{animation-delay:.70s}
.home-pro-clean .pro-copy .pro-trust{animation-delay:.80s}

/* headline reveals line-by-line with a soft blur lift */
.home-pro-clean .pro-copy h1{animation:none}
.home-pro-clean .pro-copy h1 > span,
.home-pro-clean .pro-copy h1 > strong{
  display:block;
  animation:heroLineIn .9s var(--ease-out) both;
}
.home-pro-clean .pro-copy h1 > span{animation-delay:.18s}
.home-pro-clean .pro-copy h1 > strong{animation-delay:.32s}

/* cool animated gradient on the highlight line */
.home-pro-clean .pro-copy h1 > strong{
  background:linear-gradient(105deg,#cbb4ff 0%,#ffffff 44%,#a78bff 84%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  -webkit-text-fill-color:transparent;
  background-size:220% 100%;
  text-shadow:none!important;
  animation:heroLineIn .9s var(--ease-out) .32s both,heroShimmer 6s ease-in-out 1.4s infinite;
}

.home-pro-clean .hero-laptop-device{animation:heroDeviceIn 1.15s var(--ease-out) .34s both}
.home-pro-clean .hero-phone-device{animation:heroDeviceIn 1.2s var(--ease-out) .56s both}

@media(prefers-reduced-motion:reduce){
  .pro-hero::before{animation:none!important}
  .home-pro-clean .pro-pill,
  .home-pro-clean .pro-copy p,
  .home-pro-clean .pro-actions,
  .home-pro-clean .pro-proof,
  .home-pro-clean .pro-copy .pro-trust,
  .home-pro-clean .pro-copy h1 > span,
  .home-pro-clean .pro-copy h1 > strong,
  .home-pro-clean .hero-laptop-device,
  .home-pro-clean .hero-phone-device{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    translate:none!important;
    filter:none!important;
  }
}

/* ---- much better on phone ---- */
@media(max-width:760px){
  .pro-hero-wrap{gap:32px!important}
  .pro-copy h1{font-size:clamp(38px,10.5vw,54px)!important;max-width:100%!important;line-height:1.04!important}
  .pro-copy p{font-size:16px!important;line-height:1.6!important;margin-top:16px!important}
  .pro-proof{margin-top:22px}
  .pro-proof-avatars span{width:32px;height:32px}
  .home-pro-clean .pro-copy .pro-trust{gap:8px;margin-top:16px!important}
  .pro-trust span{font-size:11px!important;padding:6px 10px!important}
  .hero-devices{min-height:330px!important;margin-top:4px}
  .hero-laptop-device{top:18px!important;width:112%!important}
  .hero-phone-device{top:92px!important;right:0!important;width:26%!important}
}
@media(max-width:480px){
  .pro-hero{padding:88px 0 42px!important}
  .pro-copy h1{font-size:clamp(32px,9.4vw,44px)!important}
  .pro-proof{gap:11px}
  .pro-proof-avatars span{width:29px;height:29px;margin-inline-start:-9px}
  .pro-proof-meta > span{font-size:12.5px}
  .hero-devices{min-height:288px!important}
  .hero-phone-device{width:28%!important;top:78px!important}
}

/* ============================================================
   Mobile nav drawer — readable + branded (was dark-on-dark)
   ============================================================ */
@media(max-width:960px){
  /* blend the top bar into the drawer when open */
  .nav.open{
    background:linear-gradient(180deg,rgba(13,6,27,.94),rgba(13,6,27,.68))!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
  }
  .nav.open .nav-logo span{color:#fff!important}
  .nav.open .burger{
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.22)!important;
  }
  .nav.open .burger i{background:#fff!important}

  /* the drawer itself: deep purple glass matching the hero */
  .nav-links{
    background:#0c0618!important;
    background-image:
      radial-gradient(92% 60% at 50% -6%,rgba(139,92,255,.34),transparent 60%),
      radial-gradient(70% 50% at 100% 100%,rgba(103,61,230,.24),transparent 55%),
      linear-gradient(180deg,#180b34 0%,#0b0618 100%)!important;
    padding-top:106px!important;
  }
  .nav-links a{
    color:#fff!important;
    font-size:clamp(26px,7vw,34px)!important;
    font-weight:600!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }
  .nav-links a::after{color:rgba(255,255,255,.42)!important}
  .nav-links a:hover,
  .nav-links a:active{color:var(--vio-3)!important;background:transparent!important}
  .nav-links a:hover::after{color:var(--vio-3)!important}
}

/* ============================================================
   Hero background = footer background (per request)
   solid #100825 + white grid overlay + top-right purple glow
   ============================================================ */
.pro-hero{
  background:#100825!important;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
}
.pro-hero-grid{display:none!important}
.pro-hero::before{
  background:radial-gradient(circle at 72% 0%,rgba(103,61,230,.22),transparent 34%)!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
}
.pro-hero::after{display:none!important}

/* ============================================================
   Compact hero — cut wasted vertical space (~60% height)
   Desktop/tablet only; mobile keeps its own tuning above.
   ============================================================ */
@media(min-width:761px){
  .pro-hero{padding:80px 0 44px!important}
  .pro-hero-wrap{gap:40px!important}
  .pro-copy h1{
    font-size:clamp(32px,3.1vw,46px)!important;
    line-height:1.06!important;
    margin:14px 0 12px!important;
  }
  .pro-copy p{
    font-size:15.5px!important;
    line-height:1.55!important;
    max-width:480px!important;
    margin-top:2px!important;
  }
  .pro-actions{margin-top:20px!important}
  .pro-proof{margin-top:16px!important}
  .home-pro-clean .pro-copy .pro-trust{margin-top:12px!important}

  .hero-devices{min-height:450px!important}
  .hero-laptop-device{top:14px!important;width:min(640px,102%)!important}
  .hero-phone-device{top:80px!important;right:1%!important;width:min(176px,26%)!important}
  .hero-devices::before{bottom:20px!important;height:140px!important}
}

/* ============================================================
   Govix v29 - premium motion pass, same visual system
   ============================================================ */
@keyframes govixAuraDrift{
  0%,100%{transform:translate3d(-1.5%,-1%,0) scale(1);opacity:.78}
  50%{transform:translate3d(2.5%,1.5%,0) scale(1.18);opacity:1}
}
@keyframes govixGridDrift{
  0%{background-position:0 0,0 0}
  100%{background-position:48px 48px,48px 48px}
}
@keyframes govixDeviceFloatA{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-8px,0)}
}
@keyframes govixDeviceFloatB{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(3px,-12px,0)}
}
@keyframes govixMicroSheen{
  0%,38%{transform:translateX(-120%) skewX(-16deg);opacity:0}
  52%{opacity:.58}
  76%,100%{transform:translateX(180%) skewX(-16deg);opacity:0}
}

.home-pro-clean .rv{
  opacity:0!important;
  transform:translate3d(0,28px,0)!important;
  filter:blur(10px)!important;
  transition:
    opacity .9s var(--ease-out),
    transform 1s var(--ease-out),
    filter .9s var(--ease-out)!important;
  will-change:opacity,transform,filter;
}
.home-pro-clean .rv.in{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
}

.home-pro-clean .pro-hero{
  isolation:isolate;
  animation:govixGridDrift 18s linear infinite;
}
.home-pro-clean .pro-hero::before{
  background:
    radial-gradient(circle at 72% 0%,rgba(103,61,230,.28),transparent 34%),
    radial-gradient(circle at 18% 86%,rgba(255,255,255,.08),transparent 30%)!important;
  animation:govixAuraDrift 16s ease-in-out infinite!important;
  will-change:transform,opacity;
}
.home-pro-clean .pro-pill,
.home-pro-clean .pro-actions .btn,
.home-pro-clean .nav-cta{
  position:relative;
  overflow:hidden;
}
.home-pro-clean .pro-pill::after,
.home-pro-clean .pro-actions .btn-primary::after,
.home-pro-clean .nav-cta::after{
  content:"";
  position:absolute;
  inset:-45% auto -45% -35%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:govixMicroSheen 5.4s ease-in-out infinite;
  pointer-events:none;
}
.home-pro-clean .pro-actions .btn-primary::after{animation-delay:.8s}
.home-pro-clean .nav-cta::after{animation-delay:1.3s}

.home-pro-clean .hero-laptop-device .hero-device-screen,
.home-pro-clean .hero-laptop-device .hero-device-img{
  animation:govixDeviceFloatA 7s ease-in-out 1.65s infinite;
  will-change:transform;
}
.home-pro-clean .hero-phone-device .hero-device-screen,
.home-pro-clean .hero-phone-device .hero-device-img{
  animation:govixDeviceFloatB 7.8s ease-in-out 1.9s infinite;
  will-change:transform;
}
.home-pro-clean .hero-site-slide iframe,
.home-pro-clean .work-frame iframe{
  transition:filter .7s var(--ease-out),opacity .7s var(--ease-out);
}

.home-pro-clean .pain-card,
.home-pro-clean .offer-card,
.home-pro-clean .faq-card,
.home-pro-clean .proc-list,
.home-pro-clean .work-frame,
.home-pro-clean .cta-box{
  position:relative;
  overflow:hidden;
}
.home-pro-clean .pain-card::after,
.home-pro-clean .offer-card::after,
.home-pro-clean .faq-card::after,
.home-pro-clean .proc-list::after,
.home-pro-clean .work-frame::after,
.home-pro-clean .cta-box::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(116,56,234,.16),transparent 56%);
  opacity:0;
  transition:opacity .45s var(--ease-out);
  pointer-events:none;
}
.home-pro-clean .pain-card:hover::after,
.home-pro-clean .offer-card:hover::after,
.home-pro-clean .faq-card:hover::after,
.home-pro-clean .proc-list:hover::after,
.home-pro-clean .work-frame:hover::after,
.home-pro-clean .cta-box:hover::after{
  opacity:1;
}
.home-pro-clean .pain-card > *,
.home-pro-clean .offer-card > *,
.home-pro-clean .faq-card > *,
.home-pro-clean .proc-list > *,
.home-pro-clean .work-frame > *,
.home-pro-clean .cta-box > *{
  position:relative;
  z-index:1;
}
.home-pro-clean .pain-card,
.home-pro-clean .faq-card{
  transition:transform .42s var(--ease-out),box-shadow .42s var(--ease-out),border-color .42s var(--ease-out);
}
.home-pro-clean .pain-card:hover,
.home-pro-clean .faq-card:hover{
  transform:translateY(-6px);
  border-color:#d5c8ff!important;
  box-shadow:0 28px 76px rgba(67,35,142,.12)!important;
}
.home-pro-clean .proc-row{
  transition:padding .5s var(--ease-out),transform .5s var(--ease-out),background .5s var(--ease-out);
}
.home-pro-clean .proc-row:hover{
  transform:translateX(6px);
}
html[dir="rtl"] .home-pro-clean .proc-row:hover{
  transform:translateX(-6px);
}

@media(prefers-reduced-motion:reduce){
  .home-pro-clean .pro-hero,
  .home-pro-clean .pro-hero::before,
  .home-pro-clean .pro-pill::after,
  .home-pro-clean .pro-actions .btn-primary::after,
  .home-pro-clean .nav-cta::after,
  .home-pro-clean .hero-laptop-device .hero-device-screen,
  .home-pro-clean .hero-laptop-device .hero-device-img,
  .home-pro-clean .hero-phone-device .hero-device-screen,
  .home-pro-clean .hero-phone-device .hero-device-img{
    animation:none!important;
  }
  .home-pro-clean .rv{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}

/* Mobile fixed CTA - conversion bar */
.mobile-sticky-cta{
  display:none;
}
@keyframes mobileCtaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes mobileCtaNudge{
  0%,78%,100%{transform:translateX(0)}
  82%{transform:translateX(-3px) rotate(-1deg)}
  86%{transform:translateX(3px) rotate(1deg)}
  90%{transform:translateX(-2px) rotate(-.7deg)}
  94%{transform:translateX(2px) rotate(.7deg)}
}
@media(max-width:760px){
  .home-pro-clean{
    padding-bottom:calc(88px + env(safe-area-inset-bottom));
  }
  .mobile-sticky-cta{
    position:fixed;
    left:14px;
    right:14px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    z-index:75;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    max-width:460px;
    margin:0 auto;
    padding:8px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    background:rgba(18,10,38,.88);
    color:#fff;
    box-shadow:0 22px 60px rgba(15,5,32,.42),0 0 0 1px rgba(116,56,234,.2);
    backdrop-filter:blur(18px) saturate(150%);
    -webkit-backdrop-filter:blur(18px) saturate(150%);
    animation:mobileCtaFloat 3.2s ease-in-out infinite;
  }
  .mobile-sticky-cta::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:15px;
    background:
      radial-gradient(circle at 10% 0%,rgba(167,139,255,.26),transparent 42%),
      linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,0));
    pointer-events:none;
  }
  .mobile-sticky-copy,
  .mobile-sticky-btn{
    position:relative;
    z-index:1;
  }
  .mobile-sticky-copy{
    display:grid;
    gap:2px;
    min-width:0;
    padding-inline-start:6px;
  }
  .mobile-sticky-copy b{
    color:#fff;
    font-size:13px;
    line-height:1.1;
    font-weight:850;
    white-space:nowrap;
  }
  .mobile-sticky-copy span{
    color:rgba(255,255,255,.66);
    font-size:11px;
    line-height:1.1;
    font-weight:700;
    white-space:nowrap;
  }
  .mobile-sticky-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:0 16px;
    border-radius:11px;
    background:linear-gradient(135deg,#7c3ff2,#673de6);
    color:#fff;
    font-size:13px;
    font-weight:900;
    box-shadow:0 14px 34px rgba(103,61,230,.34);
    animation:mobileCtaNudge 4.8s ease-in-out infinite;
    overflow:hidden;
  }
  .mobile-sticky-btn::after{
    content:"";
    position:absolute;
    inset:-45% auto -45% -38%;
    width:36%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
    transform:skewX(-16deg);
    animation:govixMicroSheen 5.4s ease-in-out infinite .7s;
    pointer-events:none;
  }
  .mobile-sticky-btn .arr{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    font-size:11px;
    line-height:1;
  }
  html[dir="rtl"] .mobile-sticky-btn .arr{
    transform:rotate(180deg);
  }
}
@media(max-width:380px){
  .mobile-sticky-copy b{font-size:12px}
  .mobile-sticky-copy span{font-size:10.5px}
  .mobile-sticky-btn{padding:0 14px}
}
@media(prefers-reduced-motion:reduce){
  .mobile-sticky-cta,
  .mobile-sticky-btn,
  .mobile-sticky-btn::after{
    animation:none!important;
  }
}

/* ============================================================
   Govix v31 - Algeria conversion landing sections
   ============================================================ */
.diagnosis-section,
.fit-section,
.before-after-section{
  position:relative;
  z-index:2;
}
.diagnosis-section{
  padding:82px 0!important;
  background:#f4f3f6!important;
}
.diagnosis-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
  gap:36px;
  align-items:stretch;
}
.diagnosis-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:360px;
}
.diagnosis-copy .h{
  margin:18px 0 18px;
  max-width:760px;
  font-size:clamp(36px,4.8vw,68px)!important;
}
.diagnosis-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  min-height:360px;
  padding:28px;
  border:1px solid #ded2ff;
  border-radius:8px;
  background:
    radial-gradient(circle at 88% 0%,rgba(116,56,234,.18),transparent 36%),
    linear-gradient(135deg,#fff 0%,#f2ecff 100%);
  box-shadow:0 28px 70px rgba(36,18,78,.12);
}
.diagnosis-card::after,
.fit-card::after,
.ba-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(116,56,234,.15),transparent 56%);
  opacity:0;
  transition:opacity .4s var(--ease-out);
  pointer-events:none;
}
.diagnosis-card:hover::after,
.fit-card:hover::after,
.ba-card:hover::after{opacity:1}
.diagnosis-card > *,
.fit-card > *,
.ba-card > *{position:relative;z-index:1}
.diagnosis-card-head{
  display:grid;
  gap:8px;
}
.diagnosis-card-head span{
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  background:#ede6ff;
  color:#673de6;
  font-size:12px;
  font-weight:900;
}
.diagnosis-card-head b{
  color:#12091f;
  font-size:clamp(26px,3vw,36px);
  line-height:1.05;
  letter-spacing:0;
}
.diagnosis-checks{
  display:grid;
  gap:12px;
}
.diagnosis-checks span{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#4f4860;
  font-size:14px;
  font-weight:750;
  line-height:1.35;
}
.diagnosis-checks span::before,
.ba-good li::before{
  content:"";
  flex:0 0 auto;
  width:8px;
  height:8px;
  margin-top:6px;
  border-radius:50%;
  background:#7438ea;
  box-shadow:0 0 12px rgba(116,56,234,.42);
}
.diagnosis-card .btn{
  width:100%;
  justify-content:center;
  border-radius:8px!important;
}
.diagnosis-card .btn-primary{
  background:#673de6!important;
  color:#fff!important;
  box-shadow:0 18px 36px rgba(103,61,230,.26)!important;
}
.diagnosis-card .btn-primary span{
  position:relative;
  z-index:1;
}
.diagnosis-card .btn-primary span[data-i18n="diag.btn"]{
  display:inline-flex;
  color:#fff!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.1;
}

.fit-section{
  padding:104px 0!important;
  background:#fff!important;
}
.fit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.fit-card{
  position:relative;
  overflow:hidden;
  min-height:260px;
  padding:28px;
  border:1px solid var(--g-line);
  border-radius:8px;
  background:#fff;
  box-shadow:0 18px 50px rgba(26,13,54,.07);
  transition:transform .42s var(--ease-out),border-color .42s var(--ease-out),box-shadow .42s var(--ease-out);
}
.fit-card:hover{
  transform:translateY(-6px);
  border-color:#d5c8ff;
  box-shadow:0 28px 76px rgba(67,35,142,.12);
}
.fit-card > span{
  color:#7438ea;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:900;
}
.fit-card h3{
  margin:18px 0 12px;
  color:var(--g-ink);
  font-size:24px;
  line-height:1.12;
  letter-spacing:0;
}
.fit-card p{
  color:var(--g-muted);
  font-size:14.5px;
  line-height:1.58;
  font-weight:600;
}

.before-after-section{
  padding:104px 0!important;
  background:#100825!important;
  color:#fff;
  overflow:hidden;
}
.before-after-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 78% 10%,rgba(116,56,234,.24),transparent 32%);
  background-size:48px 48px,48px 48px,auto;
  pointer-events:none;
}
.before-after-wrap{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:42px;
  align-items:center;
}
.ba-copy,
.ba-grid{position:relative;z-index:1}
.ba-copy .h{
  color:#fff!important;
  font-size:clamp(34px,4.1vw,58px)!important;
}
.ba-copy .h .serif{color:#b99cff!important}
.ba-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ba-card{
  position:relative;
  overflow:hidden;
  min-height:390px;
  padding:26px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  background:rgba(255,255,255,.055);
  box-shadow:0 30px 86px rgba(0,0,0,.24);
}
.ba-card > span{
  display:inline-flex;
  margin-bottom:22px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.ba-card ul{
  display:grid;
  gap:15px;
  list-style:none;
}
.ba-card li{
  position:relative;
  color:rgba(255,255,255,.82);
  font-size:14px;
  font-weight:700;
  line-height:1.45;
  padding-inline-start:24px;
}
.ba-bad li::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:9px;
  width:10px;
  height:2px;
  border-radius:99px;
  background:rgba(255,255,255,.44);
}
.ba-good{
  background:
    radial-gradient(circle at 90% 0%,rgba(167,139,255,.24),transparent 36%),
    rgba(255,255,255,.08);
  border-color:rgba(185,156,255,.28);
}
.ba-good li{
  display:flex;
  gap:12px;
  padding-inline-start:0;
}
.ba-good li::before{margin-top:7px}

.home-pro-clean .diagnosis-card,
.home-pro-clean .fit-card,
.home-pro-clean .ba-card{
  will-change:transform;
}

@media(max-width:980px){
  .diagnosis-wrap,
  .before-after-wrap{
    grid-template-columns:1fr;
  }
  .diagnosis-copy{min-height:auto}
  .fit-grid{grid-template-columns:1fr}
  .before-after-wrap{gap:28px}
}
@media(max-width:760px){
  .diagnosis-section,
  .fit-section,
  .before-after-section{
    padding:62px 0!important;
  }
  .diagnosis-wrap,
  .before-after-wrap{
    gap:20px;
  }
  .diagnosis-copy .h,
  .ba-copy .h{
    font-size:clamp(30px,9vw,42px)!important;
    line-height:1.06!important;
  }
  .diagnosis-copy .lead{
    font-size:15px!important;
  }
  .diagnosis-card,
  .fit-card,
  .ba-card{
    min-height:auto;
    padding:22px;
  }
  .before-after-section,
  .faq-section{
    padding-bottom:118px!important;
  }
  .diagnosis-card-head b{
    font-size:26px;
  }
  .diagnosis-checks span,
  .fit-card p,
  .ba-card li{
    font-size:13.5px;
  }
  .fit-card h3{
    font-size:22px;
  }
  .ba-grid{
    grid-template-columns:1fr;
  }
  .ba-card > span{
    margin-bottom:16px;
  }
}

/* Arabic display repair - stronger, cleaner than thin Amiri serif */
html[lang="ar"] .h .serif,
html[lang="ar"] .dpy .serif,
html[lang="ar"] .hero-title .serif,
html[lang="ar"] .cta-h .serif,
html[lang="ar"] .diagnosis-copy .serif,
html[lang="ar"] .ba-copy .serif{
  font-family:'Cairo','Geist',-apple-system,sans-serif!important;
  font-style:normal!important;
  font-weight:850!important;
  letter-spacing:0!important;
  line-height:1.12!important;
}
html[lang="ar"] .diagnosis-copy .h,
html[lang="ar"] .ba-copy .h{
  line-height:1.18!important;
}
html[lang="ar"] .diagnosis-card span,
html[lang="ar"] .diagnosis-checks span,
html[lang="ar"] .diagnosis-card-head span,
html[lang="ar"] .diagnosis-card .btn-primary span[data-i18n="diag.btn"]{
  font-family:'Cairo','Geist',-apple-system,sans-serif!important;
  font-style:normal!important;
  text-transform:none!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}
html[lang="ar"] .diagnosis-checks span{
  font-size:14.5px!important;
  font-weight:700!important;
  line-height:1.7!important;
}
html[lang="ar"] .diagnosis-card-head span{
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
html[lang="ar"] .diagnosis-card .btn-primary span[data-i18n="diag.btn"]{
  font-size:14px!important;
  font-weight:850!important;
}
@media(max-width:760px){
  html[lang="ar"] .diagnosis-copy .h,
  html[lang="ar"] .ba-copy .h{
    font-size:clamp(30px,8.2vw,40px)!important;
    line-height:1.22!important;
  }
}

/* ============================================================
   Govix v36 - booking conversion page upgrades
   ============================================================ */
.booking-proof-strip{
  padding:18px 0 8px;
  background:#fff;
}
.booking-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.booking-proof-item{
  display:grid;
  gap:8px;
  min-height:112px;
  padding:20px;
  border:1px solid var(--g-line);
  border-radius:8px;
  background:#fff;
  box-shadow:0 16px 44px rgba(26,13,54,.06);
}
.booking-proof-item b{
  color:#7438ea;
  font-size:clamp(24px,2.8vw,38px);
  line-height:1;
  font-weight:850;
}
.booking-proof-item span{
  color:var(--g-muted);
  font-size:13px;
  line-height:1.35;
  font-weight:750;
}
.choice-next{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin-top:28px;
  padding:28px;
  border:1px solid #ded2ff;
  border-radius:8px;
  background:linear-gradient(135deg,#fff 0%,#f3edff 100%);
  box-shadow:0 20px 58px rgba(36,18,78,.09);
}
.choice-next h2{
  margin:12px 0 0;
  color:var(--g-ink);
  font-size:clamp(24px,2.8vw,38px);
  line-height:1.08;
  letter-spacing:0;
}
.choice-next-steps{
  display:grid;
  gap:12px;
}
.choice-next-steps span,
.book-next-step span{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#4f4860;
  font-size:14px;
  line-height:1.45;
  font-weight:750;
}
.choice-next-steps span::before,
.book-next-step span::before{
  content:"";
  flex:0 0 auto;
  width:8px;
  height:8px;
  margin-top:7px;
  border-radius:50%;
  background:#7438ea;
  box-shadow:0 0 12px rgba(116,56,234,.42);
}

.booking-market-section{
  padding:34px 0 74px;
  background:#f4f3f6;
}
.booking-market-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.booking-market-card{
  min-height:250px;
  padding:28px;
  border:1px solid var(--g-line);
  border-radius:8px;
  background:#fff;
  box-shadow:0 18px 50px rgba(26,13,54,.07);
}
.booking-market-card > span{
  color:#7438ea;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:900;
}
.booking-market-card h3{
  margin:18px 0 12px;
  color:var(--g-ink);
  font-size:24px;
  line-height:1.12;
  letter-spacing:0;
}
.booking-market-card p{
  color:var(--g-muted);
  font-size:14.5px;
  line-height:1.58;
  font-weight:600;
}
.book-next-section{
  padding:76px 0 0;
  background:#fff;
}
.book-next-wrap{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:32px;
  align-items:stretch;
}
.book-next-copy{
  padding:30px;
  border-radius:8px;
  background:#100825;
  color:#fff;
}
.book-next-copy .eyebrow{color:#b99cff!important}
.book-next-copy h2{
  margin:18px 0 0;
  color:#fff;
  font-size:clamp(28px,3.5vw,48px);
  line-height:1.04;
  letter-spacing:0;
}
.book-next-grid{
  display:grid;
  gap:10px;
}
.book-next-step{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  align-items:center;
  min-height:104px;
  padding:20px;
  border:1px solid var(--g-line);
  border-radius:8px;
  background:#fff;
  box-shadow:0 16px 44px rgba(26,13,54,.06);
}
.book-next-step b{
  color:#7438ea;
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:900;
}
.book-next-step span::before{display:none}

.bk-form-head{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  margin-bottom:28px;
  padding-bottom:22px;
  border-bottom:1px solid var(--g-line);
}
.bk-form-head > span{
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border-radius:999px;
  background:#ede6ff;
  color:#673de6;
  font-size:12px;
  font-weight:900;
}
.bk-form-head h2{
  margin:0;
  color:var(--g-ink);
  font-size:clamp(26px,3vw,40px);
  line-height:1.08;
  letter-spacing:0;
}
.bk-form-head p{
  max-width:720px;
  margin:0;
  color:var(--g-muted);
  font-size:14.5px;
  line-height:1.55;
}
.bk-form-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:4px;
}
.bk-form-badges b{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  border-radius:999px;
  background:#f4efff;
  color:#673de6;
  font-size:12px;
  line-height:1;
  font-weight:850;
}
.bk-form-badges b::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7438ea;
}
.booking-sticky-cta{
  display:none;
}
@media(max-width:980px){
  .booking-proof-grid,
  .booking-market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .choice-next,
  .book-next-wrap{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .booking-menu-hero{
    padding-bottom:40px!important;
  }
  .booking-proof-strip{
    padding:10px 0 0;
  }
  .booking-proof-grid,
  .booking-market-grid{
    grid-template-columns:1fr;
  }
  .booking-proof-item{
    min-height:auto;
    grid-template-columns:96px 1fr;
    align-items:center;
    padding:16px;
  }
  .choice-next{
    margin-top:18px;
    padding:22px;
  }
  .choice-next h2,
  .book-next-copy h2{
    font-size:28px;
  }
  .choice-next-steps span,
  .book-next-step span{
    font-size:13.5px;
  }
  .booking-market-section{
    padding:28px 0 54px;
  }
  .booking-market-card{
    min-height:auto;
    padding:22px;
  }
  .booking-market-card h3{
    font-size:22px;
  }
  .book-next-section{
    padding:56px 0 0;
  }
  .book-next-copy,
  .book-next-step{
    padding:22px;
  }
  .book-next-step{
    grid-template-columns:1fr;
    gap:8px;
    min-height:auto;
  }
  .book-sec{
    padding-bottom:122px!important;
  }
  .bk-form{
    padding:24px!important;
  }
  .bk-form-head{
    margin-bottom:22px;
    padding-bottom:18px;
  }
  .bk-form-head h2{
    font-size:26px;
  }
  .bk-form-badges{
    display:grid;
    grid-template-columns:1fr;
  }
  .booking-sticky-cta{
    position:fixed;
    left:14px;
    right:14px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    z-index:74;
    display:grid;
    grid-template-columns:1fr auto;
    gap:2px 10px;
    align-items:center;
    max-width:460px;
    margin:0 auto;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;
    background:rgba(18,10,38,.9);
    color:#fff;
    box-shadow:0 22px 60px rgba(15,5,32,.42),0 0 0 1px rgba(116,56,234,.2);
    backdrop-filter:blur(18px) saturate(150%);
    -webkit-backdrop-filter:blur(18px) saturate(150%);
  }
  .booking-sticky-cta span{
    color:#fff;
    font-size:13px;
    font-weight:900;
    line-height:1.1;
  }
  .booking-sticky-cta b{
    grid-column:1;
    color:rgba(255,255,255,.68);
    font-size:11px;
    line-height:1.1;
  }
  .booking-sticky-cta i{
    grid-row:1 / span 2;
    grid-column:2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:12px;
    background:#673de6;
    color:#fff;
    font-style:normal;
    font-weight:900;
  }
  .booking-sticky-cta.is-hidden{
    opacity:0;
    transform:translateY(18px);
    pointer-events:none;
  }
}

html[lang="ar"] .booking-proof-item span,
html[lang="ar"] .choice-next-steps span,
html[lang="ar"] .booking-market-card p,
html[lang="ar"] .book-next-step span,
html[lang="ar"] .bk-form-head p,
html[lang="ar"] .bk-form-badges b,
html[lang="ar"] .booking-sticky-cta span,
html[lang="ar"] .booking-sticky-cta b{
  font-family:'Cairo','Geist',-apple-system,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* ============================================================
   Govix v38 - premium universal mobile drawer
   ============================================================ */
@media(max-width:1100px){
  body.nav-lock{
    overflow:hidden!important;
    touch-action:none;
  }
  body[class] .nav{
    z-index:180!important;
  }
  body[class] .nav.open,
  body[class] .home-pro-clean .nav.open{
    background:transparent!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body[class] .nav.open::before{
    content:none!important;
  }
  body[class] .nav-inner{
    position:relative;
    z-index:185;
  }
  body[class] .burger{
    display:flex!important;
    position:relative;
    z-index:195!important;
    width:42px;
    height:42px;
    border-radius:13px!important;
    transition:transform .28s var(--ease-spring),background .25s,border-color .25s,box-shadow .25s!important;
  }
  body[class] .burger:active{
    transform:scale(.94);
  }
  body[class] .nav.open .nav-right{
    position:fixed;
    top:calc(16px + env(safe-area-inset-top));
    left:18px;
    right:auto;
    z-index:196;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    direction:ltr!important;
    gap:8px;
    width:auto;
  }
  body[class] .nav.open .burger{
    order:-3;
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.34)!important;
    box-shadow:0 14px 36px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.06)!important;
  }
  body[class] .nav.open .burger i{
    background:#fff!important;
  }
  body[class] .nav.open .nav-cta{
    order:-2;
    height:38px;
    max-width:136px;
    padding:0 13px!important;
    border-radius:10px!important;
    background:#7438ea!important;
    color:#fff!important;
    box-shadow:0 15px 35px rgba(116,56,234,.32)!important;
  }
  body[class] .nav.open .nav-cta span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11.5px;
    font-weight:850;
    letter-spacing:0;
  }
  body[class] .nav.open .lang-switch{
    order:-1;
    height:38px;
    padding:3px!important;
    background:#fff!important;
    border-color:rgba(255,255,255,.22)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.2)!important;
  }
  body[class] .nav.open .lang-switch::before{
    background:#12091f!important;
  }
  body[class] .nav.open .lang-btn{
    min-width:28px;
    padding:0 7px!important;
    font-size:10px!important;
    color:#5d556b!important;
  }
  body[class] .nav.open .lang-btn.on{
    color:#fff!important;
  }
  body[class] .nav.open .nav-logo{
    position:fixed;
    top:calc(17px + env(safe-area-inset-top));
    right:20px;
    z-index:196;
    color:#fff!important;
  }
  body[class] .nav.open .nav-logo img{
    width:40px;
    height:40px;
    border-radius:10px;
    filter:drop-shadow(0 14px 28px rgba(0,0,0,.28))!important;
  }
  body[class] .nav.open .nav-logo span{
    display:none!important;
  }
  body[class] .nav .nav-links,
  body[class].home-pro-clean .nav .nav-links{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    z-index:190!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:calc(112px + env(safe-area-inset-top)) clamp(24px,6vw,44px) calc(38px + env(safe-area-inset-bottom))!important;
    background:#0a0418!important;
    background-image:
      radial-gradient(66% 42% at 88% 7%,rgba(116,56,234,.42),transparent 58%),
      radial-gradient(64% 48% at 14% 100%,rgba(77,29,149,.34),transparent 56%),
      linear-gradient(120deg,rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(180deg,#1a0b3d 0%,#100622 42%,#07030f 100%)!important;
    background-size:auto,auto,32px 32px,auto!important;
    border:0!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(-18px,0,0) scale(.985)!important;
    transform-origin:50% 0!important;
    transition:opacity .36s var(--ease-out),transform .46s var(--ease-out),visibility 0s linear .46s!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body[class] .nav .nav-links::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.44),transparent 76%);
  }
  body[class] .nav.open .nav-links,
  body[class].home-pro-clean .nav.open .nav-links{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0) scale(1)!important;
    transition:opacity .36s var(--ease-out),transform .46s var(--ease-out),visibility 0s!important;
  }
  body[class] .nav .nav-links a,
  body[class].home-pro-clean .nav .nav-links a{
    position:relative!important;
    z-index:1;
    width:100%!important;
    min-height:82px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 2px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.105)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    opacity:0!important;
    transform:translateY(18px)!important;
    font-size:clamp(32px,7.5vw,46px)!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:0!important;
    text-shadow:0 14px 28px rgba(0,0,0,.18)!important;
    transition:opacity .5s var(--ease-out),transform .55s var(--ease-out),color .22s!important;
  }
  body[class] .nav .nav-links a::after,
  body[class].home-pro-clean .nav .nav-links a::after{
    content:"→"!important;
    flex:0 0 auto;
    color:rgba(255,255,255,.42)!important;
    font-size:18px!important;
    font-weight:500!important;
    transform:translateX(0);
    transition:transform .28s var(--ease-spring),color .2s!important;
  }
  body[class] .nav.open .nav-links a,
  body[class].home-pro-clean .nav.open .nav-links a{
    opacity:1!important;
    transform:translateY(0)!important;
  }
  body[class] .nav.open .nav-links a:nth-child(1){transition-delay:.08s!important}
  body[class] .nav.open .nav-links a:nth-child(2){transition-delay:.14s!important}
  body[class] .nav.open .nav-links a:nth-child(3){transition-delay:.20s!important}
  body[class] .nav.open .nav-links a:nth-child(4){transition-delay:.26s!important}
  body[class] .nav .nav-links a:hover,
  body[class] .nav .nav-links a:active{
    color:#c4b5ff!important;
  }
  body[class] .nav .nav-links a:hover::after{
    color:#c4b5ff!important;
    transform:translateX(6px);
  }
  html[dir="rtl"] body[class] .nav .nav-links,
  html[dir="rtl"] body[class].home-pro-clean .nav .nav-links{
    direction:rtl!important;
    text-align:right!important;
  }
  html[dir="rtl"] body[class] .nav .nav-links a,
  html[dir="rtl"] body[class].home-pro-clean .nav .nav-links a{
    direction:rtl!important;
    flex-direction:row!important;
    font-family:'Cairo','Geist',-apple-system,sans-serif!important;
    text-align:right!important;
  }
  html[dir="rtl"] body[class] .nav .nav-links a::after,
  html[dir="rtl"] body[class].home-pro-clean .nav .nav-links a::after{
    content:"←"!important;
  }
}

@media(max-width:560px){
  body[class] .nav.open .nav-right{
    top:calc(12px + env(safe-area-inset-top));
    left:14px;
    gap:7px;
  }
  body[class] .nav.open .nav-logo{
    top:calc(13px + env(safe-area-inset-top));
    right:15px;
  }
  body[class] .nav.open .nav-logo img{
    width:36px;
    height:36px;
  }
  body[class] .nav.open .nav-cta{
    max-width:122px;
    height:36px;
    padding:0 10px!important;
  }
  body[class] .nav.open .nav-cta span{
    font-size:10.5px;
  }
  body[class] .nav.open .lang-switch{
    height:36px;
  }
  body[class] .nav.open .lang-btn{
    min-width:25px;
    padding:0 5px!important;
    font-size:9.5px!important;
  }
  body[class] .nav .nav-links,
  body[class].home-pro-clean .nav .nav-links{
    padding:calc(96px + env(safe-area-inset-top)) 24px calc(34px + env(safe-area-inset-bottom))!important;
  }
  body[class] .nav .nav-links a,
  body[class].home-pro-clean .nav .nav-links a{
    min-height:78px!important;
    font-size:clamp(31px,11vw,42px)!important;
  }
}

@media(max-width:380px){
  body[class] .nav.open .nav-cta{
    max-width:104px;
  }
  body[class] .nav.open .lang-btn{
    min-width:23px;
    padding:0 4px!important;
  }
  body[class] .nav .nav-links,
  body[class].home-pro-clean .nav .nav-links{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  body[class] .nav .nav-links a,
  body[class].home-pro-clean .nav .nav-links a{
    min-height:72px!important;
    font-size:clamp(28px,10.5vw,38px)!important;
  }
}

/* Govix v39 - make hero device previews actually usable */
.home-pro-clean .hero-device-screen{
  pointer-events:auto!important;
}
.home-pro-clean .hero-site-slide{
  animation:none!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:1!important;
  transition:opacity .7s var(--ease-out)!important;
}
.home-pro-clean .hero-site-slide.is-active{
  opacity:1!important;
  pointer-events:auto!important;
  z-index:4!important;
}
.home-pro-clean .hero-site-slide.is-active iframe{
  pointer-events:auto!important;
}

/* Govix v40 - make the large work preview usable too */
.work-iframe-wrap{
  isolation:isolate;
}
.work-frame iframe{
  position:relative;
  z-index:1;
  pointer-events:auto!important;
}
.work-fallback{
  z-index:3;
}
.work-fallback[hidden]{
  display:none!important;
}

/* Govix v41 - premium live work preview */
.work-frame{
  max-width:1120px;
  margin-inline:auto;
  border-radius:18px!important;
  background:#08040f!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 42px 110px rgba(15,5,32,.38),0 0 0 1px rgba(116,56,234,.12) inset!important;
}
.work-frame .top{
  min-height:60px;
  padding:12px 18px!important;
  background:linear-gradient(180deg,rgba(24,14,38,.96),rgba(12,7,21,.96))!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.work-frame .url{
  height:34px;
  display:flex;
  align-items:center;
  margin-inline:12px!important;
  padding:0 14px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.07)!important;
  color:rgba(255,255,255,.72)!important;
}
.work-frame .open{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px!important;
  background:#fff!important;
  color:#171122!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.work-preview-note{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  z-index:8;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  max-width:calc(100% - 32px);
  margin-inline:auto;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(15,8,31,.82);
  color:rgba(255,255,255,.78);
  box-shadow:0 14px 34px rgba(0,0,0,.26),0 0 0 1px rgba(116,56,234,.14) inset;
  backdrop-filter:blur(16px) saturate(150%);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  font-size:11.5px;
  line-height:1.35;
  font-weight:700;
}
.home-pro-clean .work-frame > .work-preview-note{
  position:absolute!important;
  z-index:8!important;
}
.work-preview-note::before{
  content:"i";
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:11px;
  font-weight:900;
  font-family:var(--font-mono);
}
.work-stage{
  padding:18px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(116,56,234,.18),transparent 42%),
    linear-gradient(180deg,#0a0614,#06030c)!important;
}
.work-iframe-wrap{
  height:clamp(580px,56vw,720px)!important;
  border-radius:10px;
  background:#fff;
  box-shadow:0 22px 70px rgba(0,0,0,.34);
}
.work-frame > iframe{
  height:clamp(580px,56vw,720px)!important;
  border-radius:0 0 18px 18px;
}
.work-frame[data-device="desktop"] .work-iframe-wrap iframe{
  border-radius:8px;
}
.work-frame[data-device="phone"]{
  max-width:780px;
}
.work-frame[data-device="phone"] .top{
  min-height:56px;
}
.work-frame[data-device="phone"] .work-stage{
  min-height:780px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px 18px 50px!important;
}
.work-frame[data-device="phone"] .work-iframe-wrap{
  position:relative;
  width:min(390px,84vw)!important;
  height:min(760px,78vh)!important;
  min-height:640px;
  max-height:760px;
  border:10px solid #17151f;
  border-radius:46px!important;
  background:#fff;
  box-shadow:
    0 42px 90px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.12),
    0 0 0 12px rgba(255,255,255,.035);
}
.work-frame[data-device="phone"] .work-iframe-wrap::before{
  content:"";
  position:absolute;
  z-index:3;
  top:8px;
  left:50%;
  width:96px;
  height:24px;
  transform:translateX(-50%);
  border-radius:0 0 16px 16px;
  background:#17151f;
  pointer-events:none;
}
.work-frame[data-device="phone"] .work-iframe-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  border-radius:36px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),inset 0 22px 34px rgba(255,255,255,.08);
  pointer-events:none;
}
.work-frame[data-device="phone"] .work-iframe-wrap iframe{
  height:100%!important;
  border-radius:36px!important;
}
html[dir="rtl"] .work-preview-note{
  direction:rtl;
}

@media(max-width:760px){
  .work-toolbar{
    align-items:center!important;
    gap:12px!important;
  }
  .work-toolbar .tabs{
    max-width:100%;
    overflow:auto;
    scrollbar-width:none;
  }
  .work-toolbar .tabs::-webkit-scrollbar{
    display:none;
  }
  .work-frame{
    width:100%;
    border-radius:12px!important;
  }
  .work-frame .top{
    min-height:46px;
    padding:8px 10px!important;
    gap:6px!important;
  }
  .work-frame .top i{
    width:8px!important;
    height:8px!important;
  }
  .work-frame .url{
    height:30px;
    margin-inline:6px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }
  .work-frame .open{
    min-height:30px;
    padding:0 10px!important;
    font-size:10px!important;
  }
  .work-preview-note{
    left:10px;
    right:10px;
    bottom:10px;
    max-width:calc(100% - 20px);
    padding:7px 10px;
    font-size:10.5px;
    gap:6px;
  }
  .work-preview-note::before{
    width:16px;
    height:16px;
    font-size:10px;
  }
  .work-frame[data-device="desktop"] .work-stage{
    padding:10px!important;
    overflow:hidden;
  }
  .work-frame[data-device="desktop"] .work-iframe-wrap{
    width:100%!important;
    min-width:0!important;
    height:clamp(205px,56vw,330px)!important;
    aspect-ratio:16/10;
    border-radius:10px;
    overflow:hidden!important;
    direction:ltr!important;
  }
  .work-frame[data-device="desktop"] .work-iframe-wrap iframe{
    display:block!important;
    width:1280px!important;
    height:800px!important;
    max-width:none!important;
    margin:0!important;
    transform:scale(var(--work-desktop-scale, calc((100vw - 82px) / 1280)));
    transform-origin:top left;
    border-radius:0!important;
  }
  .work-frame[data-device="phone"] .work-stage{
    min-height:660px;
    padding:28px 0 34px!important;
  }
  .work-frame[data-device="phone"] .work-iframe-wrap{
    width:min(318px,78vw)!important;
    height:min(640px,68vh)!important;
    min-height:540px;
    border-width:8px;
    border-radius:40px!important;
  }
  .work-frame[data-device="phone"] .work-iframe-wrap::before{
    top:7px;
    width:82px;
    height:20px;
  }
  .work-frame[data-device="phone"] .work-iframe-wrap iframe,
  .work-frame[data-device="phone"] .work-iframe-wrap::after{
    border-radius:31px!important;
  }
}

@media(max-width:420px){
  .work-frame[data-device="phone"] .work-stage{
    min-height:610px;
  }
  .work-frame[data-device="phone"] .work-iframe-wrap{
    width:min(300px,77vw)!important;
    height:min(600px,66vh)!important;
    min-height:512px;
  }
  .work-meta{
    margin-top:18px!important;
  }
}
.mobile-sticky-cta.is-hidden{
  opacity:0!important;
  transform:translateY(18px)!important;
  pointer-events:none!important;
}

/* Govix v44 - booking visuals + tighter mobile drawer header */
.booking-visual-card{
  position:relative;
  overflow:hidden;
  margin:0;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  box-shadow:0 28px 80px rgba(20,8,46,.24),0 0 0 1px rgba(116,56,234,.08) inset;
}
.booking-visual-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),
    radial-gradient(circle at 86% 8%,rgba(116,56,234,.32),transparent 36%);
  mix-blend-mode:screen;
  opacity:.55;
}
.booking-visual-card img{
  width:100%;
  aspect-ratio:16/10;
  height:auto;
  display:block;
  object-fit:cover;
}
.diagnosis-card.booking-visual-card{
  padding:0!important;
}
.diagnosis-card.booking-visual-card > img{
  border-bottom:1px solid rgba(255,255,255,.1);
}
.diagnosis-card.booking-visual-card > span,
.diagnosis-card.booking-visual-card > h2,
.diagnosis-card.booking-visual-card > ul{
  margin-left:24px;
  margin-right:24px;
}
.diagnosis-card.booking-visual-card > span{
  margin-top:22px;
}
.diagnosis-card.booking-visual-card > ul{
  margin-bottom:24px;
}
.choice-card-visual{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:12px;
  margin:18px 0 20px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 42px rgba(20,8,46,.14);
}
.choice-card:not(.choice-card-hot) .choice-card-visual{
  border-color:rgba(103,61,230,.16);
}
.choice-card-hot .choice-card-visual{
  border-color:rgba(255,255,255,.22);
}
.booking-visual-card-inline{
  margin-top:34px;
  max-width:620px;
}

@media(max-width:1100px){
  body[class] .nav.open .nav-links,
  body[class].home-pro-clean .nav.open .nav-links{
    padding-top:calc(98px + env(safe-area-inset-top))!important;
  }
  body[class] .nav.open .nav-logo{
    right:16px!important;
  }
  body[class] .nav.open .nav-right{
    left:14px!important;
    top:calc(12px + env(safe-area-inset-top))!important;
  }
}
@media(max-width:560px){
  body[class] .nav.open .nav-links,
  body[class].home-pro-clean .nav.open .nav-links{
    padding-top:calc(86px + env(safe-area-inset-top))!important;
  }
  body[class] .nav .nav-links a,
  body[class].home-pro-clean .nav .nav-links a{
    min-height:72px!important;
  }
  body[class] .nav.open .nav-cta{
    max-width:112px!important;
  }
}

@media(max-width:760px){
  .booking-visual-card{
    border-radius:14px;
  }
  .diagnosis-card.booking-visual-card > span,
  .diagnosis-card.booking-visual-card > h2,
  .diagnosis-card.booking-visual-card > ul{
    margin-left:18px;
    margin-right:18px;
  }
  .choice-card-visual{
    margin:14px 0 18px;
    border-radius:10px;
  }
  .booking-visual-card-inline{
    margin-top:24px;
  }
}

/* Govix v45 - booking showcase live proof lab */
.bk-showcase{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(76px,9vw,118px) 0 clamp(58px,7vw,86px)!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(116,56,234,.34),transparent 30%),
    radial-gradient(circle at 82% 16%,rgba(216,190,255,.22),transparent 28%),
    linear-gradient(rgba(184,124,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,124,255,.045) 1px,transparent 1px),
    #090414!important;
  background-size:auto,auto,44px 44px,44px 44px,auto!important;
  color:#fff!important;
}
.bk-showcase::before{
  content:"";
  position:absolute;
  inset:auto -18% -34% -18%;
  height:420px;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(116,56,234,.34),transparent 66%);
  filter:blur(34px);
  opacity:.9;
}
.bk-showcase-bg{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  opacity:.6!important;
  background:
    linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.08) 49%,transparent 56%),
    radial-gradient(circle at 48% 40%,rgba(255,255,255,.07),transparent 30%)!important;
  filter:none!important;
}
.bk-showcase>.wrap{
  position:relative!important;
  z-index:2!important;
}
.bk-showcase-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:clamp(24px,5vw,72px)!important;
  margin-bottom:clamp(34px,5vw,58px)!important;
}
.bk-showcase-title{
  max-width:760px!important;
  margin-top:14px!important;
  color:#fff!important;
  font-size:clamp(38px,5.2vw,78px)!important;
  line-height:.96!important;
  letter-spacing:0!important;
  font-weight:860!important;
}
.bk-showcase-title .serif{
  color:#d8beff!important;
  text-shadow:0 0 36px rgba(155,92,255,.42)!important;
}
.bk-showcase-meta{
  align-items:flex-end!important;
  padding:16px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px)!important;
}
.bk-showcase-stat{
  color:rgba(255,255,255,.68)!important;
}
.bk-showcase-stat b{
  color:#fff!important;
  font-weight:820!important;
}
.bk-showcase-dots{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.08)!important;
}
.bk-showcase-dot{
  background:rgba(255,255,255,.22)!important;
}
.bk-showcase-dot.on{
  width:48px!important;
  background:linear-gradient(90deg,#7438ea,#d8beff)!important;
  box-shadow:0 0 24px rgba(155,92,255,.75)!important;
}
/* ---- stage → grid-stacked slides (auto height, smooth crossfade) ---- */
.bk-showcase-stage{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  border-radius:0!important;
  perspective:1600px!important;
}
.bk-showcase-track{
  display:grid!important;
  height:auto!important;
}
.bk-showcase-slide{
  grid-area:1/1!important;
  position:relative!important;
  inset:auto!important;
  opacity:0;
  transform:translateY(22px) scale(.985);
  transition:opacity .7s var(--ease-out),transform .9s var(--ease-out)!important;
  pointer-events:none;
}
.bk-showcase-slide.on{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
  z-index:2!important;
}
.bk-showcase-slide.out-left{
  opacity:0;
  transform:translateY(-16px) scale(.985);
}
.bk-showcase-card{
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(268px,.72fr)!important;
  gap:clamp(24px,3.4vw,52px)!important;
  align-items:center!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}

/* ---- device composite: same live site on desktop + phone at once ---- */
.bk-dev{position:relative;padding:26px 0 32px}
.bk-dev-stack{position:relative}

/* desktop browser */
.bk-dev-mac{
  position:relative;border-radius:16px;overflow:hidden;background:#05020b;
  border:1px solid rgba(216,190,255,.18);
  box-shadow:0 46px 104px -34px rgba(116,56,234,.55),0 30px 70px -22px rgba(0,0,0,.78),0 0 0 1px rgba(255,255,255,.04) inset;
  transform:perspective(1600px) rotateY(-5deg) rotateX(1.5deg);
  transform-origin:left center;
  transition:transform .8s var(--ease-out);
  will-change:transform;
}
html[dir="rtl"] .bk-dev-mac{transform:perspective(1600px) rotateY(5deg) rotateX(1.5deg);transform-origin:right center}
.bk-showcase-slide.on:hover .bk-dev-mac{transform:perspective(1600px) rotateY(0) rotateX(0)}
.bk-dev-mac::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -90px 130px rgba(116,56,234,.09);z-index:7}

.bk-dev-bar{display:flex;align-items:center;gap:8px;min-height:52px;padding:12px 16px;
  background:rgba(19,11,31,.94);border-bottom:1px solid rgba(216,190,255,.14)}
.bk-dev-lights{display:inline-flex;gap:7px;flex-shrink:0}
.bk-dev-lights i{width:11px;height:11px;border-radius:50%;box-shadow:0 0 14px currentColor}
.bk-dev-lights i:nth-child(1){background:#ff5f57;color:#ff5f57}
.bk-dev-lights i:nth-child(2){background:#febc2e;color:#febc2e}
.bk-dev-lights i:nth-child(3){background:#28c840;color:#28c840}
.bk-dev-omni{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:31px;margin-left:10px;padding:0 12px;
  border-radius:8px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);
  font-family:var(--font-mono);font-size:11.5px;color:#d8beff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-dev-omni svg{width:13px;height:13px;flex-shrink:0;opacity:.8}
html[dir="rtl"] .bk-dev-omni{margin-left:0;margin-right:10px}
.bk-dev-openbtn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;
  border-radius:8px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  transition:background .25s,transform .25s}
.bk-dev-openbtn:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}

/* scaled live iframe (container-query units keep it razor sharp at any width) */
.bk-dev-screen{position:relative;overflow:hidden;background:#fff;container-type:size}
.bk-dev-screen iframe{position:absolute;top:0;left:0;border:0;transform-origin:top left;
  opacity:0;transition:opacity .6s var(--ease-out);pointer-events:auto}
.bk-showcase-slide.iframe-ok .bk-dev-screen iframe{opacity:1}
.bk-dev-screen-desktop{aspect-ratio:16/10}
.bk-dev-screen-desktop iframe{width:1280px;height:800px;transform:scale(calc(100cqw / 1280))}

/* phone — floats over the desktop's corner, showing the mobile layout */
.bk-dev-phone{position:absolute;right:-18px;bottom:-6px;width:23%;min-width:124px;max-width:188px;
  padding:7px;border-radius:28px;background:linear-gradient(160deg,#2a1c40,#080410);
  border:1px solid rgba(216,190,255,.22);
  box-shadow:0 36px 64px -18px rgba(0,0,0,.82),0 0 0 1px rgba(0,0,0,.5),0 0 44px rgba(116,56,234,.22);
  transform:rotate(1.8deg);transform-origin:bottom right;transition:transform .8s var(--ease-out);z-index:6}
html[dir="rtl"] .bk-dev-phone{right:auto;left:-18px;transform:rotate(-1.8deg);transform-origin:bottom left}
.bk-showcase-slide.on:hover .bk-dev-phone{transform:rotate(0) translateY(-8px)}
.bk-dev-phone .bk-dev-screen{border-radius:22px}
.bk-dev-screen-phone{aspect-ratio:390/844}
.bk-dev-screen-phone iframe{width:390px;height:844px;transform:scale(calc(100cqw / 390))}
.bk-dev-island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:32%;height:8px;border-radius:99px;background:#000;z-index:5}
.bk-dev-home{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:32%;height:4px;border-radius:99px;background:rgba(255,255,255,.5);z-index:5}

/* skeleton shimmer while each iframe loads */
.bk-dev-skel{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 40%,rgba(116,56,234,.22),transparent 38%),linear-gradient(180deg,#10081e,#05020b);
  transition:opacity .5s var(--ease)}
.bk-dev-skel span{width:56%;max-width:220px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,rgba(167,139,255,.12),rgba(167,139,255,.65) 50%,rgba(167,139,255,.12));
  background-size:200% 100%;animation:shimSkel 1.4s ease-in-out infinite}
.bk-showcase-slide.iframe-ok .bk-dev-skel{opacity:0;pointer-events:none}

/* blocked-embed fallback: fill each device with the cover shot */
.bk-dev-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:none;z-index:2}
.bk-showcase-slide.iframe-blocked .bk-dev-cover{display:block}
.bk-showcase-slide.iframe-blocked .bk-dev-skel{opacity:0}
.bk-dev-openreal{position:absolute;left:16px;bottom:16px;z-index:8;display:none;align-items:center;gap:8px;
  padding:10px 16px;border-radius:999px;background:#fff;color:#120820;font-size:12.5px;font-weight:800;
  box-shadow:0 18px 44px rgba(0,0,0,.45)}
html[dir="rtl"] .bk-dev-openreal{left:auto;right:16px}
.bk-showcase-slide.iframe-blocked .bk-dev-openreal{display:inline-flex}

/* floating device labels */
.bk-dev-cap{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  color:#e7dbff;background:rgba(8,4,16,.8);border:1px solid rgba(216,190,255,.24);
  backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.4);z-index:9;white-space:nowrap}
.bk-dev-cap .dot{width:7px;height:7px;border-radius:50%;background:#28c840;box-shadow:0 0 12px #28c840;animation:pulse 1.8s ease-in-out infinite}
.bk-dev-cap-desktop{position:absolute;bottom:-13px;left:16px}
html[dir="rtl"] .bk-dev-cap-desktop{left:auto;right:16px}
.bk-dev-cap-phone{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:9px;padding:5px 10px}
.bk-showcase-info{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:16px!important;
  padding:clamp(24px,3.6vw,40px)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055)),
    radial-gradient(circle at 90% 0%,rgba(216,190,255,.16),transparent 36%)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(20px)!important;
}
.bk-showcase-info::before{
  content:"";
  width:48px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,#7438ea,#d8beff);
  box-shadow:0 0 22px rgba(155,92,255,.75);
}
.bk-showcase-info-num{
  color:#bda2ff!important;
  font-weight:820!important;
}
.bk-showcase-info h3{
  color:#fff!important;
  font-size:clamp(30px,3.6vw,48px)!important;
  font-weight:850!important;
  letter-spacing:0!important;
}
.bk-showcase-info p{
  max-width:440px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:16px!important;
  line-height:1.65!important;
}
.bk-showcase-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:2px;
}
.bk-showcase-proof span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(216,190,255,.18);
  background:rgba(255,255,255,.075);
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:780;
  line-height:1.25;
}
.bk-showcase-visit{
  width:100%!important;
  justify-content:center!important;
  min-height:48px!important;
  margin-top:10px!important;
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#120820!important;
  font-weight:850!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
}
.bk-showcase-visit:hover{
  color:#120820!important;
  transform:translateY(-3px)!important;
  box-shadow:0 24px 58px rgba(216,190,255,.24)!important;
}
.bk-showcase-marquee{
  margin-top:clamp(42px,5vw,64px)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.bk-showcase-marquee-track{
  color:rgba(255,255,255,.7)!important;
}
.bk-showcase-marquee-track .x{
  color:#d8beff!important;
}
.bk-showcase-cta{
  margin-top:34px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px)!important;
}
.bk-showcase-cta p{
  color:#fff!important;
  font-weight:760!important;
}

@media(max-width:960px){
  .bk-showcase-head{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .bk-showcase-meta{
    align-items:flex-start!important;
    width:100%!important;
  }
  .bk-showcase-slide{
    display:none!important;
    transition:none!important;
  }
  .bk-showcase-slide.on{
    display:block!important;
    opacity:1!important;
    transform:none!important;
  }
  .bk-showcase-card{
    grid-template-columns:1fr!important;
    height:auto!important;
  }
  .bk-dev{padding:24px 0 30px!important}
  .bk-dev-mac{transform:none!important}
  html[dir="rtl"] .bk-dev-mac{transform:none!important}
  .bk-showcase-slide.on:hover .bk-dev-mac{transform:none!important}
}

@media(max-width:560px){
  .bk-showcase{
    padding:58px 0 42px!important;
  }
  .bk-showcase-title{
    font-size:clamp(35px,11vw,48px)!important;
  }
  .bk-showcase-meta{
    border-radius:15px!important;
  }
  .bk-showcase-card{
    gap:18px!important;
  }
  .bk-dev{padding:22px 0 26px!important}
  .bk-dev-mac{
    border-radius:14px!important;
    box-shadow:0 28px 70px rgba(0,0,0,.5),0 0 46px rgba(116,56,234,.16)!important;
  }
  .bk-dev-bar{min-height:42px;padding:8px 10px;gap:6px}
  .bk-dev-lights i{width:8px;height:8px}
  .bk-dev-omni{height:26px;margin-left:7px;font-size:10px;padding:0 8px}
  html[dir="rtl"] .bk-dev-omni{margin-left:0;margin-right:7px}
  .bk-dev-openbtn{width:26px;height:26px}
  .bk-dev-phone{width:34%;min-width:98px;right:2px;bottom:-6px;border-radius:22px;padding:5px}
  html[dir="rtl"] .bk-dev-phone{right:auto;left:2px}
  .bk-dev-phone .bk-dev-screen{border-radius:17px}
  .bk-dev-cap-desktop{bottom:-11px;left:12px;font-size:9px;padding:5px 9px}
  .bk-dev-cap-phone{font-size:8px;padding:4px 8px}
  .bk-showcase-info{
    padding:22px!important;
    border-radius:16px!important;
  }
  .bk-showcase-info h3{
    font-size:30px!important;
  }
  .bk-showcase-info p{
    font-size:14px!important;
  }
  .bk-showcase-proof span{
    font-size:11px;
    min-height:30px;
    padding:7px 9px;
  }
  .bk-showcase-cta{
    border-radius:15px!important;
    padding:18px!important;
  }
}

/* Govix v46 - booking pages: professional fonts + compact hero-style work slider */
:root{
  --font-ar:'IBM Plex Sans Arabic','Noto Sans Arabic','Geist',Tahoma,Arial,sans-serif;
}

.offer-hero,
.book-sec,
.bk-showcase{
  font-family:var(--font);
}

html[lang="ar"] .offer-hero,
html[lang="ar"] .book-sec,
html[lang="ar"] .bk-showcase,
html[lang="ar"] .booking-sticky-cta{
  font-family:var(--font-ar)!important;
  letter-spacing:0!important;
}

html[lang="ar"] .offer-hero .serif,
html[lang="ar"] .bk-showcase-title .serif,
html[lang="ar"] .book-sec .serif,
html[lang="ar"] .booking-sticky-cta,
html[lang="ar"] .bk-form,
html[lang="ar"] .book-aside{
  font-family:var(--font-ar)!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

html[lang="ar"] .offer-hero h1,
html[lang="ar"] .bk-showcase-title,
html[lang="ar"] .bk-form-head h2{
  line-height:1.16!important;
  font-weight:700!important;
}

.bk-showcase{
  overflow:hidden!important;
  padding:clamp(34px,5vw,58px) 0 clamp(26px,4vw,44px)!important;
  background:
    radial-gradient(ellipse 60% 42% at 50% 94%,rgba(116,56,234,.38),transparent 68%),
    linear-gradient(rgba(184,124,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,124,255,.06) 1px,transparent 1px),
    #090414!important;
  background-size:auto,44px 44px,44px 44px,auto!important;
}

.bk-showcase::before{
  inset:auto -18% -38% -18%!important;
  height:360px!important;
  filter:blur(24px)!important;
}

.bk-showcase-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin-bottom:clamp(10px,2vw,20px)!important;
}

.bk-showcase-title{
  max-width:580px!important;
  margin-top:8px!important;
  font-size:clamp(26px,3.6vw,50px)!important;
  line-height:1!important;
  font-weight:780!important;
}

.bk-showcase-title span{
  display:inline!important;
}

.bk-showcase-title .serif{
  font-family:var(--font)!important;
  font-style:normal!important;
  color:#d8beff!important;
}

.bk-showcase-meta{
  padding:10px 12px!important;
  border-radius:12px!important;
  gap:10px!important;
  min-width:210px!important;
}

.bk-showcase-stat{
  text-align:right!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
}

.bk-showcase-stat b{
  font-size:24px!important;
  margin-bottom:0!important;
}

.bk-showcase-dots{
  align-self:flex-end!important;
}

.bk-showcase-stage{
  height:clamp(330px,44vw,590px)!important;
  max-width:1040px!important;
  margin:0 auto!important;
  overflow:visible!important;
  perspective:1600px!important;
}

.bk-showcase-track{
  display:grid!important;
  height:100%!important;
}

.bk-showcase-slide{
  grid-area:1/1!important;
  position:relative!important;
  inset:auto!important;
  opacity:0!important;
  transform:translateX(56px) scale(.97)!important;
  transition:opacity .55s var(--ease-out),transform .75s var(--ease-out)!important;
  pointer-events:none!important;
}

.bk-showcase-slide.on{
  opacity:1!important;
  transform:translateX(0) scale(1)!important;
  pointer-events:auto!important;
  z-index:2!important;
}

.bk-showcase-slide.out-left{
  opacity:0!important;
  transform:translateX(-56px) scale(.97)!important;
}

.bk-showcase-card{
  display:block!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.bk-dev,
.bk-dev-stack{
  height:100%!important;
}

.bk-dev{
  padding:0!important;
}

.bk-dev-stack{
  position:relative!important;
  max-width:1040px;
  margin:0 auto;
  isolation:isolate;
}

.bk-dev-stack::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:5%;
  height:30%;
  border-radius:999px;
  background:radial-gradient(closest-side,rgba(116,56,234,.52),rgba(116,56,234,0));
  filter:blur(24px);
  opacity:.9;
  z-index:0;
}

.bk-dev-laptop-device{
  position:absolute;
  left:50%;
  top:3%;
  width:min(840px,83%);
  aspect-ratio:1677/938;
  transform:translateX(-50%) translateY(18px) rotateX(4deg);
  transform-origin:center bottom;
  opacity:0;
  z-index:2;
  filter:drop-shadow(0 46px 82px rgba(0,0,0,.52));
}

.bk-dev-phone-device{
  position:absolute;
  right:14%;
  top:22%;
  width:min(170px,17%);
  aspect-ratio:873/1801;
  transform:translateY(24px) rotate(2deg) scale(.96);
  transform-origin:center bottom;
  opacity:0;
  z-index:4;
  filter:drop-shadow(0 34px 58px rgba(0,0,0,.56));
}

.bk-showcase-slide.on .bk-dev-laptop-device{
  animation:bkLaptopIn .9s var(--ease-out) .04s forwards;
}

.bk-showcase-slide.on .bk-dev-phone-device{
  animation:bkPhoneIn .95s var(--ease-out) .18s forwards;
}

@keyframes bkLaptopIn{
  to{opacity:1;transform:translateX(-50%) translateY(0) rotateX(0)}
}

@keyframes bkPhoneIn{
  to{opacity:1;transform:translateY(0) rotate(0) scale(1)}
}

.bk-dev-device-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  z-index:3;
  pointer-events:none;
}

.bk-dev-screen{
  position:absolute!important;
  overflow:hidden!important;
  background:#fff!important;
  z-index:2!important;
  container-type:size;
}

.bk-dev-screen iframe{
  position:absolute!important;
  top:0!important;
  left:0!important;
  border:0!important;
  transform-origin:top left!important;
  opacity:1!important;
  z-index:5!important;
  pointer-events:auto!important;
}

.bk-showcase-slide.iframe-ok .bk-dev-screen iframe{
  opacity:1!important;
}

.bk-dev-screen-desktop{
  left:18.8%!important;
  top:10.45%!important;
  width:62.15%!important;
  height:62.65%!important;
  border-radius:4px!important;
  aspect-ratio:auto!important;
}

.bk-dev-screen-phone{
  left:14.8%!important;
  top:9.2%!important;
  width:70.45%!important;
  height:78.55%!important;
  border-radius:8.5%/4.2%!important;
  aspect-ratio:auto!important;
}

.bk-dev-cover{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
  z-index:1!important;
  pointer-events:none!important;
}

.bk-showcase-slide.iframe-blocked .bk-dev-cover{
  display:block;
}

.bk-dev-skel{
  position:absolute;
  inset:0;
  z-index:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#130a24,#05020b);
}

.bk-showcase-slide.iframe-ok .bk-dev-skel,
.bk-showcase-slide.iframe-blocked .bk-dev-skel{
  opacity:0;
  pointer-events:none;
}

.bk-dev-openreal{
  position:absolute;
  left:50%;
  bottom:5%;
  z-index:8;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transform:translateX(-50%);
  padding:10px 16px;
  border-radius:999px;
  background:#fff;
  color:#120820;
  font-size:12px;
  font-weight:800;
  box-shadow:0 18px 44px rgba(0,0,0,.42);
}

.bk-showcase-marquee,
.bk-showcase-cta,
.bk-showcase-info{
  display:none!important;
}

.bk-showcase + .book-sec{
  padding-top:clamp(36px,5vw,58px)!important;
}

@media(max-width:960px){
  .bk-showcase-head{
    align-items:flex-start!important;
  }
  .bk-showcase-stage{
    height:clamp(310px,58vw,500px)!important;
  }
  .bk-dev-laptop-device{
    width:96%;
  }
  .bk-dev-phone-device{
    right:7%;
    top:24%;
    width:min(150px,22%);
  }
}

@media(max-width:560px){
  .bk-showcase{
    padding:30px 0 24px!important;
  }
  .bk-showcase-head{
    display:grid!important;
    gap:14px!important;
  }
  .bk-showcase-title{
    font-size:clamp(25px,8vw,36px)!important;
  }
  .bk-showcase-meta{
    width:100%!important;
    min-width:0!important;
  }
  .bk-showcase-stage{
    height:300px!important;
  }
  .bk-dev-laptop-device{
    top:10%;
    width:116%;
  }
  .bk-dev-phone-device{
    right:1%;
    top:27%;
    width:min(116px,28%);
  }
  .bk-dev-openreal{
    bottom:1%;
    font-size:11px;
    padding:8px 12px;
  }
}

/* Govix v50 - booking showcase uses the exact homepage hero device preview */
.booking-hero-showcase{
  position:relative;
  overflow:hidden;
  padding:clamp(34px,5vw,56px) 0 clamp(18px,3vw,34px);
  background:
    radial-gradient(ellipse 60% 42% at 50% 94%,rgba(116,56,234,.38),transparent 68%),
    linear-gradient(rgba(184,124,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,124,255,.06) 1px,transparent 1px),
    #090414;
  background-size:auto,44px 44px,44px 44px,auto;
}
.booking-hero-showcase-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.45;
  background:radial-gradient(circle at 50% 25%,rgba(216,190,255,.16),transparent 36%);
}
.booking-hero-showcase>.wrap{
  position:relative;
  z-index:2;
}
.booking-work-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  width:min(980px,100%);
  margin:0 auto 10px;
}
.booking-work-head h2{
  margin:8px 0 0;
  color:#fff;
  font-size:clamp(24px,3vw,42px);
  line-height:1.02;
  letter-spacing:0;
  font-weight:780;
}
.booking-work-head .eyebrow{
  color:#cdb8ff;
}
.booking-work-controls{
  display:flex;
  gap:8px;
  flex-shrink:0;
}
.booking-work-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.09);
  color:#fff;
  box-shadow:0 12px 34px rgba(0,0,0,.24);
  backdrop-filter:blur(14px);
  transition:transform .25s var(--ease-spring),background .25s,border-color .25s;
}
.booking-work-arrow:hover{
  transform:translateY(-2px);
  background:#fff;
  color:#140922;
  border-color:#fff;
}
.booking-work-arrow span{
  display:block;
  font-size:18px;
  line-height:1;
  font-weight:800;
}
.booking-hero-showcase[data-single-project="true"] .booking-work-controls{
  display:none;
}
.booking-hero-devices{
  width:min(980px,100%);
  min-height:clamp(380px,42vw,610px)!important;
  margin:0 auto!important;
}
.booking-hero-devices .hero-site-slide{
  animation:none!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:1!important;
  transition:opacity .55s var(--ease-out)!important;
}
.booking-hero-devices .hero-site-slide.is-active{
  opacity:1!important;
  pointer-events:auto!important;
  z-index:4!important;
}
.booking-hero-devices .hero-site-slide.is-active iframe{
  pointer-events:auto!important;
}
.booking-hero-devices .hero-laptop-device{
  left:50%!important;
  top:20px!important;
  width:min(860px,96%)!important;
  transform:translateX(-50%)!important;
}
.booking-hero-devices .hero-phone-device{
  right:5%!important;
  top:clamp(108px,14vw,174px)!important;
  width:min(220px,24%)!important;
}
.booking-hero-devices .hero-site-slide iframe{
  pointer-events:auto!important;
}
.booking-hero-showcase + .book-sec{
  padding-top:clamp(36px,5vw,58px)!important;
}
@media(max-width:760px){
  .booking-hero-showcase{
    padding:28px 0 18px;
  }
  .booking-work-head{
    align-items:center;
    margin-bottom:6px;
  }
  .booking-work-head h2{
    font-size:clamp(22px,7vw,30px);
  }
  .booking-work-arrow{
    width:38px;
    height:38px;
  }
  .booking-hero-devices{
    min-height:330px!important;
  }
  .booking-hero-devices .hero-laptop-device{
    top:18px!important;
    width:116%!important;
  }
  .booking-hero-devices .hero-phone-device{
    right:0!important;
    top:96px!important;
    width:28%!important;
  }
}

/* Govix v53 - stronger mobile booking typography + phone slide-in */
.book-sec,
.booking-hero-showcase{
  font-weight:600;
}

.book-aside-card{
  border-radius:10px!important;
  border-color:#ddd4f0!important;
  box-shadow:0 18px 48px rgba(42,24,74,.08)!important;
}

.book-aside-card .eyebrow,
.bk-form-head > span,
.booking-work-head .eyebrow{
  font-weight:800!important;
}

.book-list li,
.book-aside-card p,
.bk-form-head p,
.bk-form-badges b{
  font-weight:700!important;
  color:#352d43!important;
}

.bk-form-head h2,
.booking-work-head h2{
  font-weight:850!important;
}

html[lang="ar"] .book-sec,
html[lang="ar"] .booking-hero-showcase,
html[lang="ar"] .book-aside-card,
html[lang="ar"] .book-list li,
html[lang="ar"] .bk-form,
html[lang="ar"] .bk-form input,
html[lang="ar"] .bk-form textarea,
html[lang="ar"] .bk-form select{
  font-family:var(--font-ar)!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

html[lang="ar"] .book-list li,
html[lang="ar"] .book-aside-card p,
html[lang="ar"] .bk-form-head p{
  font-size:14.5px!important;
  line-height:1.85!important;
}

html[lang="ar"] .book-aside-card .eyebrow,
html[lang="ar"] .bk-form-head > span,
html[lang="ar"] .booking-work-head .eyebrow{
  font-weight:800!important;
}

html[lang="ar"] .bk-form-head h2,
html[lang="ar"] .booking-work-head h2{
  font-weight:850!important;
  line-height:1.22!important;
}

@media(max-width:760px){
  .booking-hero-devices .hero-phone-device{
    animation:bookingPhoneSlideIn .9s var(--ease-out) .2s both!important;
    will-change:transform,opacity,filter;
  }
  .booking-hero-devices .hero-laptop-device{
    animation:bookingLaptopRise .85s var(--ease-out) both!important;
    will-change:transform,opacity,filter;
  }
  .booking-work-head{
    direction:inherit;
  }
  .book-aside-card{
    padding:22px!important;
  }
  .book-list{
    gap:12px!important;
  }
  .book-trust-pill{
    font-weight:750!important;
    color:#312840!important;
  }
}

@keyframes bookingPhoneSlideIn{
  from{
    opacity:0;
    transform:translate3d(78px,10px,0) scale(.92);
    filter:blur(10px);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0);
  }
}

@keyframes bookingLaptopRise{
  from{
    opacity:0;
    transform:translateX(-50%) translate3d(0,18px,0) scale(.985);
    filter:blur(8px);
  }
  to{
    opacity:1;
    transform:translateX(-50%) translate3d(0,0,0) scale(1);
    filter:blur(0);
  }
}

/* Govix v54 - refined form weights + premium thanks page */
.book-sec,
.booking-hero-showcase{
  font-weight:500!important;
}

.book-list li,
.book-aside-card p,
.bk-form-head p,
.bk-form-badges b{
  font-weight:500!important;
  color:#4a4258!important;
}

.book-aside-card .eyebrow,
.bk-form-head > span,
.booking-work-head .eyebrow{
  font-weight:700!important;
}

.bk-form-head h2,
.booking-work-head h2{
  font-weight:700!important;
}

.bk-field .lbl,
.bk-meta,
.hint{
  font-weight:500!important;
}

.fld,
.bk-form input,
.bk-form textarea,
.bk-form select{
  font-weight:500!important;
}

html[lang="ar"] .book-sec,
html[lang="ar"] .booking-hero-showcase,
html[lang="ar"] .book-aside-card,
html[lang="ar"] .book-list li,
html[lang="ar"] .bk-form,
html[lang="ar"] .bk-form input,
html[lang="ar"] .bk-form textarea,
html[lang="ar"] .bk-form select{
  font-weight:500!important;
}

html[lang="ar"] .book-list li,
html[lang="ar"] .book-aside-card p,
html[lang="ar"] .bk-form-head p{
  font-weight:500!important;
  line-height:1.78!important;
}

html[lang="ar"] .book-aside-card .eyebrow,
html[lang="ar"] .bk-form-head > span,
html[lang="ar"] .booking-work-head .eyebrow{
  font-weight:600!important;
}

html[lang="ar"] .bk-form-head h2,
html[lang="ar"] .booking-work-head h2{
  font-weight:700!important;
}

.thanks-luxe{
  min-height:calc(100vh - 78px);
  display:grid;
  place-items:center;
  padding:clamp(112px,13vw,170px) 0 clamp(78px,10vw,120px);
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 18%,rgba(116,56,234,.13),transparent 28%),
    linear-gradient(180deg,#fbfaff 0%,#f4f2f8 54%,#ebe8f2 100%);
}

.thanks-luxe-grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.58;
  background:
    linear-gradient(rgba(116,56,234,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(116,56,234,.065) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 76%,transparent);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 76%,transparent);
  animation:thanksGridDrift 20s linear infinite;
}

.thanks-luxe-orbit{
  position:absolute;
  width:min(760px,82vw);
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.9),transparent 38%),
    radial-gradient(circle at 50% 50%,rgba(116,56,234,.16),transparent 64%);
  filter:blur(6px);
  opacity:.78;
  animation:thanksOrbit 8s var(--ease) infinite;
}

.thanks-luxe-wrap{
  position:relative;
  z-index:2;
}

.thanks-luxe-card{
  max-width:960px;
  margin:0 auto;
  text-align:center;
  display:grid;
  justify-items:center;
  padding:0 10px;
}

.thanks-luxe-mark{
  width:86px;
  height:86px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#673de6;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(116,56,234,.16);
  box-shadow:
    0 26px 80px rgba(74,36,146,.16),
    inset 0 1px 0 rgba(255,255,255,.95),
    0 0 0 12px rgba(116,56,234,.045);
  animation:thanksMarkIn .9s var(--ease-out) both, thanksMarkGlow 3.4s ease-in-out infinite .9s;
}

.thanks-luxe-mark svg{
  width:52px;
  height:52px;
  stroke-dasharray:190;
  stroke-dashoffset:190;
  animation:thanksCheckDraw 1.1s var(--ease-out) .18s forwards;
}

.thanks-luxe-eyebrow{
  margin-top:22px;
  font-weight:600!important;
}

.thanks-luxe-title{
  margin-top:18px;
  display:grid;
  gap:4px;
  color:#171122;
  font-size:clamp(48px,7.6vw,112px);
  line-height:.96;
  letter-spacing:0;
  font-weight:700;
}

.thanks-luxe-title span:last-child{
  color:#673de6;
  text-shadow:0 18px 60px rgba(103,61,230,.2);
}

.thanks-luxe-copy{
  max-width:620px;
  margin:28px auto 0;
  color:#61586f;
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.75;
  font-weight:500;
}

.thanks-luxe-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:38px;
}

.thanks-luxe-actions .btn{
  min-height:48px;
  border-radius:12px;
  font-weight:600;
  box-shadow:0 18px 48px rgba(103,61,230,.14);
}

.thanks-luxe-actions .btn-ghost{
  background:rgba(255,255,255,.62);
  color:#171122;
  border-color:rgba(32,22,52,.12);
  backdrop-filter:blur(18px);
}

html[lang="ar"] .thanks-luxe,
html[lang="ar"] .thanks-luxe-title,
html[lang="ar"] .thanks-luxe-copy,
html[lang="ar"] .thanks-luxe-actions .btn{
  font-family:var(--font-ar)!important;
  letter-spacing:0!important;
}

html[lang="ar"] .thanks-luxe-title{
  font-weight:700!important;
  line-height:1.12!important;
}

html[lang="ar"] .thanks-luxe-copy{
  font-weight:500!important;
  line-height:1.85!important;
}

@keyframes thanksGridDrift{
  to{background-position:52px 52px,52px 52px}
}

@keyframes thanksOrbit{
  0%,100%{transform:translate3d(0,-10px,0) scale(1);opacity:.68}
  50%{transform:translate3d(0,10px,0) scale(1.035);opacity:.88}
}

@keyframes thanksMarkIn{
  from{opacity:0;transform:translate3d(0,16px,0) scale(.9);filter:blur(12px)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}

@keyframes thanksMarkGlow{
  0%,100%{box-shadow:0 26px 80px rgba(74,36,146,.16),inset 0 1px 0 rgba(255,255,255,.95),0 0 0 12px rgba(116,56,234,.045)}
  50%{box-shadow:0 32px 96px rgba(74,36,146,.22),inset 0 1px 0 rgba(255,255,255,.95),0 0 0 18px rgba(116,56,234,.06)}
}

@keyframes thanksCheckDraw{
  to{stroke-dashoffset:0}
}

@media(max-width:760px){
  .thanks-luxe{
    min-height:calc(100vh - 64px);
    padding:96px 0 78px;
  }
  .thanks-luxe-mark{
    width:74px;
    height:74px;
  }
  .thanks-luxe-mark svg{
    width:44px;
    height:44px;
  }
  .thanks-luxe-title{
    font-size:clamp(42px,13vw,66px);
  }
  .thanks-luxe-copy{
    font-size:15.5px;
    max-width:330px;
  }
  .thanks-luxe-actions{
    width:100%;
    max-width:330px;
    margin-top:30px;
  }
  .thanks-luxe-actions .btn{
    width:100%;
    justify-content:center;
  }
}

/* Govix v55 - premium dark confirmation experience */
.thanks-premium{
  min-height:calc(100vh - 78px)!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(118px,12vw,168px) 0 clamp(74px,9vw,116px)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(190,167,255,.18),transparent 26%),
    radial-gradient(ellipse 62% 42% at 50% 100%,rgba(103,61,230,.32),transparent 72%),
    linear-gradient(180deg,#070410 0%,#0b0617 54%,#080410 100%)!important;
  color:#fff!important;
}

.thanks-premium-grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(rgba(216,190,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(216,190,255,.07) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
  animation:thanksPremiumGrid 18s linear infinite;
}

.thanks-premium-beam{
  position:absolute;
  inset:-40% auto auto 50%;
  width:min(820px,82vw);
  height:min(820px,82vw);
  transform:translateX(-50%);
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.16),transparent 18%),
    radial-gradient(circle at 50% 50%,rgba(103,61,230,.36),transparent 64%);
  filter:blur(22px);
  opacity:.86;
  animation:thanksPremiumBeam 8s var(--ease) infinite;
}

.thanks-premium-noise{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.035;
  mix-blend-mode:screen;
  background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>");
}

.thanks-premium-wrap{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  align-items:center;
  gap:clamp(34px,5vw,72px);
  max-width:1180px;
}

.thanks-premium-copy{
  display:grid;
  justify-items:start;
  text-align:start;
}

.thanks-premium-mark{
  position:relative;
  width:84px;
  height:84px;
  display:grid;
  place-items:center;
  border-radius:24px;
  color:#fff;
  background:
    linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04)),
    linear-gradient(135deg,#7c3fff,#4e22d8);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 34px 90px rgba(76,32,184,.42),
    inset 0 1px 0 rgba(255,255,255,.32),
    0 0 0 10px rgba(124,63,255,.08);
  animation:thanksPremiumMark .9s var(--ease-out) both, thanksPremiumGlow 3.8s ease-in-out infinite .9s;
}

.thanks-premium-mark::after{
  display:none;
  content:none;
}

.thanks-premium-mark svg{
  width:56px;
  height:56px;
  position:relative;
  z-index:1;
}

.thanks-premium-ring,
.thanks-premium-check{
  stroke-dasharray:190;
  stroke-dashoffset:190;
  animation:thanksPremiumDraw 1s var(--ease-out) forwards;
}

.thanks-premium-check{
  animation-delay:.18s;
}

.thanks-premium-eyebrow{
  margin-top:24px;
  color:#bda2ff!important;
  font-weight:600!important;
}

.thanks-premium-title{
  max-width:780px;
  margin-top:18px;
  display:grid;
  gap:6px;
  color:#fff;
  font-size:clamp(44px,6.2vw,92px);
  line-height:.98;
  letter-spacing:0;
  font-weight:600;
}

.thanks-premium-title span:last-child{
  color:#d8beff;
  text-shadow:0 24px 90px rgba(124,63,255,.42);
}

.thanks-premium-copytext{
  max-width:620px;
  margin-top:24px;
  color:rgba(255,255,255,.68);
  font-size:clamp(15.5px,1.25vw,18px);
  line-height:1.78;
  font-weight:500;
}

.thanks-premium-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:34px;
}

.thanks-premium-actions .btn{
  min-height:48px;
  border-radius:12px;
  font-weight:600;
}

.thanks-premium-actions .btn-ghost{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.16);
  color:#fff;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.thanks-premium-panel{
  position:relative;
  overflow:hidden;
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045)),
    rgba(13,8,28,.72);
  box-shadow:
    0 34px 110px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
}

.thanks-premium-panel-glow{
  position:absolute;
  inset:auto -20% -36% -20%;
  height:180px;
  background:radial-gradient(ellipse at center,rgba(124,63,255,.48),transparent 68%);
  filter:blur(22px);
  pointer-events:none;
}

.thanks-premium-panel-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.62);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.thanks-premium-panel-head b{
  color:#fff;
  font-weight:600;
}

.thanks-premium-steps{
  position:relative;
  display:grid;
  gap:12px;
  margin-top:18px;
}

.thanks-premium-step{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:start;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  animation:thanksPremiumStep .8s var(--ease-out) both;
}

.thanks-premium-step:nth-child(2){animation-delay:.08s}
.thanks-premium-step:nth-child(3){animation-delay:.16s}

.thanks-premium-step b{
  color:#cdb8ff;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:600;
}

.thanks-premium-step span{
  color:rgba(255,255,255,.72);
  font-size:13.5px;
  line-height:1.55;
  font-weight:500;
}

html[lang="ar"] .thanks-premium,
html[lang="ar"] .thanks-premium-title,
html[lang="ar"] .thanks-premium-copytext,
html[lang="ar"] .thanks-premium-step span,
html[lang="ar"] .thanks-premium-actions .btn{
  font-family:var(--font-ar)!important;
  letter-spacing:0!important;
}

html[lang="ar"] .thanks-premium-title{
  font-weight:600!important;
  line-height:1.12!important;
}

html[lang="ar"] .thanks-premium-copytext,
html[lang="ar"] .thanks-premium-step span{
  font-weight:500!important;
  line-height:1.85!important;
}

html[dir="rtl"] .thanks-premium-step{
  grid-template-columns:1fr 42px;
}

html[dir="rtl"] .thanks-premium-step b{
  grid-column:2;
  grid-row:1;
  text-align:end;
}

html[dir="rtl"] .thanks-premium-step span{
  grid-column:1;
  grid-row:1;
  text-align:end;
}

@keyframes thanksPremiumGrid{
  to{background-position:48px 48px,48px 48px}
}

@keyframes thanksPremiumBeam{
  0%,100%{transform:translateX(-50%) translateY(-8px) scale(1);opacity:.72}
  50%{transform:translateX(-50%) translateY(10px) scale(1.06);opacity:.96}
}

@keyframes thanksPremiumMark{
  from{opacity:0;transform:translate3d(0,20px,0) scale(.88) rotate(-4deg);filter:blur(14px)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);filter:blur(0)}
}

@keyframes thanksPremiumGlow{
  0%,100%{box-shadow:0 34px 90px rgba(76,32,184,.42),inset 0 1px 0 rgba(255,255,255,.32),0 0 0 10px rgba(124,63,255,.08)}
  50%{box-shadow:0 44px 120px rgba(124,63,255,.52),inset 0 1px 0 rgba(255,255,255,.36),0 0 0 16px rgba(124,63,255,.1)}
}

@keyframes thanksPremiumSheen{
  0%,48%{transform:translateX(-130%) skewX(-18deg);opacity:0}
  58%{opacity:.9}
  82%,100%{transform:translateX(130%) skewX(-18deg);opacity:0}
}

@keyframes thanksPremiumDraw{
  to{stroke-dashoffset:0}
}

@keyframes thanksPremiumStep{
  from{opacity:0;transform:translate3d(24px,0,0);filter:blur(10px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}

@media(max-width:860px){
  .thanks-premium-wrap{
    grid-template-columns:1fr;
  }
  .thanks-premium-copy{
    justify-items:center;
    text-align:center;
  }
  .thanks-premium-panel{
    width:min(520px,100%);
    margin:0 auto;
  }
}

@media(max-width:760px){
  .thanks-premium{
    min-height:calc(100vh - 64px)!important;
    padding:96px 0 64px!important;
  }
  .thanks-premium-mark{
    width:74px;
    height:74px;
    border-radius:20px;
  }
  .thanks-premium-mark svg{
    width:48px;
    height:48px;
  }
  .thanks-premium-title{
    font-size:clamp(38px,11vw,58px);
  }
  .thanks-premium-copytext{
    max-width:340px;
    font-size:15px;
  }
  .thanks-premium-actions{
    width:100%;
    max-width:340px;
  }
  .thanks-premium-actions .btn{
    width:100%;
    justify-content:center;
  }
  .thanks-premium-panel{
    padding:18px;
    border-radius:18px;
  }
}

/* v58 - booking activity autocomplete */
.bk-form{
  overflow:visible;
}

.bk-activity-field{
  position:relative;
  z-index:20;
}

.bk-category-combo{
  position:relative;
  display:block;
}

.bk-category-combo .fld{
  padding-inline-end:44px;
}

.bk-category-combo::after{
  content:"";
  position:absolute;
  top:50%;
  inset-inline-end:16px;
  width:8px;
  height:8px;
  border-inline-end:2px solid rgba(124,63,255,.72);
  border-bottom:2px solid rgba(124,63,255,.72);
  transform:translateY(-62%) rotate(45deg);
  pointer-events:none;
}

.bk-category-panel{
  position:absolute;
  z-index:80;
  top:calc(100% + 8px);
  inset-inline:0;
  display:grid;
  gap:6px;
  max-height:312px;
  overflow:auto;
  padding:8px;
  border-radius:14px;
  border:1px solid rgba(124,63,255,.2);
  background:rgba(255,255,255,.96);
  box-shadow:0 22px 70px rgba(26,12,57,.18), 0 0 0 1px rgba(255,255,255,.68) inset;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}

.bk-category-panel[hidden]{
  display:none;
}

.bk-category-option{
  width:100%;
  display:grid;
  gap:3px;
  padding:10px 11px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#150f24;
  text-align:start;
  font:inherit;
  cursor:pointer;
}

.bk-category-option b{
  font-size:13.5px;
  line-height:1.3;
  font-weight:650;
}

.bk-category-option span{
  color:#7b708f;
  font-size:11.5px;
  line-height:1.35;
  font-weight:500;
}

.bk-category-option.is-active,
.bk-category-option:hover{
  background:linear-gradient(135deg,rgba(124,63,255,.12),rgba(124,63,255,.055));
}

.bk-category-custom{
  border:1px dashed rgba(124,63,255,.28);
  background:rgba(124,63,255,.055);
}

html[lang="ar"] .bk-category-option,
html[lang="ar"] .bk-category-option b,
html[lang="ar"] .bk-category-option span{
  font-family:var(--font-ar)!important;
  letter-spacing:0!important;
}

html[dir="rtl"] .bk-category-combo .fld{
  padding-inline-start:44px;
  padding-inline-end:16px;
}

html[dir="rtl"] .bk-category-combo::after{
  inset-inline-start:16px;
  inset-inline-end:auto;
}

@media(max-width:680px){
  .bk-category-panel{
    max-height:270px;
  }
}

/* v60 - full landing page rebuild: Shopify/Hostinger inspired, Govix identity */
.landing-v2{
  --lv2-bg:#f7f6fb;
  --lv2-ink:#171321;
  --lv2-muted:#6f687d;
  --lv2-line:#ded7ef;
  --lv2-panel:#ffffff;
  --lv2-soft:#f0ecff;
  --lv2-purple:#673de6;
  --lv2-purple-2:#8b5cf6;
  background:var(--lv2-bg)!important;
  color:var(--lv2-ink)!important;
}

.landing-v2 .nav{
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(23,19,33,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.landing-v2 .nav-logo span,
.landing-v2 .nav-links a{
  color:var(--lv2-ink)!important;
}

.landing-v2 .nav-cta{
  background:var(--lv2-purple)!important;
  color:#fff!important;
  border-radius:8px!important;
}

.lv2-hero{
  position:relative;
  overflow:hidden;
  padding:118px 0 78px;
  background:
    radial-gradient(circle at 68% 28%,rgba(103,61,230,.18),transparent 34%),
    linear-gradient(180deg,#fbfaff 0%,#f5f2ff 54%,#fff 100%);
}

.lv2-hero-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(103,61,230,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(103,61,230,.055) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,#000,transparent 78%);
}

.lv2-hero-wrap{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);
  gap:44px;
  align-items:center;
}

.lv2-copy{
  max-width:650px;
}

.lv2-kicker,
.lv2-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--lv2-purple);
  font-size:13px;
  line-height:1.3;
  font-weight:650;
}

.lv2-kicker::before,
.lv2-eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--lv2-purple);
  box-shadow:0 0 0 5px rgba(103,61,230,.1);
}

.lv2-copy h1{
  margin-top:18px;
  max-width:720px;
  color:var(--lv2-ink);
  font-size:clamp(48px,6.3vw,84px);
  line-height:.96;
  letter-spacing:0;
  font-weight:760;
}

.lv2-copy h1 span,
.lv2-copy h1 strong{
  display:block;
}

.lv2-copy h1 strong{
  color:var(--lv2-purple);
  font-weight:760;
}

.lv2-copy p{
  max-width:600px;
  margin-top:24px;
  color:var(--lv2-muted);
  font-size:clamp(17px,1.35vw,20px);
  line-height:1.7;
  font-weight:450;
}

.lv2-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}

.landing-v2 .btn{
  border-radius:8px!important;
  min-height:50px;
  font-weight:650!important;
}

.landing-v2 .btn-primary{
  background:var(--lv2-purple)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(103,61,230,.22)!important;
}

.lv2-btn-secondary{
  background:#fff!important;
  color:var(--lv2-ink)!important;
  border:1px solid var(--lv2-line)!important;
}

.lv2-proofline{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}

.lv2-proofline span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:8px 12px;
  border:1px solid rgba(103,61,230,.13);
  border-radius:8px;
  background:rgba(255,255,255,.72);
  color:var(--lv2-muted);
  font-size:13px;
  font-weight:500;
}

.lv2-proofline b{
  color:var(--lv2-ink);
  font-size:14px;
  font-weight:750;
}

.lv2-proofline i{
  font-style:normal;
}

.lv2-visual{
  position:relative;
  min-height:510px;
  display:grid;
  place-items:center;
}

.lv2-visual::before{
  content:"";
  position:absolute;
  inset:14% 7% 2%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(103,61,230,.26),transparent 67%);
  filter:blur(34px);
  opacity:.9;
}

.lv2-visual picture{
  position:relative;
  width:min(840px,118%);
  transform:translateX(3%);
  animation:lv2VisualIn 1.05s var(--ease-out) both;
}

.lv2-visual img{
  width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 34px 60px rgba(28,16,67,.2));
}

@keyframes lv2VisualIn{
  from{opacity:0;transform:translate3d(34px,18px,0) scale(.97);filter:blur(10px)}
  to{opacity:1;transform:translate3d(3%,0,0) scale(1);filter:blur(0)}
}

.lv2-strip{
  background:#fff;
  border-block:1px solid rgba(23,19,33,.08);
}

.lv2-strip-track{
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
}

.lv2-strip-track span{
  color:#514963;
  font-size:14px;
  font-weight:650;
  white-space:nowrap;
}

.lv2-section{
  padding:96px 0;
  background:#fff;
}

.lv2-section:nth-of-type(2n+1){
  background:var(--lv2-bg);
}

.lv2-split,
.lv2-system-wrap{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:52px;
  align-items:start;
}

.lv2-section-copy h2,
.lv2-head h2,
.lv2-final h2{
  max-width:850px;
  margin-top:14px;
  color:var(--lv2-ink);
  font-size:clamp(34px,4.4vw,58px);
  line-height:1.04;
  letter-spacing:0;
  font-weight:750;
}

.lv2-section-copy p,
.lv2-final p{
  max-width:640px;
  margin-top:18px;
  color:var(--lv2-muted);
  font-size:17px;
  line-height:1.75;
}

.lv2-head{
  max-width:880px;
  margin-bottom:34px;
}

.lv2-points,
.lv2-offers,
.lv2-process,
.lv2-faq-grid{
  display:grid;
  gap:14px;
}

.lv2-points{
  grid-template-columns:repeat(2,1fr);
}

.lv2-points article,
.lv2-offer,
.lv2-process article,
.lv2-faq-grid article,
.lv2-system-list div{
  border:1px solid var(--lv2-line);
  border-radius:8px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 50px rgba(38,26,70,.06);
}

.lv2-points article{
  min-height:150px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:20px;
}

.lv2-points b,
.lv2-process b{
  color:var(--lv2-purple);
  font-size:13px;
  font-weight:750;
}

.lv2-points span{
  color:var(--lv2-ink);
  font-size:18px;
  line-height:1.38;
  font-weight:650;
}

.lv2-offers{
  grid-template-columns:repeat(3,1fr);
}

.lv2-offer{
  display:flex;
  flex-direction:column;
  min-height:340px;
  padding:26px;
  transition:transform .28s var(--ease),border-color .28s,box-shadow .28s;
}

.lv2-offer:hover{
  transform:translateY(-4px);
  border-color:rgba(103,61,230,.32);
  box-shadow:0 24px 60px rgba(103,61,230,.12);
}

.lv2-offer>span{
  color:var(--lv2-purple);
  font-size:13px;
  font-weight:700;
}

.lv2-offer h3{
  margin-top:18px;
  color:var(--lv2-ink);
  font-size:25px;
  line-height:1.12;
  font-weight:750;
}

.lv2-offer p{
  margin-top:14px;
  color:var(--lv2-muted);
  font-size:15px;
  line-height:1.65;
}

.lv2-offer b{
  margin-top:auto;
  color:var(--lv2-purple);
  font-size:14px;
}

.lv2-system{
  color:#fff;
  background:
    radial-gradient(circle at 70% 20%,rgba(103,61,230,.42),transparent 32%),
    linear-gradient(180deg,#100622,#08030f)!important;
}

.lv2-system .lv2-section-copy h2,
.lv2-system .lv2-section-copy p{
  color:#fff;
}

.lv2-system .lv2-section-copy p{
  color:rgba(255,255,255,.7);
}

.lv2-system-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.lv2-system-list div{
  min-height:168px;
  padding:24px;
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
  box-shadow:none;
}

.lv2-system-list b{
  display:block;
  color:#fff;
  font-size:20px;
  font-weight:750;
}

.lv2-system-list span{
  display:block;
  margin-top:12px;
  color:rgba(255,255,255,.68);
  font-size:15px;
  line-height:1.65;
}

.lv2-process{
  grid-template-columns:repeat(4,1fr);
}

.lv2-process article{
  min-height:250px;
  padding:24px;
}

.lv2-process h3,
.lv2-faq-grid h3{
  margin-top:28px;
  color:var(--lv2-ink);
  font-size:21px;
  line-height:1.2;
  font-weight:750;
}

.lv2-process p,
.lv2-faq-grid p{
  margin-top:12px;
  color:var(--lv2-muted);
  font-size:15px;
  line-height:1.7;
}

.lv2-faq{
  background:var(--lv2-bg);
}

.lv2-faq-grid{
  grid-template-columns:repeat(2,1fr);
}

.lv2-faq-grid article{
  padding:24px;
}

.lv2-faq-grid h3{
  margin-top:0;
}

.lv2-final{
  padding:88px 0;
  background:#fff;
}

.lv2-final-box{
  position:relative;
  overflow:hidden;
  padding:54px;
  border-radius:8px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 20%,rgba(139,92,246,.58),transparent 35%),
    linear-gradient(135deg,#14072c,#673de6);
}

.lv2-final-box::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:56px 56px;
  opacity:.24;
  pointer-events:none;
}

.lv2-final-box>*{
  position:relative;
  z-index:1;
}

.lv2-final h2{
  color:#fff;
}

.lv2-final p{
  color:rgba(255,255,255,.76);
}

.lv2-final .lv2-btn-secondary{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.2)!important;
}

html[lang="ar"] .landing-v2,
html[lang="ar"] .landing-v2 h1,
html[lang="ar"] .landing-v2 h2,
html[lang="ar"] .landing-v2 h3,
html[lang="ar"] .landing-v2 p,
html[lang="ar"] .landing-v2 a,
html[lang="ar"] .landing-v2 span,
html[lang="ar"] .landing-v2 b{
  font-family:var(--font-ar)!important;
  letter-spacing:0!important;
}

html[lang="ar"] .lv2-copy h1,
html[lang="ar"] .lv2-section-copy h2,
html[lang="ar"] .lv2-head h2,
html[lang="ar"] .lv2-final h2{
  line-height:1.12!important;
  font-weight:700!important;
}

@media(max-width:1080px){
  .lv2-hero-wrap,
  .lv2-split,
  .lv2-system-wrap{
    grid-template-columns:1fr;
  }
  .lv2-copy{
    max-width:820px;
  }
  .lv2-visual{
    min-height:auto;
  }
  .lv2-visual picture{
    width:min(940px,108%);
    transform:none;
  }
  .lv2-process,
  .lv2-offers{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:720px){
  .lv2-hero{
    padding:96px 0 54px;
  }
  .lv2-copy h1{
    font-size:clamp(38px,11vw,54px);
  }
  .lv2-actions .btn,
  .lv2-final .lv2-actions .btn{
    width:100%;
    justify-content:center;
  }
  .lv2-strip-track{
    justify-content:flex-start;
    overflow:auto;
  }
  .lv2-section{
    padding:68px 0;
  }
  .lv2-points,
  .lv2-offers,
  .lv2-system-list,
  .lv2-process,
  .lv2-faq-grid{
    grid-template-columns:1fr;
  }
  .lv2-offer,
  .lv2-process article{
    min-height:auto;
  }
  .lv2-final-box{
    padding:34px 22px;
  }
}

/* v59 - professional booking form typography */
.book-sec,
.book-aside-card,
.book-list,
.bk-form,
.bk-package{
  font-family:var(--font)!important;
  letter-spacing:0!important;
}

html[lang="ar"] .book-sec,
html[lang="ar"] .book-aside-card,
html[lang="ar"] .book-list,
html[lang="ar"] .bk-form,
html[lang="ar"] .bk-package{
  font-family:var(--font-ar)!important;
  letter-spacing:0!important;
}

.book-aside-card .eyebrow,
.bk-field .lbl,
.bk-package .lbl{
  font-family:var(--font)!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-weight:500!important;
  color:#7c728d!important;
}

html[lang="ar"] .book-aside-card .eyebrow,
html[lang="ar"] .bk-field .lbl,
html[lang="ar"] .bk-package .lbl{
  font-family:var(--font-ar)!important;
  font-size:12.5px!important;
  font-weight:500!important;
}

.book-aside-card .eyebrow::before{
  width:5px!important;
  height:5px!important;
  background:#7c3fff!important;
  box-shadow:none!important;
}

.book-list{
  display:grid!important;
  gap:12px!important;
}

.book-list li{
  position:relative;
  padding-inline-start:0!important;
  color:#312a3f!important;
  font-size:14.5px!important;
  line-height:1.75!important;
  font-weight:400!important;
}

.book-list li::before{
  content:"";
  display:inline-block;
  position:static!important;
  inset:auto!important;
  width:7px;
  height:7px;
  margin-inline-end:11px;
  border-radius:999px;
  background:#7c3fff;
  box-shadow:0 0 0 4px rgba(124,63,255,.08);
  vertical-align:.08em;
}

html[lang="ar"] .book-list li{
  font-family:var(--font-ar)!important;
  font-size:14.5px!important;
  line-height:1.9!important;
  font-weight:400!important;
}

.bk-package{
  justify-content:center!important;
  min-height:76px!important;
  background:#fbfaff!important;
  border:1px solid #ded6f6!important;
  border-radius:8px!important;
  padding:14px 16px!important;
  box-shadow:none!important;
}

.bk-package strong{
  color:#181222!important;
  font-family:var(--font)!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

html[lang="ar"] .bk-package strong{
  font-family:var(--font-ar)!important;
  font-weight:600!important;
}

.book-trust-pill{
  font-family:var(--font)!important;
  letter-spacing:0!important;
  font-size:12.5px!important;
  font-weight:500!important;
}

/* v70 - Govix homepage rebuilt to match the provided reference */
.landing-ref{
  --ref-bg:#fbfaff;
  --ref-ink:#0d0822;
  --ref-muted:#5f5973;
  --ref-line:#e5def5;
  --ref-purple:#6d28d9;
  --ref-purple-2:#7c3aed;
  --ref-dark:#17043d;
  --ref-dark-2:#0d0326;
  --ref-card:#fff;
  overflow-x:hidden!important;
  background:var(--ref-bg)!important;
  color:var(--ref-ink)!important;
  font-family:var(--font)!important;
}

.landing-ref .scroll-prog{background:var(--ref-purple)!important}
.landing-ref .nav{
  background:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(13,8,34,.08)!important;
  box-shadow:0 10px 30px rgba(54,32,116,.05)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.landing-ref .nav-inner{max-width:1320px!important;height:74px!important}
.landing-ref .nav-logo span,
.landing-ref .nav-links a{color:var(--ref-ink)!important}
.landing-ref .nav-logo span{font-weight:800!important}
.landing-ref .nav-links{gap:16px!important}
.landing-ref .nav-links a{
  padding:8px 5px!important;
  font-size:13.5px!important;
  font-weight:700!important;
  opacity:1!important;
}
.landing-ref .nav-links a:hover{background:transparent!important;color:var(--ref-purple)!important}
.landing-ref .nav-cta{
  min-height:46px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#5b21b6,var(--ref-purple-2))!important;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(109,40,217,.25)!important;
  font-weight:800!important;
}

.ref-wrap{
  width:min(100% - 48px,1320px);
  margin-inline:auto;
}

.ref-hero{
  position:relative;
  overflow:hidden;
  padding:132px 0 34px;
  background:
    radial-gradient(circle at 70% 15%,rgba(124,58,237,.14),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fbfaff 68%,#fff 100%);
}
.ref-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(109,40,217,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,40,217,.055) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,#000 0%,transparent 78%);
  pointer-events:none;
}
.ref-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);
  gap:58px;
  align-items:center;
}
.ref-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:34px;
  padding:8px 14px;
  border:1px solid var(--ref-line);
  border-radius:999px;
  background:#fff;
  color:var(--ref-purple);
  font-size:13px;
  line-height:1.3;
  font-weight:800;
  box-shadow:0 10px 25px rgba(58,33,115,.05);
}
.ref-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--ref-purple);
  box-shadow:0 0 0 5px rgba(109,40,217,.1);
}
.ref-hero h1{
  max-width:620px;
  margin-top:26px;
  color:var(--ref-ink);
  font-size:clamp(46px,4.45vw,64px);
  line-height:1.06;
  letter-spacing:0;
  font-weight:800;
}
.ref-hero h1 span,
.ref-hero h1 strong{display:block}
.ref-hero h1 strong{
  color:var(--ref-purple-2);
  font-weight:800;
}
.ref-hero-copy>p{
  max-width:520px;
  margin-top:22px;
  color:#353047;
  font-size:18px;
  line-height:1.7;
  font-weight:500;
}
.ref-diagnosis-card{
  width:min(100%,410px);
  margin-top:28px;
  padding:22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 84% 20%,rgba(124,58,237,.5),transparent 34%),
    linear-gradient(135deg,#13042f,#24105a 55%,#4c1d95);
  box-shadow:0 24px 60px rgba(39,16,90,.26);
}
.ref-diagnosis-card h2{
  margin:0;
  color:#fff;
  font-size:17px;
  font-weight:800;
}
.ref-diagnosis-card p{
  margin-top:8px;
  color:rgba(255,255,255,.72);
  font-size:13.5px;
  line-height:1.55;
}
.ref-email-row{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.ref-email-row input,
.ref-final-form input{
  width:100%;
  min-height:54px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:0 16px;
  font:inherit;
  outline:none;
}
.ref-email-row input::placeholder,
.ref-final-form input::placeholder{color:rgba(255,255,255,.58)}
.ref-email-row input:focus,
.ref-final-form input:focus{
  border-color:rgba(255,255,255,.42);
  box-shadow:0 0 0 4px rgba(255,255,255,.08);
}
.ref-email-row button,
.ref-final-form button{
  min-height:54px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#6d28d9,#7c3aed);
  color:#fff;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:0 14px 34px rgba(124,58,237,.25);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.ref-email-row button:hover,
.ref-final-form button:hover,
.ref-work-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 48px rgba(85,35,160,.18);
}
.ref-trust-points{
  display:flex;
  gap:20px;
  margin-top:24px;
  flex-wrap:wrap;
}
.ref-trust-points span{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:8px;
  color:var(--ref-muted);
  font-size:12px;
  line-height:1.25;
}
.ref-trust-points b{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(109,40,217,.22);
  border-radius:999px;
  color:var(--ref-purple);
  font-size:11px;
}
.ref-trust-points i{font-style:normal;max-width:90px}

.ref-hero-visual{
  position:relative;
  min-height:560px;
  animation:refHeroFloat 6s ease-in-out infinite;
}
.ref-laptop{
  position:absolute;
  left:3%;
  top:18px;
  width:min(760px,86%);
  padding:14px 14px 0;
  border-radius:22px 22px 8px 8px;
  background:#14101c;
  box-shadow:0 34px 80px rgba(30,16,71,.18),0 0 0 1px rgba(13,8,34,.12);
}
.ref-screen{
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:10px 10px 3px 3px;
  background:#fff;
}
.ref-screen img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:top center;
}
.ref-laptop-base{
  height:26px;
  margin:0 -54px;
  border-radius:0 0 28px 28px;
  background:linear-gradient(180deg,#45414b,#17151b);
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 18px 28px rgba(24,14,48,.18);
}
.ref-laptop-base::before{
  content:"";
  display:block;
  width:120px;
  height:9px;
  margin:auto;
  border-radius:0 0 12px 12px;
  background:linear-gradient(180deg,#bbb7c1,#77717e);
}
.ref-phone{
  position:absolute;
  right:1%;
  top:128px;
  width:190px;
  aspect-ratio:9/18.6;
  border:8px solid #17151c;
  border-radius:34px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 28px 60px rgba(23,15,50,.22),0 0 0 1px rgba(255,255,255,.7) inset;
}
.ref-phone img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
}
.ref-phone-notch{
  position:absolute;
  z-index:2;
  top:8px;
  left:50%;
  width:70px;
  height:18px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#07060a;
}
.ref-feature-strip{
  position:absolute;
  right:9%;
  bottom:42px;
  width:min(560px,78%);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid var(--ref-line);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 55px rgba(42,20,86,.13);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.ref-feature-strip span{
  min-height:104px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  padding:18px 12px;
  color:#241b44;
  font-size:13px;
  font-weight:800;
  text-align:center;
}
.ref-feature-strip span+span{border-inline-start:1px solid var(--ref-line)}
.ref-feature-strip b{
  color:var(--ref-purple);
  font-size:30px;
  line-height:1;
}
.ref-feature-strip i{font-style:normal}

@keyframes refHeroFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

.ref-logos{
  padding:22px 0 46px;
  background:#fff;
}
.ref-logos p{
  text-align:center;
  color:#514a65;
  font-size:13px;
  font-weight:800;
}
.ref-logo-row{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  align-items:center;
  border-block:1px solid rgba(13,8,34,.06);
}
.ref-logo-row span{
  min-height:72px;
  display:grid;
  place-items:center;
  border-inline-start:1px solid rgba(13,8,34,.06);
  color:#201831;
  font-size:22px;
  font-weight:800;
  letter-spacing:.02em;
  opacity:.82;
}
.ref-logo-row span:first-child{border-inline-start:0;font-family:serif;font-size:28px}
.ref-logo-row span:nth-child(4){font-family:serif;font-style:italic}

.ref-feature-band{
  padding:34px 0 38px;
  background:#fff;
}
.ref-feature-band .ref-wrap{
  padding:34px;
  border-radius:28px;
  background:
    radial-gradient(circle at 72% 20%,rgba(124,58,237,.35),transparent 35%),
    linear-gradient(135deg,var(--ref-dark),var(--ref-dark-2));
  box-shadow:0 28px 70px rgba(33,10,84,.18);
}
.ref-feature-band h2,
.ref-testimonial-box h2{
  margin:0 auto 30px;
  text-align:center;
  color:#fff;
  font-size:clamp(28px,3vw,38px);
  line-height:1.15;
  font-weight:800;
}
.ref-feature-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}
.ref-feature-grid article{
  min-height:210px;
  padding:26px 18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  text-align:center;
  color:#fff;
}
.ref-feature-grid b{
  display:block;
  color:#c4a8ff;
  font-size:54px;
  line-height:1;
  font-weight:500;
}
.ref-feature-grid h3{
  margin-top:18px;
  color:#fff;
  font-size:16px;
  line-height:1.2;
  font-weight:800;
}
.ref-feature-grid p{
  margin-top:10px;
  color:rgba(255,255,255,.72);
  font-size:13.5px;
  line-height:1.55;
}

.ref-process,
.ref-work,
.ref-services,
.ref-testimonials,
.ref-faq,
.ref-final{
  padding:58px 0;
  background:#fff;
}
.ref-section-head{
  max-width:820px;
  margin:0 auto 34px;
  text-align:center;
}
.ref-section-head h2,
.ref-section-row h2{
  margin:0;
  color:var(--ref-ink);
  font-size:clamp(30px,3.2vw,44px);
  line-height:1.12;
  font-weight:800;
}
.ref-section-row{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin-bottom:26px;
}
.ref-text-link{
  color:var(--ref-purple);
  font-size:14px;
  font-weight:800;
}
.ref-process-line{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
}
.ref-process-line::before{
  content:"";
  position:absolute;
  top:54px;
  inset-inline:12%;
  height:1px;
  border-top:1px dashed rgba(109,40,217,.3);
}
.ref-process-line article{
  position:relative;
  text-align:center;
}
.ref-process-line b{
  position:absolute;
  top:44px;
  inset-inline-start:0;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--ref-purple);
  color:#fff;
  font-size:13px;
  z-index:2;
}
.ref-process-line span{
  width:72px;
  height:72px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--ref-purple);
  background:#f0eaff;
  font-size:34px;
  box-shadow:0 0 0 14px rgba(109,40,217,.035);
}
.ref-process-line h3,
.ref-work-card b,
.ref-service-grid h3{
  color:var(--ref-ink);
  font-size:16px;
  line-height:1.25;
  font-weight:800;
}
.ref-process-line p{
  max-width:210px;
  margin:8px auto 0;
  color:var(--ref-muted);
  font-size:13.5px;
  line-height:1.55;
}

.ref-work{background:#fbfaff}
.ref-work-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.ref-work-card{
  display:block;
  overflow:hidden;
  border:1px solid var(--ref-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 45px rgba(38,20,86,.06);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.ref-work-card img{
  width:100%;
  aspect-ratio:1.38/1;
  display:block;
  object-fit:cover;
  object-position:top center;
  background:#eee9fb;
}
.ref-work-card b,
.ref-work-card span{
  display:block;
  text-align:center;
}
.ref-work-card b{margin:16px 12px 4px}
.ref-work-card span{
  margin:0 12px 18px;
  color:var(--ref-purple);
  font-size:13px;
  font-weight:700;
}

.ref-services{background:#fff}
.ref-services .ref-kicker{margin-bottom:16px}
.ref-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.ref-service-grid article{
  min-height:118px;
  padding:24px;
  border:1px solid var(--ref-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 45px rgba(38,20,86,.055);
}
.ref-service-grid b{
  color:var(--ref-purple);
  font-size:13px;
  font-weight:800;
}
.ref-service-grid h3{margin-top:16px;font-size:20px}

.ref-testimonials{background:#fff}
.ref-testimonial-box{
  padding:34px;
  border-radius:26px;
  background:linear-gradient(180deg,#f6f1ff,#fff);
  border:1px solid var(--ref-line);
}
.ref-testimonial-box h2{color:var(--ref-ink)}
.ref-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}
.ref-testimonial-grid article{
  padding:28px;
  border:1px solid var(--ref-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 45px rgba(38,20,86,.055);
}
.ref-testimonial-grid span{
  color:var(--ref-purple);
  letter-spacing:.08em;
  font-size:14px;
}
.ref-testimonial-grid p{
  margin-top:18px;
  color:#241b3a;
  font-size:16px;
  line-height:1.65;
  font-weight:600;
}
.ref-testimonial-grid b,
.ref-testimonial-grid i{
  display:block;
}
.ref-testimonial-grid b{margin-top:20px;color:var(--ref-ink)}
.ref-testimonial-grid i{
  margin-top:4px;
  color:var(--ref-muted);
  font-size:13px;
  font-style:normal;
}

.ref-faq{background:#fff}
.ref-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px 28px;
}
.ref-faq details{
  border:1px solid var(--ref-line);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}
.ref-faq summary{
  min-height:54px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:var(--ref-ink);
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.ref-faq summary::-webkit-details-marker{display:none}
.ref-faq summary::after{
  content:"+";
  color:var(--ref-ink);
  font-size:20px;
  line-height:1;
  transition:transform .22s var(--ease);
}
.ref-faq details[open] summary::after{transform:rotate(45deg)}
.ref-faq details p{
  margin:0;
  padding:0 22px 20px;
  color:var(--ref-muted);
  font-size:14px;
  line-height:1.65;
}

.ref-final{
  padding-top:34px;
  background:#fff;
}
.ref-final-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
  gap:34px;
  align-items:center;
  padding:32px 38px;
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 15%,rgba(124,58,237,.45),transparent 35%),
    linear-gradient(135deg,#3a0c97,#5b21b6 46%,#17043d);
  box-shadow:0 28px 70px rgba(64,20,150,.22);
}
.ref-final-box>div>span{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:34px;
}
.ref-final h2{
  margin:0;
  max-width:620px;
  color:#fff;
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.16;
  font-weight:800;
}
.ref-final-box>div>span+h2{margin-top:18px}
.ref-final p{
  margin-top:12px;
  color:rgba(255,255,255,.78);
  font-size:16px;
}
.ref-final-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.ref-final-form input{
  background:#fff;
  color:var(--ref-ink);
  border-color:transparent;
}
.ref-final-form input::placeholder{color:#8d86a2}
.ref-final-form small{
  grid-column:1/-1;
  color:rgba(255,255,255,.72);
  font-size:12px;
}

.landing-ref .foot{
  background:#0e0327!important;
  color:#fff!important;
}
.landing-ref .foot-aurora{display:none!important}
.landing-ref .foot-status{display:none!important}
.landing-ref .foot-grid{padding-top:34px!important}
.landing-ref .foot-logo span,
.landing-ref .foot-col h5{color:#fff!important}
.landing-ref .foot-brand p,
.landing-ref .foot-col a,
.landing-ref .foot-bot{color:rgba(255,255,255,.68)!important}

html[lang="ar"] .landing-ref,
html[lang="ar"] .landing-ref h1,
html[lang="ar"] .landing-ref h2,
html[lang="ar"] .landing-ref h3,
html[lang="ar"] .landing-ref p,
html[lang="ar"] .landing-ref a,
html[lang="ar"] .landing-ref span,
html[lang="ar"] .landing-ref button,
html[lang="ar"] .landing-ref input{
  font-family:var(--font-ar)!important;
  letter-spacing:0!important;
}
html[dir="rtl"] .landing-ref .ref-phone{
  right:auto;
  left:1%;
}
html[dir="rtl"] .landing-ref .ref-feature-strip{
  right:auto;
  left:9%;
}

@media(max-width:1120px){
  .ref-hero-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .ref-hero-copy,
  .ref-hero h1,
  .ref-hero-copy>p{
    max-width:760px;
  }
  .ref-hero-visual{
    min-height:520px;
  }
  .ref-laptop{
    left:0;
    width:82%;
  }
  .ref-phone{right:3%}
  .ref-feature-grid,
  .ref-work-grid{grid-template-columns:repeat(3,1fr)}
  .ref-feature-grid article:last-child{grid-column:2/3}
  .ref-logo-row{grid-template-columns:repeat(3,1fr)}
  .ref-process-line,
  .ref-service-grid{grid-template-columns:repeat(2,1fr)}
  .ref-process-line::before{display:none}
}

@media(max-width:820px){
  .ref-wrap{width:min(100% - 36px,1320px)}
  .landing-ref .nav-inner{height:68px!important}
  .landing-ref .nav-cta{display:none!important}
  .ref-hero{padding-top:98px}
  .ref-hero h1{
    font-size:clamp(39px,10.5vw,54px);
    line-height:1.07;
  }
  .ref-hero h1 span,
  .ref-hero h1 strong{display:inline}
  .ref-hero-copy>p{font-size:16px}
  .ref-diagnosis-card{width:100%;border-radius:20px}
  .ref-trust-points{gap:12px}
  .ref-hero-visual{
    min-height:410px;
    animation:none;
  }
  .ref-laptop{
    width:92%;
    left:0;
    top:12px;
    padding:10px 10px 0;
    border-radius:16px 16px 6px 6px;
  }
  .ref-laptop-base{height:18px;margin:0 -26px}
  .ref-phone{
    width:116px;
    border-width:5px;
    border-radius:24px;
    top:92px;
    right:0;
  }
  .ref-phone-notch{width:44px;height:12px;top:6px}
  .ref-feature-strip{
    left:0;
    right:auto;
    bottom:8px;
    width:100%;
    grid-template-columns:repeat(2,1fr);
    border-radius:18px;
  }
  .ref-feature-strip span{
    min-height:72px;
    padding:12px 8px;
    font-size:12px;
  }
  .ref-feature-strip b{font-size:24px}
  html[dir="rtl"] .landing-ref .ref-phone{left:0}
  html[dir="rtl"] .landing-ref .ref-feature-strip{left:auto;right:0}
  .ref-logo-row,
  .ref-feature-grid,
  .ref-process-line,
  .ref-work-grid,
  .ref-service-grid,
  .ref-testimonial-grid,
  .ref-faq-grid,
  .ref-final-box{
    grid-template-columns:1fr;
  }
  .ref-feature-grid article:last-child{grid-column:auto}
  .ref-feature-band .ref-wrap,
  .ref-testimonial-box,
  .ref-final-box{
    padding:24px;
    border-radius:22px;
  }
  .ref-section-row{
    display:grid;
    align-items:start;
  }
  .ref-process-line article{text-align:start}
  .ref-process-line span{margin-inline:0}
  .ref-process-line b{inset-inline-start:56px}
  .ref-final-form{grid-template-columns:1fr}
}

@media(max-width:460px){
  .ref-hero h1{font-size:clamp(34px,9.3vw,40px)}
  .ref-kicker{font-size:12px}
  .ref-email-row input,
  .ref-email-row button,
  .ref-final-form input,
  .ref-final-form button{min-height:50px}
  .ref-hero-visual{min-height:370px}
  .ref-work-card img{aspect-ratio:1.55/1}
}

@media(prefers-reduced-motion:reduce){
  .ref-hero-visual,
  .landing-ref .rv,
  .ref-email-row button,
  .ref-final-form button,
  .ref-work-card{
    animation:none!important;
    transition:none!important;
  }
}

/* v70 - generated premium e-commerce artwork + data-driven landing cleanup */
.landing-ref .ref-logos{
  display:none!important;
}

.landing-ref .ref-hero-visual,
.landing-ref .gvx-visual{
  min-height:0!important;
}

/* removed: duplicate ::after image layer (caused "two images stacked") */
.landing-ref .ref-hero-visual::after,
.landing-ref .gvx-visual::after{content:none!important;background:none!important;animation:none!important}

.landing-ref .ref-hero-visual > .ref-laptop,
.landing-ref .ref-hero-visual > .ref-phone,
.landing-ref .ref-hero-visual > .ref-feature-strip,
.landing-ref .gvx-visual > .ref-laptop,
.landing-ref .gvx-visual > .ref-phone{
  display:none!important;
}

/* the single raw hero image — clean fade-in, no frame/shadow/background */
.landing-ref .ref-hero-img{animation:heroImgIn 1s cubic-bezier(.16,1,.3,1) both}
@keyframes heroImgIn{from{opacity:0;transform:translate3d(38px,16px,0) scale(.975)}to{opacity:1;transform:none}}

.landing-ref .ref-work-card{
  transform:translateY(0);
}

.landing-ref .ref-work-card:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 70px rgba(38,20,86,.12);
}

@keyframes govixImageGlideIn{
  from{
    opacity:0;
    transform:translate3d(48px,18px,0) scale(.975);
    filter:blur(12px) drop-shadow(0 18px 40px rgba(42,18,92,.08));
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
    filter:blur(0) drop-shadow(0 36px 70px rgba(42,18,92,.17));
  }
}

@media(max-width:820px){
  .landing-ref .ref-hero-visual,
  .landing-ref .gvx-visual{
    min-height:clamp(310px,86vw,430px);
  }
}

@media(prefers-reduced-motion:reduce){
  .landing-ref .ref-hero-visual::after,
  .landing-ref .gvx-visual::after{
    animation:none!important;
  }
}

/* v70 - booking live iframe carousel */
.booking-live-stage{
  position:relative;
  width:min(1040px,100%);
  min-height:clamp(420px,45vw,650px);
  margin:18px auto 0;
  perspective:1400px;
}

.booking-live-stage .hero-site-slide{
  position:absolute!important;
  inset:0;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate3d(60px,12px,0) scale(.975);
  filter:blur(10px);
  transition:
    opacity .55s cubic-bezier(.16,1,.3,1),
    transform .75s cubic-bezier(.16,1,.3,1),
    filter .55s cubic-bezier(.16,1,.3,1)!important;
}

.booking-live-stage .hero-site-slide.is-active{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}

.booking-live-browser{
  overflow:hidden;
  border:1px solid rgba(216,197,255,.34);
  border-radius:24px;
  background:rgba(255,255,255,.08);
  box-shadow:0 38px 100px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08) inset;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.booking-live-bar{
  min-height:58px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:0 18px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
}

.booking-live-dots{
  display:flex;
  gap:7px;
}

.booking-live-dots i{
  width:10px;
  height:10px;
  border-radius:50%;
}

.booking-live-dots i:nth-child(1){background:#ff6b57}
.booking-live-dots i:nth-child(2){background:#ffd25d}
.booking-live-dots i:nth-child(3){background:#34d36f}

.booking-live-url{
  overflow:hidden;
  min-width:0;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  color:rgba(255,255,255,.76);
  background:rgba(5,2,16,.45);
  font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.booking-live-bar a{
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.booking-live-canvas{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#fff;
}

.booking-live-canvas iframe,
.booking-live-canvas .hero-site-fallback{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.booking-live-canvas iframe{
  z-index:2;
  background:#fff;
}

.booking-live-canvas .hero-site-fallback{
  z-index:1;
  object-fit:cover;
  object-position:top center;
}

.booking-live-caption{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:18px;
  color:#fff;
  text-align:center;
}

.booking-live-caption strong{
  font-size:18px;
  font-weight:800;
}

.booking-live-caption span{
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#d9c9ff;
  background:rgba(255,255,255,.07);
  font-size:12px;
  font-weight:700;
}

@media(max-width:760px){
  .booking-live-stage{
    min-height:clamp(300px,78vw,420px);
  }
  .booking-live-bar{
    min-height:46px;
    padding:0 10px;
    gap:8px;
  }
  .booking-live-url{
    padding:8px 10px;
    font-size:10px;
  }
  .booking-live-dots i{
    width:8px;
    height:8px;
  }
  .booking-live-browser{
    border-radius:18px;
  }
}

/* v61 - landing polish: tighter hero scale + no mobile overflow */
.landing-v2{
  overflow-x:hidden!important;
}

.landing-v2 .wrap{
  max-width:1240px;
}

.lv2-copy h1{
  max-width:620px;
  font-size:clamp(48px,5.6vw,76px);
}

.lv2-hero-wrap{
  grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);
}

.lv2-visual picture{
  width:min(790px,112%);
}

@media(max-width:1080px){
  .lv2-hero-wrap,
  .lv2-split,
  .lv2-system-wrap{
    grid-template-columns:1fr!important;
  }
  .lv2-copy h1{
    max-width:820px;
    font-size:clamp(44px,8vw,72px);
  }
  .lv2-visual picture{
    width:min(880px,100%);
  }
}

@media(max-width:720px){
  .landing-v2 .wrap{
    width:100%;
    max-width:100%;
    padding-inline:18px;
  }
  .landing-v2 .nav-inner{
    width:100%;
    max-width:100%;
    padding-inline:14px!important;
    gap:8px!important;
  }
  .landing-v2 .nav-logo img{
    width:34px!important;
    height:34px!important;
  }
  .landing-v2 .nav-right{
    gap:7px!important;
    min-width:0;
  }
  .landing-v2 .lang-switch{
    flex:0 0 auto;
  }
  .landing-v2 .nav-cta{
    display:none!important;
  }
  .lv2-hero{
    padding-top:92px;
  }
  .lv2-copy{
    width:100%;
    max-width:calc(100vw - 36px)!important;
    min-width:0;
    overflow:hidden;
  }
  .lv2-copy h1{
    width:100%;
    max-width:calc(100vw - 36px)!important;
    font-size:clamp(34px,9vw,38px)!important;
    line-height:1.06;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .lv2-copy h1 span,
  .lv2-copy h1 strong{
    display:inline;
  }
  .lv2-copy p{
    width:100%;
    max-width:calc(100vw - 36px)!important;
    font-size:16px;
    line-height:1.65;
  }
  .lv2-actions{
    margin-top:26px;
  }
  .lv2-proofline span{
    min-height:34px;
  }
  .lv2-visual{
    margin-top:28px;
  }
  .lv2-visual picture{
    width:min(100%,calc(100vw - 36px));
  }
}

@media(max-width:420px){
  .lv2-copy h1{
    font-size:clamp(31px,8.8vw,36px)!important;
  }
}

/* =====================================================================
   GOVIX inner-page design system (extends the light homepage / .landing-ref)
   Used on booking + portfolio pages. Scoped under .landing-ref so the old
   dark pages that are not yet converted are untouched.
   ===================================================================== */
:root{
  --gvx-bg:#ffffff;
  --gvx-bg-soft:#faf8ff;
  --gvx-ink:#0b1020;
  --gvx-muted:#5f6473;
  --gvx-purple:#6d28d9;
  --gvx-purple-2:#7c3aed;
  --gvx-purple-strong:#4c1d95;
  --gvx-purple-dark:#17043d;
  --gvx-border:rgba(17,24,39,.10);
  --gvx-line:#e5def5;
  --gvx-shadow-soft:0 20px 60px rgba(76,29,149,.10);
  --gvx-shadow-card:0 18px 45px rgba(38,20,86,.07);
  --gvx-radius-xl:28px;
  --gvx-radius-lg:20px;
  --gvx-radius-sm:14px;
}

.landing-ref .gvx-wrap{width:min(100% - 48px,1240px);margin-inline:auto;position:relative}
.landing-ref .gvx-narrow{width:min(100% - 48px,1040px);margin-inline:auto;position:relative}

/* ---- shared page hero ---- */
.landing-ref .gvx-hero{
  position:relative;overflow:hidden;
  padding:120px 0 40px;
  background:
    radial-gradient(circle at 78% 12%,rgba(124,58,237,.12),transparent 32%),
    linear-gradient(180deg,#fff 0%,var(--gvx-bg-soft) 70%,#fff 100%);
}
.landing-ref .gvx-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(109,40,217,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,40,217,.05) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 82%);
          mask-image:linear-gradient(180deg,#000,transparent 82%);
}
.landing-ref .gvx-hero>.gvx-wrap{position:relative;z-index:2}
.landing-ref .gvx-hero-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);
  gap:52px;align-items:center;
}
.landing-ref .gvx-hero-solo{padding:118px 0 8px}

.landing-ref .gvx-back{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--gvx-purple);font-size:14px;font-weight:800;
  transition:gap .2s var(--ease);
}
.landing-ref .gvx-back:hover{gap:12px}
.landing-ref .gvx-kicker{
  display:inline-flex;align-items:center;gap:10px;min-height:34px;
  margin-bottom:20px;padding:8px 14px;border:1px solid var(--gvx-line);
  border-radius:999px;background:#fff;color:var(--gvx-purple);
  font-size:13px;font-weight:800;box-shadow:0 10px 25px rgba(58,33,115,.05);
}
.landing-ref .gvx-kicker::before{
  content:"";width:7px;height:7px;border-radius:999px;background:var(--gvx-purple);
  box-shadow:0 0 0 5px rgba(109,40,217,.1);
}
.landing-ref .gvx-h1{
  margin:16px 0 0;max-width:640px;color:var(--gvx-ink);
  font-size:clamp(40px,4.4vw,60px);line-height:1.06;letter-spacing:-.01em;font-weight:800;
}
.landing-ref .gvx-h1 .p{color:var(--gvx-purple-2)}
.landing-ref .gvx-lead{
  margin-top:20px;max-width:540px;color:#353047;
  font-size:18px;line-height:1.7;font-weight:500;
}
.landing-ref .gvx-hero-solo .gvx-lead{max-width:640px}

/* hero benefit points */
.landing-ref .gvx-points{display:grid;gap:18px;margin-top:30px;max-width:460px}
.landing-ref .gvx-points>div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.landing-ref .gvx-points .ic{
  width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;
  background:#f0eaff;color:var(--gvx-purple);
}
.landing-ref .gvx-points .ic svg{width:20px;height:20px}
.landing-ref .gvx-points b{display:block;color:var(--gvx-ink);font-size:15px;font-weight:800}
.landing-ref .gvx-points span{display:block;margin-top:2px;color:var(--gvx-muted);font-size:14px;line-height:1.5}

/* hero device visual (reuses homepage laptop/phone look) */
.landing-ref .gvx-visual{position:relative;min-height:420px}
.landing-ref .gvx-visual .ref-laptop{left:2%;top:22px;width:min(680px,92%)}
.landing-ref .gvx-visual .ref-phone{right:0;top:120px}

/* =========================== consultation choice ========================= */
.landing-ref .gvx-choice{padding:16px 0 60px;background:#fff}
.landing-ref .gvx-choice-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.landing-ref .gvx-choice-card{
  display:flex;flex-direction:column;padding:28px;
  border:1px solid var(--gvx-line);border-radius:var(--gvx-radius-lg);
  background:#fff;box-shadow:var(--gvx-shadow-card);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
}
.landing-ref .gvx-choice-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(76,29,149,.14);border-color:rgba(109,40,217,.3)}
.landing-ref .gvx-choice-card.is-featured{
  border-color:rgba(109,40,217,.4);
  box-shadow:0 26px 64px rgba(76,29,149,.16);
  background:linear-gradient(180deg,#fbf9ff,#fff);
}
.landing-ref .gvx-choice-badge{
  width:54px;height:54px;display:grid;place-items:center;border-radius:16px;
  background:linear-gradient(135deg,#5b21b6,var(--gvx-purple-2));color:#fff;
  box-shadow:0 14px 30px rgba(109,40,217,.28);
}
.landing-ref .gvx-choice-badge svg{width:26px;height:26px}
.landing-ref .gvx-choice-card h3{margin:20px 0 0;color:var(--gvx-ink);font-size:21px;font-weight:800;line-height:1.2}
.landing-ref .gvx-choice-card>p{margin:10px 0 0;color:var(--gvx-muted);font-size:14.5px;line-height:1.6}
.landing-ref .gvx-choice-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.landing-ref .gvx-choice-list li{
  position:relative;padding-inline-start:26px;color:#3a3450;font-size:14px;line-height:1.45;font-weight:600;
}
.landing-ref .gvx-choice-list li::before{
  content:"";position:absolute;inset-inline-start:0;top:3px;width:16px;height:16px;border-radius:999px;
  background:#efe8ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E") center/11px no-repeat;
}
.landing-ref .gvx-choice-cta{
  margin-top:24px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:12px;font-size:14.5px;font-weight:800;
  border:1px solid var(--gvx-line);background:#fff;color:var(--gvx-ink);
  transition:transform .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease),color .22s;
}
.landing-ref .gvx-choice-cta:hover{transform:translateY(-2px);border-color:transparent;background:#f4efff;color:var(--gvx-purple)}
.landing-ref .gvx-choice-card.is-featured .gvx-choice-cta{
  background:linear-gradient(135deg,#5b21b6,var(--gvx-purple-2));color:#fff;border-color:transparent;
  box-shadow:0 16px 36px rgba(109,40,217,.28);
}
.landing-ref .gvx-choice-card.is-featured .gvx-choice-cta:hover{transform:translateY(-2px);box-shadow:0 22px 46px rgba(109,40,217,.34);color:#fff}

/* not-sure band */
.landing-ref .gvx-notsure{
  margin-top:22px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between;
  padding:26px 30px;border-radius:var(--gvx-radius-lg);
  border:1px solid var(--gvx-line);background:linear-gradient(135deg,#f6f1ff,#fbf9ff);
}
.landing-ref .gvx-notsure-ic{
  width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;
  background:#fff;color:var(--gvx-purple);border:1px solid var(--gvx-line);
}
.landing-ref .gvx-notsure-txt{flex:1;min-width:240px}
.landing-ref .gvx-notsure-txt b{display:block;color:var(--gvx-ink);font-size:17px;font-weight:800}
.landing-ref .gvx-notsure-txt span{display:block;margin-top:5px;color:var(--gvx-muted);font-size:14px;line-height:1.55}

/* buttons */
.landing-ref .gvx-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;
  border-radius:12px;font-size:14.5px;font-weight:800;cursor:pointer;border:0;
  background:linear-gradient(135deg,#5b21b6,var(--gvx-purple-2));color:#fff;
  box-shadow:0 16px 36px rgba(109,40,217,.26);
  transition:transform .22s var(--ease),box-shadow .22s var(--ease);
}
.landing-ref .gvx-btn:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(109,40,217,.32)}
.landing-ref .gvx-btn-ghost{
  background:#fff;color:var(--gvx-ink);border:1px solid var(--gvx-line);box-shadow:none;
}
.landing-ref .gvx-btn-ghost:hover{background:#f4efff;color:var(--gvx-purple)}

/* =========================== booking form layout ========================= */
.landing-ref .gvx-book{padding:8px 0 66px;background:#fff}
.landing-ref .gvx-book-grid{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);
  gap:28px;align-items:start;
}

/* form card */
.landing-ref .gvx-form{
  padding:clamp(24px,3vw,38px);border:1px solid var(--gvx-line);border-radius:var(--gvx-radius-xl);
  background:#fff;box-shadow:var(--gvx-shadow-soft);
}
.landing-ref .gvx-form-section+.gvx-form-section{margin-top:30px;padding-top:30px;border-top:1px solid var(--gvx-line)}
.landing-ref .gvx-form-section>h2{
  margin:0 0 20px;color:var(--gvx-ink);font-size:19px;font-weight:800;
  display:flex;align-items:center;gap:10px;
}
.landing-ref .gvx-form-section>h2 .n{
  width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;
  background:#f0eaff;color:var(--gvx-purple);font-size:13px;font-weight:800;
}
.landing-ref .gvx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.landing-ref .gvx-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.landing-ref .gvx-field.gvx-full{grid-column:1/-1}
.landing-ref .gvx-field .lbl{color:#2a2440;font-size:13px;font-weight:800;display:flex;gap:5px}
.landing-ref .gvx-field .lbl em{color:var(--gvx-purple);font-style:normal}
.landing-ref .gvx-field .opt{color:var(--gvx-muted);font-weight:600}

/* inputs (Django renders class="fld"; re-skin them light here) */
.landing-ref .gvx-form .fld{
  width:100%;min-height:52px;border-radius:12px;padding:0 15px;
  background:#fff;border:1px solid var(--gvx-border);color:var(--gvx-ink);
  font:inherit;font-size:15px;outline:none;
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
}
.landing-ref .gvx-form textarea.fld{min-height:130px;padding:14px 15px;line-height:1.6;resize:vertical}
.landing-ref .gvx-form .fld::placeholder{color:#9a94a8}
.landing-ref .gvx-form .fld:focus{border-color:var(--gvx-purple);box-shadow:0 0 0 4px rgba(109,40,217,.1)}
.landing-ref .gvx-form select.fld{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235f6473' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;padding-inline-end:40px}
html[dir="rtl"] .landing-ref .gvx-form select.fld{background-position:left 15px center}
.landing-ref .gvx-check{flex-direction:row;align-items:center;gap:10px;color:#3a3450;font-size:14px;font-weight:600;cursor:pointer}
.landing-ref .gvx-check .fld-check{width:18px;height:18px;accent-color:var(--gvx-purple);flex-shrink:0}
.landing-ref .gvx-form .err{color:#c0245e;font-size:12.5px;font-weight:600}
.landing-ref .gvx-form .bk-error{margin-bottom:16px;padding:12px 14px;border-radius:10px;background:#fdeef3;color:#a01047;font-size:13px}

/* phone with +213 prefix */
.landing-ref .gvx-phone{display:grid;grid-template-columns:auto 1fr;gap:10px}
.landing-ref .gvx-phone .cc{
  display:inline-flex;align-items:center;gap:7px;min-height:52px;padding:0 14px;border-radius:12px;
  border:1px solid var(--gvx-border);background:#faf8ff;color:var(--gvx-ink);font-size:14px;font-weight:700;white-space:nowrap;
}
.landing-ref .gvx-phone .cc b{font-size:15px}

.landing-ref .gvx-submit{
  width:100%;margin-top:26px;min-height:56px;font-size:16px;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:0;border-radius:14px;cursor:pointer;color:#fff;font-weight:800;
  background:linear-gradient(135deg,#5b21b6,var(--gvx-purple-2));
  box-shadow:0 18px 42px rgba(109,40,217,.3);
  transition:transform .22s var(--ease),box-shadow .22s var(--ease);
}
.landing-ref .gvx-submit:hover{transform:translateY(-2px);box-shadow:0 24px 54px rgba(109,40,217,.36)}
.landing-ref .gvx-submit svg{width:19px;height:19px}
.landing-ref .gvx-form-meta{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gvx-muted);font-size:13px}
.landing-ref .gvx-form-meta svg{width:15px;height:15px;color:var(--gvx-purple)}
.landing-ref .gvx-safe{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gvx-muted);font-size:13px}
.landing-ref .gvx-safe svg{width:15px;height:15px;color:#22a06b}

/* =========================== booking sidebar ========================= */
.landing-ref .gvx-side{display:grid;gap:18px;position:sticky;top:96px}
.landing-ref .gvx-side-card{
  padding:24px;border:1px solid var(--gvx-line);border-radius:var(--gvx-radius-lg);
  background:#fff;box-shadow:var(--gvx-shadow-card);
}
.landing-ref .gvx-side-card>h3{margin:0 0 18px;color:var(--gvx-ink);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:10px}
.landing-ref .gvx-side-card>h3 .lnk{color:var(--gvx-purple);font-size:13px;font-weight:800}

/* next-steps */
.landing-ref .gvx-steps{display:grid;gap:6px}
.landing-ref .gvx-step{display:grid;grid-template-columns:auto 1fr;gap:14px;position:relative;padding-bottom:16px}
.landing-ref .gvx-step:last-child{padding-bottom:0}
.landing-ref .gvx-step .ic{
  width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;z-index:1;
  background:#f0eaff;color:var(--gvx-purple);
}
.landing-ref .gvx-step .ic svg{width:18px;height:18px}
.landing-ref .gvx-step:not(:last-child)::before{
  content:"";position:absolute;inset-inline-start:18px;top:40px;bottom:2px;width:2px;
  background:repeating-linear-gradient(180deg,rgba(109,40,217,.28) 0 4px,transparent 4px 8px);
}
.landing-ref .gvx-step b{display:block;color:var(--gvx-ink);font-size:14px;font-weight:800}
.landing-ref .gvx-step span{display:block;margin-top:3px;color:var(--gvx-muted);font-size:13px;line-height:1.5}

/* mini portfolio */
.landing-ref .gvx-mini{display:grid;gap:12px}
.landing-ref .gvx-mini a{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;border-radius:12px;padding:6px;transition:background .2s var(--ease)}
.landing-ref .gvx-mini a:hover{background:#faf8ff}
.landing-ref .gvx-mini img{width:60px;height:46px;border-radius:9px;object-fit:cover;background:#eee9fb;border:1px solid var(--gvx-line)}
.landing-ref .gvx-mini b{display:block;color:var(--gvx-ink);font-size:14px;font-weight:800}
.landing-ref .gvx-mini span{display:block;margin-top:1px;color:var(--gvx-purple);font-size:12.5px;font-weight:700}

/* why-choose checklist */
.landing-ref .gvx-why{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.landing-ref .gvx-why li{display:grid;grid-template-columns:auto 1fr;gap:11px;color:#3a3450;font-size:14px;line-height:1.5;font-weight:600}
.landing-ref .gvx-why li svg{width:19px;height:19px;color:#22a06b;margin-top:1px;flex-shrink:0}

/* testimonial */
.landing-ref .gvx-quote-stars{color:#f6b100;letter-spacing:3px;font-size:15px}
.landing-ref .gvx-quote-text{margin:14px 0 0;color:#241b3a;font-size:15px;line-height:1.65;font-weight:600}
.landing-ref .gvx-quote-who{margin-top:16px;display:flex;align-items:center;gap:12px}
.landing-ref .gvx-quote-who .av{width:44px;height:44px;border-radius:999px;object-fit:cover;background:#efe8ff}
.landing-ref .gvx-quote-who b{display:block;color:var(--gvx-ink);font-size:14px;font-weight:800}
.landing-ref .gvx-quote-who span{display:block;color:var(--gvx-muted);font-size:12.5px}

/* value strip (icon row under form) */
.landing-ref .gvx-value{margin-top:26px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--gvx-line);border-radius:var(--gvx-radius-lg);overflow:hidden;background:#fff}
.landing-ref .gvx-value>div{padding:22px 16px;text-align:center}
.landing-ref .gvx-value>div+div{border-inline-start:1px solid var(--gvx-line)}
.landing-ref .gvx-value .ic{width:44px;height:44px;margin:0 auto 12px;display:grid;place-items:center;border-radius:12px;background:#f0eaff;color:var(--gvx-purple)}
.landing-ref .gvx-value .ic svg{width:21px;height:21px}
.landing-ref .gvx-value b{display:block;color:var(--gvx-ink);font-size:13.5px;font-weight:800}
.landing-ref .gvx-value span{display:block;margin-top:5px;color:var(--gvx-muted);font-size:12px;line-height:1.45}

/* =========================== thanks page ========================= */
.landing-ref .gvx-thanks{
  min-height:78vh;display:grid;place-items:center;padding:130px 0 80px;
  background:radial-gradient(circle at 50% 0%,rgba(124,58,237,.1),transparent 40%),#fff;
}
.landing-ref .gvx-thanks-box{
  width:min(100% - 48px,720px);text-align:center;padding:clamp(30px,5vw,54px);
  border:1px solid var(--gvx-line);border-radius:var(--gvx-radius-xl);background:#fff;box-shadow:var(--gvx-shadow-soft);
}
.landing-ref .gvx-thanks-mark{
  width:84px;height:84px;margin:0 auto 24px;display:grid;place-items:center;border-radius:24px;
  background:linear-gradient(135deg,#5b21b6,var(--gvx-purple-2));color:#fff;box-shadow:0 20px 44px rgba(109,40,217,.3);
}
.landing-ref .gvx-thanks-mark svg{width:42px;height:42px}
.landing-ref .gvx-thanks-box h1{margin:0;color:var(--gvx-ink);font-size:clamp(30px,4vw,44px);line-height:1.1;font-weight:800}
.landing-ref .gvx-thanks-box>p{margin:16px auto 0;max-width:480px;color:var(--gvx-muted);font-size:16px;line-height:1.65}
.landing-ref .gvx-thanks-actions{margin-top:30px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.landing-ref .gvx-thanks-steps{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:start}
.landing-ref .gvx-thanks-steps>div{padding:18px;border:1px solid var(--gvx-line);border-radius:var(--gvx-radius-sm);background:var(--gvx-bg-soft)}
.landing-ref .gvx-thanks-steps b{color:var(--gvx-purple);font-size:13px;font-weight:800}
.landing-ref .gvx-thanks-steps span{display:block;margin-top:8px;color:#3a3450;font-size:13.5px;line-height:1.5}

/* =========================== responsive ========================= */
@media(max-width:1080px){
  .landing-ref .gvx-hero-grid{grid-template-columns:1fr;gap:34px}
  .landing-ref .gvx-hero .gvx-h1,.landing-ref .gvx-hero .gvx-lead,.landing-ref .gvx-points{max-width:760px}
  .landing-ref .gvx-book-grid{grid-template-columns:1fr}
  .landing-ref .gvx-side{position:static;grid-template-columns:1fr 1fr;gap:18px}
  .landing-ref .gvx-side>*{align-self:start}
  .landing-ref .gvx-choice-grid{grid-template-columns:1fr}
  .landing-ref .gvx-visual{min-height:360px}
}
@media(max-width:760px){
  .landing-ref .gvx-hero{padding:98px 0 30px}
  .landing-ref .gvx-book{padding-bottom:48px}
  .landing-ref .gvx-grid2{grid-template-columns:1fr}
  .landing-ref .gvx-side{grid-template-columns:1fr}
  .landing-ref .gvx-value{grid-template-columns:repeat(2,1fr)}
  .landing-ref .gvx-value>div:nth-child(odd){border-inline-start:0}
  .landing-ref .gvx-value>div{border-top:1px solid var(--gvx-line)}
  .landing-ref .gvx-value>div:nth-child(-n+2){border-top:0}
  .landing-ref .gvx-thanks-steps{grid-template-columns:1fr}
  .landing-ref .gvx-notsure{justify-content:flex-start}
  .landing-ref .gvx-notsure .gvx-btn{width:100%}
}
@media(max-width:460px){
  .landing-ref .gvx-hero .gvx-h1{font-size:clamp(32px,9vw,40px)}
  .landing-ref .gvx-value{grid-template-columns:1fr}
  .landing-ref .gvx-value>div{border-inline-start:0!important}
}
@media(prefers-reduced-motion:reduce){
  .landing-ref .gvx-choice-card,.landing-ref .gvx-btn,.landing-ref .gvx-submit,.landing-ref .gvx-back,.landing-ref .gvx-mini a,.landing-ref .gvx-work-card,.landing-ref .gvx-chip{transition:none!important}
}

/* =========================== portfolio / work list ========================= */
.landing-ref .gvx-work{padding:8px 0 66px;background:#fff}
.landing-ref .gvx-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.landing-ref .gvx-chip{
  min-height:40px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--gvx-line);border-radius:999px;background:#fff;color:var(--gvx-ink);
  font-size:13.5px;font-weight:700;cursor:pointer;transition:all .2s var(--ease);
}
.landing-ref .gvx-chip:hover{border-color:rgba(109,40,217,.35);color:var(--gvx-purple)}
.landing-ref .gvx-chip.on{background:linear-gradient(135deg,#5b21b6,var(--gvx-purple-2));color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(109,40,217,.24)}
.landing-ref .gvx-chip b{font-weight:800;opacity:.7;font-size:12px}

.landing-ref .gvx-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.landing-ref .gvx-work-card{
  display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--gvx-line);border-radius:var(--gvx-radius-lg);background:#fff;
  box-shadow:var(--gvx-shadow-card);transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.landing-ref .gvx-work-card:hover{transform:translateY(-5px);box-shadow:0 30px 64px rgba(76,29,149,.16)}
.landing-ref .gvx-work-card.is-hidden{display:none}
.landing-ref .gvx-work-shot{position:relative;aspect-ratio:1.4/1;overflow:hidden;background:#eee9fb}
.landing-ref .gvx-work-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s var(--ease)}
.landing-ref .gvx-work-card:hover .gvx-work-shot img{transform:scale(1.04)}
.landing-ref .gvx-work-shot .fallback{width:100%;height:100%;display:grid;place-items:center;font-size:56px;font-weight:800;color:var(--gvx-purple)}
.landing-ref .gvx-work-cat{
  position:absolute;top:12px;inset-inline-start:12px;padding:5px 12px;border-radius:999px;
  background:rgba(8,4,16,.72);color:#e7dbff;font-size:11px;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(6px);
}
.landing-ref .gvx-work-body{padding:22px;display:flex;flex-direction:column;flex:1}
.landing-ref .gvx-work-body .yr{color:var(--gvx-purple);font-size:12px;font-weight:800;letter-spacing:.04em}
.landing-ref .gvx-work-body h3{margin:8px 0 0;color:var(--gvx-ink);font-size:20px;font-weight:800}
.landing-ref .gvx-work-body p{margin:9px 0 0;color:var(--gvx-muted);font-size:14px;line-height:1.55}
.landing-ref .gvx-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.landing-ref .gvx-tags span{padding:5px 10px;border-radius:8px;background:#f3eeff;color:#5b3aa6;font-size:11.5px;font-weight:700}
.landing-ref .gvx-work-go{margin-top:18px;display:inline-flex;align-items:center;gap:8px;color:var(--gvx-purple);font-size:13.5px;font-weight:800;transition:gap .2s var(--ease)}
.landing-ref .gvx-work-card:hover .gvx-work-go{gap:13px}
.landing-ref .gvx-work-empty{grid-column:1/-1;color:var(--gvx-muted);font-size:16px}

/* =========================== case study (project detail) ========================= */
.landing-ref .gvx-case{padding:6px 0 30px;background:#fff}
.landing-ref .gvx-case-frame{
  border:1px solid var(--gvx-line);border-radius:var(--gvx-radius-xl);overflow:hidden;background:#fff;
  box-shadow:var(--gvx-shadow-soft);
}
.landing-ref .gvx-case-bar{display:flex;align-items:center;gap:8px;min-height:50px;padding:12px 16px;border-bottom:1px solid var(--gvx-line);background:#faf8ff}
.landing-ref .gvx-case-bar i{width:11px;height:11px;border-radius:50%}
.landing-ref .gvx-case-bar i:nth-child(1){background:#ff5f57}.landing-ref .gvx-case-bar i:nth-child(2){background:#febc2e}.landing-ref .gvx-case-bar i:nth-child(3){background:#28c840}
.landing-ref .gvx-case-bar .u{flex:1;min-width:0;height:30px;display:flex;align-items:center;padding:0 12px;border-radius:8px;background:#fff;border:1px solid var(--gvx-line);color:var(--gvx-muted);font-family:var(--font-mono),monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.landing-ref .gvx-case-bar .o{flex-shrink:0;color:var(--gvx-purple);font-size:13px;font-weight:800}
.landing-ref .gvx-case-frame iframe{display:block;width:100%;height:min(72vh,660px);border:0;background:#fff}
.landing-ref .gvx-case-shot{display:block;width:100%;object-fit:cover;object-position:top center}
.landing-ref .gvx-case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:26px;border:1px solid var(--gvx-line);border-radius:var(--gvx-radius-lg);overflow:hidden;background:var(--gvx-line)}
.landing-ref .gvx-case-meta>div{padding:20px 22px;background:#fff}
.landing-ref .gvx-case-meta h5{margin:0 0 6px;color:var(--gvx-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.landing-ref .gvx-case-meta p{margin:0;color:var(--gvx-ink);font-size:15px;font-weight:700}
.landing-ref .gvx-case-body{max-width:760px;margin:40px auto 0;color:#2f2947;font-size:17px;line-height:1.75}
.landing-ref .gvx-case-body h2{color:var(--gvx-ink);font-size:clamp(24px,3vw,32px);font-weight:800;margin:0 0 16px}

.landing-ref .gvx-ctaband{
  margin:56px 0 8px;padding:40px;border-radius:var(--gvx-radius-xl);text-align:center;color:#fff;
  background:radial-gradient(circle at 78% 15%,rgba(124,58,237,.45),transparent 35%),linear-gradient(135deg,#3a0c97,#5b21b6 46%,#17043d);
  box-shadow:0 28px 70px rgba(64,20,150,.22);
}
.landing-ref .gvx-ctaband h2{margin:0 auto;max-width:620px;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.15;font-weight:800}
.landing-ref .gvx-ctaband p{margin:14px auto 0;max-width:520px;color:rgba(255,255,255,.8);font-size:16px}
.landing-ref .gvx-ctaband .gvx-btn{margin-top:26px;background:#fff;color:#20104a}
.landing-ref .gvx-ctaband .gvx-btn:hover{box-shadow:0 22px 48px rgba(255,255,255,.24)}

@media(max-width:1080px){
  .landing-ref .gvx-work-grid{grid-template-columns:repeat(2,1fr)}
  .landing-ref .gvx-case-meta{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .landing-ref .gvx-work-grid{grid-template-columns:1fr}
  .landing-ref .gvx-case-meta{grid-template-columns:1fr}
  .landing-ref .gvx-case-frame iframe{height:70vh}
  .landing-ref .gvx-ctaband{padding:28px 22px}
}

/* =====================================================================
   v72 — hero PNG, wider content, shorter/denser responsive layout
   ===================================================================== */
.ref-hero-visual{min-height:0!important;animation:refHeroFloat 7s ease-in-out infinite}
/* raw hero image: no frame, no background, no shadow */
.ref-hero-img{width:100%;height:auto;display:block}

/* hero CTA button (replaces the email-capture card) */
.ref-hero-actions{margin-top:28px}
.ref-hero-cta{
  display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 30px;border-radius:14px;
  background:linear-gradient(135deg,#5b21b6,var(--ref-purple-2));color:#fff;font-weight:800;font-size:16px;
  box-shadow:0 18px 42px rgba(109,40,217,.3);transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.ref-hero-cta:hover{transform:translateY(-2px);box-shadow:0 24px 54px rgba(109,40,217,.36)}
@media(max-width:820px){.ref-hero-cta{width:100%;justify-content:center}}

/* wider text everywhere (less premature wrapping) */
.ref-hero-copy>p{max-width:560px}
.ref-process-line p{max-width:280px}
.ref-section-head{max-width:900px}
.landing-ref .gvx-lead{max-width:640px}
.landing-ref .gvx-hero-solo .gvx-lead{max-width:760px}
.landing-ref .gvx-points{max-width:580px}
.landing-ref .gvx-choice-card>p{max-width:none}

/* tighter vertical rhythm */
.ref-process,.ref-work,.ref-services,.ref-testimonials,.ref-faq{padding:50px 0}

/* mobile: fit more per row, shorter page */
@media(max-width:820px){
  .ref-hero{padding-top:96px}
  .ref-process,.ref-work,.ref-services,.ref-testimonials,.ref-faq,.ref-final{padding:36px 0!important}
  .ref-section-head{margin-bottom:24px!important}
  .ref-feature-grid,.ref-service-grid{grid-template-columns:repeat(2,1fr)!important}
  .ref-feature-grid article:last-child{grid-column:auto!important}
  .ref-feature-grid article{min-height:0!important;padding:20px 14px!important}
  .ref-feature-grid b{font-size:38px!important}
  .ref-feature-grid h3{font-size:15px!important}
  .ref-service-grid article{min-height:0!important;padding:18px 16px!important}
  .ref-service-grid h3{font-size:17px!important}
  .ref-work-grid{grid-template-columns:repeat(2,1fr)!important}
  .ref-process-line{grid-template-columns:repeat(2,1fr)!important;gap:30px 18px!important}
  .ref-process-line p{max-width:none!important}
  .ref-faq-grid,.ref-testimonial-grid{grid-template-columns:1fr!important}
  .ref-hero-strip span{min-height:64px;font-size:11.5px}
  .ref-hero-strip b{font-size:20px}
}
@media(max-width:480px){
  .ref-work-grid{grid-template-columns:1fr!important}
  .ref-process-line{gap:24px 14px!important}
  .ref-hero-copy>p{font-size:15.5px}
}

/* =====================================================================
   v73 — booking showcase renders as a PHONE on phones
   ===================================================================== */
@media(max-width:640px){
  .booking-live-stage{
    width:min(288px,82vw)!important;
    aspect-ratio:288/604;
    min-height:0!important;
    margin:18px auto 0!important;
    perspective:none!important;
  }
  .booking-live-stage .hero-site-slide{
    transform:translate3d(22px,8px,0) scale(.97);
    filter:blur(6px);
  }
  .booking-live-stage .hero-site-slide.is-active{transform:none;filter:none}
  /* browser chrome -> phone shell */
  .booking-live-browser{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
    padding:9px;
    border:0;
    border-radius:44px;
    background:linear-gradient(165deg,#2c1d44,#0b0618);
    box-shadow:0 26px 58px rgba(0,0,0,.55),0 0 0 1px rgba(216,197,255,.22);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .booking-live-browser::before{           /* notch / dynamic island */
    content:"";
    position:absolute;
    z-index:6;
    top:15px;
    left:50%;
    transform:translateX(-50%);
    width:32%;
    height:20px;
    border-radius:999px;
    background:#04020c;
  }
  .booking-live-browser::after{            /* home indicator */
    content:"";
    position:absolute;
    z-index:6;
    bottom:12px;
    left:50%;
    transform:translateX(-50%);
    width:34%;
    height:4px;
    border-radius:999px;
    background:rgba(255,255,255,.6);
  }
  .booking-live-bar{display:none!important}
  .booking-live-canvas{
    flex:1;
    width:100%;
    aspect-ratio:auto!important;
    border-radius:35px;
  }
}

/* =====================================================================
   v74 — single raw hero image, slide animation, phone tap-to-open,
         mobile fixed top CTA on the booking form pages
   ===================================================================== */

/* cleaner directional slide when switching projects */
.booking-live-stage .hero-site-slide{
  transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.34,1.32,.62,1)!important;
  transform:translate3d(46px,0,0) scale(.985)!important;
  filter:none!important;
}
.booking-live-stage .hero-site-slide.is-active{transform:none!important}

/* tap overlay: on phones the iframe isn't usable, so tapping opens the real site */
.booking-live-tap{display:none}
@media(max-width:640px){
  .booking-live-canvas iframe{pointer-events:none!important}
  .booking-live-tap{
    display:flex;align-items:flex-end;justify-content:center;
    position:absolute;inset:0;z-index:7;padding-bottom:20px;
    text-decoration:none;
    background:linear-gradient(180deg,transparent 55%,rgba(6,3,16,.55));
  }
  .booking-live-tap>span:first-child{
    display:inline-flex;align-items:center;gap:6px;
    padding:9px 15px;border-radius:999px;
    background:#fff;color:#180a33;font-size:12.5px;font-weight:800;
    box-shadow:0 12px 26px rgba(0,0,0,.4);
  }
  .booking-live-tap>span:last-child{
    margin-inline-start:6px;color:#fff;font-weight:800;align-self:flex-end;padding-bottom:9px;
  }
}

/* fixed top CTA — booking form pages, phones only */
.gvx-topcta{display:none}
@media(max-width:820px){
  .book-form .gvx-topcta{
    position:fixed;z-index:70;top:68px;inset-inline:10px;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    min-height:48px;padding:8px 10px 8px 16px;border-radius:14px;text-decoration:none;
    background:linear-gradient(135deg,#5b21b6,var(--ref-purple-2,#7c3aed));
    box-shadow:0 16px 34px rgba(76,29,149,.34);
    animation:heroImgIn .5s cubic-bezier(.16,1,.3,1) both;
  }
  .gvx-topcta-txt{display:flex;flex-direction:column;line-height:1.15;min-width:0}
  .gvx-topcta-txt b{color:#fff;font-size:13.5px;font-weight:800}
  .gvx-topcta-txt i{color:rgba(255,255,255,.72);font-size:11px;font-style:normal}
  .gvx-topcta-go{
    flex-shrink:0;display:inline-flex;align-items:center;gap:6px;
    padding:9px 15px;border-radius:10px;background:#fff;color:#180a33;font-size:13px;font-weight:800;
  }
  /* push the form-page hero below nav (68px) + the fixed CTA (~64px) */
  .book-form .gvx-hero-solo{padding-top:126px!important}
}

/* =====================================================================
   v75 — final CTA band: no email input, clean white button
   ===================================================================== */
.ref-final-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ref-final-btn{
  display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:0 32px;border-radius:16px;
  background:#fff;color:#2a1266;font-weight:800;font-size:16px;letter-spacing:-.01em;white-space:nowrap;
  box-shadow:0 20px 44px rgba(11,3,39,.28);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.ref-final-btn:hover{transform:translateY(-3px);box-shadow:0 28px 60px rgba(11,3,39,.36)}
.ref-final-btn>span:last-child{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(42,18,102,.1);font-size:13px}
.ref-final-actions small{color:rgba(255,255,255,.78);font-size:12.5px}
@media(max-width:820px){
  .ref-final-actions{align-items:stretch}
  .ref-final-btn{width:100%;justify-content:center}
  .ref-final-actions small{text-align:center}
}

/* v77 - usable mobile iframe preview + cleaner fixed booking CTA */
.booking-live-canvas iframe{
  pointer-events:auto!important;
  touch-action:auto!important;
}

.booking-live-tap{
  display:none!important;
  pointer-events:none!important;
}

@media(max-width:640px){
  .booking-live-stage{
    width:min(318px,84vw)!important;
    aspect-ratio:390/844!important;
    margin-top:14px!important;
  }
  .booking-live-browser{
    padding:8px!important;
    border-radius:42px!important;
    background:
      linear-gradient(165deg,rgba(255,255,255,.16),rgba(255,255,255,.04)) padding-box,
      linear-gradient(150deg,#ebe4ff,#6d28d9 42%,#06020d) border-box!important;
    border:1px solid transparent!important;
    box-shadow:0 28px 70px rgba(0,0,0,.48),0 14px 44px rgba(109,40,217,.2)!important;
  }
  .booking-live-browser::before{
    top:16px!important;
    width:30%!important;
    height:18px!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;
  }
  .booking-live-browser::after{
    bottom:13px!important;
    height:4px!important;
    width:32%!important;
  }
  .booking-live-canvas{
    border-radius:34px!important;
    background:#fff!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .booking-live-canvas iframe{
    pointer-events:auto!important;
    border-radius:34px!important;
  }
  .booking-live-caption{
    margin-top:12px!important;
  }
}

/* v79 - booking showcase with real laptop + phone frames */
.booking-device-stage{
  position:relative;
  width:min(1080px,100%);
  min-height:clamp(430px,48vw,680px);
  margin:18px auto 0;
  isolation:isolate;
}

.booking-device-stage::before{
  content:"";
  position:absolute;
  left:12%;
  right:8%;
  bottom:8%;
  height:34%;
  border-radius:999px;
  background:radial-gradient(closest-side,rgba(124,58,237,.48),rgba(124,58,237,0));
  filter:blur(24px);
  z-index:0;
  pointer-events:none;
}

.booking-device-laptop{
  position:absolute;
  z-index:2;
  left:50%;
  top:6%;
  width:min(860px,78vw);
  aspect-ratio:1677/938;
  transform:translateX(-50%);
  filter:drop-shadow(0 34px 70px rgba(0,0,0,.38));
}

.booking-device-phone{
  position:absolute;
  z-index:5;
  right:8%;
  top:27%;
  width:min(210px,19vw);
  aspect-ratio:873/1801;
  filter:drop-shadow(0 30px 54px rgba(0,0,0,.46));
}

.booking-device-screen{
  background:#fff;
}

.booking-device-stage .hero-site-slide{
  animation:none!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate3d(46px,0,0) scale(.985)!important;
  transition:
    opacity .5s cubic-bezier(.16,1,.3,1),
    transform .7s cubic-bezier(.16,1,.3,1)!important;
  z-index:1;
}

.booking-device-stage .hero-site-slide.is-active{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0) scale(1)!important;
  z-index:4;
}

.booking-device-screen iframe{
  pointer-events:none!important;
}

.booking-device-screen-desktop{
  container-type:inline-size;
}

.booking-device-screen-desktop iframe{
  width:1280px!important;
  height:770px!important;
  max-width:none!important;
  transform:scale(calc(100cqw / 1280));
  transform-origin:top left;
}

.booking-device-screen-phone{
  container-type:inline-size;
}

.booking-device-screen-phone iframe{
  width:390px!important;
  height:844px!important;
  max-width:none!important;
  transform:scale(calc(100cqw / 390));
  transform-origin:top left;
}

.booking-device-open{
  position:absolute;
  inset:0;
  z-index:8;
  display:block;
  background:transparent;
}

.booking-device-caption{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:4%;
  width:min(420px,82%);
  min-height:54px;
  transform:translateX(-50%);
  pointer-events:none;
}

.booking-device-caption .hero-site-slide{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:transparent!important;
  color:#fff;
  text-align:center;
}

.booking-device-caption strong{
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.booking-device-caption span{
  color:#d9c9ff;
  font-size:12px;
  font-weight:700;
}

.booking-device-caption a{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  color:#13071f;
  background:#fff;
  font-size:12px;
  font-weight:800;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}

@media(max-width:760px){
  .booking-device-stage{
    min-height:390px;
    margin-top:4px;
  }
  .booking-device-laptop{
    top:12%;
    width:112%;
  }
  .booking-device-phone{
    top:28%;
    right:1%;
    width:min(126px,27vw);
  }
  .booking-device-caption{
    bottom:0;
    min-height:44px;
  }
  .booking-device-caption strong,
  .booking-device-caption span{
    display:none;
  }
}

.booking-testimonials{
  padding:clamp(24px,4vw,42px) 0 0;
  background:#f8f7fb;
}

.booking-testimonial-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.booking-testimonial-head .eyebrow{
  color:#6d28d9;
  font-size:12px;
  font-weight:800;
}

.booking-testimonial-head h2{
  margin:6px 0 0;
  color:#140d22;
  font-size:clamp(24px,3vw,38px);
  line-height:1.1;
  font-weight:800;
}

.booking-testimonial-controls{
  display:flex;
  gap:8px;
}

.booking-testimonial-arrow{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #ded5f2;
  border-radius:50%;
  color:#180a33;
  background:#fff;
  font-size:18px;
  font-weight:900;
  box-shadow:0 14px 34px rgba(32,18,65,.08);
  transition:transform .22s var(--ease),background .22s var(--ease),color .22s var(--ease);
}

.booking-testimonial-arrow:hover{
  transform:translateY(-2px);
  color:#fff;
  background:#6d28d9;
}

.booking-testimonial-carousel{
  overflow:hidden;
  margin-inline:-10px;
  padding:8px 10px 18px;
}

.booking-testimonial-track{
  display:flex;
  gap:16px;
  will-change:transform;
  transition:transform .72s cubic-bezier(.16,1,.3,1);
}

.booking-testimonial-card{
  flex:0 0 calc((100% - 32px) / 3);
  padding:22px;
  border:1px solid #ded5f2;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 50px rgba(32,18,65,.06);
  opacity:.6;
  transform:scale(.965);
  transition:opacity .42s var(--ease),transform .42s var(--ease),box-shadow .42s var(--ease);
}

.booking-testimonial-card.is-active,
.booking-testimonial-card.is-near{
  opacity:1;
  transform:scale(1);
}

.booking-testimonial-card.is-active{
  box-shadow:0 24px 70px rgba(62,28,130,.14);
}

.booking-testimonial-card>span{
  display:block;
  color:#6d28d9;
  font-size:13px;
  letter-spacing:.08em;
}

.booking-testimonial-card p{
  margin:14px 0 0;
  color:#231a35;
  font-size:14.5px;
  line-height:1.75;
  font-weight:500;
}

.booking-testimonial-card b,
.booking-testimonial-card i{
  display:block;
}

.booking-testimonial-card b{
  margin-top:16px;
  color:#130d20;
  font-size:14px;
  font-weight:800;
}

.booking-testimonial-card i{
  margin-top:3px;
  color:#6e6680;
  font-size:12.5px;
  font-style:normal;
}

@media(max-width:900px){
  .booking-testimonial-card{
    flex-basis:calc((100% - 16px) / 2);
  }
  .booking-testimonials{
    padding-top:22px;
  }
}

@media(max-width:640px){
  .booking-testimonial-head{
    align-items:center;
  }
  .booking-testimonial-head h2{
    font-size:24px;
  }
  .booking-testimonial-card{
    flex-basis:100%;
  }
}

.booking-testimonial-dots{
  display:flex;
  justify-content:center;
  gap:7px;
}

.booking-testimonial-dots button{
  width:7px;
  height:7px;
  border:0;
  border-radius:999px;
  background:#d7ccf0;
  transition:width .26s var(--ease),background .26s var(--ease);
}

.booking-testimonial-dots button.is-active{
  width:24px;
  background:#6d28d9;
}

/* v82 - readable desktop preview on booking pages */
.booking-device-screen-desktop iframe{
  width:1366px!important;
  height:768px!important;
  transform:scale(calc(100cqw / 1366))!important;
}

@media(max-width:760px){
  .booking-device-stage{
    width:100%!important;
    min-height:clamp(300px,72vw,430px)!important;
    margin-top:10px!important;
  }
  .booking-device-stage::before{
    left:4%!important;
    right:4%!important;
    bottom:8%!important;
    height:38%!important;
  }
  .booking-device-laptop{
    left:50%!important;
    top:8%!important;
    width:min(100% - 24px,560px)!important;
    aspect-ratio:16/9!important;
    transform:translateX(-50%)!important;
    padding:0!important;
    border:1px solid rgba(221,208,255,.45)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 24px 58px rgba(0,0,0,.38)!important;
    filter:none!important;
  }
  .booking-device-laptop .hero-device-img{
    display:none!important;
  }
  .booking-device-laptop::before{
    content:"";
    position:absolute;
    z-index:6;
    top:0;
    left:0;
    right:0;
    height:18px;
    background:
      radial-gradient(circle at 14px 9px,#ff665b 0 4px,transparent 4.5px),
      radial-gradient(circle at 29px 9px,#ffd166 0 4px,transparent 4.5px),
      radial-gradient(circle at 44px 9px,#2fd37a 0 4px,transparent 4.5px),
      linear-gradient(180deg,#171124,#0d0718);
    pointer-events:none;
  }
  .booking-device-laptop .hero-laptop-screen{
    inset:18px 0 0 0!important;
    left:0!important;
    top:18px!important;
    width:100%!important;
    height:calc(100% - 18px)!important;
    border-radius:0!important;
    container-type:inline-size!important;
  }
  .booking-device-screen-desktop iframe{
    width:1366px!important;
    height:768px!important;
    transform:scale(calc(100cqw / 1366))!important;
  }
  .booking-device-caption{
    bottom:0!important;
    min-height:40px!important;
  }
}

/* v81 - laptop-only showcase + RTL-safe testimonial carousel */
.booking-device-stage{
  width:min(1120px,100%)!important;
  min-height:clamp(430px,43vw,620px)!important;
}

.booking-device-laptop{
  top:2%!important;
  width:min(980px,88vw)!important;
}

.booking-device-phone{
  display:none!important;
}

.booking-device-screen-desktop iframe{
  width:1440px!important;
  height:900px!important;
  transform:scale(calc(100cqw / 1440))!important;
}

.booking-device-caption{
  bottom:2%!important;
}

html[dir="rtl"] .booking-testimonial-track{
  direction:ltr;
}

html[dir="rtl"] .booking-testimonial-card{
  direction:rtl;
}

@media(max-width:760px){
  .booking-device-stage{
    min-height:clamp(300px,58vw,430px)!important;
  }
  .booking-device-laptop{
    top:8%!important;
    width:118%!important;
  }
  .booking-device-caption{
    bottom:0!important;
  }
}

.gvx-topcta.is-hidden{
  opacity:0!important;
  transform:translate3d(0,18px,0) scale(.98)!important;
  pointer-events:none!important;
}

.gvx-topcta.is-after-form .gvx-topcta-go{
  transform:rotate(180deg);
}

@media(max-width:820px){
  .book-form .gvx-topcta{
    top:auto!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    inset-inline:14px!important;
    min-height:58px!important;
    padding:9px 9px 9px 16px!important;
    border-radius:18px!important;
    background:rgba(14,6,34,.82)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 18px 48px rgba(10,3,30,.32),0 0 0 1px rgba(124,58,237,.18) inset!important;
    backdrop-filter:blur(18px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(160%)!important;
    transition:opacity .28s var(--ease),transform .28s var(--ease)!important;
  }
  .gvx-topcta-txt b{
    font-size:13px!important;
    font-weight:750!important;
  }
  .gvx-topcta-txt i{
    font-size:11px!important;
    color:rgba(255,255,255,.68)!important;
  }
  .gvx-topcta-go{
    min-width:44px!important;
    height:44px!important;
    justify-content:center!important;
    padding:0!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#8b5cf6,#5b21b6)!important;
    color:#fff!important;
    box-shadow:0 12px 24px rgba(91,33,182,.34)!important;
  }
  .book-form .gvx-hero-solo{
    padding-top:86px!important;
  }
}

/* v84 - booking project previews use the same browser frame as work detail */
.booking-case-carousel{
  position:relative;
  width:min(1180px,100% - 24px);
  min-height:min(72vh,660px);
  margin:22px auto 0;
}

.booking-case-carousel .hero-site-slide{
  position:absolute!important;
  inset:0;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate3d(52px,0,0) scale(.985)!important;
  transition:
    opacity .48s cubic-bezier(.16,1,.3,1),
    transform .68s cubic-bezier(.16,1,.3,1)!important;
  background:transparent!important;
}

.booking-case-carousel .hero-site-slide.is-active{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0) scale(1)!important;
}

.booking-case-carousel .gvx-case-frame{
  height:100%;
  border:1px solid var(--gvx-line);
  border-radius:var(--gvx-radius-xl);
  overflow:hidden;
  background:#fff;
  box-shadow:var(--gvx-shadow-soft);
}

.booking-case-carousel .gvx-case-frame iframe{
  display:block;
  width:100%;
  height:calc(min(72vh,660px) - 50px);
  border:0;
  background:#fff;
}

@media(max-width:640px){
  .booking-case-carousel{
    width:min(100% - 20px,520px);
    min-height:70vh;
  }
  .booking-case-carousel .gvx-case-frame iframe{
    height:calc(70vh - 50px);
  }
}

/* v92 - simple full-image booking showcase + real admin image gallery */
.booking-image-carousel{
  width:min(1240px,100% - 28px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1600 / 1060;
  margin-inline:auto!important;
  overflow:visible!important;
}

.booking-image-carousel .booking-project-card{
  display:block!important;
  padding:0!important;
}

.booking-project-frame{
  position:relative;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.booking-project-frame::before,
.booking-project-frame::after{
  display:none!important;
}

.booking-project-frame .booking-project-visual{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(221,208,255,.34)!important;
  border-radius:34px!important;
  background:#f8f5ff!important;
  box-shadow:0 36px 110px rgba(13,7,32,.45),0 0 0 1px rgba(255,255,255,.5) inset!important;
}

.booking-project-frame .booking-project-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f8f5ff!important;
  transform:none!important;
}

.booking-project-card.is-active .booking-project-frame:hover img{
  transform:none!important;
}

.booking-project-visit{
  position:absolute!important;
  z-index:4!important;
  right:22px!important;
  bottom:22px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(24,12,39,.12)!important;
  background:rgba(255,255,255,.9)!important;
  color:#170b27!important;
  box-shadow:0 16px 38px rgba(13,7,32,.18)!important;
  backdrop-filter:blur(16px);
}

html[dir="rtl"] .booking-project-visit{
  right:auto!important;
  left:22px!important;
}

.booking-project-footer,
.booking-project-stats,
.booking-case-results{
  display:none!important;
}

.booking-admin-gallery{
  padding:70px 0!important;
  background:
    radial-gradient(circle at 75% 10%,rgba(124,58,237,.16),transparent 34%),
    linear-gradient(180deg,#fff,#f7f3ff)!important;
}

.booking-admin-gallery .gvx-wrap{
  display:block!important;
  max-width:1260px!important;
}

.booking-admin-gallery-head{
  max-width:740px;
  margin:0 auto 28px;
  text-align:center;
}

.booking-admin-gallery-head h2{
  margin:8px 0 10px;
  color:#150b24;
  font-size:clamp(32px,4.8vw,70px);
  line-height:1.02;
  letter-spacing:0;
}

.booking-admin-gallery-head p{
  margin:0 auto;
  max-width:620px;
  color:#665d73;
  font-size:clamp(15px,1.5vw,19px);
  line-height:1.8;
}

.booking-admin-image-stage{
  position:relative;
  width:min(1160px,100%);
  aspect-ratio:1600 / 1060;
  margin:0 auto;
  perspective:1500px;
}

.booking-admin-image-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:translate3d(54px,0,0) scale(.965);
  filter:blur(10px);
  animation:adminImageSlide 27s cubic-bezier(.16,1,.3,1) infinite;
  will-change:transform,opacity,filter;
}

html[dir="rtl"] .booking-admin-image-slide{
  transform:translate3d(-54px,0,0) scale(.965);
}

.booking-admin-image-slide:nth-child(2){animation-delay:4.5s}
.booking-admin-image-slide:nth-child(3){animation-delay:9s}
.booking-admin-image-slide:nth-child(4){animation-delay:13.5s}
.booking-admin-image-slide:nth-child(5){animation-delay:18s}
.booking-admin-image-slide:nth-child(6){animation-delay:22.5s}

.booking-admin-image-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 34px 80px rgba(61,35,118,.2));
}

@keyframes adminImageSlide{
  0%,12%{opacity:0;transform:translate3d(60px,0,0) scale(.96);filter:blur(10px)}
  17%,29%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
  35%,100%{opacity:0;transform:translate3d(-45px,0,0) scale(.97);filter:blur(8px)}
}

@media(max-width:900px){
  .booking-image-carousel{
    width:min(100% - 24px,760px)!important;
  }
  .booking-project-frame .booking-project-visual{
    border-radius:24px!important;
  }
  .booking-admin-gallery{
    padding:48px 0!important;
  }
  .booking-admin-image-stage{
    width:min(100% - 24px,760px);
  }
}

@media(max-width:640px){
  .booking-proof-showcase{
    padding:44px 0 48px!important;
  }
  .booking-image-carousel{
    width:min(100% - 22px,440px)!important;
    aspect-ratio:1600 / 1060!important;
  }
  .booking-project-frame .booking-project-visual{
    border-radius:18px!important;
  }
  .booking-project-visit{
    right:12px!important;
    bottom:12px!important;
    left:auto!important;
    min-height:34px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
  html[dir="rtl"] .booking-project-visit{
    right:auto!important;
    left:12px!important;
  }
  .booking-admin-gallery-head{
    width:min(100% - 28px,430px);
    margin-bottom:18px;
  }
  .booking-admin-gallery-head h2{
    font-size:32px;
  }
  .booking-admin-gallery-head p{
    font-size:14px;
    line-height:1.65;
  }
  .booking-admin-image-stage{
    width:min(100% - 20px,450px);
  }
}

/* v91 - image-only booking projects + animated admin proof */
.booking-image-carousel{
  height:clamp(520px,56vw,760px)!important;
}

.booking-image-carousel .booking-project-card{
  display:block!important;
  padding:0!important;
}

.booking-project-frame{
  position:relative;
  width:min(1180px,100%);
  height:100%;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(221,208,255,.3);
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,244,255,.94));
  box-shadow:0 34px 110px rgba(13,7,32,.42),0 0 0 1px rgba(255,255,255,.54) inset;
}

.booking-project-frame::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(124,58,237,.08));
}

.booking-project-frame .booking-project-visual{
  position:absolute;
  inset:0;
  display:block;
  color:inherit;
  text-decoration:none;
}

.booking-project-frame .booking-project-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:scale(1.015);
  transition:transform 1.3s cubic-bezier(.16,1,.3,1),filter .9s ease;
}

.booking-project-card.is-active .booking-project-frame:hover img{
  transform:scale(1.045);
}

.booking-project-footer{
  position:absolute;
  z-index:3;
  left:22px;
  right:22px;
  bottom:22px;
  display:grid;
  grid-template-columns:minmax(170px,1fr) auto auto;
  gap:16px;
  align-items:center;
  padding:15px 16px;
  border:1px solid rgba(221,208,255,.34);
  border-radius:24px;
  background:rgba(18,9,31,.76);
  color:#fff;
  box-shadow:0 20px 60px rgba(13,7,32,.32);
  backdrop-filter:blur(18px);
}

.booking-project-footer span{
  display:block;
  margin-bottom:3px;
  color:#cdbbff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}

.booking-project-footer h3{
  margin:0;
  color:#fff;
  font-size:clamp(20px,2.4vw,34px);
  letter-spacing:0;
}

.booking-project-stats{
  display:flex;
  gap:8px;
  align-items:center;
}

.booking-project-stats small{
  display:grid;
  gap:1px;
  min-width:102px;
  padding:10px 12px;
  border:1px solid rgba(221,208,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.1);
  color:#d7cee8;
  font-size:10px;
  font-style:normal;
  line-height:1.2;
}

.booking-project-stats b{
  color:#fff;
  font-size:18px;
  line-height:1;
}

.booking-project-stats em{
  overflow:hidden;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.booking-project-frame .booking-project-open{
  margin:0;
  white-space:nowrap;
}

.booking-project-card:not(.is-active) .booking-project-frame{
  transform:translate3d(36px,0,0) scale(.94);
  opacity:0;
}

html[dir="rtl"] .booking-project-card:not(.is-active) .booking-project-frame{
  transform:translate3d(-36px,0,0) scale(.94);
}

.booking-project-card.is-active .booking-project-frame{
  animation:bookingImageIn .88s cubic-bezier(.16,1,.3,1) both;
}

@keyframes bookingImageIn{
  from{opacity:0;transform:translate3d(64px,0,0) scale(.96);filter:blur(12px)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}

html[dir="rtl"] .booking-project-card.is-active .booking-project-frame{
  animation-name:bookingImageInRtl;
}

@keyframes bookingImageInRtl{
  from{opacity:0;transform:translate3d(-64px,0,0) scale(.96);filter:blur(12px)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}

.booking-admin-proof{
  background:
    radial-gradient(circle at 78% 8%,rgba(124,58,237,.15),transparent 34%),
    linear-gradient(180deg,#fff,#f8f5ff);
}

.booking-admin-visual{
  min-width:0;
}

.booking-admin-slider{
  position:relative;
  min-height:430px;
  perspective:1400px;
}

.admin-proof-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:translate3d(48px,0,0) scale(.965);
  filter:blur(8px);
  animation:adminProofCycle 18s cubic-bezier(.16,1,.3,1) infinite;
}

html[dir="rtl"] .admin-proof-slide{
  transform:translate3d(-48px,0,0) scale(.965);
}

.admin-proof-slide:nth-child(2){animation-delay:4.5s}
.admin-proof-slide:nth-child(3){animation-delay:9s}
.admin-proof-slide:nth-child(4){animation-delay:13.5s}

@keyframes adminProofCycle{
  0%,18%{opacity:0;transform:translate3d(52px,0,0) scale(.965);filter:blur(8px)}
  24%,45%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
  52%,100%{opacity:0;transform:translate3d(-38px,0,0) scale(.975);filter:blur(7px)}
}

.admin-proof-shell{
  display:grid;
  grid-template-columns:172px 1fr;
  height:100%;
  min-height:430px;
  overflow:hidden;
  border:1px solid rgba(124,58,237,.18);
  border-radius:28px;
  background:rgba(255,255,255,.92);
  box-shadow:0 30px 90px rgba(49,28,93,.16),0 0 0 1px rgba(255,255,255,.8) inset;
}

.admin-proof-shell aside{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px 14px;
  background:linear-gradient(180deg,#16082c,#070310);
  color:#fff;
}

.admin-proof-shell aside b{
  margin-bottom:8px;
  font-size:18px;
}

.admin-proof-shell aside span{
  padding:10px 12px;
  border-radius:13px;
  background:rgba(255,255,255,.06);
  color:#dfd5f5;
  font-size:12px;
  font-weight:750;
}

.admin-proof-shell aside span:nth-child(2){
  background:linear-gradient(135deg,#6d28d9,#8b5cf6);
  box-shadow:0 12px 28px rgba(124,58,237,.3);
}

.admin-proof-shell main{
  padding:22px;
}

.admin-proof-shell header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
  color:#150c24;
}

.admin-proof-shell header b{
  font-size:18px;
}

.admin-proof-shell header em{
  padding:7px 12px;
  border-radius:999px;
  background:#ecfdf5;
  color:#10a66b;
  font-size:11px;
  font-style:normal;
  font-weight:850;
}

.admin-proof-hero,
.admin-proof-canvas{
  min-height:118px;
  padding:22px;
  border-radius:22px;
  background:
    linear-gradient(90deg,rgba(18,9,31,.92),rgba(124,58,237,.82)),
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:auto,34px 34px,34px 34px;
  color:#fff;
}

.admin-proof-hero strong,
.admin-proof-canvas strong{
  display:block;
  margin-bottom:8px;
  font-size:clamp(23px,2.6vw,36px);
  line-height:1.18;
}

.admin-proof-hero small,
.admin-proof-canvas small{
  color:#e7dcff;
  font-size:13px;
}

.admin-proof-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.admin-proof-metrics i{
  display:grid;
  gap:5px;
  padding:15px;
  border:1px solid #ece3ff;
  border-radius:18px;
  background:#fff;
  font-style:normal;
}

.admin-proof-metrics b{
  color:#170c27;
  font-size:22px;
}

.admin-proof-metrics small{
  color:#6b6278;
  font-size:11px;
}

.admin-proof-charts,
.admin-proof-table{
  display:grid;
  gap:12px;
  margin-top:14px;
}

.admin-proof-charts{
  grid-template-columns:1fr 1fr;
}

.admin-proof-charts span,
.admin-proof-toolbar span{
  min-height:96px;
  border:1px solid #ece3ff;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f5efff);
}

.admin-proof-canvas{
  min-height:230px;
  background:
    radial-gradient(circle at 78% 36%,rgba(255,255,255,.2),transparent 22%),
    linear-gradient(135deg,#0c0814,#2d174f 58%,#7c3aed);
}

.admin-proof-toolbar{
  display:grid;
  grid-template-columns:1fr 1fr 1fr auto;
  gap:10px;
  margin-top:14px;
}

.admin-proof-toolbar span{
  min-height:58px;
}

.admin-proof-toolbar button{
  min-width:82px;
  border:0;
  border-radius:16px;
  background:#6d28d9;
  color:#fff;
  font-weight:850;
}

.admin-proof-table p{
  display:grid;
  grid-template-columns:150px 1fr 12px;
  gap:12px;
  align-items:center;
  margin:0;
  padding:17px;
  border:1px solid #ece3ff;
  border-radius:18px;
  background:#fff;
}

.admin-proof-table b{
  color:#160b25;
}

.admin-proof-table span{
  color:#6b6278;
  font-size:12px;
}

.admin-proof-table em{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#18c982;
  box-shadow:0 0 0 6px rgba(24,201,130,.12);
}

@media(max-width:980px){
  .booking-image-carousel{
    height:560px!important;
  }
  .booking-project-footer{
    grid-template-columns:1fr;
    gap:11px;
  }
  .booking-project-stats{
    overflow-x:auto;
    padding-bottom:2px;
  }
  .booking-admin-slider,
  .admin-proof-shell{
    min-height:400px;
  }
}

@media(max-width:640px){
  .booking-image-carousel{
    height:440px!important;
    width:min(100% - 28px,430px)!important;
  }
  .booking-project-frame{
    border-radius:24px;
  }
  .booking-project-frame .booking-project-visual img{
    object-fit:cover;
  }
  .booking-project-footer{
    left:12px;
    right:12px;
    bottom:12px;
    padding:12px;
    border-radius:18px;
  }
  .booking-project-footer h3{
    font-size:21px;
  }
  .booking-project-stats{
    gap:7px;
  }
  .booking-project-stats small{
    min-width:88px;
    padding:8px 9px;
  }
  .booking-project-stats b{
    font-size:16px;
  }
  .booking-project-frame .booking-project-open{
    width:100%;
    min-height:42px;
  }
  .booking-admin-slider,
  .admin-proof-shell{
    min-height:430px;
  }
  .admin-proof-shell{
    grid-template-columns:1fr;
    border-radius:22px;
  }
  .admin-proof-shell aside{
    flex-direction:row;
    overflow:hidden;
    padding:12px;
  }
  .admin-proof-shell aside b{
    display:none;
  }
  .admin-proof-shell aside span{
    flex:0 0 auto;
    padding:8px 10px;
    font-size:10px;
  }
  .admin-proof-shell main{
    padding:14px;
  }
  .admin-proof-hero,
  .admin-proof-canvas{
    min-height:150px;
    padding:17px;
  }
  .admin-proof-metrics{
    grid-template-columns:1fr;
    gap:8px;
  }
  .admin-proof-metrics i{
    grid-template-columns:auto 1fr;
    align-items:center;
    padding:10px 12px;
  }
  .admin-proof-charts,
  .admin-proof-toolbar{
    display:none;
  }
  .admin-proof-table p{
    grid-template-columns:1fr 10px;
    gap:8px;
    padding:13px;
  }
  .admin-proof-table span{
    grid-column:1 / -1;
    grid-row:2;
  }
}

/* v83 - final mobile booking preview override: readable desktop browser */
.booking-device-screen-desktop iframe{
  width:1366px!important;
  height:768px!important;
  transform:scale(calc(100cqw / 1366))!important;
}

@media(max-width:760px){
  .booking-device-stage{
    width:100%!important;
    min-height:clamp(300px,72vw,430px)!important;
    margin-top:10px!important;
  }
  .booking-device-laptop{
    left:50%!important;
    top:8%!important;
    width:min(100% - 24px,560px)!important;
    aspect-ratio:16/9!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(221,208,255,.45)!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 24px 58px rgba(0,0,0,.38)!important;
    filter:none!important;
  }
  .booking-device-laptop .hero-device-img{
    display:none!important;
  }
  .booking-device-laptop::before{
    content:"";
    position:absolute;
    z-index:6;
    top:0;
    left:0;
    right:0;
    height:18px;
    background:
      radial-gradient(circle at 14px 9px,#ff665b 0 4px,transparent 4.5px),
      radial-gradient(circle at 29px 9px,#ffd166 0 4px,transparent 4.5px),
      radial-gradient(circle at 44px 9px,#2fd37a 0 4px,transparent 4.5px),
      linear-gradient(180deg,#171124,#0d0718);
    pointer-events:none;
  }
  .booking-device-laptop .hero-laptop-screen{
    left:0!important;
    top:18px!important;
    width:100%!important;
    height:calc(100% - 18px)!important;
    border-radius:0!important;
    container-type:inline-size!important;
  }
  .booking-device-caption{
    bottom:0!important;
  }
}

/* v78 - clean mobile preview: tap phone to open the live site */
@media(max-width:640px){
  .booking-live-stage{
    width:min(300px,80vw)!important;
    aspect-ratio:390/844!important;
  }
  .booking-live-browser{
    padding:7px!important;
    border-radius:40px!important;
    background:#100824!important;
    border:1px solid rgba(221,208,255,.55)!important;
    box-shadow:0 24px 58px rgba(0,0,0,.45),0 0 0 7px rgba(124,58,237,.13)!important;
  }
  .booking-live-browser::before{
    top:14px!important;
    width:102px!important;
    height:21px!important;
    z-index:10!important;
  }
  .booking-live-browser::after{
    z-index:10!important;
  }
  .booking-live-canvas{
    container-type:inline-size;
    position:relative!important;
    border-radius:33px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .booking-live-canvas iframe{
    width:390px!important;
    height:844px!important;
    max-width:none!important;
    transform:scale(calc(100cqw / 390))!important;
    transform-origin:top left!important;
    pointer-events:none!important;
    border-radius:0!important;
  }
  .booking-live-tap{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:9!important;
    background:transparent!important;
    color:transparent!important;
    text-decoration:none!important;
    pointer-events:auto!important;
  }
  .booking-live-tap span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
}

/* =====================================================================
   v76 — hero image slides in from the screen edge + FAQ open animation
   ===================================================================== */

/* hero image: dramatic slide-in from the outer edge of the screen */
.landing-ref .ref-hero-img{
  animation:heroSlideIn 1.15s cubic-bezier(.16,1,.3,1) both!important;
  will-change:transform,opacity;
}
@keyframes heroSlideIn{
  0%{opacity:0;transform:translateX(56vw) scale(.94)}
  60%{opacity:1}
  100%{opacity:1;transform:translateX(0) scale(1)}
}
/* RTL: image sits on the left, so it comes from the left edge */
html[dir="rtl"] .landing-ref .ref-hero-img{animation-name:heroSlideInRtl!important}
@keyframes heroSlideInRtl{
  0%{opacity:0;transform:translateX(-56vw) scale(.94)}
  60%{opacity:1}
  100%{opacity:1;transform:translateX(0) scale(1)}
}

/* FAQ: smooth reveal when a question opens */
.ref-faq details{transition:border-color .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}
.ref-faq details[open]{border-color:rgba(109,40,217,.42);box-shadow:0 16px 40px rgba(76,29,149,.1)}
.ref-faq summary::after{transition:transform .3s cubic-bezier(.34,1.4,.64,1)}
.ref-faq details[open] > p{animation:faqReveal .42s cubic-bezier(.16,1,.3,1) both}
@keyframes faqReveal{
  from{opacity:0;transform:translateY(-10px);filter:blur(3px)}
  to{opacity:1;transform:translateY(0);filter:blur(0)}
}
/* smooth height too, where the browser supports it (progressive enhancement) */
@supports (interpolate-size: allow-keywords){
  html{interpolate-size:allow-keywords}
  .ref-faq details::details-content{
    height:0;overflow:clip;
    transition:height .4s cubic-bezier(.16,1,.3,1),content-visibility .4s allow-discrete;
  }
  .ref-faq details[open]::details-content{height:auto}
}

@media(prefers-reduced-motion:reduce){
  .landing-ref .ref-hero-img,
  .ref-faq details[open] > p{animation:none!important}
  .ref-faq details::details-content{transition:none!important}
}

/* =====================================================================
   v84 — device preview never shows blank white: HTTPS iframe that fades in
         once it loads, over a branded poster fallback (URL + cover)
   ===================================================================== */
.booking-device-screen{background:#0c0718!important}
.booking-device-poster{
  position:absolute;inset:0;z-index:0;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle at 50% 30%,#1d1136,#0a0616);
}
.booking-device-poster-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:.45;
}
.booking-device-poster-url{
  position:relative;z-index:1;max-width:82%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  padding:9px 16px;border-radius:999px;
  background:rgba(10,6,22,.72);border:1px solid rgba(203,182,255,.28);
  color:#e6dbff;font-family:var(--font-mono,ui-monospace,monospace);font-size:12.5px;letter-spacing:.03em;
  backdrop-filter:blur(6px);
}
/* iframe stays invisible (poster shows) until it genuinely loads */
.booking-device-screen .booking-device-iframe{opacity:0!important;background:transparent!important;transition:opacity .5s ease}
.booking-device-screen .booking-device-iframe.is-loaded{opacity:1!important}

/* v87 - booking preview: mobile uses the same desktop-style rectangle */
.booking-case-carousel{
  height:min(72vh,660px)!important;
  min-height:0!important;
}

.booking-case-carousel .gvx-case-frame{
  position:relative!important;
}

.booking-case-carousel .gvx-case-frame iframe{
  height:calc(100% - 50px)!important;
}

.booking-case-open{
  display:none;
}

@media(max-width:640px){
  .booking-hero-showcase{
    padding-bottom:22px!important;
    overflow:hidden!important;
  }

  .booking-work-head{
    gap:16px!important;
  }

  .booking-case-carousel{
    width:min(100% - 22px,520px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    margin-top:18px!important;
  }

  .booking-case-carousel .gvx-case-frame{
    height:100%!important;
    border-radius:18px!important;
  }

  .booking-case-carousel .gvx-case-bar{
    min-height:38px!important;
    height:38px!important;
    padding:8px 10px!important;
    gap:6px!important;
  }

  .booking-case-carousel .gvx-case-bar i{
    width:7px!important;
    height:7px!important;
  }

  .booking-case-carousel .gvx-case-bar .u{
    height:23px!important;
    padding-inline:9px!important;
    font-size:10px!important;
  }

  .booking-case-carousel .gvx-case-bar .o{
    font-size:11px!important;
    white-space:nowrap!important;
  }

  .booking-case-carousel .gvx-case-frame iframe{
    height:calc(100% - 38px)!important;
    pointer-events:none!important;
  }

  .booking-case-open{
    display:block!important;
    position:absolute!important;
    inset:38px 0 0!important;
    z-index:9!important;
    background:transparent!important;
    color:transparent!important;
    text-decoration:none!important;
  }

  .booking-testimonial-carousel{
    touch-action:pan-y!important;
  }
}

/* v88 - booking preview: on phones, show an actual tall phone device */
@media(max-width:640px){
  .booking-case-carousel{
    width:min(74vw,330px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:390/844!important;
    margin:18px auto 0!important;
    overflow:visible!important;
  }

  .booking-case-carousel .hero-site-slide{
    overflow:visible!important;
  }

  .booking-case-carousel .gvx-case-frame{
    height:100%!important;
    padding:8px!important;
    border-radius:40px!important;
    border:1px solid rgba(236,226,255,.74)!important;
    background:linear-gradient(180deg,#191226,#08060e)!important;
    box-shadow:
      0 26px 70px rgba(12,6,28,.5),
      0 0 0 7px rgba(124,58,237,.14),
      inset 0 0 0 1px rgba(255,255,255,.1)!important;
    overflow:hidden!important;
  }

  .booking-case-carousel .gvx-case-frame::before{
    content:""!important;
    position:absolute!important;
    z-index:12!important;
    top:16px!important;
    left:50%!important;
    width:112px!important;
    height:24px!important;
    transform:translateX(-50%)!important;
    border-radius:999px!important;
    background:#05040a!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    pointer-events:none!important;
  }

  .booking-case-carousel .gvx-case-frame::after{
    content:""!important;
    position:absolute!important;
    z-index:12!important;
    left:50%!important;
    bottom:14px!important;
    width:92px!important;
    height:4px!important;
    transform:translateX(-50%)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.55)!important;
    pointer-events:none!important;
  }

  .booking-case-carousel .gvx-case-bar{
    display:none!important;
  }

  .booking-case-carousel .gvx-case-frame iframe{
    width:100%!important;
    height:100%!important;
    border-radius:32px!important;
    background:#fff!important;
    pointer-events:none!important;
  }

  .booking-case-open{
    display:block!important;
    position:absolute!important;
    inset:8px!important;
    z-index:11!important;
    border-radius:32px!important;
    background:transparent!important;
  }
}

/* v89 - booking proof metrics + ecommerce admin explanation */
.booking-case-carousel .hero-site-slide{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,300px);
  gap:22px;
  align-items:stretch;
}

.booking-case-results{
  align-self:center;
  padding:18px;
  border:1px solid rgba(221,208,255,.18);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  box-shadow:0 22px 55px rgba(0,0,0,.18);
  color:#fff;
  backdrop-filter:blur(14px);
}

.booking-case-results > span{
  display:inline-flex;
  margin-bottom:10px;
  color:#cdbbff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.booking-case-results h3{
  margin:0 0 14px;
  color:#fff;
  font-size:24px;
  font-weight:800;
}

.booking-case-results div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  padding:13px 0;
  border-top:1px solid rgba(221,208,255,.15);
}

.booking-case-results b{
  color:#fff;
  font-size:28px;
  font-weight:850;
  letter-spacing:0;
}

.booking-case-results small{
  color:#b9afd0;
  font-size:12px;
  font-weight:700;
  text-align:end;
}

.booking-ecom-stack{
  position:relative;
  padding:74px 0;
  background:
    radial-gradient(circle at 78% 12%,rgba(124,58,237,.12),transparent 36%),
    linear-gradient(180deg,#fff,#f8f6ff);
  overflow:hidden;
}

.booking-ecom-stack .gvx-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  gap:42px;
  align-items:center;
}

.booking-ecom-copy h2{
  max-width:760px;
  margin:12px 0 14px;
  color:#130d22;
  font-size:clamp(30px,4vw,54px);
  line-height:1.05;
  font-weight:850;
  letter-spacing:0;
}

.booking-ecom-copy > p{
  max-width:680px;
  margin:0 0 26px;
  color:#5f5870;
  font-size:17px;
  line-height:1.75;
}

.booking-ecom-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.booking-ecom-grid article{
  padding:18px;
  border:1px solid #e3d9ff;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 42px rgba(76,29,149,.08);
}

.booking-ecom-grid b{
  color:#7c3aed;
  font-family:var(--font-mono,monospace);
  font-size:12px;
}

.booking-ecom-grid h3{
  margin:8px 0 8px;
  color:#171126;
  font-size:17px;
  font-weight:800;
}

.booking-ecom-grid p{
  margin:0;
  color:#635b72;
  font-size:14px;
  line-height:1.65;
}

.booking-admin-visual{
  perspective:1200px;
}

.booking-admin-window{
  overflow:hidden;
  border:1px solid rgba(221,208,255,.75);
  border-radius:26px;
  background:#10091f;
  box-shadow:0 34px 90px rgba(76,29,149,.24);
  transform:rotateY(-7deg) rotateX(3deg);
  transform-origin:center;
}

html[dir="rtl"] .booking-admin-window{
  transform:rotateY(7deg) rotateX(3deg);
}

.booking-admin-top{
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 16px;
  border-bottom:1px solid rgba(221,208,255,.15);
  background:rgba(255,255,255,.06);
  color:#e8ddff;
  font-family:var(--font-mono,monospace);
  font-size:12px;
}

.booking-admin-top i{
  width:10px;
  height:10px;
  border-radius:50%;
}

.booking-admin-top i:nth-child(1){background:#ff5f57}
.booking-admin-top i:nth-child(2){background:#febc2e}
.booking-admin-top i:nth-child(3){background:#28c840}
.booking-admin-top span{margin-inline-start:auto}

.booking-admin-body{
  display:grid;
  grid-template-columns:120px 1fr;
  min-height:340px;
}

.booking-admin-body nav{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px;
  border-inline-end:1px solid rgba(221,208,255,.13);
}

.booking-admin-body nav b,
.booking-admin-body nav span{
  padding:10px 12px;
  border-radius:13px;
  color:#bcb0d7;
  font-size:12px;
  font-weight:750;
}

.booking-admin-body nav b{
  color:#fff;
  background:linear-gradient(135deg,#7c3aed,#4c1d95);
}

.booking-admin-body main{
  padding:18px;
}

.booking-admin-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.booking-admin-metrics div{
  padding:14px 12px;
  border:1px solid rgba(221,208,255,.14);
  border-radius:16px;
  background:rgba(255,255,255,.07);
}

.booking-admin-metrics b{
  display:block;
  color:#fff;
  font-size:23px;
}

.booking-admin-metrics span{
  color:#b9afd0;
  font-size:11px;
  font-weight:700;
}

.booking-admin-list{
  display:grid;
  gap:10px;
  margin-top:18px;
}

.booking-admin-list span{
  height:42px;
  border-radius:14px;
  background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
}

.booking-admin-chart{
  margin-top:18px;
  height:70px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(124,58,237,.22),rgba(255,255,255,.04));
  overflow:hidden;
}

.booking-admin-chart i{
  display:block;
  width:74%;
  height:100%;
  border-radius:0 999px 999px 0;
  background:linear-gradient(90deg,#6d28d9,#c4b5fd);
  opacity:.62;
}

@media(max-width:900px){
  .booking-case-carousel .hero-site-slide{
    grid-template-columns:1fr;
  }
  .booking-case-results{
    width:min(100%,520px);
    margin:0 auto;
  }
  .booking-ecom-stack .gvx-wrap{
    grid-template-columns:1fr;
  }
  .booking-admin-window{
    transform:none!important;
  }
}

@media(max-width:640px){
  .booking-case-carousel .hero-site-slide{
    display:block!important;
  }
  .booking-case-carousel{
    height:calc(min(74vw,330px) * 2.164 + 210px)!important;
    aspect-ratio:auto!important;
  }
  .booking-case-carousel .gvx-case-frame{
    height:auto!important;
    aspect-ratio:390/844!important;
  }
  .booking-case-results{
    width:min(100%,330px);
    margin:18px auto 0;
    padding:14px;
    border-radius:20px;
  }
  .booking-case-results h3{font-size:20px}
  .booking-case-results b{font-size:22px}
  .booking-ecom-stack{
    padding:52px 0;
  }
  .booking-ecom-grid{
    grid-template-columns:1fr;
  }
  .booking-admin-body{
    grid-template-columns:1fr;
  }
  .booking-admin-body nav{
    flex-direction:row;
    overflow:auto;
    border-inline-end:0;
    border-bottom:1px solid rgba(221,208,255,.13);
  }
  .booking-admin-body nav span,
  .booking-admin-body nav b{
    white-space:nowrap;
  }
}

/* v90 - booking showcase: polished image cards, no visible iframe */
.booking-proof-showcase{
  padding:70px 0 76px!important;
}

.booking-proof-carousel{
  width:min(1160px,100% - 24px)!important;
  height:clamp(520px,58vw,640px)!important;
  min-height:0!important;
  margin-top:28px!important;
}

.booking-proof-carousel .booking-project-card{
  display:grid!important;
  grid-template-columns:minmax(0,1.24fr) minmax(260px,.56fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}

.booking-project-visual{
  display:block;
  min-width:0;
  text-decoration:none;
  color:inherit;
}

.booking-project-browser{
  position:relative;
  display:block;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(221,208,255,.28);
  border-radius:28px;
  background:#fff;
  box-shadow:0 32px 90px rgba(10,6,22,.42),0 0 0 1px rgba(255,255,255,.05) inset;
  transform:perspective(1100px) rotateY(-4deg) rotateX(1deg);
  transform-origin:center;
  transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s cubic-bezier(.16,1,.3,1);
}

html[dir="rtl"] .booking-project-browser{
  transform:perspective(1100px) rotateY(4deg) rotateX(1deg);
}

.booking-project-card.is-active .booking-project-browser:hover{
  transform:perspective(1100px) rotateY(0deg) rotateX(0deg) translateY(-4px);
  box-shadow:0 38px 105px rgba(10,6,22,.5),0 0 0 1px rgba(255,255,255,.08) inset;
}

.booking-project-bar{
  position:absolute;
  z-index:4;
  top:14px;
  left:14px;
  right:14px;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(221,208,255,.2);
  border-radius:16px;
  background:rgba(14,8,25,.72);
  color:#e9ddff;
  box-shadow:0 14px 32px rgba(10,6,22,.28);
  backdrop-filter:blur(14px);
}

.booking-project-bar i{
  width:8px;
  height:8px;
  border-radius:50%;
}

.booking-project-bar i:nth-child(1){background:#ff5f57}
.booking-project-bar i:nth-child(2){background:#febc2e}
.booking-project-bar i:nth-child(3){background:#28c840}

.booking-project-bar em{
  min-width:0;
  margin-inline-start:5px;
  overflow:hidden;
  color:#d9ccf5;
  font-family:var(--font-mono,monospace);
  font-size:11px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.booking-project-browser img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  transform:scale(1.01);
  transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .8s ease;
}

.booking-project-card.is-active .booking-project-browser:hover img{
  transform:scale(1.045);
}

.booking-project-browser::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(180deg,transparent,rgba(8,4,16,.5));
  pointer-events:none;
}

.booking-proof-carousel .booking-case-results{
  align-self:stretch!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:0;
  padding:22px!important;
}

.booking-case-results p{
  margin:0 0 14px;
  color:#c7bfd8;
  font-size:13px;
  line-height:1.65;
}

.booking-project-open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  margin-top:16px;
  padding:0 16px;
  border-radius:999px;
  background:#fff;
  color:#12091f;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
}

.booking-project-open i{
  font-style:normal;
}

html[dir="rtl"] .booking-project-open i{
  transform:scaleX(-1);
}

.booking-admin-proof{
  padding:46px 0!important;
}

.booking-admin-proof .gvx-wrap{
  gap:28px!important;
}

.booking-admin-proof .booking-ecom-copy h2{
  font-size:clamp(28px,3.2vw,46px)!important;
}

.booking-admin-proof .booking-ecom-copy > p{
  margin-bottom:18px!important;
}

.booking-admin-proof .booking-ecom-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

.booking-admin-proof .booking-ecom-grid article{
  padding:14px!important;
  border-radius:16px!important;
}

.booking-admin-proof .booking-ecom-grid h3{
  font-size:15px!important;
  margin:6px 0!important;
}

.booking-admin-proof .booking-ecom-grid p{
  font-size:12.5px!important;
  line-height:1.5!important;
}

.booking-admin-board{
  display:grid;
  gap:10px;
  margin-top:16px;
}

.booking-admin-board section{
  padding:13px;
  border:1px solid rgba(221,208,255,.14);
  border-radius:16px;
  background:rgba(255,255,255,.06);
}

.booking-admin-board b{
  display:block;
  margin-bottom:9px;
  color:#fff;
  font-size:12px;
}

.booking-admin-board span{
  display:block;
  width:var(--w,70%);
  height:8px;
  margin-top:7px;
  border-radius:999px;
  background:linear-gradient(90deg,#7c3aed,#c4b5fd);
}

.booking-admin-board div{
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr;
  gap:8px;
}

.booking-admin-board i{
  height:42px;
  border-radius:12px;
  background:rgba(255,255,255,.12);
}

.booking-admin-board p{
  display:inline-flex;
  margin:0 6px 6px 0;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(180,255,214,.12);
  color:#c8ffdf;
  font-size:11px;
  font-weight:700;
}

@media(max-width:900px){
  .booking-proof-carousel{
    height:760px!important;
  }
  .booking-proof-carousel .booking-project-card{
    grid-template-columns:1fr!important;
  }
  .booking-project-browser{
    height:430px;
    transform:none!important;
  }
  .booking-proof-carousel .booking-case-results{
    width:100%!important;
    margin:0!important;
  }
  .booking-admin-proof .booking-ecom-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:640px){
  .booking-proof-showcase{
    padding:46px 0 52px!important;
  }
  .booking-proof-carousel{
    width:min(100% - 28px,440px)!important;
    height:650px!important;
  }
  .booking-project-browser{
    height:280px!important;
    border-radius:22px!important;
  }
  .booking-project-bar{
    top:10px;
    left:10px;
    right:10px;
    min-height:32px;
    border-radius:13px;
  }
  .booking-project-bar em{
    font-size:9.5px;
  }
  .booking-proof-carousel .booking-case-results{
    padding:16px!important;
    border-radius:20px!important;
  }
  .booking-case-results p{
    display:none;
  }
  .booking-case-results div{
    padding:9px 0!important;
  }
  .booking-project-open{
    min-height:40px;
    margin-top:10px;
  }
  .booking-admin-proof{
    padding:34px 0!important;
  }
  .booking-admin-proof .gvx-wrap{
    gap:18px!important;
  }
  .booking-admin-proof .booking-ecom-copy h2{
    font-size:30px!important;
    line-height:1.12!important;
  }
  .booking-admin-proof .booking-ecom-copy > p{
    font-size:14px!important;
    line-height:1.65!important;
  }
  .booking-admin-proof .booking-ecom-grid{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory;
    padding-bottom:6px;
  }
  .booking-admin-proof .booking-ecom-grid article{
    flex:0 0 78%;
    scroll-snap-align:start;
  }
  .booking-admin-window{
    border-radius:20px!important;
  }
  .booking-admin-body{
    min-height:0!important;
  }
  .booking-admin-metrics{
    grid-template-columns:1fr 1fr 1fr!important;
  }
  .booking-admin-metrics div{
    padding:10px 8px!important;
  }
  .booking-admin-metrics b{
    font-size:18px!important;
  }
}

/* v93 final booking override: full showcase image, no metrics panel */
.booking-image-carousel{
  width:min(1240px,100% - 28px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1600 / 1060!important;
  overflow:visible!important;
}
.booking-image-carousel .booking-project-card{display:block!important;padding:0!important}
.booking-project-frame{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.booking-project-frame::before,.booking-project-frame::after,.booking-project-footer,.booking-project-stats,.booking-case-results{display:none!important}
.booking-project-frame .booking-project-visual{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  border:1px solid rgba(221,208,255,.34)!important;
  border-radius:34px!important;
  background:#f8f5ff!important;
  box-shadow:0 36px 110px rgba(13,7,32,.45),0 0 0 1px rgba(255,255,255,.5) inset!important;
}
.booking-project-frame .booking-project-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f8f5ff!important;
  transform:none!important;
}
.booking-project-card.is-active .booking-project-frame:hover img{transform:none!important}
.booking-project-visit{
  position:absolute!important;
  z-index:4!important;
  right:22px!important;
  bottom:22px!important;
  left:auto!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(24,12,39,.12)!important;
  background:rgba(255,255,255,.92)!important;
  color:#170b27!important;
  box-shadow:0 16px 38px rgba(13,7,32,.18)!important;
  backdrop-filter:blur(16px);
}
html[dir="rtl"] .booking-project-visit{right:auto!important;left:22px!important}

.booking-admin-gallery{
  padding:70px 0!important;
  background:radial-gradient(circle at 75% 10%,rgba(124,58,237,.16),transparent 34%),linear-gradient(180deg,#fff,#f7f3ff)!important;
}
.booking-admin-gallery .gvx-wrap{display:block!important;max-width:1260px!important}
.booking-admin-gallery-head{max-width:740px;margin:0 auto 28px;text-align:center}
.booking-admin-gallery-head h2{margin:8px 0 10px;color:#150b24;font-size:clamp(32px,4.8vw,70px);line-height:1.02;letter-spacing:0}
.booking-admin-gallery-head p{margin:0 auto;max-width:620px;color:#665d73;font-size:clamp(15px,1.5vw,19px);line-height:1.8}
.booking-admin-image-stage{position:relative;width:min(1160px,100%);aspect-ratio:1600 / 1060;margin:0 auto;perspective:1500px}
.booking-admin-image-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:translate3d(54px,0,0) scale(.965);
  filter:blur(10px);
  animation:adminImageSlide 27s cubic-bezier(.16,1,.3,1) infinite;
}
.booking-admin-image-slide:nth-child(2){animation-delay:4.5s}
.booking-admin-image-slide:nth-child(3){animation-delay:9s}
.booking-admin-image-slide:nth-child(4){animation-delay:13.5s}
.booking-admin-image-slide:nth-child(5){animation-delay:18s}
.booking-admin-image-slide:nth-child(6){animation-delay:22.5s}
.booking-admin-image-slide img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 34px 80px rgba(61,35,118,.2))}
@keyframes adminImageSlide{
  0%,12%{opacity:0;transform:translate3d(60px,0,0) scale(.96);filter:blur(10px)}
  17%,29%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
  35%,100%{opacity:0;transform:translate3d(-45px,0,0) scale(.97);filter:blur(8px)}
}
@media(max-width:640px){
  .booking-image-carousel{width:min(100% - 22px,440px)!important;height:auto!important;aspect-ratio:1600 / 1060!important}
  .booking-project-frame .booking-project-visual{border-radius:18px!important}
  .booking-project-visit{right:12px!important;bottom:12px!important;min-height:34px!important;padding:0 12px!important;font-size:12px!important}
  html[dir="rtl"] .booking-project-visit{right:auto!important;left:12px!important}
  .booking-admin-gallery{padding:48px 0!important}
  .booking-admin-gallery-head{width:min(100% - 28px,430px);margin-bottom:18px}
  .booking-admin-gallery-head h2{font-size:32px}
  .booking-admin-gallery-head p{font-size:14px;line-height:1.65}
  .booking-admin-image-stage{width:min(100% - 20px,450px)}
}

/* =====================================================================
   v94 — admin gallery: manual prev/next + dots, bigger images on phone
   ===================================================================== */
/* JS-controlled slides (replace the CSS auto-cycle) */
.booking-admin-gallery .booking-admin-image-slide{
  animation:none!important;
  transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .55s ease!important;
}
.booking-admin-gallery .booking-admin-image-slide.is-active{opacity:1!important;transform:none!important;filter:none!important;pointer-events:auto}
.booking-admin-gallery .booking-admin-image-slide:not(.is-active){opacity:0!important;pointer-events:none}

/* controls */
.booking-admin-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.booking-admin-arrow{
  width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;line-height:1;
  border:1px solid rgba(109,40,217,.24);background:#fff;color:#4c1d95;font-size:24px;font-weight:800;cursor:pointer;
  box-shadow:0 12px 28px rgba(76,29,149,.12);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);
}
.booking-admin-arrow:hover{transform:translateY(-2px);background:#f4efff;box-shadow:0 18px 36px rgba(76,29,149,.2)}
.booking-admin-arrow:active{transform:translateY(0)}
.booking-admin-dots{display:inline-flex;gap:8px;align-items:center}
.booking-admin-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(109,40,217,.24);cursor:pointer;transition:all .28s var(--ease)}
.booking-admin-dot.on{width:26px;background:linear-gradient(135deg,#5b21b6,#7c3aed)}

/* bigger, full-bleed images on phone */
@media(max-width:640px){
  .booking-admin-gallery .gvx-wrap{max-width:100%!important}
  .booking-admin-gallery .booking-admin-image-stage{
    width:100vw!important;max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  }
  .booking-admin-image-slide img{filter:drop-shadow(0 16px 36px rgba(61,35,118,.16))!important}
  .booking-admin-controls{margin-top:18px;gap:14px}
  .booking-admin-arrow{width:44px;height:44px;font-size:22px}
}

/* =====================================================================
   v95 — project showcase: arrows overlay the card + bigger image on phone
   ===================================================================== */
.booking-carousel-shell{position:relative;width:min(1240px,100% - 28px);margin:0 auto}
.booking-carousel-shell .booking-image-carousel{width:100%!important;margin:0!important}
/* solid light arrows so they read on any background (light card or dark section) */
.booking-carousel-shell .booking-work-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:8;margin:0;
  width:48px!important;height:48px!important;
  background:rgba(255,255,255,.96)!important;color:#170b27!important;
  border:1px solid rgba(24,12,39,.12)!important;
  box-shadow:0 16px 38px rgba(13,7,32,.26)!important;
  backdrop-filter:blur(10px);
}
.booking-carousel-shell .booking-work-arrow:hover{transform:translateY(-50%) scale(1.07);background:#fff!important}
.booking-carousel-shell .booking-work-arrow span{color:#170b27!important;font-size:20px}
.booking-carousel-shell .booking-work-arrow-prev{left:-24px}
.booking-carousel-shell .booking-work-arrow-next{right:-24px}
/* hide arrows when there's only one project */
.booking-hero-showcase[data-single-project="true"] .booking-work-arrow{display:none!important}

@media(max-width:640px){
  /* full-bleed, bigger image */
  .booking-carousel-shell{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
  .booking-image-carousel{width:100%!important;max-width:100%!important;margin:0!important}
  .booking-project-frame .booking-project-visual{border-radius:0!important;border-inline:0!important}
  /* arrows overlay ON the card edges, light so they read on the image */
  .booking-carousel-shell .booking-work-arrow{
    width:42px!important;height:42px!important;
    background:rgba(255,255,255,.94)!important;color:#170b27!important;
    border-color:rgba(24,12,39,.14)!important;box-shadow:0 10px 26px rgba(0,0,0,.3)!important;
    backdrop-filter:blur(10px);
  }
  .booking-carousel-shell .booking-work-arrow-prev{left:10px}
  .booking-carousel-shell .booking-work-arrow-next{right:10px}
  .booking-carousel-shell .booking-work-arrow span{font-size:16px}
}

/* =====================================================================
   v97 - clearer mobile showcase + global WhatsApp float
   ===================================================================== */
.gvx-whatsapp-float{
  position:fixed;
  z-index:76;
  inset-inline-end:22px;
  bottom:calc(22px + env(safe-area-inset-bottom));
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 18px 42px rgba(18,126,62,.3),0 0 0 7px rgba(34,197,94,.1);
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),opacity .28s ease;
}
.gvx-whatsapp-float svg{width:29px;height:29px;display:block}
.gvx-whatsapp-float:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 24px 56px rgba(18,126,62,.38),0 0 0 9px rgba(34,197,94,.12)}

/* keep the project image clean: button lives below, not over it */
.booking-image-carousel{
  aspect-ratio:1600 / 1180!important;
}
.booking-project-frame .booking-project-visual{
  inset:0 0 68px 0!important;
}
.booking-project-visit{
  bottom:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  min-width:min(360px,72%)!important;
  justify-content:center!important;
}
html[dir="rtl"] .booking-project-visit{
  left:50%!important;
  right:auto!important;
}

@media(max-width:760px){
  .gvx-whatsapp-float{
    width:50px;
    height:50px;
    inset-inline-end:16px;
    bottom:calc(18px + env(safe-area-inset-bottom));
    box-shadow:0 14px 34px rgba(18,126,62,.28),0 0 0 6px rgba(34,197,94,.1);
  }
  .gvx-whatsapp-float svg{width:27px;height:27px}
  .mobile-sticky-cta ~ .gvx-whatsapp-float,
  .book-form .gvx-whatsapp-float{
    bottom:calc(88px + env(safe-area-inset-bottom));
  }
}

@media(max-width:640px){
  .booking-proof-showcase{
    padding:44px 0 58px!important;
  }
  .booking-work-head{
    width:min(100% - 28px,460px)!important;
    margin:0 auto 20px!important;
  }
  .booking-carousel-shell{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }
  .booking-image-carousel{
    width:100vw!important;
    max-width:100vw!important;
    aspect-ratio:1600 / 1240!important;
    overflow:visible!important;
  }
  .booking-project-frame .booking-project-visual{
    inset:0 0 62px 0!important;
    border-radius:18px!important;
    border-inline:0!important;
    box-shadow:0 20px 54px rgba(13,7,32,.34)!important;
  }
  .booking-project-frame .booking-project-visual img{
    object-fit:contain!important;
    padding:0!important;
  }
  .booking-project-visit{
    bottom:8px!important;
    min-width:calc(100% - 44px)!important;
    min-height:42px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:700!important;
    background:#fff!important;
    box-shadow:0 14px 34px rgba(13,7,32,.16)!important;
  }
  .booking-carousel-shell .booking-work-arrow{
    top:calc(50% - 34px)!important;
  }
  .booking-admin-gallery{
    padding:48px 0 54px!important;
  }
  .booking-admin-gallery .booking-admin-image-stage{
    width:100vw!important;
    max-width:100vw!important;
    aspect-ratio:1600 / 1220!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
  }
  .booking-admin-image-slide img{
    object-fit:contain!important;
    transform:scale(1.12)!important;
    transform-origin:center!important;
  }
  .booking-admin-controls{
    margin-top:8px!important;
  }
}

/* v97.1 - keep project visit as a clear pill below the image */
.booking-project-visit{
  width:auto!important;
  max-width:min(420px,calc(100% - 44px))!important;
}
@media(max-width:640px){
  .booking-project-visit{
    width:calc(100% - 44px)!important;
    max-width:423px!important;
  }
}

/* v98.1 - recover project image height after moving the button below it */
@media(max-width:640px){
  .booking-image-carousel{
    aspect-ratio:1600 / 1340!important;
  }
  .booking-project-frame .booking-project-visual{
    inset:0 0 54px 0!important;
  }
  .booking-project-visit{
    bottom:4px!important;
  }
}

/* v99 - mobile admin gallery needs side breathing room */
@media(max-width:640px){
  .booking-admin-gallery .booking-admin-image-stage{
    width:calc(100% - 32px)!important;
    max-width:460px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .booking-admin-image-slide img{
    transform:none!important;
  }
}