/* Gosili Landing — design system & components. Generated from approved design. No !important, GPU-only animations, prefers-reduced-motion safe. */
:root{
  --gl-bg:#08201F;--gl-bg-2:#0A2525;--gl-bg-3:#0F2F2F;--gl-bg-4:#123B3B;
  --gl-surface:rgba(15,47,47,.62);--gl-surface-soft:rgba(18,59,59,.5);--gl-surface-hover:rgba(22,70,70,.85);
  --gl-border:rgba(237,237,237,.10);--gl-border-strong:rgba(237,237,237,.20);--gl-hairline:rgba(212,175,55,.16);
  --gl-text:#F6F7F5;--gl-text-soft:#D6DCD8;--gl-muted:#9DA8A3;--gl-muted-2:#8A958F;
  --gl-gold:#D4AF37;--gl-gold-strong:#E6C27A;--gl-gold-deep:#C9A15B;--gl-gold-soft:rgba(212,175,55,.14);--gl-gold-border:rgba(212,175,55,.34);--gl-on-gold:#0A1A19;
  --gl-shadow-sm:0 8px 24px rgba(0,0,0,.28);--gl-shadow-md:0 18px 48px rgba(0,0,0,.40);--gl-shadow-lg:0 30px 80px rgba(0,0,0,.50);--gl-glow-gold:0 10px 40px rgba(212,175,55,.28);
  --r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-2xl:40px;--r-pill:999px;
  --font:"Vazirmatn",Tahoma,Arial,sans-serif;--serif:"Cormorant Garamond","Vazirmatn",Georgia,serif;
  --fs-h1:clamp(32px,4.4vw,56px);--fs-h2:clamp(27px,3.1vw,42px);--fs-body:clamp(15px,1.05vw,17px);
  --container:1180px;--gutter:clamp(20px,4vw,40px);--header-h:74px;
  --ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);--mx:50%;--my:30%;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 14px)}
body{font-family:var(--font);color:var(--gl-text);font-size:var(--fs-body);line-height:1.85;-webkit-font-smoothing:antialiased;
  background:radial-gradient(1200px 600px at 85% -10%,rgba(212,175,55,.08),transparent 60%),var(--gl-bg);min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.ico{display:block;width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
section{position:relative;z-index:1}
:focus-visible{outline:3px solid var(--gl-gold);outline-offset:3px;border-radius:6px}
::selection{background:rgba(212,175,55,.32);color:var(--gl-text)}
html{scrollbar-width:thin;scrollbar-color:var(--gl-bg-4) var(--gl-bg)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--gl-bg)}::-webkit-scrollbar-thumb{background:var(--gl-bg-4);border-radius:8px;border:2px solid var(--gl-bg)}::-webkit-scrollbar-thumb:hover{background:var(--gl-gold-deep)}
.skip-link{position:absolute;inset-inline-start:12px;top:-48px;z-index:200;padding:10px 18px;border-radius:var(--r-pill);background:var(--gl-gold);color:var(--gl-on-gold);font-weight:700;font-size:14px;transition:top .2s var(--ease)}
.skip-link:focus-visible{top:12px}

/* header */
.gl-header{position:sticky;top:0;z-index:60;height:var(--header-h);display:flex;align-items:center;border-bottom:1px solid transparent;transition:.35s var(--ease)}
.gl-header.is-scrolled{height:62px;background:rgba(8,32,31,.72);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom-color:var(--gl-hairline);box-shadow:var(--gl-shadow-sm)}
.gl-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}
.gl-brand{display:flex;align-items:center;gap:10px}
.gl-brand__logo{width:auto;height:46px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45));transition:height .35s var(--ease)}
.gl-header.is-scrolled .gl-brand__logo{height:40px}
.gl-brand__name{font-family:var(--serif);font-weight:600;font-size:27px;letter-spacing:.5px;line-height:.95;direction:ltr;display:inline-flex;flex-direction:column;align-items:flex-start}
.gl-brand__suffix{font-style:normal;font-size:.4em;font-weight:600;letter-spacing:2px;margin-inline-start:1px;margin-top:3px;color:var(--gl-text-soft);opacity:.85;text-transform:uppercase;font-family:var(--font)}
.gl-nav{display:flex;gap:6px}
.gl-nav a{position:relative;padding:9px 13px;border-radius:var(--r-sm);color:var(--gl-text-soft);font-size:14px;font-weight:500;transition:.2s}
.gl-nav a:hover{color:var(--gl-text)}
.gl-nav a::after{content:"";position:absolute;inset-inline:13px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gl-gold),var(--gl-gold-strong));transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-out)}
.gl-nav a:hover::after{transform:scaleX(1)}
.gl-nav a.act{color:var(--gl-gold-strong)}
.gl-nav a.act::after{transform:scaleX(1)}
.gl-actions{display:flex;align-items:center;gap:10px}
.gl-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--gl-border-strong);background:var(--gl-surface);cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.gl-burger span{width:20px;height:2px;background:var(--gl-text);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
body.menu-open .gl-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .gl-burger span:nth-child(2){opacity:0}
body.menu-open .gl-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;top:0;right:0;z-index:75;width:min(330px,84vw);height:100dvh;background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg));border-inline-start:1px solid var(--gl-hairline);box-shadow:var(--gl-shadow-lg);padding:84px 22px 26px;display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform .4s var(--ease),visibility .4s;overflow-y:auto}
body.menu-open .mnav{transform:translateX(0);visibility:visible}
.mnav__links{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}
.mnav__links a{padding:13px 14px;border-radius:12px;font-size:15px;font-weight:600;color:var(--gl-text-soft);transition:.2s;border:1px solid transparent}
.mnav__links a:hover,.mnav__links a:active{background:var(--gl-surface);color:var(--gl-text);border-color:var(--gl-border)}
.mnav__cta{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.mnav__cta .btn{width:100%}
.mnav__back{position:fixed;inset:0;z-index:74;background:rgba(4,16,15,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
body.menu-open .mnav__back{opacity:1;visibility:visible}
@media (min-width:921px){.mnav,.mnav__back{display:none}}
@media (prefers-reduced-motion:reduce){.mnav{transition:none}.gl-burger span{transition:none}}

/* buttons */
.btn{--h:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 22px;border-radius:var(--r-pill);font-family:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;border:1px solid transparent;white-space:nowrap;position:relative;overflow:hidden;transition:transform .2s var(--ease),box-shadow .3s,background .25s,border-color .25s}
.btn:active{transform:translateY(1px) scale(.99)}.btn .ico{width:16px;height:16px}
.btn--primary{background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold) 60%,var(--gl-gold-deep));color:var(--gl-on-gold);box-shadow:0 6px 20px rgba(212,175,55,.22)}
.btn--primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45),transparent 70%);transform:translateX(120%);transition:transform .6s var(--ease)}
.btn--primary:hover{box-shadow:var(--gl-glow-gold);transform:translateY(-1px)}.btn--primary:hover::before{transform:translateX(-120%)}
.btn--secondary{background:var(--gl-surface);color:var(--gl-text);border-color:var(--gl-border-strong);backdrop-filter:blur(6px)}
.btn--secondary:hover{border-color:var(--gl-gold-border);background:var(--gl-surface-hover);transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--gl-text-soft)}.btn--ghost:hover{color:var(--gl-text);background:var(--gl-surface-soft)}
.btn--lg{--h:54px;padding:0 30px;font-size:16px}.btn--sm{--h:40px;padding:0 16px;font-size:13.5px}.btn--md{--h:47px;padding:0 22px;font-size:14px}

