/* Traffic PRO — liquid optics and responsive composition */
.nav{height:94px;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:18px;pointer-events:none}
.nav-inner{position:relative;isolation:isolate;pointer-events:auto;width:min(1320px,calc(100% - 56px));height:62px;padding:0 18px;border-radius:22px;background:rgba(10,25,40,.72);border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff30,0 12px 40px #0003;backdrop-filter:blur(18px)}
.nav-links{font-size:14px;gap:26px}.brand{font-size:17px}.nav-cta{font-size:14px;gap:16px;border-radius:14px}
.hero-content{width:min(1320px,calc(100% - 72px))}.hero-pin{background:radial-gradient(ellipse at 77% 53%,#145d7826,transparent 55%)}
.veil{background:linear-gradient(90deg,#040b12e8 0%,#040b12b3 36%,#040b1222 70%,#040b1214),linear-gradient(0deg,#040b1288,transparent 45%)}
.phase{width:49%;gap:24px;transform:translateY(-50%)}
.phase h1{font-size:clamp(46px,4.6vw,69px);line-height:1.06;letter-spacing:-.052em;text-wrap:initial}
.phase p{font-size:17px;line-height:1.65;max-width:510px;color:#bbc9d8}.phase-tag{font-size:12px;font-weight:600;letter-spacing:.055em;background:none;border:0;padding:0}
.phase-actions{pointer-events:inherit;gap:12px}.btn{font-size:14px;min-height:52px;font-weight:600;border-radius:16px;position:relative;isolation:isolate;overflow:hidden;translate:var(--pull-x,0) var(--pull-y,0);transition:translate .35s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.btn-primary{background:linear-gradient(120deg,#ffe77b,#ffca48 65%,#ffa62f);box-shadow:inset 0 1px 1px #fff9,0 8px 30px #ffb92c25}
.btn-secondary{background:#ffffff08;border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff22;backdrop-filter:blur(9px)}
.glass{width:44%;right:0;min-height:490px;padding:24px;background:linear-gradient(125deg,#bddfff14,#14375118 55%,#ffffff04);border:1px solid #d6f0ff35;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 32px 100px #0005,inset 1px 1px 1px #ffffff55,inset -1px -1px 1px #76dfff28;transform:translateY(-50%) perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.glass::before{z-index:1;opacity:1;background:radial-gradient(380px circle at var(--lx,80%) var(--ly,10%),#d9f5ff26,transparent 65%),linear-gradient(130deg,#ffffff0a,transparent 40%,#84deff08)}
.glass::after{z-index:4;border:1px solid transparent;background:radial-gradient(240px circle at var(--lx,80%) var(--ly,10%),#f0fbffcc,#b4eaff08 75%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;box-shadow:none}
.liquid-optics{position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;backdrop-filter:blur(12px) saturate(155%);-webkit-backdrop-filter:blur(12px) saturate(155%)}
.glass>.liquid-optics{z-index:0}.glass-head b{font-size:14px;font-weight:600}.glass-status{font-size:12px;letter-spacing:0;text-transform:none;background:#aee9ff09;border-color:#aee9ff24}
.screen-wrap{background:#06132055;border-color:#d4f1ff12;height:380px;border-radius:24px}.screen{pointer-events:none}.screen[aria-hidden="false"]{pointer-events:auto}
.overview-screen{background:linear-gradient(140deg,#18557924,transparent)}.overview-label{font-size:12px;letter-spacing:.03em;font-weight:500;color:#a8bfd0}.overview-title{font-size:38px;line-height:1.05;margin-top:15px}.overview-copy{font-size:14px;max-width:330px;color:#a9bfce}.overview-pill{font-size:12px;text-transform:none}.overview-grid{margin-top:20px;grid-template-columns:.78fr 1.22fr;gap:12px}.overview-core{padding:14px;min-height:150px;border-radius:18px;background:#ffffff04}.overview-core b{font-size:14px;line-height:1.5}.overview-kpis{gap:4px}.overview-kpis i{font-size:12px;min-height:42px;letter-spacing:0}.overview-cards{gap:8px}.overview-card{position:relative;padding:10px 12px;background:linear-gradient(125deg,#c5efff0b,#ffffff03);border-color:#d4efff1c;box-shadow:inset 0 1px 0 #ffffff12;transition:background .3s,translate .4s;translate:var(--pull-x,0) var(--pull-y,0)}.overview-card b{font-size:12px;margin-bottom:4px}.overview-card span{font-size:12px;line-height:1.35;color:#a0b4c6}
.service-rail{top:auto;bottom:40px;display:flex;gap:5px;padding:6px;border:1px solid #ffffff20;border-radius:18px;background:#b5e9ff08;backdrop-filter:blur(12px)}
.rail-item{position:relative;isolation:isolate;border:0;cursor:pointer;background:transparent;color:#98acbe;text-transform:none;font:500 14px/1.2 Inter,system-ui,sans-serif;letter-spacing:0;padding:12px 16px;min-height:44px;border-radius:12px;transition:background .3s,color .3s;transform:none!important}.rail-item i{display:none}.rail-item.active{color:#f7fbff;background:linear-gradient(130deg,#ffffff23,#ffffff09);box-shadow:inset 0 1px 0 #ffffff40,0 3px 12px #0002}.rail-item:hover{color:white;background:#ffffff12}
.scroll-meter{left:auto;right:0;bottom:62px;font-size:12px;letter-spacing:.02em;text-transform:none;color:#9eafbf}.meter-track{width:88px;height:2px}
.lens-cursor{opacity:0;width:28px;height:28px;background:radial-gradient(circle at 25% 18%,#ffffff38,transparent 58%);border:1px solid #e6f8ff70;box-shadow:inset 1px 1px 2px #ffffff55,inset -1px -1px 1px #65dbff40,0 6px 20px #0002;mix-blend-mode:normal;backdrop-filter:blur(1px) saturate(150%);transition:opacity .2s;border-radius:50%;will-change:transform,width,height}
.lens-cursor.active{border-color:#ecfaff99}.lens-cursor.visible{opacity:1}
:focus-visible{outline:2px solid #9eeaff;outline-offset:5px}.after{text-align:center;min-height:45vh;padding:95px 24px}.after p{font-size:12px;letter-spacing:.18em;color:#9caebe;margin-bottom:24px}.after h2{font-size:clamp(36px,5vw,60px);margin-bottom:32px}.after .btn{margin:auto}
.ads-labels span{font-size:12px}.ads-kpi span,.ig-stat span,.ig-profile span{font-size:12px}.ig-profile b{font-size:14px}.ig-badge{font-size:12px}
@media(min-width:1800px){.hero-content,.nav-inner{width:min(1460px,calc(100% - 96px))}.phase{width:49%}.phase h1{font-size:76px}.glass{width:43%;min-height:510px}.screen-wrap{height:404px}}
@media(min-width:681px) and (max-height:760px){.phase h1{font-size:clamp(36px,4vw,58px)}.phase{gap:16px;top:49%}.glass{min-height:410px;top:49%;padding:18px}.screen-wrap{height:320px}.overview-title{font-size:28px;margin-top:10px}.overview-copy{font-size:12px}.overview-grid{margin-top:12px}.overview-core{min-height:130px}.overview-card{padding:8px}.service-rail{bottom:22px}.scroll-meter{bottom:44px}}
@media(max-width:1020px){.nav-links{display:none}.hero-content{width:calc(100% - 40px)}.phase{width:48%;gap:18px}.phase h1{font-size:clamp(35px,4.7vw,49px)}.phase p{font-size:16px}.glass{width:47%;padding:18px;min-height:460px}.screen-wrap{height:372px}.overview-title{font-size:30px}.overview-grid{grid-template-columns:1fr}.overview-core{display:none}.overview-copy{font-size:14px}.overview-card b,.overview-card span{font-size:12px}.overview-card{padding:10px}.phase-actions{flex-wrap:wrap}.btn{padding:0 15px}.scroll-meter{font-size:12px}.meter-track{width:50px}.rail-item{padding:10px 12px}}
@media(max-width:680px){.nav{height:72px;padding-top:10px}.nav-inner{width:calc(100% - 24px);height:52px;padding:0 12px;border-radius:17px}.nav-cta{display:inline-flex;min-height:34px;font-size:12px;padding:0 10px;gap:6px}.nav-cta span{display:none}.brand{gap:6px;font-size:14px}.brand small{font-size:10px}.brand-mark{width:27px;height:27px}.hero-content{width:calc(100% - 32px)}.hero-scroll{height:420svh}.phase{top:99px;width:100%;gap:12px;transform:none}.phase h1{font-size:clamp(29px,8vw,39px);line-height:1.04;max-width:480px}.phase p{font-size:16px;line-height:1.45;max-width:480px}.phase-tag{font-size:12px;min-height:20px;letter-spacing:.02em}.phase-actions{flex-wrap:nowrap;gap:8px}.btn{font-size:12px;min-height:44px;padding:0 12px;border-radius:13px}.glass{left:0;right:0;top:auto;bottom:91px;width:100%;height:clamp(205px,31svh,290px);min-height:0;padding:12px;border-radius:24px;transform:none}.glass-head b{font-size:12px}.glass-status{font-size:12px;min-height:24px}.screen-wrap{height:calc(100% - 34px);margin-top:10px;border-radius:15px}.screen{padding:12px}.overview-label{font-size:12px}.overview-title{font-size:26px;line-height:1.08;margin-top:12px}.overview-copy{font-size:12px;line-height:1.4;margin-top:10px;max-width:160px}.overview-top{width:47%}.overview-grid{position:absolute;left:49%;right:12px;top:12px;margin:0;display:block}.overview-cards{gap:8px}.overview-card{padding:8px;border-radius:12px}.overview-card b{font-size:12px;line-height:1.3;margin:0}.overview-card span{display:none}.overview-pill{display:none}.service-rail{left:0;right:0;top:auto;bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;gap:3px;border-radius:16px}.rail-item{display:flex;justify-content:center;font-size:12px;padding:10px 6px;min-height:42px}.scroll-meter{display:none}.lens-cursor{display:none}.ads-title{font-size:20px;margin-top:10px}.ads-labels span{font-size:12px;padding:3px 6px}.ads-chart{height:75px;margin-top:8px}.ads-kpis{margin-top:7px}.ads-kpi{padding:7px}.ads-kpi b,.ads-kpi span{font-size:12px}.ig-stat b,.ig-stat span,.ig-profile b,.ig-profile span{font-size:12px}.ig-badge{display:none}.ig-top{margin-bottom:8px}.phone{min-height:145px}.ig-stat{padding:8px}.ig-mini-bars{height:42px}.ig-grid{gap:9px}.reel{margin-top:48px;height:42px}.after{padding:70px 20px}}
@media(max-width:680px) and (max-height:740px){.phase{top:86px;gap:9px}.phase h1{font-size:clamp(27px,7.4vw,34px)}.phase p{font-size:14px;line-height:1.45}.glass{height:180px;bottom:83px}.overview-title{font-size:22px}.overview-copy{display:none}.overview-label{font-size:12px}.overview-grid{top:10px}.overview-cards{gap:5px}.overview-card{padding:6px 8px}.overview-card b{font-size:12px}.ads-chart{height:42px}.ads-kpis{display:none}.phone{min-height:80px}.phone-screen{min-height:80px}.reel,.ig-mini-bars{display:none}.ig-grid{height:80px}.ig-stat span{display:none}.web-art{height:60px}.web-cards{display:none}.service-rail{bottom:16px}}
@media(max-width:680px) and (max-height:640px){.phase h1{font-size:26px}.phase p{font-size:14px;line-height:1.35}.phase-tag{display:none}.glass{height:123px;bottom:79px}.glass-head{display:none}.screen-wrap{height:100%;margin:0}.overview-label{display:none}.overview-title{font-size:20px;margin-top:0}.overview-grid{top:8px}.overview-card{padding:4px 6px}.overview-cards{gap:4px}.overview-card b{font-size:12px}.ads-title{font-size:16px;margin-top:7px}.ads-chart{height:25px}.ig-profile span{display:none}}
@media(hover:none),(pointer:coarse){.lens-cursor{display:none!important}.btn,.overview-card{translate:none!important}.glass{--tilt-x:0deg!important;--tilt-y:0deg!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lens-cursor{display:none!important}.glass{--tilt-x:0deg!important;--tilt-y:0deg!important}}


/* Glass capsules — menu and slide eyebrows. */
.nav-inner{
  width:min(1120px,calc(100% - 56px));
  border-radius:999px;padding:0 14px 0 20px;
  background:linear-gradient(120deg,rgba(255,255,255,.025),rgba(255,255,255,.006) 48%,rgba(255,255,255,.014));
  border:.5px solid rgba(224,242,255,.13);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:0 12px 35px rgba(0,0,0,.13);
}
.nav-inner::before,.phase-tag::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:none;
}
.nav-inner::after,.phase-tag::after{
  content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;
  border:.5px solid transparent;
  background:radial-gradient(180px circle at var(--lx,24%) var(--ly,0%),rgba(244,252,255,.28),rgba(201,235,255,.008) 80%) border-box;
  mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;
}
.nav-inner>.liquid-optics{backdrop-filter:blur(7px) saturate(120%);-webkit-backdrop-filter:blur(7px) saturate(120%)}
.nav-cta{border-radius:999px;padding:0 18px}.nav-links{color:#d0d9e1}
.phase-tag{
  position:relative;isolation:isolate;display:inline-flex;width:max-content;max-width:100%;
  min-height:36px;padding:7px 14px;gap:10px;border-radius:999px;
  border:.5px solid rgba(224,242,255,.13);
  background:linear-gradient(125deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:0 5px 16px rgba(0,0,0,.08);
  color:#f5e4b5;line-height:1.3;
}
.phase-tag>.liquid-optics{backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(4px) saturate(120%)}
.phase-tag i{flex:none;width:6px;height:6px;box-shadow:0 0 9px rgba(255,216,74,.25)}
@media(max-width:680px){
 .nav-inner{width:calc(100% - 24px);padding:0 10px 0 12px;border-radius:999px}
 .nav-cta{padding:0 11px}
 .phase-tag{min-height:30px;padding:5px 11px;font-size:12px;gap:8px}
}
@media(max-width:680px) and (max-height:640px){
 .phase{top:80px;gap:7px}.phase-tag{display:inline-flex;min-height:26px;padding:3px 10px}
 .phase p{line-height:1.3}.glass{height:108px;bottom:75px}
}


/* Detached, symmetric header controls; compact capsule centered independently. */
.nav{height:94px;padding-top:18px}
.nav-inner{width:max-content;max-width:calc(100% - 350px);height:58px;gap:30px;padding:0 8px 0 24px;justify-content:center}
.nav-links{display:flex;gap:25px;white-space:nowrap}
.nav-cta{min-height:42px;white-space:nowrap}
.nav>.brand{position:absolute;left:clamp(20px,4vw,72px);top:15px;display:grid;place-items:center;width:64px;height:64px;pointer-events:auto}
.nav>.brand .brand-mark{width:58px;height:58px}
.language-switch{position:absolute;right:clamp(20px,4vw,72px);top:25px;height:44px;display:flex;align-items:center;pointer-events:auto}
.lang-toggle{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:.5px solid rgba(224,242,255,.14);border-radius:999px;background:linear-gradient(125deg,rgba(255,255,255,.03),rgba(255,255,255,.008));color:#d7e4ee;font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s}
.lang-toggle:hover{background:rgba(255,255,255,.07);border-color:rgba(224,242,255,.24)}
.lang-caret{width:9px;height:6px;flex:none;transition:transform .2s}
.language-switch.is-open .lang-caret{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:2px;min-width:96px;padding:6px;border-radius:14px;border:.5px solid rgba(224,242,255,.14);background:linear-gradient(135deg,#172c3ef5,#081421fa);box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility .18s}
.language-switch.is-open .lang-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.lang-menu button{position:relative;display:block;width:100%;border:0;background:none;padding:9px 12px;min-height:36px;border-radius:9px;font-size:12px;font-weight:600;color:#8a9eae;cursor:pointer;text-align:left;transition:background .15s,color .15s}
.lang-menu button:hover{color:#f5faff;background:rgba(255,255,255,.06)}
.lang-menu button[aria-pressed="true"]{color:#ffdd76;background:rgba(255,221,118,.08)}
@media(min-width:681px) and (max-width:1020px){.nav-inner{max-width:calc(100% - 250px);gap:18px;padding-left:18px}.nav-links{gap:16px;font-size:13px}.nav-links a:last-child{display:none}.nav>.brand{left:18px}.language-switch{right:16px}.nav-cta{font-size:13px;padding:0 14px}}
@media(max-width:680px){
 .nav{padding-top:10px;height:72px}.nav-inner{height:46px;max-width:calc(100% - 170px);padding:0 5px;gap:0}
 .nav-links{display:none}.nav-cta{min-height:36px;padding:0 13px;font-size:12px}
 .nav>.brand{left:10px;top:8px;width:50px;height:50px}.nav>.brand .brand-mark{width:44px;height:44px}
 .language-switch{right:16px;top:11px;height:40px}.lang-toggle{font-size:11px;padding:0 10px;height:36px}
}


.nav-cta{cursor:pointer;border:0}.cases-placeholder{scroll-margin-top:110px;padding:76px 24px;text-align:center;border-top:1px solid #ffffff10;background:#07131e}
.cases-placeholder>p:first-child{font-size:12px;letter-spacing:.16em;color:#8da9bd}.cases-placeholder h2{font:700 clamp(32px,4vw,48px)/1.1 Manrope,sans-serif;margin:16px 0}.cases-placeholder p{font-size:16px;line-height:1.6;color:#a9bbca}
.lead-dialog{position:fixed;inset:0;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border-radius:28px;overflow:auto;overscroll-behavior:contain;color:#edf7ff;background:linear-gradient(135deg,#172c3ef5,#081421fa);border:1px solid #c2eaff30;box-shadow:0 32px 100px #0008,inset 0 1px 0 #ffffff20;backdrop-filter:blur(26px);font-family:Inter,system-ui,sans-serif}
.lead-dialog::backdrop{background:#02080fbf;backdrop-filter:blur(7px)}
.dialog-close{position:absolute;right:15px;top:15px;border:0;background:#ffffff08;color:#b8d0e0;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:25px}
.lead-dialog h2{font:700 28px/1.2 Manrope,sans-serif;letter-spacing:-.03em;margin:10px 32px 12px 0}.dialog-kicker{margin:0;color:#e8ce8d;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.dialog-intro{margin:0 0 24px;font-size:15px;line-height:1.55;color:#b3c7d6}
.quiz-progress{height:3px;overflow:hidden;border-radius:3px;background:#ffffff12;margin:20px 0 24px}.quiz-progress span{display:block;height:100%;background:linear-gradient(90deg,#ffd75c,#80d9f5);transition:width .25s}
.lead-form{display:grid;gap:18px}.lead-form label,.lead-form legend{font-size:14px;font-weight:500;line-height:1.4}.lead-field{display:grid;gap:8px}.lead-form input[type="text"],.lead-form input[type="tel"],.lead-form textarea{width:100%;box-sizing:border-box;border:1px solid #c9eaff25;border-radius:13px;background:#030b133f;padding:13px 14px;color:#f4faff;font:400 16px/1.4 Inter,system-ui,sans-serif;outline-offset:3px}.lead-form textarea{resize:vertical;min-height:92px}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#7890a3}.lead-form fieldset{min-width:0;margin:0;padding:0;border:0}.lead-form legend{margin-bottom:12px}.quiz-choices{display:grid;gap:9px}.quiz-choice{position:relative;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #b9d9ec24;border-radius:14px;background:#ffffff04;cursor:pointer;min-height:48px}.quiz-choice:has(input:checked){border-color:#ffd66a80;background:#ffcf5210}.quiz-choice input{accent-color:#ffcc55;width:16px;height:16px;flex:none;margin:0}.messenger-choices{display:flex;flex-wrap:wrap;gap:8px}.messenger-choices .quiz-choice{flex:1;padding:11px 9px;font-size:13px;gap:7px}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.lead-dialog .btn{translate:none!important;transform:none!important;min-height:46px}.lead-dialog .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.form-back{margin-right:auto}.form-notice{font-size:13px;line-height:1.5;color:#c0cfda;margin:0;padding:12px 14px;border:1px solid #ffe3a329;border-radius:12px;background:#ffcf5206}.form-error{color:#ffb4a8;font-size:14px;line-height:1.5;margin:0}.form-error:empty{display:none}.lead-summary{padding:16px;border-radius:16px;border:1px solid #ffffff18;display:grid;gap:12px}.lead-summary p{margin:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.lead-summary b{display:block;color:#94afc3;font-size:12px;font-weight:500;margin-bottom:4px}
@media(max-width:680px){.lead-dialog{padding:26px 20px;border-radius:22px}.lead-dialog h2{font-size:24px}.lead-dialog .btn{font-size:13px}.form-actions{gap:8px}.messenger-choices .quiz-choice{font-size:12px}.lead-form{gap:16px}}