:root{
  --bg:#020912;
  --bg2:#061a33;
  --surface:#081626;
  --surface-2:#0b1c30;
  --stroke:rgba(110,150,210,.22);
  --stroke-strong:rgba(110,150,210,.35);
  --text:#f5f8ff;
  --muted:#b8c2d5;
  --muted-2:#93a0b5;
  --blue:#1f8cff;
  --blue-2:#35c8ff;
  --success:#12d79a;
  --gold:#efb93b;
  --shadow:0 20px 55px rgba(0,0,0,.34);
  --radius:28px;
  --radius-md:22px;
  --header-h:92px;
  --max:1420px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:
    radial-gradient(circle at 20% 12%, rgba(14,55,110,.38), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(17,84,170,.25), transparent 32%),
    linear-gradient(180deg,#020811 0%,#031120 45%,#020912 100%);
  min-height:100vh;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.085;
  background:
    repeating-linear-gradient(0deg, transparent 0, transparent 5px, rgba(99,132,184,.11) 6px),
    repeating-linear-gradient(90deg, transparent 0, transparent 60px, rgba(99,132,184,.06) 61px);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
main{padding-top:var(--header-h)}
.wrap{width:min(var(--max), calc(100% - 44px)); margin:0 auto}
.skip-link{position:absolute;left:-999px;top:-999px}
.skip-link:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px 12px;z-index:9999}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  backdrop-filter:blur(12px);
  background:rgba(2,8,18,.9);
  border-bottom:1px solid rgba(86,118,173,.22);
}
.nav{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand-icon{width:50px;height:50px;filter:drop-shadow(0 0 14px rgba(31,140,255,.12))}
.brand-word{font-size:23px;font-weight:800;letter-spacing:-1.2px;color:#f5f8ff;white-space:nowrap;line-height:1}
.brand-word .v{color:var(--blue)}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{font-size:15px;color:var(--muted);padding:8px 0;position:relative}
.nav-links a.active,.nav-links a:hover{color:#fff}
.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue-2))}
.header-actions{display:flex;align-items:center;gap:14px}
.lang-switch{display:flex;align-items:center;padding:4px;border:1px solid var(--stroke);background:rgba(9,18,31,.75);border-radius:999px;gap:4px}
.lang-switch button{border:0;background:transparent;color:var(--muted);font-weight:800;font-size:14px;padding:12px 18px;border-radius:999px;cursor:pointer}
.lang-switch button.active{background:linear-gradient(180deg,#2590ff,#1768f3);color:#fff;box-shadow:0 0 22px rgba(31,140,255,.36)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:18px;border:1px solid var(--stroke-strong);font-size:17px;font-weight:800;transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px);border-color:rgba(91,169,255,.55)}
.btn.primary{background:linear-gradient(180deg,#2999ff,#166bf4);border-color:transparent;box-shadow:0 12px 28px rgba(16,102,243,.3)}
.btn.ghost{background:rgba(6,18,31,.45)}
.menu-btn{display:none;background:transparent;color:#fff}
.hero{padding:34px 0 44px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);gap:70px;align-items:center;min-height:520px}
.eyebrow{font-size:14px;line-height:1.1;letter-spacing:.28em;text-transform:uppercase;font-weight:900;color:var(--blue-2);margin-bottom:18px}
h1{font-size:clamp(52px,5.2vw,90px);line-height:.98;letter-spacing:-.05em;margin:0 0 20px;max-width:12ch}
h2{font-size:clamp(34px,3vw,54px);line-height:1.02;letter-spacing:-.04em;margin:0 0 12px}
h3{font-size:clamp(24px,2vw,34px);line-height:1.08;letter-spacing:-.03em;margin:0 0 10px}
.accent{color:var(--blue)}
.lead{font-size:24px;line-height:1.62;color:var(--muted);max-width:820px;margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px}
.desktop-visual{display:block}
.visual-box,.hero-visual{
  position:relative;overflow:hidden;min-height:360px;border-radius:32px;border:1px solid rgba(93,134,196,.28);
  background:linear-gradient(180deg,rgba(11,29,52,.95),rgba(6,18,34,.94));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), var(--shadow);
}
.hero-visual{min-height:430px}
.interactive-visual .signal-stars{position:absolute;inset:0;background-image:radial-gradient(rgba(76,170,255,.6) 1px, transparent 1px);background-size:44px 44px;opacity:.16}
.interactive-visual .signal-orbit{position:absolute;inset:10% 9%;border-radius:48%;border:1px solid rgba(74,165,255,.35);border-left-color:transparent;border-bottom-color:rgba(74,165,255,.08);transform:rotate(-18deg);animation:arcPulse 6.5s ease-in-out infinite}
.interactive-visual .signal-orbit.two{inset:22% 16%;opacity:.38;animation-duration:8s;animation-direction:reverse}
.interactive-visual .signal-beam{position:absolute;left:38%;right:12%;bottom:34%;height:8px;border-radius:999px;background:linear-gradient(90deg, transparent, #31c8ff 22%, #0b86ff 78%, transparent);box-shadow:0 0 36px 13px rgba(0,132,255,.34);transform:rotate(-20deg);animation:arcBeam 5.4s ease-in-out infinite}
.interactive-visual .signal-core{position:absolute;width:160px;height:160px;right:14%;bottom:18%;border-radius:50%;background:radial-gradient(circle, rgba(49,200,255,.24), transparent 70%);filter:blur(2px);animation:arcFloat 5s ease-in-out infinite}
.section{padding:46px 0}
.section.compact{padding-top:22px}
.section-head{margin-bottom:28px}
.grid-4,.grid-3,.grid-2,.grid-auto{display:grid;gap:24px}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:linear-gradient(180deg,rgba(8,22,38,.95),rgba(6,18,31,.92));border:1px solid var(--stroke);border-radius:var(--radius);padding:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.card p,.rich-text p,.list-item p{font-size:20px;line-height:1.62;color:var(--muted);margin:0}
.card .icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:var(--blue-2);border:1px solid rgba(57,148,255,.45);margin-bottom:22px;font-size:22px;background:rgba(5,15,28,.65)}
.card .icon.green{color:#35f0bc;border-color:rgba(32,226,157,.55)}
.card .icon.warn{color:#ffcc59;border-color:rgba(255,196,44,.4)}
.card .icon.purple{color:#c281ff;border-color:rgba(194,129,255,.44)}
.product-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.product-card{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:center}
.logo-panel{padding:22px;border-radius:24px;border:1px solid rgba(101,135,184,.24);background:linear-gradient(180deg,rgba(13,28,46,.95),rgba(8,22,38,.96))}
.logo-panel.clubmigo{background:linear-gradient(180deg,rgba(18,30,52,.95),rgba(9,19,35,.96))}
.logo-panel.clubmigo img{width:100%;height:auto;object-fit:contain}
.logo-panel.statto{display:grid;place-items:center;min-height:130px;background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.75), rgba(61,184,255,.82) 17%, rgba(20,96,255,.92) 58%, rgba(11,18,42,1));box-shadow:0 12px 30px rgba(11,134,255,.18)}
.statto-star{font-size:44px;color:#fff;text-shadow:0 0 16px rgba(255,255,255,.35)}
.product-copy p{font-size:22px;line-height:1.52;color:var(--muted)}
.status{display:inline-block;margin-top:18px;color:var(--blue-2);font-size:15px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:30px;overflow:hidden;border:1px solid var(--stroke)}
.trust-item{padding:30px;background:rgba(7,19,34,.62);border-right:1px solid rgba(91,128,182,.18)}
.trust-item:last-child{border-right:0}
.trust-item strong{display:block;font-size:18px;margin-bottom:8px}
.trust-item small{display:block;font-size:18px;line-height:1.58;color:var(--muted)}
.split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
.list-steps{display:grid;gap:16px}
.list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;border-radius:22px;border:1px solid var(--stroke);background:rgba(6,18,31,.45)}
.list-item strong{display:block;font-size:24px;margin-bottom:8px}
.list-item b{font-size:34px;line-height:1;color:#fff;opacity:.92;flex:none}
.rich-text{display:grid;gap:18px}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cta-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.form{padding:28px}
.contact-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:start}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .full{grid-column:1 / -1}
.form label{display:grid;gap:10px;font-size:14px;font-weight:700;color:#d9e3f5}
.form input,.form select,.form textarea{width:100%;border:1px solid rgba(88,122,173,.3);background:#05111f;color:#eef5ff;border-radius:16px;padding:15px 16px;font-size:16px;font-family:inherit;outline:none}
.form input:focus,.form select:focus,.form textarea:focus{border-color:rgba(61,151,255,.65);box-shadow:0 0 0 3px rgba(31,140,255,.12)}
.form textarea{min-height:180px;resize:vertical}
.form .check{display:flex;gap:12px;align-items:flex-start;grid-column:1 / -1;font-weight:500;color:var(--muted)}
.form .check input{width:18px;height:18px;margin-top:2px;padding:0;flex:none}
.form-note{font-size:14px;color:var(--muted-2);margin:16px 0 0}
.hp-field{position:absolute;left:-9999px}
.site-footer{padding:40px 0 28px;border-top:1px solid rgba(91,128,182,.18);margin-top:40px;background:rgba(3,10,18,.5)}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(4,.85fr) 1fr;gap:26px}
.footer-grid h4{margin:0 0 16px;font-size:20px;letter-spacing:-.02em}
.footer-grid p,.footer-grid a{color:var(--muted);font-size:18px;line-height:1.65;display:block;margin:0 0 8px}
.footer-grid .brand{margin-bottom:14px}
.bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(91,128,182,.18);margin-top:26px;padding-top:18px;color:var(--muted-2);font-size:16px}
.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:60;display:none}
.cookie.show{display:block}
.cookie-box{max-width:960px;margin-left:auto;background:rgba(6,18,31,.95);border:1px solid var(--stroke-strong);border-radius:26px;padding:20px;display:flex;gap:18px;align-items:flex-end;box-shadow:var(--shadow)}
.cookie-box h3{margin:0 0 6px;font-size:22px}
.cookie-box p{margin:0;color:var(--muted);font-size:17px;line-height:1.55}
.cookie-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.small-page{padding:36px 0 48px}
.small-page .card{max-width:960px}
.meta-list{display:grid;gap:10px;margin-top:16px}
.meta-list div{font-size:19px;color:var(--muted);line-height:1.55}
@keyframes arcPulse{0%,100%{opacity:.58; transform:scale(1) rotate(-18deg)}50%{opacity:.95; transform:scale(1.025) rotate(-14deg)}}
@keyframes arcBeam{0%{transform:translateX(-18%) rotate(-20deg); opacity:.35}50%{transform:translateX(10%) rotate(-20deg); opacity:1}100%{transform:translateX(34%) rotate(-20deg); opacity:.35}}
@keyframes arcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width: 1180px){
  .hero-grid,.contact-grid,.split-grid,.about-story{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width: 960px){
  :root{--header-h:96px}
  .nav{flex-wrap:wrap;padding:18px 0}
  .nav-links{display:none;order:10;width:100%;padding:10px 0 6px;border-top:1px solid rgba(91,128,182,.18);margin-top:10px;flex-direction:column;align-items:flex-start;gap:12px}
  body.menu-open .nav-links{display:flex}
  .nav-links a.active:after{display:none}
  .header-actions{margin-left:auto}
  .header-actions > .btn.ghost{display:none}
  .menu-btn{display:inline-flex}
  .hero{padding-top:26px}
  h1{font-size:clamp(46px,12vw,66px);max-width:14ch}
  .lead{font-size:20px}
  .desktop-visual{display:none !important}
  .grid-4,.grid-3,.grid-2,.grid-auto,.product-row,.footer-grid,.trust-grid{grid-template-columns:1fr}
  .trust-item{border-right:0;border-bottom:1px solid rgba(91,128,182,.18)}
  .trust-item:last-child{border-bottom:0}
  .product-card{grid-template-columns:1fr}
  .contact-grid{gap:24px}
}
@media (max-width: 680px){
  .wrap{width:min(var(--max), calc(100% - 24px))}
  .brand{gap:10px}
  .brand-icon{width:48px;height:48px}
  .brand-word{font-size:24px}
  .lang-switch button{padding:12px 16px}
  .btn{min-height:52px;padding:0 18px;font-size:16px}
  .hero-actions{gap:12px}
  .card{padding:22px}
  .card p,.rich-text p,.list-item p,.product-copy p,.trust-item small,.footer-grid p,.footer-grid a{font-size:17px}
  .list-item strong{font-size:22px}
  .list-item b{font-size:26px}
  .product-card{gap:18px}
  .logo-panel{padding:16px}
  .form{padding:22px}
  .form-grid{grid-template-columns:1fr}
  .bottom{flex-direction:column}
  .cookie{left:12px;right:12px;bottom:12px}
  .cookie-box{padding:18px;flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto}
  .interactive-visual .signal-orbit,.interactive-visual .signal-beam,.interactive-visual .signal-core{animation:none}
}



/* V9 cleanup and stabilization */
:root{--header-h:82px;--max:1380px}
main{padding-top:var(--header-h)}
.site-header{background:rgba(2,8,18,.94);backdrop-filter:blur(14px)}
.nav{min-height:var(--header-h)}
.brand{display:flex;align-items:center;gap:0;min-width:0}
.brand-logo{height:50px;width:auto;max-width:236px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(31,140,255,.16))}
.site-footer .brand-logo{height:auto;width:156px;max-width:156px}
.brand-icon,.brand-word{display:none!important}
.hero{padding:52px 0 54px}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:72px;min-height:520px}
.visual-box,.hero-visual{border-color:rgba(93,134,196,.20);background:linear-gradient(180deg,rgba(8,27,48,.62),rgba(4,15,28,.38));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.hero-visual{min-height:410px}
.interactive-visual .signal-beam{height:7px;box-shadow:0 0 32px 10px rgba(31,140,255,.24);opacity:.72}
.interactive-visual .signal-core{opacity:.72}
.product-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.product-card{display:flex;flex-direction:column;gap:22px;align-items:stretch}
.logo-panel{border-radius:22px;min-height:250px;display:flex;align-items:center;justify-content:center;padding:34px;background:radial-gradient(circle at 50% 40%,rgba(31,140,255,.12),transparent 45%),linear-gradient(180deg,rgba(9,28,50,.92),rgba(4,16,30,.96));border:1px solid rgba(125,175,235,.16)}
.logo-panel.clubmigo{background:radial-gradient(circle at 50% 40%,rgba(31,140,255,.12),transparent 45%),linear-gradient(180deg,rgba(9,28,50,.92),rgba(4,16,30,.96))}
.logo-panel.clubmigo img{max-width:88%;max-height:190px;width:auto;height:auto;object-fit:contain}
.logo-panel.statto{min-height:250px;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.50),rgba(61,184,255,.64) 18%,rgba(20,96,255,.70) 58%,rgba(7,16,36,1));box-shadow:0 18px 44px rgba(31,140,255,.18)}
.product-copy p{font-size:20px;margin:0 0 8px}
.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0;overflow:visible;border-radius:0}
.trust-item{padding:22px;border:1px solid rgba(117,159,216,.22)!important;border-radius:18px;background:linear-gradient(180deg,rgba(8,22,38,.94),rgba(6,18,31,.91))}
.trust-item strong{display:block;font-size:18px;margin:0 0 8px}
.trust-item small{display:block;font-size:16px;line-height:1.55;color:var(--muted)}
.about-story .wide{grid-column:1 / -1}
@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr;min-height:auto}
  .desktop-visual,.hero-visual,.visual-box{display:none!important}
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  :root{--header-h:86px}
  .nav{min-height:var(--header-h);padding:14px 0}
  .brand-logo{height:38px;max-width:166px}
  .hero{padding:42px 0 44px}
  .hero-grid{gap:0}
  .desktop-visual,.hero-visual,.visual-box{display:none!important}
  .product-row,.trust-grid{grid-template-columns:1fr}
  .logo-panel{min-height:210px}
}
@media(max-width:680px){
  .brand-logo{height:36px;max-width:158px}
  .logo-panel{min-height:185px;padding:22px}
  .site-footer .brand-logo{width:142px;max-width:142px}
}