/* two-state */
body:not(.is-auth) .auth-member{display:none}
body.is-auth .auth-guest{display:none}

/* shared section head + eyebrow variants */
.sec-head{max-width:700px;margin:0 auto clamp(34px,4.5vw,52px);text-align:center}
.sec-head h2{font-size:var(--fs-h2);line-height:1.25;letter-spacing:-.02em;font-weight:800;margin-bottom:14px}
.sec-head p{color:var(--gl-muted);font-size:var(--fs-body);line-height:1.9}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gl-gold-strong);text-transform:uppercase;margin-bottom:16px}
.eyebrow:not(.pill)::before,.eyebrow:not(.pill)::after{content:"";width:24px;height:1.5px;background:linear-gradient(90deg,transparent,var(--gl-gold))}
.eyebrow:not(.pill)::after{background:linear-gradient(90deg,var(--gl-gold),transparent)}
.eyebrow.pill{text-transform:none;letter-spacing:.1em;padding:7px 14px;border:1px solid var(--gl-gold-border);background:var(--gl-gold-soft);border-radius:var(--r-pill)}
.eyebrow.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--gl-gold);box-shadow:0 0 10px var(--gl-gold);animation:pulse 2.4s var(--ease) infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}

/* reveal */
.gl-js [data-rv]{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.gl-js [data-rv].in{opacity:1;transform:none}
@media (max-width:768px){.gl-js [data-rv]{transform:none;transition-duration:.5s}}

/* HERO */
.hero{overflow:hidden;padding:clamp(56px,8vw,120px) 0 clamp(46px,6vw,90px)}
@media (hover:hover) and (min-width:901px){.hero__visual{perspective:1100px}.hero__visual .glass{will-change:transform;transition:transform .22s ease-out}}
.hero__spot{position:absolute;inset:0;z-index:0;pointer-events:none;transition:background .12s linear;background:radial-gradient(440px 440px at var(--mx) var(--my),rgba(212,175,55,.15),transparent 70%)}
.gl-spot{position:fixed;inset:0;z-index:40;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(560px 560px at var(--gmx,50%) var(--gmy,-10%),rgba(212,175,55,.06),transparent 68%);transition:background .1s linear}
@media (hover:none),(pointer:coarse){.gl-spot{display:none}}
.hero__mesh{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background:radial-gradient(900px 460px at 50% -12%,rgba(18,80,78,.55),transparent 60%)}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero h1{font-size:var(--fs-h1);line-height:1.18;letter-spacing:-.02em;font-weight:800;margin-bottom:20px}
.hero h1 .grad,.sabout__body h2 .grad{background:linear-gradient(120deg,var(--gl-gold-strong),var(--gl-gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__sub{color:var(--gl-text-soft);max-width:560px;font-size:clamp(15px,1.15vw,18px);line-height:1.95;margin-bottom:32px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.hero__alt{font-size:13px;color:var(--gl-muted)}.hero__alt a{color:var(--gl-gold-strong);font-weight:700}
.hero__visual{position:relative}
.aura{position:absolute;inset:-12% -8%;z-index:0;filter:blur(48px);opacity:.5;pointer-events:none;background:radial-gradient(closest-side,rgba(212,175,55,.32),transparent 72%),radial-gradient(closest-side at 30% 80%,rgba(18,80,78,.7),transparent)}
.glass{position:relative;z-index:1;border-radius:var(--r-xl);border:1px solid var(--gl-border-strong);background:linear-gradient(160deg,rgba(20,62,61,.82),rgba(10,32,31,.92));box-shadow:var(--gl-shadow-lg),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(16px);overflow:hidden}
.glass__top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gl-border)}
.glass__id{display:flex;align-items:center;gap:10px}.glass__id img{height:30px}
.glass__id .meta b{font-size:13px;display:block}.glass__id .meta span{font-size:12px;color:var(--gl-muted);direction:ltr}
.glass__live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--gl-gold-strong);font-weight:700;padding:5px 11px;border-radius:var(--r-pill);background:var(--gl-gold-soft);border:1px solid var(--gl-gold-border)}
.glass__live i{width:6px;height:6px;border-radius:50%;background:var(--gl-gold);box-shadow:0 0 8px var(--gl-gold);animation:pulse 1.8s infinite}
.glass__body{padding:18px 20px}
.gstep{display:flex;align-items:center;gap:14px;padding:13px 0}.gstep+.gstep{border-top:1px dashed var(--gl-border)}
.gstep__ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--gl-border);background:var(--gl-surface-soft);color:var(--gl-muted)}
.gstep__ic .ico{width:20px;height:20px}.gstep__t{flex:1}.gstep__t b{display:block;font-size:13.5px}.gstep__t span{font-size:12.5px;color:var(--gl-muted)}
.gstep__s{font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);color:var(--gl-muted);background:var(--gl-surface-soft);border:1px solid var(--gl-border)}
.gstep.done .gstep__ic{background:var(--gl-gold-soft);border-color:var(--gl-gold-border);color:var(--gl-gold-strong)}
.gstep.done .gstep__s{color:var(--gl-gold-strong);background:var(--gl-gold-soft);border-color:var(--gl-gold-border)}
.gstep.active .gstep__ic{background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold-deep));color:var(--gl-on-gold);border-color:transparent}
.gstep.active .gstep__s{color:var(--gl-on-gold);background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold-deep));border-color:transparent}
.gbar{height:6px;border-radius:var(--r-pill);background:var(--gl-bg-2);overflow:hidden;margin-top:6px}
.gbar i{display:block;height:100%;width:62%;border-radius:inherit;background:linear-gradient(90deg,var(--gl-gold-strong),var(--gl-gold-deep))}
.glass__foot{display:flex;justify-content:space-between;padding:13px 20px;border-top:1px solid var(--gl-border);font-size:12px;color:var(--gl-muted)}
.glass__foot b{color:var(--gl-text-soft)}

