:root{
  --ink:#251238;--purple:#4b216d;--purple-deep:#321044;--purple2:#6d3697;--violet:#8f5bb5;
  --paper:#7b4b98;--white:#fff;--blue:#3198ff;--green:#08bd68;--pink:#c311ef;--orange:#ffad1f;
  --gold:#ffc736;--line:rgba(255,255,255,.18);--muted:#6e6178;--shadow:0 22px 65px rgba(35,12,54,.18);
  --radius:34px;--radius-sm:26px;--accent:#3198ff;--accent-soft:#7fc2ff;
}
body.page--corporate{--accent:#08bd68;--accent-soft:#65df9c}
body.page--business{--accent:#c311ef;--accent-soft:#e680ff}
body.page--it{--accent:#ffad1f;--accent-soft:#ffd16b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#754592;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:#fff;padding:10px 14px;z-index:999;border-radius:12px}
/* Header: closer to the original Globlex top bar */
.top{position:sticky;top:0;z-index:80;background:rgba(63,24,91,.94);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0 0 36px 36px}.topin{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;position:relative}.brand{grid-column:2;display:flex;align-items:center;justify-content:center;text-decoration:none}.brand img{width:116px;height:auto;filter:brightness(0) invert(1)}.nav{grid-column:1;grid-row:1;display:flex;gap:10px;align-items:center;justify-self:start}.nav a{font-size:14px;line-height:1;text-decoration:none;padding:11px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);transition:.18s ease}.nav a:hover,.nav a[aria-current="page"]{background:#fff;color:#4b216d;border-color:#fff}.contact-top{grid-column:3;grid-row:1;display:flex;gap:10px;align-items:center;justify-self:end}.phone{font-weight:900;text-decoration:none;white-space:nowrap;font-size:16px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid rgba(255,255,255,.30)}.pill.white{background:#fff;color:#4b216d;border-color:#fff}.menubtn{display:none;margin-left:auto;background:#fff;color:#4b216d;border:0;border-radius:999px;padding:11px 17px;font-weight:900}
/* Hero */
.hero{position:relative;overflow:hidden;color:#fff;padding:92px 0 86px;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.10),transparent 24%),linear-gradient(135deg,#4a1e70 0%,#7b43a3 55%,#955fba 100%)}.hero:before{content:"";position:absolute;width:310px;height:310px;right:-72px;bottom:-58px;background:url('/images/advant/hat.png') center/contain no-repeat;opacity:.72;transform:rotate(-8deg);pointer-events:none}.hero:after{content:"";position:absolute;width:190px;height:190px;left:-42px;top:44px;background:url('/images/hero/paw.svg') center/contain no-repeat;opacity:.14;pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:48px;position:relative;z-index:2;align-items:center}.crumbs{font-size:13px;color:rgba(255,255,255,.72);margin-bottom:24px}.crumbs a{text-decoration:none}.eyebrow{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);text-transform:uppercase;letter-spacing:.10em;font-weight:900;font-size:12px;color:#fff}.hero h1{font-size:clamp(42px,5.6vw,76px);line-height:1.01;margin:19px 0 24px;letter-spacing:-.028em;max-width:850px}.lead{font-size:20px;max-width:810px;color:rgba(255,255,255,.91);line-height:1.52}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 25px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid transparent;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 14px 32px rgba(33,14,52,.18)}.btn.primary:after{content:"→";margin-left:10px;font-size:20px}.btn.secondary{border-color:rgba(255,255,255,.40);color:#fff;background:rgba(255,255,255,.07)}.hero-card{position:relative;align-self:center;background:var(--accent);color:#fff;border-radius:38px;padding:34px 30px 30px;box-shadow:0 28px 70px rgba(31,8,50,.24);overflow:hidden;min-height:340px}.hero-card:before{content:"01";position:absolute;right:18px;top:-20px;font-size:150px;line-height:1;font-weight:300;color:rgba(255,255,255,.15);letter-spacing:-.08em}.hero-card:after{content:"";position:absolute;width:86px;height:86px;right:22px;bottom:16px;background:url('/images/btn-paw.png') center/contain no-repeat;opacity:.18}.hero-card h2{position:relative;z-index:1;font-size:24px;margin:0 0 16px;max-width:70%}.check{position:relative;z-index:1;list-style:none;padding:0;margin:0}.check li{padding:13px 0 13px 30px;border-top:1px solid rgba(255,255,255,.26);position:relative}.check li:first-child{border-top:0}.check li:before{content:"✓";position:absolute;left:0;color:#fff;font-weight:1000}
/* Four quick advantages become Globlex-style coloured tiles */
.band{position:relative;z-index:3;margin-top:-26px;background:transparent;border:0}.band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.band-item{min-height:124px;padding:24px 21px;border:0;border-radius:27px;color:#fff;box-shadow:0 16px 38px rgba(31,10,48,.14);position:relative;overflow:hidden}.band-item:nth-child(1){background:#3198ff}.band-item:nth-child(2){background:#c311ef}.band-item:nth-child(3){background:#ffad1f}.band-item:nth-child(4){background:#08bd68}.band-item:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-15px;bottom:-20px;background:rgba(255,255,255,.12)}.band-item b{display:block;font-size:18px;line-height:1.18;margin-bottom:7px;position:relative;z-index:1}.band-item span{font-size:13px;color:rgba(255,255,255,.84);position:relative;z-index:1}
/* Main sections */
main>section:not(.hero):not(.intent){background:#7d4d9a}section{padding:80px 0}.section-head{max-width:850px;margin-bottom:35px}.kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:900}.section-head h2{font-size:clamp(34px,4.2vw,54px);line-height:1.07;letter-spacing:-.02em;margin:14px 0 15px;color:#fff}.section-head p{font-size:18px;color:rgba(255,255,255,.84);margin:0;max-width:780px}.soft{background:#6f408b!important;position:relative;overflow:hidden}.soft:after{content:"";position:absolute;width:200px;height:200px;right:-50px;bottom:-60px;background:url('/images/advant/watch.png') center/contain no-repeat;opacity:.18;pointer-events:none}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;overflow:hidden;border:0;border-radius:30px;padding:28px;box-shadow:0 14px 36px rgba(35,10,54,.12);color:#fff;min-height:225px}.card:nth-child(6n+1){background:#3198ff}.card:nth-child(6n+2){background:#c311ef}.card:nth-child(6n+3){background:#ffad1f}.card:nth-child(6n+4){background:#08bd68}.card:nth-child(6n+5){background:#7346ff}.card:nth-child(6n){background:#f05d44}.card:after{content:"";position:absolute;width:115px;height:115px;border-radius:50%;right:-35px;bottom:-40px;background:rgba(255,255,255,.10)}.card h3{position:relative;z-index:2;font-size:23px;line-height:1.14;margin:0 0 12px}.card p{position:relative;z-index:2;margin:0;color:rgba(255,255,255,.88)}.num{position:relative;z-index:2;display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.18);color:#fff;font-weight:1000;margin-bottom:22px;font-size:18px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{position:relative;overflow:hidden;color:#fff;border-radius:27px;padding:25px;border:0;min-height:205px;box-shadow:0 14px 36px rgba(35,10,54,.10)}.step:nth-child(1){background:#08bd68}.step:nth-child(2){background:#3198ff}.step:nth-child(3){background:#c311ef}.step:nth-child(4){background:#ffad1f}.step:nth-child(5){background:#7346ff}.step b{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff;font-size:11px;margin-bottom:18px}.step strong{display:block;font-size:21px;line-height:1.15;margin-bottom:10px}.step p{font-size:14px;color:rgba(255,255,255,.86);margin:0}.step:after{content:"";position:absolute;width:80px;height:80px;right:-28px;bottom:-30px;border-radius:50%;background:rgba(255,255,255,.10)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.proof{position:relative;overflow:hidden;background:#fff;border:0;border-radius:36px;padding:38px;box-shadow:0 20px 55px rgba(33,10,51,.15)}.proof:before{content:"“";position:absolute;right:24px;top:-28px;font-size:160px;color:rgba(123,68,154,.10);font-family:Georgia,serif}.proof blockquote{position:relative;z-index:1;font-size:23px;line-height:1.36;margin:0 0 18px;font-weight:750}.proof cite{position:relative;z-index:1;font-style:normal;color:var(--muted)}
.expert{position:relative;overflow:hidden;display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:center;background:#4a216c;color:#fff;border-radius:38px;padding:30px;border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 50px rgba(32,10,48,.13)}.expert:after{content:"";position:absolute;width:160px;height:160px;right:-30px;bottom:-35px;background:url('/images/theacher/tail.png') center/contain no-repeat;opacity:.18}.expert img{position:relative;z-index:1;width:210px;height:210px;object-fit:cover;border-radius:30px;border:6px solid rgba(255,255,255,.12)}.expert>div{position:relative;z-index:1}.expert h3{font-size:31px;margin:0 0 7px}.expert p{margin:5px 0;color:rgba(255,255,255,.84)}
/* Practice section */
.intent{position:relative;overflow:hidden;background:#321443;color:#fff}.intent:after{content:"";position:absolute;width:240px;height:240px;right:-55px;bottom:-75px;background:url('/images/kviz/paw.png') center/contain no-repeat;opacity:.22}.intent .section-head p{color:rgba(255,255,255,.78)}.intent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.intent-item{position:relative;z-index:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:27px;border-radius:28px;backdrop-filter:blur(6px)}.intent-item:nth-child(1){box-shadow:inset 6px 0 0 #3198ff}.intent-item:nth-child(2){box-shadow:inset 6px 0 0 #c311ef}.intent-item:nth-child(3){box-shadow:inset 6px 0 0 #ffad1f}.intent-item:nth-child(4){box-shadow:inset 6px 0 0 #08bd68}.intent-item h3{margin:0 0 9px;font-size:23px}.intent-item p{margin:0;color:rgba(255,255,255,.80)}
/* FAQ */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq details{background:#fff;border:0;border-radius:22px;padding:0;overflow:hidden;box-shadow:0 12px 34px rgba(35,10,54,.10)}.faq summary{cursor:pointer;font-weight:900;list-style:none;padding:20px 54px 20px 22px;position:relative;color:#fff}.faq details:nth-child(4n+1) summary{background:#3198ff}.faq details:nth-child(4n+2) summary{background:#08bd68}.faq details:nth-child(4n+3) summary{background:#ffad1f}.faq details:nth-child(4n) summary{background:#c311ef}.faq summary:after{content:"+";position:absolute;right:19px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.17);font-size:20px}.faq details[open] summary:after{content:"−"}.faq summary::-webkit-details-marker{display:none}.faq details p{color:#5f5268;margin:0;padding:18px 22px 21px}.faq details[open]{box-shadow:0 17px 42px rgba(35,10,54,.15)}
/* Conversion block */
.leadbox{position:relative;overflow:hidden;background:linear-gradient(135deg,#4b1e6e,#7b43a3 58%,#955fba);border-radius:42px;color:#fff;padding:46px;display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:start;box-shadow:0 24px 70px rgba(33,10,51,.18)}.leadbox:before{content:"";position:absolute;width:185px;height:185px;left:-45px;bottom:-70px;background:url('/images/hero/paw.svg') center/contain no-repeat;opacity:.15}.leadbox>div,.leadbox>form{position:relative;z-index:2}.leadbox h2{font-size:43px;line-height:1.03;margin:0 0 15px;letter-spacing:-.03em}.leadbox p{color:rgba(255,255,255,.82);margin:0 0 21px}.gform{background:#fff;color:var(--ink);padding:25px;border-radius:28px;box-shadow:0 18px 45px rgba(28,8,44,.16)}.gform label{font-size:13px;font-weight:850;display:block;margin-bottom:6px}.gform input,.gform textarea{width:100%;border:1px solid #ddd0e5;background:#fff;border-radius:15px;padding:14px 15px;font:inherit;outline:none}.gform input:focus,.gform textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.field{margin-bottom:12px}.gform button{width:100%;border:0;cursor:pointer;background:var(--accent);color:#fff;min-height:54px;border-radius:999px;font-weight:900;font-size:16px}.policy{font-size:11px!important;color:#817587!important;margin:12px 0 0!important}.policy a{text-decoration:underline}
.cross{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cross a{position:relative;overflow:hidden;color:#fff;padding:22px;border-radius:24px;text-decoration:none;font-weight:900;min-height:92px;display:flex;align-items:flex-end}.cross a:nth-child(1){background:#3198ff}.cross a:nth-child(2){background:#08bd68}.cross a:nth-child(3){background:#c311ef}.cross a:nth-child(4){background:#ffad1f}.cross a:after{content:"→";position:absolute;right:17px;top:13px;font-size:28px;color:rgba(255,255,255,.75)}.cross a:hover{transform:translateY(-2px)}
.footer{background:#2b103c;color:#fff;padding:48px 0}.footer .brand{display:inline-flex;filter:none;justify-content:flex-start}.footer .brand img{filter:brightness(0) invert(1)}.footgrid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.footlinks{display:flex;gap:15px;flex-wrap:wrap;margin-top:17px}.footlinks a{color:#decce8;font-size:13px}.footcontact{text-align:right}.footcontact a{display:block;text-decoration:none;font-weight:800;margin-top:5px}.copyright{font-size:12px;color:#bda9cc;margin-top:14px}.sticky-cta{display:none}

/* Motion language borrowed from the main Globlex page */
@keyframes globlexFloatHat{0%,100%{transform:translate3d(0,0,0) rotate(-8deg)}50%{transform:translate3d(-10px,-14px,0) rotate(-4deg)}}
@keyframes globlexFloatPaw{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(10px,8px,0) rotate(5deg)}}
@keyframes globlexSoftPulse{0%,100%{opacity:.16;transform:scale(1)}50%{opacity:.24;transform:scale(1.06)}}
.hero:before{animation:globlexFloatHat 7s ease-in-out infinite}.hero:after{animation:globlexFloatPaw 8s ease-in-out infinite}.soft:after,.intent:after{animation:globlexSoftPulse 6.5s ease-in-out infinite}
.hero-card,.band-item,.card,.step,.intent-item,.expert,.faq details,.cross a,.pill,.btn{will-change:transform;backface-visibility:hidden}
.band-item,.card,.step,.intent-item,.faq details,.cross a{transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}
.band-item:hover,.card:hover,.step:hover,.intent-item:hover{transform:translateY(-5px);box-shadow:0 24px 56px rgba(31,10,48,.20);filter:saturate(1.05)}
.cross a:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 18px 38px rgba(31,10,48,.16)}
.faq details:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(35,10,54,.14)}
.hero-card{transition:transform .28s ease,box-shadow .28s ease}.hero-card:hover{transform:translateY(-5px) rotate(.15deg);box-shadow:0 34px 80px rgba(31,8,50,.30)}
.btn,.pill,.nav a{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn:hover,.pill:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(30,10,45,.16)}
.gform input,.gform textarea{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.gform input:focus,.gform textarea:focus{transform:translateY(-1px)}
@media(max-width:1100px){.topin{grid-template-columns:auto 1fr auto}.brand{grid-column:1;justify-content:flex-start}.nav{grid-column:2;margin:auto}.contact-top{grid-column:3}.pill.white{display:none}.hero-grid{grid-template-columns:1fr .72fr}.band-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.top{border-radius:0 0 26px 26px}.topin{display:flex;height:78px}.brand{margin-right:auto}.nav,.contact-top{display:none}.menubtn{display:block}.top.open .nav{display:flex;position:absolute;left:16px;right:16px;top:70px;background:#fff;color:var(--ink);padding:16px;border-radius:22px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.top.open .nav a{border-color:#eadff0;background:#f9f5fb;text-align:center}.hero{padding-top:66px}.hero-grid,.two,.leadbox{grid-template-columns:1fr}.hero-card{max-width:680px;min-height:unset}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.intent-grid{grid-template-columns:1fr}.cross{grid-template-columns:1fr 1fr}.expert{grid-template-columns:150px 1fr}.expert img{width:150px;height:150px}}
@media(max-width:620px){.wrap{width:min(100% - 26px,1180px)}.topin{height:70px}.brand img{width:100px}.hero{padding:52px 0 58px}.hero:before{width:190px;height:190px;right:-62px}.hero h1{font-size:43px}.lead{font-size:17px}.cta-row .btn{width:100%}.hero-card{padding:26px;border-radius:28px}.hero-card:before{font-size:110px}.band{margin-top:-14px}.band-grid,.cards,.steps,.faq,.cross{grid-template-columns:1fr}.band-item{min-height:105px}.cards .card{min-height:unset}section{padding:60px 0}.section-head h2{font-size:35px}.section-head p{font-size:16px}.expert{grid-template-columns:1fr;padding:23px}.expert img{width:126px;height:126px}.leadbox{padding:27px;border-radius:30px}.leadbox h2{font-size:33px}.footgrid{grid-template-columns:1fr}.footcontact{text-align:left}.sticky-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:10px;right:10px;bottom:10px;z-index:90;background:#fff;border:1px solid rgba(75,33,109,.12);border-radius:999px;padding:6px;box-shadow:0 10px 35px rgba(36,18,54,.22)}.sticky-cta a{text-align:center;text-decoration:none;padding:12px 8px;border-radius:999px;font-weight:900;font-size:13px}.sticky-cta a:first-child{background:var(--accent);color:#fff}.sticky-cta a:last-child{color:#4b216d}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .wow{animation:none!important;visibility:visible!important}
  .hero:before,.hero:after,.soft:after,.intent:after{animation:none!important}
  .btn,.pill,.nav a,.band-item,.card,.step,.intent-item,.faq details,.cross a,.hero-card,.gform input,.gform textarea{transition:none!important;transform:none!important}
}


/* v3 polish after real-browser review */
.band-item span{font-size:14px;line-height:1.42}
.card p{font-size:16px;line-height:1.52}
.step p{font-size:15px;line-height:1.48}
.intent-item p{font-size:16px;line-height:1.52}
.expert p{font-size:16px;line-height:1.55}

/* Keep the final cross-links in normal flow and prevent legacy footer rules from overlapping them */
.other-directions{position:relative!important;z-index:2!important;padding:28px 0 86px!important;min-height:auto!important;overflow:visible!important}
.other-directions .cross{position:relative;z-index:3;margin-bottom:0}
.footer{position:relative!important;z-index:4!important;margin:0!important;transform:none!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}

/* More Globlex-like motion without making the SEO pages distracting */
@keyframes globlexGlowMove{0%{transform:translateX(-130%) skewX(-18deg)}55%,100%{transform:translateX(230%) skewX(-18deg)}}
@keyframes globlexOrbDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-12px,10px,0) scale(1.05)}}
.hero-card:after{animation:globlexOrbDrift 6s ease-in-out infinite}
.btn.primary,.gform button,.pill.white{position:relative;overflow:hidden}
.btn.primary:before,.gform button:before,.pill.white:before{content:"";position:absolute;top:-35%;bottom:-35%;width:34%;left:-45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:globlexGlowMove 5.2s ease-in-out infinite;pointer-events:none}

/* Mouse-reactive cards get depth only on pointer devices */
@media (hover:hover) and (pointer:fine){
  .motion-tilt{transform-style:preserve-3d;transition:transform .18s ease,box-shadow .22s ease,filter .22s ease}
  .motion-tilt:hover{box-shadow:0 26px 62px rgba(31,10,48,.22)}
}

@media(max-width:950px){.other-directions{padding-bottom:72px!important}}
@media(max-width:620px){
  .other-directions{padding:20px 0 92px!important}
  .band-item span{font-size:13.5px}.card p,.intent-item p,.expert p{font-size:15px}.step p{font-size:14.5px}
}
@media(prefers-reduced-motion:reduce){.hero-card:after,.btn.primary:before,.gform button:before,.pill.white:before{animation:none!important}}


/* ===== v4 polish: hero format card, FAQ masonry columns, clickable footer ===== */
.hero-card{
  background:rgba(255,255,255,.97)!important;
  color:var(--ink)!important;
  padding:28px!important;
  min-height:0!important;
  border-radius:38px!important;
  box-shadow:0 28px 70px rgba(31,8,50,.22)!important;
  border:1px solid rgba(255,255,255,.70)!important;
  overflow:hidden!important;
}
.hero-card:before{
  content:""!important;
  position:absolute!important;
  width:170px!important;
  height:170px!important;
  right:-58px!important;
  top:-58px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,rgba(75,33,109,.10),rgba(195,17,239,.05))!important;
  pointer-events:none!important;
}
.hero-card:after{
  content:""!important;
  position:absolute!important;
  width:76px!important;
  height:76px!important;
  right:18px!important;
  bottom:16px!important;
  background:url('/images/btn-paw.png') center/contain no-repeat!important;
  opacity:.07!important;
  pointer-events:none!important;
}
.hero-card h2{
  position:relative!important;
  z-index:2!important;
  max-width:none!important;
  margin:0 0 18px!important;
  color:#4b216d!important;
  font-size:28px!important;
  line-height:1.08!important;
}
.hero-card .check{
  display:grid!important;
  gap:10px!important;
  position:relative!important;
  z-index:2!important;
}
.hero-card .check li{
  border:0!important;
  border-radius:18px!important;
  padding:15px 46px 15px 18px!important;
  color:#fff!important;
  font-weight:800!important;
  line-height:1.28!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  box-shadow:0 10px 22px rgba(39,15,56,.08)!important;
  transition:transform .22s ease,filter .22s ease!important;
}
.hero-card .check li:nth-child(1){background:#3198ff!important}
.hero-card .check li:nth-child(2){background:#08bd68!important}
.hero-card .check li:nth-child(3){background:#ffad1f!important}
.hero-card .check li:nth-child(4){background:#c311ef!important}
.hero-card .check li:before{
  content:"✓"!important;
  left:auto!important;
  right:17px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.17)!important;
  font-size:14px!important;
}
@media (hover:hover) and (pointer:fine){
  .hero-card .check li:hover{transform:translateX(5px)!important;filter:brightness(1.03)!important}
}

/* FAQ: two truly independent columns, so opening one answer never stretches its neighbour */
.faq{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  align-items:start!important;
}
.faq-col{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important}
.faq details{width:100%!important;align-self:flex-start!important}
.faq details p{background:#fff!important}

/* Footer: make navigation unmistakably interactive and keep decorative layers from swallowing clicks */
.footer{isolation:isolate!important;overflow:hidden!important}
.footer:before,.footer:after{pointer-events:none!important}
.footer .wrap,.footer .footgrid,.footer .footlinks,.footer .footcontact,.footer .brand{position:relative!important;z-index:5!important}
.footlinks{gap:10px!important;align-items:center!important}
.footlinks a{
  position:relative!important;
  z-index:8!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.07)!important;
  color:#f0e5f6!important;
  font-size:14px!important;
  font-weight:700!important;
  text-decoration:none!important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
}
.footlinks a:hover{background:#fff!important;color:#4b216d!important;border-color:#fff!important;transform:translateY(-2px)!important}
.footlinks a:nth-last-child(-n+2){
  background:transparent!important;
  border-color:transparent!important;
  padding-left:4px!important;
  padding-right:4px!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
  font-weight:600!important;
}
.footlinks a:nth-last-child(-n+2):hover{background:transparent!important;color:#fff!important;transform:none!important}
.footcontact a{position:relative!important;z-index:8!important;pointer-events:auto!important;cursor:pointer!important;color:#fff!important}

@media(max-width:620px){
  .hero-card{padding:22px!important;border-radius:28px!important}
  .hero-card h2{font-size:24px!important;margin-bottom:14px!important}
  .hero-card .check li{padding:14px 42px 14px 16px!important;min-height:54px!important;font-size:15px!important}
  .faq{grid-template-columns:1fr!important}
  .faq-col{display:contents!important}
  .footlinks a{min-height:36px!important;font-size:13px!important}
}


/* ===== v5: refined desktop navigation, branded mobile drawer, smooth FAQ, premium cross-links ===== */
/* Desktop header: remove the "many outlined chips" feeling */
@media(min-width:951px){
  .topin{height:90px!important;grid-template-columns:minmax(430px,1fr) auto minmax(360px,1fr)!important;gap:24px!important}
  .nav{gap:22px!important;align-items:center!important;white-space:nowrap!important}
  .nav a{
    position:relative!important;
    padding:12px 0 10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.70)!important;
    font-size:14px!important;
    font-weight:650!important;
    letter-spacing:.01em!important;
    transition:color .2s ease!important;
  }
  .nav a:after{
    content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:2px!important;height:2px!important;
    border-radius:999px!important;background:#fff!important;transform:scaleX(0)!important;transform-origin:center!important;
    transition:transform .22s ease!important;
  }
  .nav a:hover,.nav a[aria-current="page"]{color:#fff!important}
  .nav a:hover:after,.nav a[aria-current="page"]:after{transform:scaleX(1)!important}
  .contact-top{gap:16px!important}.phone{font-size:16px!important}
}

/* Mobile/tablet menu: branded drawer instead of a large white modal */
@media(max-width:950px){
  .top{overflow:visible!important}
  .topin{position:relative!important}
  .menubtn{
    display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:46px!important;padding:0 17px!important;
    border-radius:999px!important;background:#fff!important;color:#4b216d!important;box-shadow:0 8px 24px rgba(34,10,51,.16)!important;
    font-size:15px!important;font-weight:900!important;position:relative!important;z-index:103!important;
  }
  .menubtn:before{content:"☰";font-size:17px;line-height:1;font-weight:900}
  .top.open .menubtn:before{content:"×";font-size:22px}
  .nav{
    display:flex!important;position:fixed!important;left:12px!important;right:12px!important;top:82px!important;z-index:102!important;
    flex-direction:column!important;gap:9px!important;padding:18px!important;border-radius:28px!important;
    background:linear-gradient(145deg,rgba(54,17,77,.985),rgba(78,30,111,.985))!important;
    border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 28px 75px rgba(27,7,41,.36)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-12px) scale(.985)!important;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;
  }
  .nav:before{content:"Направления";display:block;color:rgba(255,255,255,.58);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:2px 5px 7px}
  .top.open .nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .nav a{
    position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;
    padding:0 50px 0 18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;
    background:rgba(255,255,255,.07)!important;color:#fff!important;text-align:left!important;font-size:18px!important;font-weight:700!important;
    box-shadow:none!important;transition:background .18s ease,transform .18s ease,border-color .18s ease!important;
  }
  .nav a:after{content:"↗"!important;position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;color:rgba(255,255,255,.78)!important;font-size:20px!important}
  .nav a:nth-of-type(1){box-shadow:inset 4px 0 0 #3198ff!important}.nav a:nth-of-type(2){box-shadow:inset 4px 0 0 #08bd68!important}.nav a:nth-of-type(3){box-shadow:inset 4px 0 0 #c311ef!important}.nav a:nth-of-type(4){box-shadow:inset 4px 0 0 #ffad1f!important}
  .nav a[aria-current="page"]{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.25)!important}
  .nav a:active{transform:scale(.99)!important}
  .contact-top{display:none!important}
}
@media(max-width:620px){.nav{top:76px!important}.nav a{min-height:56px!important;font-size:17px!important}.menubtn{min-height:44px!important;padding:0 15px!important}}

/* Cross-links: quieter, more premium and more informative than neon rectangles */
.other-directions{background:#6f408b!important}
.cross{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.cross a{
  position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;
  min-height:190px!important;padding:26px!important;border-radius:30px!important;overflow:hidden!important;text-decoration:none!important;color:#fff!important;
  background:linear-gradient(145deg,rgba(48,18,69,.62),rgba(255,255,255,.075))!important;
  border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 18px 46px rgba(31,9,48,.14)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.cross a:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--cross-accent,#3198ff)}
.cross a:after{content:""!important;position:absolute!important;inset:auto!important}
.cross a:nth-child(1){--cross-accent:#3198ff}.cross a:nth-child(2){--cross-accent:#08bd68}.cross a:nth-child(3){--cross-accent:#c311ef}.cross a:nth-child(4){--cross-accent:#ffad1f}
.cross-no{position:absolute;right:20px;top:15px;font-size:74px;line-height:1;color:rgba(255,255,255,.08);font-weight:300;letter-spacing:-.06em}
.cross-kicker{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:900;margin-bottom:8px}
.cross-title{font-size:25px;line-height:1.08;font-weight:800;margin:0 44px 8px 0}
.cross-desc{font-size:14px;line-height:1.45;color:rgba(255,255,255,.72);font-weight:500;max-width:330px}
.cross-arrow{position:absolute;right:22px;bottom:23px;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:21px;transition:transform .2s ease,background .2s ease}
.cross a:hover{transform:translateY(-5px)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 27px 64px rgba(31,9,48,.22)!important}
.cross a:hover .cross-arrow{transform:translate(3px,-3px);background:rgba(255,255,255,.20)}
@media(max-width:950px){.cross{grid-template-columns:1fr 1fr!important}.cross a{min-height:170px!important}}
@media(max-width:620px){.cross{grid-template-columns:1fr!important}.cross a{min-height:145px!important;padding:22px!important}.cross-no{font-size:60px}.cross-title{font-size:22px}.cross-arrow{right:18px;bottom:18px}}

/* FAQ: custom smooth accordion; no native <details> jump */
.faq-item{width:100%;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(35,10,54,.10);transition:box-shadow .22s ease,transform .22s ease}
.faq-question{position:relative;width:100%;border:0;text-align:left;color:#fff;cursor:pointer;padding:20px 58px 20px 22px;font:inherit;font-weight:900;line-height:1.35;min-height:68px}
.faq-col:first-child .faq-item:nth-child(odd) .faq-question{background:#3198ff}.faq-col:first-child .faq-item:nth-child(even) .faq-question{background:#ffad1f}
.faq-col:last-child .faq-item:nth-child(odd) .faq-question{background:#08bd68}.faq-col:last-child .faq-item:nth-child(even) .faq-question{background:#c311ef}
.faq-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.18)}
.faq-icon:before,.faq-icon:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;border-radius:999px;background:#fff;transform:translate(-50%,-50%);transition:transform .25s ease,opacity .25s ease}
.faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item.is-open .faq-icon:after{transform:translate(-50%,-50%) rotate(0);opacity:0}
.faq-answer{display:grid;grid-template-rows:0fr;opacity:.15;background:#fff;transition:grid-template-rows .34s cubic-bezier(.22,.8,.24,1),opacity .24s ease}
.faq-answer-inner{overflow:hidden;min-height:0}
.faq-answer p{margin:0!important;padding:20px 22px 22px!important;color:#5f5268!important;background:#fff!important;line-height:1.6}
.faq-item.is-open{box-shadow:0 18px 44px rgba(35,10,54,.16)}.faq-item.is-open .faq-answer{grid-template-rows:1fr;opacity:1}
@media(hover:hover) and (pointer:fine){.faq-item:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(35,10,54,.14)}}
@media(max-width:620px){.faq-question{padding:17px 52px 17px 18px;min-height:62px;font-size:15px}.faq-answer p{padding:17px 18px 20px!important}}

@media(prefers-reduced-motion:reduce){
  .nav,.nav a,.cross a,.cross-arrow,.faq-item,.faq-answer,.faq-icon:before,.faq-icon:after{transition:none!important}
}


/* v6 — iOS/mobile FAQ tap-highlight fix */
.faq-question{
  -webkit-appearance:none;
  appearance:none;
  -webkit-tap-highlight-color:transparent;
  outline:none;
  box-shadow:none;
  background-clip:padding-box;
  touch-action:manipulation;
}
.faq-question:focus,
.faq-question:active{
  outline:none;
  box-shadow:none;
}
.faq-question::-moz-focus-inner{
  border:0;
}
.faq-item{
  -webkit-tap-highlight-color:transparent;
}
@media (hover:hover) and (pointer:fine){
  .faq-question:focus-visible{
    outline:2px solid rgba(255,255,255,.78);
    outline-offset:-5px;
  }
}


/* ===== v7.1: responsive polish + safe mobile CTA ===== */
section[id], #consult{scroll-margin-top:112px}
@media(max-width:620px){
  .sticky-cta{
    display:grid!important;left:12px!important;right:12px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
    padding:5px!important;border-radius:24px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
    box-shadow:0 12px 34px rgba(36,18,54,.20)!important;
    opacity:0!important;transform:translateY(calc(100% + 28px))!important;
    pointer-events:none!important;visibility:hidden!important;
    transition:opacity .24s ease,transform .28s cubic-bezier(.22,.8,.24,1),visibility .24s ease!important;
  }
  .sticky-cta.is-visible{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;visibility:visible!important}
  .sticky-cta a{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 10px!important;font-size:12.5px!important}
  section{padding-top:54px!important;padding-bottom:54px!important}
  .section-head{margin-bottom:28px!important}
  .section-head h2{line-height:1.05!important}
  .other-directions{padding-top:24px!important;padding-bottom:66px!important}
  .footer{padding-top:38px!important;padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:390px){.hero h1{font-size:39px!important}.hero-card h2{font-size:22px!important}.nav a{font-size:16px!important}}
@media(hover:none){.motion-tilt{transform:none!important}.card:hover,.step:hover,.band-item:hover,.cross a:hover,.faq-item:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){.sticky-cta{transition:none!important}}


/* v8 — legal consent + conversion form polish */
.consent-check{display:flex;align-items:flex-start;gap:10px;margin:2px 0 18px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.10);font-size:13px;line-height:1.42;color:inherit;cursor:pointer}
.consent-check input{width:18px;height:18px;min-width:18px;margin:1px 0 0;accent-color:#7901DA;cursor:pointer}
.consent-check span{opacity:.92}
.consent-check a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.consent-check a:hover{opacity:.78}
.gform button[type="submit"]{width:100%}
@media(max-width:620px){.consent-check{font-size:12.5px;padding:11px 12px;margin-bottom:14px;border-radius:14px}}


/* ===== v8.1 — forms usability + visible legal consent ===== */

/* Form values must stay readable even when the original Globlex stylesheet is loaded first */
.gform input,
.gform textarea{
  color:#2b1738!important;
  -webkit-text-fill-color:#2b1738!important;
  caret-color:var(--accent)!important;
}
.gform input::placeholder,
.gform textarea::placeholder{
  color:#96879f!important;
  -webkit-text-fill-color:#96879f!important;
  opacity:1!important;
}
.gform input:-webkit-autofill,
.gform input:-webkit-autofill:hover,
.gform input:-webkit-autofill:focus,
.gform textarea:-webkit-autofill{
  -webkit-text-fill-color:#2b1738!important;
  box-shadow:0 0 0 1000px #fff inset!important;
  transition:background-color 9999s ease-out 0s;
}

/* Space between the small "next step" label and the large CTA heading */
.leadbox .kicker{
  margin-bottom:18px!important;
}
.leadbox .kicker + h2{
  margin-top:0!important;
}

/* Custom accessible checkbox: avoids the tiny/misaligned native browser circle */
.gform .consent-check{
  position:relative!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:start!important;
  gap:11px!important;
  margin:5px 0 18px!important;
  padding:12px 13px!important;
  border-radius:15px!important;
  background:#f6f1f8!important;
  color:#4c3a56!important;
  font-size:12.5px!important;
  line-height:1.42!important;
  font-weight:500!important;
  cursor:pointer!important;
}
.gform .consent-check input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
}
.gform .consent-check .consent-mark{
  display:block;
  position:relative;
  width:22px;
  height:22px;
  margin-top:1px;
  border:2px solid #7b43a3;
  border-radius:6px;
  background:#fff;
  box-sizing:border-box;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.gform .consent-check .consent-mark:after{
  content:"";
  position:absolute;
  left:6px;
  top:2px;
  width:6px;
  height:11px;
  border:solid #fff;
  border-width:0 2.5px 2.5px 0;
  transform:rotate(45deg) scale(0);
  transform-origin:center;
  transition:transform .16s ease;
}
.gform .consent-check input:checked + .consent-mark{
  background:var(--accent);
  border-color:var(--accent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);
}
.gform .consent-check input:checked + .consent-mark:after{
  transform:rotate(45deg) scale(1);
}
.gform .consent-check input:focus-visible + .consent-mark{
  box-shadow:0 0 0 4px rgba(53,151,253,.24);
}
.gform .consent-check .consent-text{
  display:block;
  min-width:0;
  opacity:1!important;
}
.gform .consent-check a{
  color:#4b216d!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
  font-weight:800!important;
}
@media(max-width:620px){
  .leadbox .kicker{margin-bottom:15px!important}
  .gform .consent-check{
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:9px!important;
    padding:11px!important;
    font-size:12px!important;
  }
  .gform .consent-check .consent-mark{
    width:20px;
    height:20px;
    border-radius:5px;
  }
  .gform .consent-check .consent-mark:after{
    left:5px;
    top:1px;
  }
}


/* ===== v8.3 — reliable submit for SEO-page forms ===== */
.gform .form-status{
  display:none;
  margin:0 0 14px;
  padding:11px 13px;
  border-radius:13px;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}
.gform .form-status.is-error{
  display:block;
  color:#7b1831;
  background:#ffe8ee;
  border:1px solid rgba(170,38,72,.18);
}
.gform .form-status.is-sending{
  display:block;
  color:#3f2c49;
  background:#f2edf6;
  border:1px solid rgba(75,33,109,.10);
}
.gform button[type="submit"]{
  transition:opacity .18s ease,transform .18s ease,filter .18s ease;
}
.gform button[type="submit"]:disabled{
  opacity:.66;
  cursor:wait;
  transform:none!important;
  filter:saturate(.7);
}
.gform .field.has-error input{
  border-color:#dc4564!important;
  background:#fff2f5!important;
  box-shadow:0 0 0 4px rgba(220,69,100,.10)!important;
}