/* V10 refined sizing, standard font and process visual */
:root{--header-h:84px;--max:1360px;--radius:24px;--radius-md:18px}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.wrap{width:min(var(--max), calc(100% - 40px))}
main{padding-top:var(--header-h)}
.nav{min-height:var(--header-h)}
.brand-logo{height:58px;max-width:270px;filter:drop-shadow(0 0 10px rgba(31,140,255,.12))}
.site-footer .brand-logo{width:170px;max-width:170px;height:auto}
.nav-links{gap:30px}
.nav-links a{font-size:14px}
.btn{min-height:50px;padding:0 20px;border-radius:16px;font-size:15px}
.lang-switch button{padding:11px 16px;font-size:13px}
.hero{padding:42px 0 36px}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);gap:56px;min-height:440px;align-items:center}
h1{font-size:clamp(48px,5vw,82px);line-height:1.02;max-width:10ch;margin:0 0 18px}
h2{font-size:clamp(30px,2.7vw,48px);line-height:1.06;margin:0 0 10px}
h3{font-size:clamp(21px,1.7vw,30px);line-height:1.14;margin:0 0 10px}
.lead{font-size:20px;line-height:1.58;color:var(--muted);max-width:760px}
.page-sub .hero{padding:34px 0 26px}
.page-sub .hero-grid{min-height:360px;grid-template-columns:minmax(0,1fr) minmax(380px,.84fr);gap:48px}
.page-sub h1{font-size:clamp(40px,4vw,68px);max-width:9.6ch}
.page-sub .lead{font-size:18px;max-width:660px}
.section{padding:34px 0}
.section.compact{padding-top:12px}
.section-head{margin-bottom:22px}
.grid-4,.grid-3,.grid-2,.grid-auto,.product-row,.about-story,.contact-grid,.split-grid{gap:20px}
.card{padding:22px;border-radius:24px}
.card p,.rich-text p,.list-item p,.product-copy p{font-size:17px;line-height:1.58}
.card .icon{width:50px;height:50px;border-radius:15px;margin-bottom:18px;font-size:20px}
.product-card{gap:18px}
.logo-panel{min-height:220px;padding:26px;border-radius:20px;background:radial-gradient(circle at 50% 38%,rgba(40,115,210,.18),transparent 46%),linear-gradient(180deg,rgba(11,28,47,.96),rgba(7,19,34,.96))}
.logo-panel.clubmigo{background:radial-gradient(circle at 50% 35%,rgba(38,115,210,.14),transparent 48%),linear-gradient(180deg,#112743,#0b1a2b)}
.logo-panel.clubmigo img{max-width:82%;max-height:170px;width:auto;height:auto;object-fit:contain}
.logo-panel.statto{min-height:220px;background:radial-gradient(circle at 40% 26%,rgba(255,255,255,.36),rgba(61,184,255,.40) 16%,rgba(20,96,255,.52) 52%,rgba(8,17,34,1) 100%);box-shadow:none}
.statto-star{font-size:40px;opacity:.92}
.trust-grid{gap:12px;margin-top:20px!important}
.trust-item{padding:18px;border-radius:16px}
.trust-item strong{font-size:16px;margin-bottom:6px}
.trust-item small{font-size:15px;line-height:1.48}
.list-steps{gap:12px}
.list-item{padding:16px 18px;border-radius:18px;gap:16px;background:rgba(6,18,31,.4)}
.list-item strong{font-size:20px;margin-bottom:6px}
.list-item b{font-size:22px;opacity:.95;min-width:42px}
.footer-grid h4{font-size:18px;margin-bottom:14px}
.footer-grid p,.footer-grid a{font-size:16px;line-height:1.55}
.bottom{font-size:14px}
.process-visual{position:relative;overflow:hidden;min-height:338px;border-radius:30px;border:1px solid rgba(93,134,196,.20);background:linear-gradient(180deg,rgba(7,22,40,.74),rgba(4,14,26,.52));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.process-grid{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(rgba(90,175,255,.62) .9px, transparent .9px);background-size:28px 28px;background-position:center}
.process-arc{position:absolute;border:1px solid rgba(76,165,255,.20);border-left-color:transparent;border-bottom-color:rgba(76,165,255,.05);border-radius:48%;transform:rotate(-13deg)}
.process-arc.arc-1{inset:16% 10% 16% 12%}
.process-arc.arc-2{inset:24% 16% 24% 18%;opacity:.68}
.process-line{position:absolute;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(53,200,255,.10),rgba(53,200,255,.42),rgba(31,140,255,.16));transform-origin:left center}
.process-line:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:inherit;filter:blur(5px);opacity:.24}
.line-1{left:86px;top:261px;width:103px;transform:rotate(-23deg)}
.line-2{left:182px;top:221px;width:99px;transform:rotate(-19deg)}
.line-3{left:277px;top:189px;width:92px;transform:rotate(-17deg)}
.line-4{left:364px;top:161px;width:78px;transform:rotate(-18deg)}
.process-stage{position:absolute;display:flex;align-items:center;gap:11px;color:#cfe6ff}
.process-stage .dot{width:10px;height:10px;border-radius:50%;background:rgba(88,182,255,.44);box-shadow:0 0 0 1px rgba(104,186,255,.28),0 0 10px rgba(53,200,255,.16);animation:stageBlink 10s ease-in-out infinite}
.process-stage .meta{display:flex;flex-direction:column;gap:2px}
.process-stage .num{font-size:12px;line-height:1;font-weight:800;color:rgba(244,249,255,.88)}
.process-stage .label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(184,201,226,.78)}
.process-stage.p1{left:76px;top:250px}
.process-stage.p2{left:171px;top:208px}
.process-stage.p3{left:266px;top:173px}
.process-stage.p4{left:353px;top:145px}
.process-stage.p5{left:425px;top:120px}
.process-stage.p1 .dot{animation-delay:0s}
.process-stage.p2 .dot{animation-delay:2s}
.process-stage.p3 .dot{animation-delay:4s}
.process-stage.p4 .dot{animation-delay:6s}
.process-stage.p5 .dot{animation:stageFinal 10s ease-in-out infinite}
.process-traveler{position:absolute;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle, rgba(180,236,255,.95) 0%, rgba(74,193,255,.88) 32%, rgba(19,124,255,.18) 70%, transparent 72%);filter:blur(.2px);box-shadow:0 0 12px rgba(46,186,255,.45),0 0 26px rgba(46,186,255,.24);animation:travelerMove 10s linear infinite}
@keyframes stageBlink{0%,12%,100%{transform:scale(1);opacity:.42}5%{transform:scale(1.45);opacity:1}9%{transform:scale(1.1);opacity:.68}}
@keyframes stageFinal{0%,72%,100%{transform:scale(1);opacity:.46}78%{transform:scale(1.3);opacity:.92}82%{transform:scale(1.55);opacity:1}88%{transform:scale(1.1);opacity:.72}}
@keyframes travelerMove{0%{left:71px;top:245px;opacity:0}4%{left:71px;top:245px;opacity:.9}22%{left:168px;top:205px;opacity:.95}40%{left:263px;top:170px;opacity:.92}58%{left:350px;top:143px;opacity:.9}76%{left:421px;top:117px;opacity:1}84%{left:421px;top:117px;opacity:.65}100%{left:71px;top:245px;opacity:0}}
.page-sub .process-visual{min-height:300px}
.page-sub .process-arc.arc-1{inset:18% 10% 18% 13%}
.page-sub .process-arc.arc-2{inset:26% 16% 25% 19%}
.small-page .card{max-width:920px}
@media (max-width: 1180px){.hero-grid,.contact-grid,.split-grid,.about-story{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-visual,.hero-visual,.visual-box,.process-visual{display:none!important}}
@media (max-width: 960px){:root{--header-h:88px}.nav{padding:14px 0}.brand-logo{height:44px;max-width:206px}.hero{padding:34px 0 26px}h1{font-size:clamp(42px,11vw,58px);max-width:12ch}.lead{font-size:18px}.grid-4,.grid-3,.grid-2,.grid-auto,.product-row,.footer-grid,.trust-grid{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.logo-panel{min-height:180px}}
@media (max-width: 680px){.wrap{width:min(var(--max), calc(100% - 22px))}.brand-logo{height:40px;max-width:186px}.btn{min-height:48px;padding:0 16px;font-size:15px}.lang-switch button{padding:10px 14px}.card{padding:18px;border-radius:20px}.card p,.rich-text p,.list-item p,.product-copy p,.trust-item small,.footer-grid p,.footer-grid a{font-size:16px}.logo-panel{min-height:165px;padding:18px}.logo-panel.clubmigo img{max-width:88%;max-height:150px}.site-footer .brand-logo{width:150px;max-width:150px}}
@media (prefers-reduced-motion: reduce){.process-traveler,.process-stage .dot{animation:none}}




/* V12 restore polish: based on V10, safer than V11 */
:root{
  --header-h:82px;
  --max:1360px;
}
body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{width:min(var(--max), calc(100% - 44px))}
main{padding-top:var(--header-h)}
.nav{min-height:var(--header-h)}
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}
.brand-mark{
  width:40px;
  height:40px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 0 10px rgba(31,140,255,.12));
}
.brand-wordmark{
  height:44px;
  width:auto;
  max-width:230px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(31,140,255,.10));
}
.site-footer .footer-lockup .brand-mark{width:34px;height:34px}
.site-footer .footer-lockup .brand-wordmark{height:32px;max-width:165px}
.brand-logo,.brand-icon,.brand-word{display:none!important}
.nav-links{gap:30px}
.nav-links a{font-size:14px}
.btn{min-height:48px;padding:0 18px;border-radius:15px;font-size:15px}
.lang-switch button{font-size:13px;padding:10px 15px}
.hero{padding:40px 0 34px}
.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);
  gap:58px;
  min-height:430px;
  align-items:center;
}
.page-sub .hero{padding:32px 0 24px}
.page-sub .hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);
  min-height:340px;
  gap:48px;
}
h1{
  font-size:clamp(46px,4.7vw,76px);
  line-height:1.02;
  letter-spacing:-.04em;
  max-width:10.5ch;
}
.page-sub h1{font-size:clamp(38px,3.7vw,60px);max-width:11ch}
h2{font-size:clamp(30px,2.55vw,44px);line-height:1.08}
h3{font-size:clamp(20px,1.55vw,26px);line-height:1.14}
.lead{font-size:18px;line-height:1.58;max-width:720px}
.page-sub .lead{font-size:17px;max-width:650px}
.section{padding:34px 0}
.section.compact{padding-top:12px}
.section-head{margin-bottom:22px}
.grid-4,.grid-3,.grid-2,.grid-auto,.product-row,.about-story,.contact-grid,.split-grid{gap:20px}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2,.about-story{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{
  padding:22px;
  border-radius:22px;
  border-color:rgba(125,170,225,.17);
  background:linear-gradient(180deg,rgba(8,22,38,.88),rgba(5,16,29,.84));
  box-shadow:none;
}
.card p,.rich-text p,.list-item p,.product-copy p{font-size:16.5px;line-height:1.55}
.card .icon{
  width:46px;
  height:46px;
  border-radius:14px;
  margin-bottom:16px;
  display:grid;
  place-items:center;
  font-size:0;
}
.card .icon svg{
  width:22px;
  height:22px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.product-card{gap:20px}
.logo-panel{
  min-height:210px;
  border-radius:20px;
  padding:24px;
  background:radial-gradient(circle at 50% 38%,rgba(45,125,225,.15),transparent 44%),linear-gradient(180deg,rgba(10,27,47,.90),rgba(7,18,32,.92));
  border-color:rgba(125,170,225,.15);
}
.logo-panel.clubmigo img{
  max-width:84%;
  max-height:152px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.logo-panel.statto{
  min-height:210px;
  background:radial-gradient(circle at 40% 28%,rgba(255,255,255,.32),rgba(61,184,255,.31) 18%,rgba(20,96,255,.46) 55%,rgba(7,16,34,.96) 100%);
  box-shadow:none;
}
.statto-star{font-size:36px;opacity:.86}
.status{font-size:13px;letter-spacing:.18em;margin-top:14px}
.trust-grid{gap:12px;margin-top:20px!important}
.trust-item{
  padding:17px;
  border-radius:15px;
  border:1px solid rgba(125,170,225,.16)!important;
  background:rgba(7,19,34,.62);
}
.trust-item strong{font-size:15.5px;margin-bottom:5px}
.trust-item small{font-size:14.5px;line-height:1.45}
.list-steps{gap:10px}
.list-item{
  min-height:0;
  padding:15px 17px;
  border-radius:16px;
  align-items:flex-start;
  border-color:rgba(125,170,225,.15);
}
.list-item b{font-size:20px;min-width:40px}
.list-item strong{font-size:18px;margin-bottom:4px}
.list-item p{font-size:15.5px;line-height:1.48}
.footer-grid h4{font-size:16px}
.footer-grid p,.footer-grid a{font-size:15.5px;line-height:1.55}
.bottom{font-size:13.5px}

/* Hide older visuals and use the controlled flow graphic */
.hero-visual,.visual-box,.process-visual{display:none!important}
.process-flow{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  min-height:0!important;
  border-radius:24px;
  border:1px solid rgba(125,170,225,.16);
  background:linear-gradient(180deg,rgba(7,22,40,.60),rgba(4,14,26,.42));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.flow-grid{
  position:absolute;
  inset:0;
  opacity:.12;
  background-image:radial-gradient(rgba(90,175,255,.60) .9px, transparent .9px);
  background-size:28px 28px;
}
.flow-panel{
  position:absolute;
  bottom:42px;
  width:88px;
  height:150px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(30,96,170,.10),rgba(4,14,26,.03));
  border:1px solid rgba(125,170,225,.055);
  transform:skewY(-5deg);
}
.panel-1{left:58px;height:96px}
.panel-2{left:170px;height:122px}
.panel-3{left:282px;height:146px}
.panel-4{left:394px;height:170px}
.panel-5{left:506px;height:194px}
.flow-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.flow-orbit{
  fill:none;
  stroke:rgba(82,165,255,.15);
  stroke-width:1;
}
.flow-path-base{
  fill:none;
  stroke:rgba(65,152,240,.24);
  stroke-width:1.6;
  stroke-linecap:round;
}
.flow-path-glow{
  fill:none;
  stroke:url(#flowBlue);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-dasharray:610;
  stroke-dashoffset:610;
  opacity:.64;
  filter:url(#flowGlow);
  animation:flowStroke 9s ease-in-out infinite;
}
.flow-node{
  fill:rgba(40,135,230,.46);
  stroke:rgba(140,220,255,.35);
  stroke-width:1;
  filter:url(#flowGlow);
}
.n1{animation:flowNode 9s ease-in-out infinite 0s}
.n2{animation:flowNode 9s ease-in-out infinite 1.6s}
.n3{animation:flowNode 9s ease-in-out infinite 3.2s}
.n4{animation:flowNode 9s ease-in-out infinite 4.8s}
.n5{animation:flowFinal 9s ease-in-out infinite}
.flow-runner{
  fill:#8beaff;
  filter:url(#flowGlow);
  offset-path:path("M56 250 C138 188 215 156 304 124 C392 92 470 58 575 30");
  animation:flowRunner 9s ease-in-out infinite;
  opacity:0;
}
.flow-step{
  position:absolute;
  display:grid;
  justify-items:center;
  gap:2px;
  transform:translate(-50%,0);
  color:rgba(214,230,250,.78);
  text-transform:uppercase;
}
.flow-step .flow-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(24,104,190,.20);
  border:1px solid rgba(120,205,255,.16);
  box-shadow:0 0 20px rgba(53,200,255,.10);
  font-size:13px;
  color:rgba(180,235,255,.88);
}
.flow-step b{font-size:11px;line-height:1;color:rgba(244,249,255,.86)}
.flow-step small{font-size:9.5px;line-height:1;letter-spacing:.10em;color:rgba(206,222,246,.68)}
.s1{left:13.4%;top:69.5%}
.s2{left:32%;top:50%}
.s3{left:49.2%;top:38.5%}
.s4{left:67.2%;top:25.5%}
.s5{left:85.6%;top:15.5%}
@keyframes flowStroke{
  0%{stroke-dashoffset:610;opacity:.05}
  8%{opacity:.40}
  68%{stroke-dashoffset:0;opacity:.72}
  82%{stroke-dashoffset:0;opacity:.35}
  100%{stroke-dashoffset:610;opacity:.05}
}
@keyframes flowRunner{
  0%{offset-distance:0%;opacity:0}
  8%{opacity:.9}
  68%{offset-distance:100%;opacity:.9}
  82%{offset-distance:100%;opacity:.22}
  100%{offset-distance:0%;opacity:0}
}
@keyframes flowNode{
  0%,16%,100%{opacity:.35;transform:scale(1)}
  8%{opacity:.95;transform:scale(1.18)}
}
@keyframes flowFinal{
  0%,68%,100%{opacity:.44;transform:scale(1)}
  76%{opacity:1;transform:scale(1.25)}
  84%{opacity:.72;transform:scale(1.08)}
}
@media(max-width:1180px){
  .hero-grid,.contact-grid,.split-grid,.about-story{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .desktop-visual,.process-flow{display:none!important}
}
@media(max-width:960px){
  :root{--header-h:84px}
  .nav{min-height:var(--header-h);padding:12px 0}
  .brand-mark{width:34px;height:34px}
  .brand-wordmark{height:38px;max-width:190px}
  h1{font-size:clamp(38px,10vw,56px)}
  .lead{font-size:17px}
  .grid-4,.grid-3,.grid-2,.grid-auto,.product-row,.footer-grid,.trust-grid{grid-template-columns:1fr}
  .product-card{grid-template-columns:1fr}
  .logo-panel{min-height:172px}
}
@media(max-width:680px){
  .wrap{width:min(var(--max), calc(100% - 22px))}
  .brand-mark{width:30px;height:30px}
  .brand-wordmark{height:34px;max-width:170px}
  .card{padding:18px;border-radius:18px}
  .card p,.rich-text p,.list-item p,.product-copy p,.footer-grid p,.footer-grid a{font-size:15.5px}
  .logo-panel.clubmigo img{max-width:86%;max-height:134px}
}
@media(prefers-reduced-motion:reduce){
  .flow-path-glow,.flow-runner,.flow-node,.n5{animation:none!important}
  .flow-path-glow{stroke-dashoffset:0;opacity:.36}
}




/* V13: controlled restore/polish */
:root{
  --header-h:82px;
  --max:1360px;
}
body{
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{width:min(var(--max), calc(100% - 44px))}
main{padding-top:var(--header-h)}
.nav{min-height:var(--header-h);padding:0}
.site-header{border-bottom:1px solid rgba(125,170,225,.13)}
.brand-lockup{display:flex;align-items:center;gap:9px;min-width:0}
.brand-mark{
  width:46px;
  height:46px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 0 8px rgba(31,140,255,.10));
}
.brand-wordmark{
  height:42px;
  width:auto;
  max-width:224px;
  object-fit:contain;
  filter:drop-shadow(0 0 7px rgba(31,140,255,.08));
}
.site-footer .footer-lockup .brand-mark{width:34px;height:34px}
.site-footer .footer-lockup .brand-wordmark{height:32px;max-width:165px}
.brand-logo,.brand-icon,.brand-word{display:none!important}
.nav-links{gap:30px}
.nav-links a{font-size:14px;font-weight:560}
.btn{min-height:48px;padding:0 18px;border-radius:15px;font-size:15px;font-weight:700}
.lang-switch button{font-size:13px;padding:10px 15px}
.hero{padding:40px 0 34px}
.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);
  gap:60px;
  min-height:430px;
  align-items:center;
}
.page-sub .hero{padding:32px 0 24px}
.page-sub .hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(390px,.84fr);
  min-height:340px;
  gap:48px;
}
.eyebrow{font-size:13px;letter-spacing:.23em}
h1{
  font-size:clamp(46px,4.7vw,76px);
  line-height:1.02;
  letter-spacing:-.04em;
  max-width:10.5ch;
}
.page-sub h1{font-size:clamp(38px,3.7vw,60px);max-width:11ch}
h2{font-size:clamp(30px,2.55vw,44px);line-height:1.08;letter-spacing:-.03em}
h3{font-size:clamp(20px,1.55vw,26px);line-height:1.14;letter-spacing:-.02em}
.lead{font-size:18px;line-height:1.58;max-width:720px}
.page-sub .lead{font-size:17px;max-width:650px}
.section{padding:34px 0}
.section.compact{padding-top:12px}
.section-head{margin-bottom:22px}
.grid-4,.grid-3,.grid-2,.grid-auto,.product-row,.about-story,.contact-grid,.split-grid{gap:20px}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2,.about-story{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{
  padding:22px;
  border-radius:22px;
  border-color:rgba(125,170,225,.17);
  background:linear-gradient(180deg,rgba(8,22,38,.88),rgba(5,16,29,.84));
  box-shadow:none;
}
.card p,.rich-text p,.list-item p,.product-copy p{font-size:16.5px;line-height:1.55}
.card .icon{
  width:46px;
  height:46px;
  border-radius:14px;
  margin-bottom:16px;
  display:grid;
  place-items:center;
}
.card .icon svg{
  width:22px;
  height:22px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.logo-panel{
  min-height:210px;
  border-radius:20px;
  padding:24px;
  background:radial-gradient(circle at 50% 38%,rgba(45,125,225,.15),transparent 44%),linear-gradient(180deg,rgba(10,27,47,.90),rgba(7,18,32,.92));
}
.logo-panel.clubmigo img{max-width:84%;max-height:152px;width:auto;height:auto;object-fit:contain}
.logo-panel.statto{min-height:210px;box-shadow:none}
.trust-grid{gap:12px;margin-top:20px!important}
.trust-item{padding:17px;border-radius:15px}
.trust-item strong{font-size:15.5px;margin-bottom:5px}
.trust-item small{font-size:14.5px;line-height:1.45}
.list-steps{gap:10px}
.list-item{padding:15px 17px;border-radius:16px;align-items:flex-start}
.list-item b{font-size:20px;min-width:40px}
.list-item strong{font-size:18px;margin-bottom:4px}
.list-item p{font-size:15.5px;line-height:1.48}

/* Use the user's preferred reference graphic as the actual visual base */
.hero-visual,.visual-box,.process-visual,.process-flow{display:none!important}
.process-reference{
  position:relative;
  overflow:hidden;
  aspect-ratio:421/260;
  border-radius:24px;
  border:1px solid rgba(125,170,225,.16);
  background:linear-gradient(180deg,rgba(7,22,40,.62),rgba(4,14,26,.44));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.process-reference img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.93;
}
.reference-glow{
  position:absolute;
  width:88px;
  height:88px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(118,230,255,.70) 0%, rgba(53,200,255,.38) 18%, rgba(31,140,255,.14) 42%, transparent 72%);
  filter:blur(1px);
  opacity:0;
  transform:translate(-50%,-50%);
  animation:referenceGlowMove 10.5s ease-in-out infinite;
  mix-blend-mode:screen;
}
.reference-glow.glow-2{
  width:42px;
  height:42px;
  background:radial-gradient(circle, rgba(210,250,255,.78), rgba(53,200,255,.30) 34%, transparent 72%);
  animation-duration:10.5s;
  animation-delay:.18s;
}
.reference-final-pulse{
  position:absolute;
  left:88.5%;
  top:13.2%;
  width:92px;
  height:92px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(122,230,255,.38) 0%, rgba(31,140,255,.16) 35%, transparent 72%);
  opacity:0;
  animation:referenceFinalPulse 10.5s ease-in-out infinite;
  mix-blend-mode:screen;
}
@keyframes referenceGlowMove{
  0%{left:16%;top:78%;opacity:0}
  8%{opacity:.28}
  22%{left:29%;top:58%;opacity:.32}
  40%{left:49%;top:43%;opacity:.35}
  58%{left:66%;top:30%;opacity:.34}
  74%{left:88.5%;top:13.2%;opacity:.42}
  84%{left:88.5%;top:13.2%;opacity:.22}
  100%{left:16%;top:78%;opacity:0}
}
@keyframes referenceFinalPulse{
  0%,68%,100%{opacity:0;transform:translate(-50%,-50%) scale(.75)}
  76%{opacity:.36;transform:translate(-50%,-50%) scale(1)}
  86%{opacity:.10;transform:translate(-50%,-50%) scale(1.25)}
}
@media(max-width:1180px){
  .hero-grid,.contact-grid,.split-grid,.about-story{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .desktop-visual,.process-reference{display:none!important}
}
@media(max-width:960px){
  :root{--header-h:84px}
  .brand-mark{width:38px;height:38px}
  .brand-wordmark{height:37px;max-width:190px}
  h1{font-size:clamp(38px,10vw,56px)}
  .lead{font-size:17px}
  .grid-4,.grid-3,.grid-2,.grid-auto,.product-row,.footer-grid,.trust-grid{grid-template-columns:1fr}
  .product-card{grid-template-columns:1fr}
}
@media(max-width:680px){
  .wrap{width:min(var(--max), calc(100% - 22px))}
  .brand-mark{width:32px;height:32px}
  .brand-wordmark{height:33px;max-width:168px}
  .card{padding:18px;border-radius:18px}
  .card p,.rich-text p,.list-item p,.product-copy p,.footer-grid p,.footer-grid a{font-size:15.5px}
}
@media(prefers-reduced-motion:reduce){
  .reference-glow,.reference-final-pulse{animation:none!important}
}




/* V14 mobile and consistency fix
   Goal: keep desktop V13, but fix mobile header + hero text wrapping.
*/
:root{
  --mobile-side: 20px;
}

/* Make sure no old visual is shown on mobile/tablet */
@media (max-width: 1180px){
  .desktop-visual,
  .process-reference,
  .process-flow,
  .process-visual,
  .visual-box,
  .hero-visual{
    display:none !important;
  }

  .hero-grid,
  .page-sub .hero-grid{
    display:block !important;
    grid-template-columns:1fr !important;
    min-height:auto !important;
    gap:0 !important;
  }
}

/* Mobile header: two clean rows, no squeezing */
@media (max-width: 760px){
  :root{
    --header-h: 154px;
  }

  main{
    padding-top: var(--header-h) !important;
  }

  .site-header{
    min-height: var(--header-h) !important;
  }

  .nav{
    min-height: var(--header-h) !important;
    padding: 10px 0 12px !important;
    display:grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "brand"
      "actions";
    align-items:center !important;
    row-gap: 12px !important;
  }

  .brand{
    grid-area: brand;
    justify-self:start;
    width:auto !important;
    max-width: 100% !important;
  }

  .brand-lockup{
    gap: 8px !important;
  }

  .brand-mark{
    width: 34px !important;
    height: 34px !important;
  }

  .brand-wordmark{
    height: 36px !important;
    max-width: 210px !important;
    width:auto !important;
  }

  .header-actions{
    grid-area: actions;
    justify-self:end;
    display:flex !important;
    align-items:center !important;
    gap: 10px !important;
    width:auto !important;
  }

  .lang-switch{
    height: 58px !important;
    padding: 4px !important;
    border-radius: 28px !important;
  }

  .lang-switch button{
    min-width: 58px !important;
    height: 48px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    border-radius: 24px !important;
  }

  .menu-toggle,
  .mobile-menu-toggle,
  button[aria-label="Menu"],
  .header-actions .menu-btn{
    min-height: 58px !important;
    padding: 0 24px !important;
    border-radius: 18px !important;
    font-size: 18px !important;
  }

  .nav-links{
    display:none !important;
  }
}

/* Mobile text: full width, no word-by-word breaking */
@media (max-width: 760px){
  .wrap{
    width: calc(100% - (var(--mobile-side) * 2)) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero,
  .page-sub .hero{
    padding: 24px 0 30px !important;
  }

  .hero-grid > div:first-child,
  .page-sub .hero-grid > div:first-child{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  .eyebrow{
    font-size: 13px !important;
    letter-spacing: .22em !important;
    line-height: 1.45 !important;
    margin-bottom: 16px !important;
    max-width: 100% !important;
  }

  h1,
  .page-sub h1,
  .hero h1{
    width:100% !important;
    max-width: 100% !important;
    min-width:0 !important;
    font-size: clamp(40px, 12vw, 56px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.04em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    margin-bottom: 18px !important;
  }

  .lead,
  .page-sub .lead,
  .hero .lead{
    width:100% !important;
    max-width: 100% !important;
    min-width:0 !important;
    font-size: 18px !important;
    line-height: 1.62 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .hero-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap: 12px !important;
    margin-top: 24px !important;
  }

  .hero-actions .btn{
    min-height: 48px !important;
    padding: 0 17px !important;
    font-size: 15px !important;
  }
}

/* Very small phones */
@media (max-width: 390px){
  :root{
    --mobile-side: 18px;
  }

  .brand-mark{
    width: 31px !important;
    height: 31px !important;
  }

  .brand-wordmark{
    height: 32px !important;
    max-width: 178px !important;
  }

  .header-actions{
    gap: 8px !important;
  }

  .lang-switch button{
    min-width: 52px !important;
    font-size: 13px !important;
  }

  .menu-toggle,
  .mobile-menu-toggle,
  button[aria-label="Menu"],
  .header-actions .menu-btn{
    padding: 0 18px !important;
    font-size: 17px !important;
  }

  h1,
  .page-sub h1,
  .hero h1{
    font-size: clamp(38px, 11.5vw, 52px) !important;
  }

  .lead,
  .page-sub .lead,
  .hero .lead{
    font-size: 17px !important;
  }
}

/* Card consistency on mobile */
@media (max-width: 760px){
  .section{
    padding: 26px 0 !important;
  }

  .section-head{
    margin-bottom: 18px !important;
  }

  h2{
    font-size: clamp(30px, 8vw, 40px) !important;
    line-height: 1.1 !important;
  }

  h3{
    font-size: 24px !important;
    line-height: 1.16 !important;
  }

  .card{
    padding: 20px !important;
    border-radius: 20px !important;
  }

  .card p,
  .rich-text p,
  .list-item p,
  .product-copy p{
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  .logo-panel{
    min-height: 165px !important;
  }

  .footer-grid{
    gap: 22px !important;
  }
}