/* TRUST */
/* about me — split (style A) */
.about{padding:clamp(50px,6vw,96px) 0}
.sabout{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,64px);align-items:center}
.sabout__photo{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--gl-border);box-shadow:var(--gl-shadow-md)}
.sabout__photo img{display:block;width:100%;height:auto}
.sabout__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,32,31,.55));pointer-events:none}
.sabout__frame{position:absolute;inset:14px;border:1px solid var(--gl-gold-border);border-radius:18px;pointer-events:none}
.sabout__badge{position:absolute;bottom:22px;inset-inline-start:22px;background:rgba(10,37,37,.82);backdrop-filter:blur(8px);border:1px solid var(--gl-gold-border);border-radius:14px;padding:10px 16px}
.sabout__badge b{display:block;font-size:15px}
.sabout__badge span{font-size:12px;color:var(--gl-gold-strong)}
.sabout__body h2{font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.35;margin-bottom:4px}
.sabout__body p{color:var(--gl-text-soft);margin:14px 0 22px;max-width:54ch}
.sabout__chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.sabout__chips .chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--gl-text-soft);padding:7px 14px;border-radius:var(--r-pill);background:var(--gl-bg-2);border:1px solid var(--gl-border)}
.sabout__chips .chip .ico{width:16px;height:16px;color:var(--gl-gold-strong)}
.sabout__cta{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:860px){.sabout{grid-template-columns:1fr}.sabout__photo{max-width:480px;margin-inline:auto}}
/* trust bar — marquee */
.tbar{padding:13px 0;border-top:1px solid var(--gl-border);border-bottom:1px solid var(--gl-border);overflow:hidden;background:rgba(10,37,37,.35)}
.tbar__track{display:flex;width:max-content;animation:gl-mq 32s linear infinite}
.tbar:hover .tbar__track{animation-play-state:paused}
.tbar__group{display:flex;align-items:center;gap:clamp(18px,3vw,42px);padding-inline-end:clamp(18px,3vw,42px)}
.tbar__lead{font-size:13px;color:var(--gl-muted);font-weight:600;white-space:nowrap}
.tbar__item{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--gl-text-soft);white-space:nowrap}
.tbar__item .ico{width:17px;height:17px;color:var(--gl-gold-strong)}
.tbar__sep{width:4px;height:4px;border-radius:50%;background:var(--gl-gold-border);flex-shrink:0}
@keyframes gl-mq{to{transform:translateX(50%)}}
.trust{padding:clamp(50px,6vw,90px) 0}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:clamp(36px,4vw,56px)}
.pillar{position:relative;padding:26px 22px;border-radius:var(--r-lg);border:1px solid var(--gl-border);background:linear-gradient(160deg,var(--gl-surface),var(--gl-surface-soft));backdrop-filter:blur(10px);box-shadow:var(--gl-shadow-sm);transition:transform .4s var(--ease),border-color .4s,box-shadow .4s;overflow:hidden}
.pillar::after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--gl-gold),transparent);transform:scaleX(0);transition:transform .5s var(--ease-out)}
.pillar:hover{transform:translateY(-5px);border-color:var(--gl-gold-border);box-shadow:var(--gl-shadow-md)}.pillar:hover::after{transform:scaleX(1)}
.pillar__ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;color:var(--gl-gold-strong);background:var(--gl-gold-soft);border:1px solid var(--gl-gold-border);transition:transform .4s var(--ease)}
.pillar:hover .pillar__ico{transform:scale(1.06) rotate(-3deg)}.pillar__ico .ico{width:26px;height:26px}
.pillar h3{font-size:16px;font-weight:700;margin-bottom:7px;line-height:1.5}.pillar p{font-size:13px;color:var(--gl-muted);line-height:1.85}
.metrics{position:relative;border-radius:var(--r-xl);border:1px solid var(--gl-border-strong);overflow:hidden;background:linear-gradient(150deg,rgba(20,62,61,.7),rgba(10,32,31,.85));box-shadow:var(--gl-shadow-md)}
.metrics::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 200px at 85% -40%,rgba(212,175,55,.16),transparent 60%)}
.metrics__grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr)}
.metric{padding:clamp(26px,3.4vw,40px) 24px;text-align:center;position:relative}
.metric+.metric::before{content:"";position:absolute;inset-block:24%;inset-inline-start:0;width:1px;background:linear-gradient(180deg,transparent,var(--gl-border-strong),transparent)}
.metric b{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(52px,5.6vw,70px);line-height:1;color:var(--gl-text);direction:ltr;margin-bottom:12px;letter-spacing:-.01em}
.metric b .u{font-size:.6em;font-weight:700;color:var(--gl-gold-strong)}.metric span{font-size:13.5px;color:var(--gl-muted);font-weight:600;letter-spacing:.01em}
.metrics .metric b,.metrics .metric .num{font-size:clamp(56px,5.5vw,72px);line-height:1;color:var(--gl-text);font-family:var(--serif)}.metrics .metric .u{font-size:.55em;color:var(--gl-gold-strong)}

/* SERVICES */
.services{padding:clamp(50px,6vw,90px) 0}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{position:relative;display:flex;flex-direction:column;padding:28px;border-radius:var(--r-lg);border:1px solid var(--gl-border);background:linear-gradient(160deg,var(--gl-surface),var(--gl-surface-soft));backdrop-filter:blur(10px);overflow:hidden;box-shadow:var(--gl-shadow-sm);transition:transform .42s var(--ease),border-color .42s,box-shadow .42s}
.svc::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .42s var(--ease);background:linear-gradient(140deg,var(--gl-gold-border),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.svc:hover{transform:translateY(-6px);border-color:transparent;box-shadow:var(--gl-shadow-md)}.svc:hover::before{opacity:1}
.svc__glow{position:absolute;inset:auto -30% -50% auto;width:60%;height:60%;background:radial-gradient(closest-side,rgba(212,175,55,.18),transparent);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}.svc:hover .svc__glow{opacity:1}
.svc__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.svc__ico{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;color:var(--gl-gold-strong);background:var(--gl-gold-soft);border:1px solid var(--gl-gold-border);transition:transform .42s var(--ease)}
.svc:hover .svc__ico{transform:scale(1.07) rotate(-4deg)}.svc__ico .ico{width:28px;height:28px}
.svc__tag{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--gl-muted);padding:5px 11px;border-radius:var(--r-pill);border:1px solid var(--gl-border);background:var(--gl-bg-2);direction:ltr;text-transform:uppercase}
.svc h3{font-size:19px;font-weight:700;margin-bottom:9px;line-height:1.5}.svc p{font-size:14px;color:var(--gl-muted);line-height:1.9;flex:1}
.svc__link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-size:13.5px;font-weight:700;color:var(--gl-gold-strong);width:fit-content}
.svc__link .ico{width:16px;height:16px;transition:transform .3s var(--ease)}.svc:hover .svc__link .ico{transform:translateX(-5px)}
.svc--feat{grid-column:span 2;flex-direction:row;gap:30px;align-items:center;background:linear-gradient(150deg,rgba(20,62,61,.8),rgba(10,32,31,.9))}
.svc--feat .svc__main{flex:1}.svc--feat .svc__side{flex-shrink:0;width:200px;display:flex;flex-direction:column;gap:10px}.svc--feat h3{font-size:23px}
.svc--center{align-items:center;text-align:center;padding:34px 26px}
.svc--center .svc__ico{margin:0 auto 18px}
.svc--center h3{font-size:20px;margin-bottom:6px;letter-spacing:.3px;line-height:1.4}
.svc--center p{flex:0 0 auto;font-size:13.5px;color:var(--gl-muted)}
.bento--uniform{grid-template-columns:repeat(4,1fr)}
.bento--uniform .svc__ico{width:62px;height:62px;border-radius:17px}
.bento--uniform .svc__ico .ico{width:34px;height:34px}
.svc--zir{grid-column:span 2}
.svc--zir h3{font-size:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--gl-text-soft);padding:6px 12px;border-radius:var(--r-pill);background:var(--gl-bg-2);border:1px solid var(--gl-border)}
.chip .ico{width:14px;height:14px;color:var(--gl-gold-strong)}
.feat-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gl-text-soft);padding:11px 14px;border-radius:var(--r-sm);background:var(--gl-bg-2);border:1px solid var(--gl-border)}
.feat-row .ico{width:17px;height:17px;color:var(--gl-gold-strong);flex-shrink:0}

/* GALLERY */
.gallery{padding:clamp(50px,6vw,90px) 0}
.gwrap{position:relative}
.track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 14px;scrollbar-width:none;-ms-overflow-style:none}
.track::-webkit-scrollbar{display:none}
.gitem{position:relative;flex:0 0 clamp(260px,31.5%,372px);aspect-ratio:4/3;scroll-snap-align:start;border:1px solid var(--gl-border);border-radius:var(--r-lg);overflow:hidden;cursor:zoom-in;background:var(--gl-bg-3);padding:0;transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.gitem:hover{transform:translateY(-4px);border-color:var(--gl-gold-border);box-shadow:var(--gl-shadow-md)}
.gitem__sk{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,var(--gl-bg-3) 30%,rgba(212,175,55,.08) 50%,var(--gl-bg-3) 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.gitem img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.gitem.loaded .gitem__sk{opacity:0}.gitem.loaded img{opacity:1}.gitem:hover img{transform:scale(1.06)}
.gitem__tag{position:absolute;z-index:3;top:12px;inset-inline-start:12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;direction:ltr;padding:5px 11px;border-radius:var(--r-pill);background:rgba(8,32,31,.74);border:1px solid var(--gl-gold-border);color:var(--gl-gold-strong);backdrop-filter:blur(6px)}
.gitem__cap{position:absolute;z-index:3;inset-inline:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:700;color:#fff;padding:10px 13px;border-radius:12px;background:linear-gradient(0deg,rgba(4,16,15,.85),rgba(4,16,15,.2));opacity:0;transform:translateY(8px);transition:.35s var(--ease)}
.gitem:hover .gitem__cap{opacity:1;transform:none}.gitem__cap .ico{width:16px;height:16px;color:var(--gl-gold-strong)}
.gnav{position:absolute;top:calc(50% - 8px);transform:translateY(-50%);width:48px;height:48px;border-radius:50%;cursor:pointer;display:grid;place-items:center;z-index:5;background:rgba(8,32,31,.8);border:1px solid var(--gl-border-strong);color:var(--gl-text);backdrop-filter:blur(8px);transition:.25s var(--ease)}
.gnav:hover{border-color:var(--gl-gold-border);color:var(--gl-gold-strong)}.gnav .ico{width:20px;height:20px}.gnav--next{inset-inline-start:-22px}.gnav--prev{inset-inline-end:-22px}.gnav--prev .ico{transform:scaleX(-1)}
.gallery__foot{text-align:center;margin-top:28px}

/* SCROLLYTELLING WORKFLOW */
.scrolly{padding:clamp(40px,5vw,72px) 0}
.scrolly__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.scrolly__sticky{position:sticky;top:96px;height:min(74vh,540px);border-radius:var(--r-xl);border:1px solid var(--gl-border-strong);overflow:hidden;background:linear-gradient(155deg,rgba(20,62,61,.7),rgba(10,32,31,.9));box-shadow:var(--gl-shadow-md)}
.stage{position:relative;width:100%;height:100%}
.stagecard{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px;text-align:center;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.stagecard.on{opacity:1;transform:none}
.stagecard__ic{width:92px;height:92px;border-radius:26px;display:grid;place-items:center;color:var(--gl-on-gold);background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold-deep));box-shadow:var(--gl-glow-gold)}
.stagecard__ic .ico{width:44px;height:44px;stroke-width:1.5}
.stagecard__n{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--gl-gold-strong);letter-spacing:.1em;direction:ltr}
.stagecard h3{font-size:23px;font-weight:800}.stagecard p{color:var(--gl-muted);font-size:14px;max-width:320px;line-height:1.9}
.stagebar{position:absolute;bottom:22px;inset-inline:40px;height:5px;border-radius:5px;background:var(--gl-bg-2);overflow:hidden}
.stagebar i{display:block;height:100%;width:25%;border-radius:5px;background:linear-gradient(90deg,var(--gl-gold-strong),var(--gl-gold-deep));transition:width .5s var(--ease)}



.steps{display:flex;flex-direction:column}.steps__fill{display:none}
.sstep{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:13px;padding:18px 0}
.sstep__n{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--gl-gold-strong);letter-spacing:.06em}
.sstep__n b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);background:var(--gl-gold-soft);border:1px solid var(--gl-gold-border);direction:ltr;transition:.4s}
.sstep.active .sstep__n b{background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold-deep));color:var(--gl-on-gold);border-color:transparent}
.sstep h3{font-size:clamp(20px,2.4vw,28px);font-weight:800;color:var(--gl-muted);transition:color .3s}.sstep.active h3{color:var(--gl-text)}
.sstep p{color:var(--gl-muted);font-size:14.5px;line-height:1.95;max-width:440px;opacity:.5;transition:opacity .3s}.sstep.active p{opacity:1}
.sstep__n .lbl{font-style:normal}

/* OFFER / SHOWCASE */
.offer{padding:clamp(50px,6vw,90px) 0}
.offer__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(32px,5vw,64px);align-items:center}
.offer__content h2{font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.02em;font-weight:800;margin-bottom:18px}
.offer__content h2 .grad{background:linear-gradient(120deg,var(--gl-gold-strong),var(--gl-gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.offer__sub{color:var(--gl-text-soft);font-size:var(--fs-body);line-height:1.95;margin-bottom:28px;max-width:520px}
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:30px}
.benefit{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--gl-surface);border:1px solid var(--gl-border);transition:border-color .3s,transform .3s}
.benefit:hover{border-color:var(--gl-gold-border);transform:translateY(-2px)}
.benefit__ico{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;color:var(--gl-gold-strong);background:var(--gl-gold-soft);border:1px solid var(--gl-gold-border)}
.benefit__ico .ico{width:20px;height:20px}.benefit b{display:block;font-size:14px;font-weight:700;margin-bottom:2px}.benefit span{font-size:12px;color:var(--gl-muted);line-height:1.7}
.offer__cta{display:flex;gap:13px;flex-wrap:wrap}
.showcase{position:relative}
.showcase__aura{position:absolute;inset:-10% -6%;z-index:0;filter:blur(54px);opacity:.5;pointer-events:none;background:radial-gradient(closest-side,rgba(212,175,55,.3),transparent 72%),radial-gradient(closest-side at 25% 80%,rgba(18,80,78,.7),transparent)}
.appwin{position:relative;z-index:1;border-radius:16px;overflow:hidden;border:1px solid var(--gl-border-strong);background:var(--gl-bg-2);box-shadow:var(--gl-shadow-lg),inset 0 1px 0 rgba(255,255,255,.05);animation:float 7s var(--ease) infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.appwin__bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--gl-border);background:rgba(8,32,31,.6)}
.dots{display:flex;gap:7px}.dots i{width:11px;height:11px;border-radius:50%;background:#2c4a48}.dots i:nth-child(1){background:#d98b7a}.dots i:nth-child(2){background:#d9c27a}.dots i:nth-child(3){background:#7ad99a}
.appwin__url{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:30px;border-radius:var(--r-pill);background:var(--gl-bg-3);border:1px solid var(--gl-border);font-size:12.5px;color:var(--gl-muted);direction:ltr}.appwin__url .ico{width:13px;height:13px;color:var(--gl-gold-strong)}
.appwin__body{display:grid;grid-template-columns:148px 1fr;min-height:330px}
.appside{padding:16px 12px;border-inline-start:1px solid var(--gl-border);background:rgba(10,32,31,.5);display:flex;flex-direction:column;gap:4px}
.appside__brand{display:flex;align-items:center;gap:8px;padding:4px 8px 14px}.appside__brand img{height:26px}.appside__brand b{font-family:var(--serif);font-size:17px;direction:ltr}
.navitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:12.5px;color:var(--gl-muted);font-weight:600}.navitem .ico{width:17px;height:17px}
.navitem.active{background:var(--gl-gold-soft);color:var(--gl-gold-strong);border:1px solid var(--gl-gold-border)}
.appmain{padding:18px}.appmain__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.appmain__head b{font-size:15px}
.chip-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r-pill);font-size:12px;font-weight:700;background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold-deep));color:var(--gl-on-gold)}.chip-btn .ico{width:14px;height:14px}
.orow{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid var(--gl-border);background:var(--gl-surface);margin-bottom:10px}
.orow__ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--gl-bg-3);border:1px solid var(--gl-border);color:var(--gl-gold-strong);flex-shrink:0}.orow__ic .ico{width:19px;height:19px}
.orow__t{flex:1;min-width:0}.orow__t b{display:block;font-size:13px;font-weight:700}.orow__t span{font-size:12px;color:var(--gl-muted);direction:ltr}
.pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap}
.pill--prod{color:var(--gl-gold-strong);background:var(--gl-gold-soft);border:1px solid var(--gl-gold-border)}
.pill--done{color:#7ad99a;background:rgba(122,217,154,.1);border:1px solid rgba(122,217,154,.3)}
.pill--ship{color:var(--gl-text-soft);background:var(--gl-surface-soft);border:1px solid var(--gl-border)}
.toast{position:absolute;z-index:3;top:74px;inset-inline-start:-14px;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:rgba(15,47,47,.96);border:1px solid var(--gl-gold-border);box-shadow:var(--gl-shadow-md);font-size:12px;font-weight:600;backdrop-filter:blur(8px);opacity:0;transform:translateY(8px) scale(.96);animation:toastIn .6s var(--ease-out) 1.4s forwards}
.toast .ico{width:18px;height:18px;color:#7ad99a}@keyframes toastIn{to{opacity:1;transform:none}}

/* PRICING */
.pricing{padding:clamp(50px,6vw,90px) 0}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.principle{padding:24px;border-radius:var(--r-lg);border:1px solid var(--gl-border);background:linear-gradient(160deg,var(--gl-surface),var(--gl-surface-soft));backdrop-filter:blur(10px);box-shadow:var(--gl-shadow-sm);transition:transform .4s var(--ease),border-color .4s}
.principle:hover{transform:translateY(-4px);border-color:var(--gl-gold-border)}
.principle__ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:var(--gl-gold-strong);background:var(--gl-gold-soft);border:1px solid var(--gl-gold-border);margin-bottom:16px}.principle__ico .ico{width:23px;height:23px}
.principle h3{font-size:16px;font-weight:700;margin-bottom:7px}.principle p{font-size:13px;color:var(--gl-muted);line-height:1.85}
.pricecard{position:relative;display:flex;align-items:center;gap:clamp(24px,4vw,48px);padding:clamp(26px,3.4vw,42px);border-radius:var(--r-xl);border:1px solid var(--gl-gold-border);overflow:hidden;background:linear-gradient(150deg,rgba(20,62,61,.78),rgba(10,32,31,.9));box-shadow:var(--gl-shadow-md)}
.pricecard::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 220px at 88% -30%,rgba(212,175,55,.18),transparent 60%)}
.pricecard__preview{position:relative;flex-shrink:0;width:min(420px,46%);border:0;padding:0;cursor:zoom-in;border-radius:14px;overflow:hidden;box-shadow:var(--gl-shadow-lg);transform:rotate(-1.4deg);transition:transform .45s var(--ease),box-shadow .45s;background:none;display:block}
.pricecard__preview img{display:block;width:100%;border-radius:14px;border:1px solid var(--gl-gold-border)}
.pricecard__preview:hover{transform:rotate(0) scale(1.015);box-shadow:var(--gl-glow-gold),var(--gl-shadow-lg)}
.pricecard__badge{position:absolute;top:10px;inset-inline-start:10px;font-size:12px;font-weight:800;letter-spacing:.1em;padding:4px 11px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold-deep));color:var(--gl-on-gold);direction:ltr}
.pricecard__main{position:relative;flex:1;min-width:0}
.pricecard__main h3{font-size:clamp(19px,2vw,24px);font-weight:800;margin-bottom:8px}
.pricecard__main p{font-size:14px;color:var(--gl-text-soft);line-height:1.9;margin-bottom:14px;max-width:520px}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.meta span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gl-muted);padding:5px 11px;border-radius:var(--r-pill);background:var(--gl-bg-2);border:1px solid var(--gl-border)}.meta span .ico{width:13px;height:13px;color:var(--gl-gold-strong)}.meta b{direction:ltr}
.pricecard__cta{display:flex;gap:12px;flex-wrap:wrap}.btn--primary:hover .ico.dl{transform:translateY(2px)}.btn .ico.dl{transition:transform .3s var(--ease)}

/* TESTIMONIALS */
.testi{padding:clamp(50px,6vw,90px) 0}
.carousel{position:relative;max-width:840px;margin:0 auto}
.viewport{overflow:hidden;border-radius:var(--r-xl);direction:ltr}
.ttrack{display:flex;transition:transform .55s var(--ease-out)}
.tslide{flex:0 0 100%;direction:rtl}
.tcard{position:relative;padding:clamp(30px,4vw,52px);border-radius:var(--r-xl);border:1px solid var(--gl-border-strong);overflow:hidden;background:linear-gradient(155deg,rgba(20,62,61,.7),rgba(10,32,31,.88));box-shadow:var(--gl-shadow-md);text-align:center}
.tcard::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 220px at 80% -30%,rgba(212,175,55,.14),transparent 60%)}
.tcard__q{position:absolute;top:18px;inset-inline-start:24px;color:var(--gl-gold);opacity:.18}.tcard__q .ico{width:54px;height:54px;fill:currentColor;stroke:none}
.stars{display:inline-flex;gap:4px;margin-bottom:20px;color:var(--gl-gold-strong)}.stars .ico{width:19px;height:19px;fill:currentColor;stroke:none}
.tcard p{position:relative;font-size:clamp(17px,1.7vw,21px);line-height:1.95;color:var(--gl-text);font-weight:500;margin-bottom:28px;max-width:620px;margin-inline:auto}
.author{display:flex;align-items:center;justify-content:center;gap:14px}
.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:600;font-size:18px;color:var(--gl-gold-strong);background:linear-gradient(155deg,rgba(20,62,61,.92),rgba(10,32,31,.96));border:1px solid var(--gl-gold-border);flex-shrink:0;direction:ltr;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.3)}
.avatar::before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:1.5px;background:linear-gradient(135deg,var(--gl-gold-strong),transparent 58%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;pointer-events:none}
.avatar .ico{width:24px;height:24px;stroke-width:1.7}
.avatar--photo{background:var(--gl-bg-2)}.avatar__img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.author__meta{text-align:right}.author__meta b{display:block;font-size:15px;font-weight:700}.author__meta span{font-size:12.5px;color:var(--gl-muted)}
.cbtn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;cursor:pointer;display:grid;place-items:center;z-index:3;background:var(--gl-surface);border:1px solid var(--gl-border-strong);color:var(--gl-text);backdrop-filter:blur(8px);transition:.25s var(--ease)}
.cbtn:hover{border-color:var(--gl-gold-border);color:var(--gl-gold-strong);background:var(--gl-surface-hover)}.cbtn .ico{width:20px;height:20px}
.cbtn--next{inset-inline-start:-22px}.cbtn--prev{inset-inline-end:-22px}.cbtn--prev .ico{transform:scaleX(-1)}
.tdots{display:flex;justify-content:center;gap:9px;margin-top:26px}
.tdot{width:9px;height:9px;border-radius:50%;border:0;cursor:pointer;padding:0;background:var(--gl-border-strong);transition:.3s var(--ease)}
.tdot.active{width:26px;border-radius:5px;background:linear-gradient(90deg,var(--gl-gold-strong),var(--gl-gold-deep))}
.ph-note{display:block;text-align:center;color:var(--gl-muted-2);font-size:12.5px;margin-top:16px}

/* FAQ */
.faq{padding:clamp(50px,6vw,90px) 0}
.faq__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(32px,5vw,64px);align-items:start}
.faq__aside h2{font-size:var(--fs-h2);line-height:1.22;letter-spacing:-.02em;font-weight:800;margin-bottom:16px}
.faq__aside p{color:var(--gl-muted);font-size:14px;line-height:1.9;margin-bottom:26px;max-width:360px}
.faq__help{padding:22px;border-radius:var(--r-lg);border:1px solid var(--gl-border);background:linear-gradient(160deg,var(--gl-surface),var(--gl-surface-soft));backdrop-filter:blur(10px)}
.faq__help b{display:block;font-size:15px;margin-bottom:6px}.faq__help span{display:block;font-size:13px;color:var(--gl-muted);margin-bottom:16px;line-height:1.8}.faq__help .btn{width:100%}
.acc{display:flex;flex-direction:column;gap:12px}
.item{border:1px solid var(--gl-border);border-radius:var(--r-lg);background:var(--gl-surface);overflow:hidden;transition:border-color .3s var(--ease),background .3s}
.item.open{border-color:var(--gl-gold-border);background:linear-gradient(160deg,rgba(20,62,61,.6),var(--gl-surface-soft))}
.q{width:100%;display:flex;align-items:center;gap:16px;padding:20px 22px;background:none;border:0;cursor:pointer;font-family:inherit;color:var(--gl-text);text-align:right;font-size:clamp(14.5px,1.2vw,16px);font-weight:700;line-height:1.6}
.q__plus{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--gl-gold-strong);background:var(--gl-gold-soft);border:1px solid var(--gl-gold-border);transition:background .3s}
.q__plus .ico{width:18px;height:18px;transition:transform .35s var(--ease)}
.item.open .q__plus{background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold-deep));color:var(--gl-on-gold)}.item.open .q__plus .ico{transform:rotate(180deg)}
.q__txt{flex:1}
.a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .36s var(--ease)}.item.open .a{grid-template-rows:1fr}
.a__inner{overflow:hidden;min-height:0;padding:0 22px 22px;color:var(--gl-muted);font-size:14px;line-height:1.95}
.a__inner::before{content:"";display:block;height:1px;background:var(--gl-border);margin-bottom:16px}

/* FINAL CTA */
.cta{padding:clamp(56px,8vw,110px) 0}
.cta__card{position:relative;border-radius:var(--r-2xl);overflow:hidden;padding:clamp(40px,6vw,82px) clamp(28px,5vw,72px);text-align:center;background:linear-gradient(150deg,#10403d 0%,#0b2c2b 55%,#0a2625 100%);border:1px solid var(--gl-gold-border);box-shadow:var(--gl-shadow-lg)}
.cta__aura{position:absolute;inset:-40% -20%;z-index:0;pointer-events:none;filter:blur(70px);opacity:.6;background:radial-gradient(closest-side,rgba(212,175,55,.4),transparent 70%);animation:drift 16s var(--ease) infinite alternate}
@keyframes drift{0%{transform:translate(8%,4%) scale(1)}100%{transform:translate(-8%,-6%) scale(1.18)}}
.cta__lines{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at center,rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;-webkit-mask:radial-gradient(ellipse 70% 70% at 50% 40%,#000,transparent);mask:radial-gradient(ellipse 70% 70% at 50% 40%,#000,transparent)}
.cta__logo{position:relative;z-index:1;height:60px;width:auto;margin:0 auto 24px;opacity:.95;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}
.cta__card h2{position:relative;z-index:1;font-size:clamp(28px,3.6vw,50px);line-height:1.18;letter-spacing:-.025em;font-weight:800;margin-bottom:18px}
.cta__card h2 .grad{background:linear-gradient(120deg,var(--gl-gold-strong),var(--gl-gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.cta__card p{position:relative;z-index:1;color:var(--gl-text-soft);font-size:clamp(15px,1.2vw,18px);line-height:1.9;max-width:540px;margin:0 auto 34px}
.cta__btns{position:relative;z-index:1;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}
.cta__rows{position:relative;z-index:1;display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.trustrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--gl-muted);font-weight:600}.trustrow .ico{width:17px;height:17px;color:var(--gl-gold-strong)}

/* FOOTER */
.footer{position:relative;background:linear-gradient(180deg,var(--gl-bg) 0%,#061a19 100%);border-top:1px solid var(--gl-hairline);overflow:hidden;margin-top:10px}
.footer::before{content:"";position:absolute;top:-120px;inset-inline-start:8%;width:420px;height:300px;pointer-events:none;background:radial-gradient(closest-side,rgba(212,175,55,.1),transparent 70%);filter:blur(30px)}
.fbadges{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:clamp(28px,3.5vw,40px) 0;border-bottom:1px solid var(--gl-border)}
.fbadge{display:flex;align-items:center;gap:13px;justify-content:center}
.fbadge__ic{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;color:var(--gl-gold-strong);background:var(--gl-gold-soft);border:1px solid var(--gl-gold-border)}.fbadge__ic .ico{width:22px;height:22px}
.fbadge b{display:block;font-size:13.5px;font-weight:700;line-height:1.4}.fbadge span{font-size:12.5px;color:var(--gl-muted)}
.fmain{position:relative;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:clamp(28px,4vw,56px);padding:clamp(40px,5vw,60px) 0}
.fbrand__logo{height:60px;width:auto;margin-bottom:18px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
.fbrand p{color:var(--gl-muted);font-size:13.5px;line-height:1.9;max-width:320px;margin-bottom:22px}
.fsocial{display:flex;gap:10px}
.fsocial a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--gl-text-soft);background:var(--gl-surface);border:1px solid var(--gl-border);transition:.25s var(--ease)}
.fsocial a:hover{color:var(--gl-gold-strong);border-color:var(--gl-gold-border);background:var(--gl-surface-hover);transform:translateY(-2px)}.fsocial a .ico{width:20px;height:20px}
.fcol h4{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--gl-text);margin-bottom:18px;text-transform:uppercase;opacity:.9}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.fcol li a{color:var(--gl-muted);font-size:13.5px;transition:color .2s;display:inline-flex;align-items:center;gap:7px}
.fcol li a::before{content:"";width:0;height:1.5px;background:var(--gl-gold);transition:width .25s var(--ease)}
.fcol li a:hover{color:var(--gl-text)}.fcol li a:hover::before{width:12px}
.fcontact li{display:flex;align-items:flex-start;gap:11px;color:var(--gl-text-soft);font-size:13.5px;margin-bottom:14px;list-style:none}
.fcontact .ico{width:18px;height:18px;color:var(--gl-gold-strong);flex-shrink:0;margin-top:3px}
.fcontact b{display:block;font-size:12px;color:var(--gl-muted);font-weight:600;margin-bottom:2px}
.fcontact li a,.fcontact li span{direction:ltr;display:block;font-weight:600;color:var(--gl-text)}.fcontact li a:hover{color:var(--gl-gold-strong)}.fcontact ul{padding:0}
.fbottom{position:relative;border-top:1px solid var(--gl-border);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fbottom p{font-size:12.5px;color:var(--gl-muted)}.fbottom__links{display:flex;gap:20px}.fbottom__links a{font-size:12.5px;color:var(--gl-muted);transition:color .2s}.fbottom__links a:hover{color:var(--gl-text)}
.totop{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--gl-gold-strong);font-weight:700}.totop .ico{width:15px;height:15px;transform:rotate(90deg)}

/* FAB */
.fab{position:fixed;bottom:22px;inset-inline-start:22px;z-index:80;display:flex;flex-direction:column-reverse;align-items:center;gap:12px}
.fab__main{width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:var(--gl-on-gold);background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold-deep));box-shadow:var(--gl-glow-gold),var(--gl-shadow-md);transition:transform .3s var(--ease)}
.fab__main .ico{width:27px;height:27px;stroke-width:1.8;transition:transform .35s var(--ease)}.fab.open .fab__main{transform:rotate(135deg)}
.fab__items{display:flex;flex-direction:column;gap:12px;align-items:center}
.fab__item{position:relative;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:var(--gl-shadow-md);opacity:0;transform:translateY(14px) scale(.6);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.fab.open .fab__item{opacity:1;transform:none;pointer-events:auto}
.fab.open .fab__item:nth-child(1){transition-delay:.05s}.fab.open .fab__item:nth-child(2){transition-delay:.1s}.fab.open .fab__item:nth-child(3){transition-delay:.15s}
.fab__item .ico{width:24px;height:24px;stroke-width:1.7}
.fab__item--wa{background:#25D366}.fab__item--wa .ico{fill:currentColor;stroke:none}.fab__item--ig{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}.fab__item--tel{background:var(--gl-bg-4);border:1px solid var(--gl-gold-border);color:var(--gl-gold-strong)}
.fab__tip{position:absolute;inset-inline-start:60px;white-space:nowrap;font-size:12px;font-weight:700;padding:6px 11px;border-radius:8px;background:rgba(8,32,31,.95);border:1px solid var(--gl-border-strong);color:var(--gl-text);opacity:0;pointer-events:none;transition:.2s}.fab__item:hover .fab__tip{opacity:1}

/* LIGHTBOX (shared: pricing + gallery) */
.lb{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(4,16,15,.9);backdrop-filter:blur(10px)}
.lb.open{display:grid;animation:lbin .3s var(--ease-out)}@keyframes lbin{from{opacity:0}to{opacity:1}}
.lb__stage{position:relative;max-width:min(1000px,94vw)}
.lb__img{max-width:100%;max-height:84vh;border-radius:14px;border:1px solid var(--gl-gold-border);box-shadow:var(--gl-shadow-lg)}
.lb__cap{text-align:center;margin-top:12px;font-size:14px;color:var(--gl-text-soft);font-weight:600}
.lb__x{position:absolute;top:-8px;inset-inline-end:-8px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--gl-surface);border:1px solid var(--gl-border-strong);color:var(--gl-text)}.lb__x .ico{width:22px;height:22px}
.lb__nav{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:rgba(15,47,47,.8);border:1px solid var(--gl-border-strong);color:var(--gl-text)}
.lb__nav:hover{border-color:var(--gl-gold-border);color:var(--gl-gold-strong)}.lb__nav .ico{width:24px;height:24px}.lb__nav--next{inset-inline-start:18px}.lb__nav--prev{inset-inline-end:18px}.lb__nav--prev .ico{transform:scaleX(-1)}

/* demo toggle */





/* prefers-reduced-motion */
@media (prefers-reduced-motion:reduce){
  .gl-js [data-rv]{opacity:1;transform:none}
  .hero__spot,.gl-spot{display:none}
  .tbar__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
  .tbar__group[aria-hidden]{display:none}
  .hero__visual .glass{transition:none}
  .appwin,.toast,.cta__aura,.stagecard,.gitem__sk,.eyebrow.pill .dot,.glass__live i,.fab__item,.fab__main .ico,.btn--primary::before,.gl-spot{animation:none;transition:none}
  .toast{opacity:1;transform:none}.gitem img{opacity:1}.ttrack{transition:none}.track{scroll-behavior:auto}
}
/* RESPONSIVE */
@media (max-width:1024px){.pillars{grid-template-columns:repeat(2,1fr)}.bento{grid-template-columns:repeat(2,1fr)}.bento--uniform{grid-template-columns:repeat(2,1fr)}.svc--zir{grid-column:span 2}}
@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr;gap:44px}.hero__visual{order:2;max-width:520px;margin-inline:auto}.hero__content{order:1}
  .offer__grid{grid-template-columns:1fr;gap:44px}.showcase{order:2;max-width:560px;margin:0 auto}.offer__content{order:1}
  .svc--feat{grid-column:span 2}
}
@media (max-width:920px){.gl-nav{display:none}.gl-actions .btn--ghost{display:none}.gl-burger{display:flex}}
@media (max-width:860px){
  .metrics__grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(1)::before,.metric:nth-child(3)::before{display:none}.metric:nth-child(3),.metric:nth-child(4){border-top:1px solid var(--gl-border)}
}
@media (max-width:820px){
  .scrolly__grid{grid-template-columns:1fr}.scrolly__sticky{display:none}.steps{display:block;position:relative;margin-top:6px}.steps::before{content:"";position:absolute;top:28px;bottom:28px;inset-inline-start:19px;width:2px;background:var(--gl-gold-border);opacity:.3}.steps__fill{display:block;position:absolute;inset-inline-start:19px;width:2px;top:28px;height:0;z-index:1;background:linear-gradient(180deg,var(--gl-gold-strong),var(--gl-gold-deep));border-radius:2px;transition:height .5s var(--ease)}.sstep{min-height:auto;display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding:11px 0;border-top:0}.sstep__n{grid-column:1;grid-row:1 / span 2;align-self:start}.sstep__n .lbl{display:none}.sstep__n b{position:relative;z-index:2;width:40px;height:40px;font-size:16px;background:var(--gl-bg-2);color:var(--gl-gold-strong);border:2px solid var(--gl-gold-border);box-shadow:0 0 0 5px var(--gl-bg);transition:background .4s var(--ease),color .4s,transform .4s,border-color .4s}.sstep.reached .sstep__n b{background:linear-gradient(135deg,var(--gl-gold-strong),var(--gl-gold-deep));color:var(--gl-on-gold);border-color:transparent;transform:scale(1.06)}.sstep h3{grid-column:2;grid-row:1;align-self:center;color:var(--gl-text);font-size:18px}.sstep p{grid-column:2;grid-row:2;opacity:1;max-width:none}
  .faq__grid{grid-template-columns:1fr;gap:36px}.faq__aside p{max-width:none}
  .fmain{grid-template-columns:1fr 1fr;gap:36px}.fbrand{grid-column:1/-1}
}
@media (max-width:760px){
  .gitem{flex-basis:78%}.gnav{display:none}
  .cbtn--next{inset-inline-start:6px}.cbtn--prev{inset-inline-end:6px}.cbtn{width:42px;height:42px;background:rgba(8,32,31,.7)}
  .fbadges{grid-template-columns:1fr 1fr;gap:20px}.fbadge{justify-content:flex-start}
}
@media (max-width:680px){
  .bento{grid-template-columns:1fr}.bento--uniform{grid-template-columns:1fr}.svc--zir{grid-column:span 1}.svc--feat{grid-column:span 1;flex-direction:column;align-items:stretch}.svc--feat .svc__side{width:100%}
  .pricecard{flex-direction:column;text-align:center}.pricecard__preview{width:100%;transform:none}.pricecard__main p{margin-inline:auto}.meta{justify-content:center}.pricecard__cta{justify-content:center}
  .principles{grid-template-columns:1fr}
}
@media (max-width:560px){
  .gl-brand__suffix{display:none}
  .hero__cta,.offer__cta,.cta__btns,.pricecard__cta{flex-direction:column;align-items:stretch}
  .hero__cta .btn,.offer__cta .btn,.cta__btns .btn,.pricecard__cta .btn{width:100%}
  .benefits{grid-template-columns:1fr}.metric b{font-size:52px}
  .appwin__body{grid-template-columns:1fr}.appside{flex-direction:row;flex-wrap:wrap;border-inline-start:none;border-bottom:1px solid var(--gl-border);gap:6px}.appside__brand{width:100%;padding-bottom:8px}
  .author{flex-direction:column;gap:8px}.author__meta{text-align:center}.tcard__q{display:none}
  .fmain{grid-template-columns:1fr}.fbottom{flex-direction:column;text-align:center;justify-content:center}
}

/* Disabled CTA (URL not yet configured in Customizer) — fail-closed, visibly inert. */
.btn.gl-is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.3)}
