:root{--bg:#06101f;--bg2:#081a33;--panel:#0b1f3b;--line:#1c4f8e;--blue:#0e86ff;--cyan:#19d8ff;--green:#2cff05;--purple:#bf00ff;--text:#f6fbff;--muted:#b8c7d9;--soft:#e9f7ff;--dark:#07111f;--card:rgba(255,255,255,.07);--glass:rgba(5,20,43,.74);--shadow:0 24px 70px rgba(0,0,0,.35);--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 30% 10%,#0b4fa3 0,#07152b 34%,#030914 72%);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(4,12,25,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(25,216,255,.16)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px}.brand img{width:64px;height:64px;border-radius:18px;object-fit:cover;box-shadow:0 0 28px rgba(25,216,255,.28)}.brand strong{font-size:28px;letter-spacing:-.04em}.brand small{display:block;color:white;font-size:11px;margin-top:-5px}.links{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:500}.links a{color:#edf6ff;opacity:.92}.links a:hover,.links a.active{color:var(--cyan)}.lang{border:1px solid rgba(25,216,255,.34);border-radius:999px;padding:9px 14px;background:rgba(14,134,255,.12)}.menu-btn{display:none;border:1px solid rgba(25,216,255,.35);background:rgba(255,255,255,.06);color:white;border-radius:12px;padding:10px 12px;font-size:22px}.hero{position:relative;overflow:hidden;padding:48px 0 34px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,216,255,.10),transparent 30%,rgba(14,134,255,.16)),repeating-linear-gradient(120deg,rgba(25,216,255,.06) 0 1px,transparent 1px 70px);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border:1px solid rgba(25,216,255,.25);border-radius:999px;color:#c7f7ff;background:rgba(25,216,255,.08);font-size:13px}.hero h1{font-size:clamp(44px,6vw,86px);line-height:.96;letter-spacing:-.07em;margin:22px 0 18px;font-weight:520}.accent{color:var(--blue);text-shadow:0 0 22px rgba(14,134,255,.38)}.hero p{font-size:20px;color:#d6e7f7;max-width:660px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:12px;padding:15px 20px;font-weight:650;border:1px solid rgba(25,216,255,.34);box-shadow:0 15px 35px rgba(14,134,255,.18)}.btn.primary{background:linear-gradient(135deg,var(--blue),#0066ff);color:white}.btn.ghost{background:rgba(255,255,255,.05)}.proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.proof{display:flex;align-items:center;gap:11px;color:#eaf8ff}.icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(25,216,255,.3);background:rgba(25,216,255,.08);font-size:22px}.tv-card{position:relative;border:1px solid rgba(25,216,255,.22);background:linear-gradient(145deg,rgba(9,30,62,.85),rgba(4,12,25,.8));border-radius:26px;padding:20px;box-shadow:var(--shadow)}.tv{border:8px solid #172940;border-radius:18px;background:#07111f;min-height:330px;position:relative;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.4)}.anchor{position:absolute;inset:0;background:radial-gradient(circle at 52% 35%,rgba(25,216,255,.45),transparent 16%),linear-gradient(135deg,#13294d,#07111f 52%,#0b4fa3);}.person{position:absolute;left:36%;top:18%;width:29%;height:46%;border-radius:48% 48% 18px 18px;background:linear-gradient(#f1b08d,#ab6148);box-shadow:0 0 0 999px rgba(0,0,0,.05)}.caption{position:absolute;left:24px;right:24px;bottom:20px;background:rgba(0,0,0,.76);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:12px 14px;font-size:17px}.live{position:absolute;left:22px;top:22px;background:#e51c23;color:white;font-weight:800;border-radius:6px;padding:7px 9px;font-size:12px}.languages{position:absolute;right:24px;top:28px;background:rgba(6,18,35,.8);border:1px solid rgba(25,216,255,.24);border-radius:12px;padding:12px 16px;width:170px}.languages div{padding:6px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.play-ring{position:absolute;left:42%;top:33%;width:130px;height:130px;border-radius:50%;border:1px solid rgba(25,216,255,.4);display:grid;place-items:center;background:radial-gradient(circle,rgba(25,216,255,.26),transparent 62%);animation:pulse 2.4s infinite}.play-ring span{font-size:42px}.metric-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid rgba(25,216,255,.24);border-radius:20px;margin:30px 0 8px;overflow:hidden;background:rgba(255,255,255,.04)}.metric{padding:20px;text-align:center;border-right:1px solid rgba(25,216,255,.16)}.metric:last-child{border-right:0}.metric b{display:block;color:var(--blue);font-size:32px;line-height:1}.section{padding:76px 0}.section.light{background:#f4f8fc;color:#07111f}.section h2{font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.055em;margin:0 0 14px;font-weight:520;text-align:center}.section .lead{text-align:center;max-width:790px;margin:0 auto 34px;color:var(--muted);font-size:19px}.light .lead{color:#5b6c80}.method-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:stretch}.step{position:relative;border:1px solid rgba(25,216,255,.22);border-radius:20px;background:rgba(255,255,255,.055);padding:20px;text-align:center;min-height:190px}.step:after{content:"→";position:absolute;right:-15px;top:40px;color:var(--cyan);font-size:26px}.step:last-child:after{display:none}.step .icon{margin:0 auto 12px}.step h3{margin:0 0 8px;font-size:15px;color:#eaf8ff}.step p{margin:0;color:#c3d2e4;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid rgba(25,216,255,.18);border-radius:24px;padding:25px;background:rgba(255,255,255,.06);box-shadow:0 20px 50px rgba(0,0,0,.16)}.light .card{background:white;color:#07111f;box-shadow:0 18px 40px rgba(8,29,58,.09);border-color:#ddebf6}.card h3{font-size:24px;margin:0 0 10px;font-weight:550}.card ul{padding-left:20px;color:#d3e1f0}.light .card ul{color:#405269}.illustration{height:190px;border-radius:18px;margin-bottom:18px;overflow:hidden;border:1px solid rgba(25,216,255,.18);background:linear-gradient(135deg,#092445,#0b58b0)}.audience{background:radial-gradient(circle at 20% 30%,#19d8ff,transparent 12%),radial-gradient(circle at 50% 50%,#fff,transparent 4%),radial-gradient(circle at 72% 38%,#2cff05,transparent 8%),linear-gradient(135deg,#0c213e,#0a5fb5)}.control{background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 42px),linear-gradient(135deg,#101d34,#0047ab)}.earth{background:radial-gradient(circle at 50% 40%,#1aa8ff 0 18%,#07111f 19% 35%,transparent 36%),linear-gradient(135deg,#07111f,#0b447e)}.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.diagram{border:1px solid rgba(25,216,255,.2);border-radius:28px;background:rgba(255,255,255,.06);padding:25px}.light .diagram{background:white}.timeline{display:grid;gap:13px}.timeline div{display:flex;align-items:center;gap:12px;padding:15px;border-radius:16px;background:rgba(25,216,255,.08);border:1px solid rgba(25,216,255,.18)}.light .timeline div{background:#eef7ff}.cta{border-radius:30px;background:linear-gradient(135deg,#07111f,#0047ab);padding:44px;border:1px solid rgba(25,216,255,.28);text-align:center;box-shadow:var(--shadow)}.cta h2{text-align:center}.footer{padding:36px 0;border-top:1px solid rgba(25,216,255,.14);color:#9fb2c8}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mini-logo{display:flex;gap:10px;align-items:center}.mini-logo img{width:45px;border-radius:12px}.subpage-hero{padding:64px 0 40px;background:linear-gradient(135deg,#06101f,#083464)}.subpage-hero h1{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.06em;font-weight:520;margin:14px 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bad,.good{padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.16)}.bad{background:rgba(255,60,60,.08)}.good{background:rgba(44,255,5,.08)}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(25,216,255,.3)}50%{box-shadow:0 0 0 28px rgba(25,216,255,0)}}@media(max-width:980px){.menu-btn{display:block}.links{position:absolute;top:92px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;background:rgba(4,12,25,.98);border:1px solid rgba(25,216,255,.24);border-radius:18px;padding:18px;max-height:calc(100vh - 112px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.links.open{display:flex}.links a,.lang{padding:12px}.hero-grid,.split,.grid-2,.comparison{grid-template-columns:1fr}.method-flow{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid rgba(25,216,255,.16)}.proofs{grid-template-columns:1fr}.hero h1{font-size:46px}.tv{min-height:290px}}@media(max-width:560px){.brand strong{font-size:22px}.brand img{width:52px;height:52px}.method-flow,.metric-strip{grid-template-columns:1fr}.step:after{display:none}.section{padding:52px 0}.hero{padding-top:30px}.languages{display:none}.person{left:36%;width:34%}.caption{font-size:14px}.play-ring{display:none}}

/* SyncFlow language/mobile refinement */
.links::-webkit-scrollbar{width:8px}.links::-webkit-scrollbar-thumb{background:rgba(25,216,255,.35);border-radius:999px}.links a.active{opacity:1}.bad h3,.good h3{margin-top:0}.footer a{color:#dff8ff;text-decoration:underline;text-underline-offset:3px}.subpage-hero .lead{color:#d6e7f7}.section.light .cta .lead{color:#dcecff}.diagram .timeline div{font-weight:500}.card p{color:#d3e1f0}.light .card p{color:#405269}@media(max-width:980px){.topbar{position:sticky}.nav{position:relative}.links.open{display:flex}.links a{font-size:16px}.lang{display:block;text-align:center;margin-top:6px}}@media(max-width:560px){.hero h1{font-size:40px}.hero p{font-size:17px}.metric b{font-size:28px}}


/* SyncFlow radial menu hub - added without removing existing navigation/content */
.menu-btn{display:inline-grid!important;place-items:center;cursor:pointer;min-width:46px;min-height:44px;line-height:1;transition:transform .2s ease,background .2s ease,border-color .2s ease;z-index:80}.menu-btn:hover{transform:translateY(-1px);border-color:rgba(25,216,255,.75);background:rgba(25,216,255,.12)}
.menu-overlay{position:fixed;inset:0;z-index:70;display:none;background:radial-gradient(circle at 50% 38%,rgba(25,216,255,.20),transparent 22%),linear-gradient(140deg,rgba(3,9,20,.98),rgba(5,28,58,.98) 55%,rgba(3,9,20,.99));backdrop-filter:blur(18px);overflow-y:auto;padding:92px 18px 34px}.menu-overlay.open{display:block}.menu-overlay:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(115deg,rgba(25,216,255,.055) 0 1px,transparent 1px 72px),radial-gradient(circle at 12% 18%,rgba(14,134,255,.18),transparent 26%),radial-gradient(circle at 84% 74%,rgba(191,0,255,.11),transparent 28%);pointer-events:none}.menu-close{position:fixed;right:clamp(18px,4vw,44px);top:22px;z-index:72;width:48px;height:48px;border-radius:14px;border:1px solid rgba(25,216,255,.35);background:rgba(255,255,255,.07);color:#fff;font-size:28px;cursor:pointer}.menu-hub{position:relative;z-index:71;width:min(1120px,100%);margin:0 auto;color:#fff}.menu-hub-title{text-align:center;margin:0 auto 18px;max-width:780px}.menu-hub-title .eyebrow{margin-bottom:12px}.menu-hub-title h1{font-weight:520;letter-spacing:-.06em;line-height:.96;font-size:clamp(40px,7vw,78px);margin:10px 0 12px}.menu-hub-title p{color:#cfe6ff;font-size:18px;margin:0 auto;max-width:720px}.radial-menu{position:relative;min-height:660px;display:grid;place-items:center;margin-top:10px}.radial-menu:before,.radial-menu:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.radial-menu:before{width:min(640px,78vw);height:min(640px,78vw);border:1px solid rgba(25,216,255,.13);box-shadow:0 0 80px rgba(25,216,255,.08) inset}.radial-menu:after{width:min(420px,58vw);height:min(420px,58vw);border:1px dashed rgba(25,216,255,.20);animation:spinSlow 30s linear infinite}.hub-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:min(260px,54vw);aspect-ratio:1;border-radius:34px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(6,16,31,.9),rgba(7,37,74,.96));border:1px solid rgba(25,216,255,.3);box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 44px rgba(25,216,255,.16)}.hub-logo img{width:86%;height:86%;object-fit:contain;border-radius:28px}.branch{--x:0px;--y:0px;position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));z-index:3;width:220px;min-height:112px;border-radius:22px;border:1px solid rgba(25,216,255,.28);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 18px 42px rgba(0,0,0,.25);padding:18px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.branch:hover{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y) - 5px));border-color:rgba(25,216,255,.72);background:linear-gradient(145deg,rgba(25,216,255,.18),rgba(255,255,255,.07))}.branch:before{content:"";position:absolute;left:50%;top:50%;width:2px;height:126px;background:linear-gradient(rgba(25,216,255,0),rgba(25,216,255,.55),rgba(25,216,255,0));transform-origin:center top;opacity:.7;z-index:-1}.branch b{display:block;font-size:19px;font-weight:550;letter-spacing:-.02em;margin-bottom:5px;color:#fff}.branch span{display:block;color:#c7d9ee;font-size:13px}.branch .branch-icon{font-size:26px;margin-bottom:8px}.b1{--x:-390px;--y:-235px}.b1:before{transform:rotate(122deg);height:190px}.b2{--x:0px;--y:-270px}.b2:before{height:132px}.b3{--x:390px;--y:-235px}.b3:before{transform:rotate(-122deg);height:190px}.b4{--x:-440px;--y:0px}.b4:before{transform:rotate(90deg);height:220px}.b5{--x:440px;--y:0px}.b5:before{transform:rotate(-90deg);height:220px}.b6{--x:-390px;--y:235px}.b6:before{transform:rotate(58deg);height:190px}.b7{--x:0px;--y:280px}.b7:before{transform:rotate(180deg);height:140px}.b8{--x:390px;--y:235px}.b8:before{transform:rotate(-58deg);height:190px}.menu-hub-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:6px 0 24px}.menu-home-main{padding:38px 0 52px;min-height:calc(100vh - 92px);display:grid;align-items:center}.menu-home-main .radial-menu{min-height:650px}.below-home-content{border-top:1px solid rgba(25,216,255,.14)}@keyframes spinSlow{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:980px){.links{display:none!important}.menu-overlay{padding-top:78px}.radial-menu{display:block;min-height:auto;margin:24px 0}.radial-menu:before,.radial-menu:after,.branch:before{display:none}.hub-logo{position:relative;left:auto;top:auto;transform:none;margin:0 auto 20px;width:210px}.branch{position:relative;left:auto;top:auto;transform:none;width:100%;min-height:auto;margin:12px 0;display:flex;gap:14px;align-items:flex-start}.branch:hover{transform:translateY(-3px)}.menu-home-main .radial-menu{min-height:auto}.menu-hub-title h1{font-size:42px}.menu-hub-title p{font-size:16px}}@media(max-width:560px){.menu-overlay{padding-left:14px;padding-right:14px}.hub-logo{width:178px;border-radius:28px}.branch{border-radius:18px;padding:15px}.branch b{font-size:17px}.menu-close{right:14px;top:17px}.menu-home-main{padding-top:24px}.menu-hub-title h1{font-size:36px}}


/* ===== SyncFlow central menu v3: header fixed, same radial menu on every device ===== */
body{padding-top:94px}.topbar{position:fixed!important;top:0;left:0;right:0;z-index:120}.menu-overlay{position:fixed!important;left:0;right:0;top:94px;bottom:0;z-index:90;display:none;overflow-y:auto;overscroll-behavior:contain;padding:24px 16px 38px;background:radial-gradient(circle at 50% 42%,rgba(25,216,255,.16),transparent 28%),linear-gradient(145deg,rgba(3,9,20,.98),rgba(5,28,58,.99) 54%,rgba(3,9,20,.99));backdrop-filter:blur(18px)}.menu-overlay.open{display:block}.menu-overlay:before{content:"";position:fixed;inset:94px 0 0 0;background:repeating-linear-gradient(115deg,rgba(25,216,255,.045) 0 1px,transparent 1px 72px),radial-gradient(circle at 12% 18%,rgba(14,134,255,.16),transparent 26%),radial-gradient(circle at 84% 74%,rgba(191,0,255,.10),transparent 28%);pointer-events:none}.menu-close{display:none!important}.menu-hub{position:relative;z-index:91;width:min(1060px,100%);min-height:calc(100dvh - 160px);display:flex;flex-direction:column;justify-content:center}.menu-hub-title{display:none}.radial-menu{--menu-size:min(760px,88vw,calc(100dvh - 220px));position:relative;width:var(--menu-size);height:var(--menu-size);min-height:0!important;display:block!important;margin:0 auto}.radial-menu:before{content:"";display:block!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76%;height:76%;border-radius:50%;border:1px solid rgba(25,216,255,.16);box-shadow:0 0 80px rgba(25,216,255,.08) inset;pointer-events:none}.radial-menu:after{content:"";display:block!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54%;height:54%;border-radius:50%;border:1px dashed rgba(25,216,255,.26);animation:spinSlow 36s linear infinite;pointer-events:none}.hub-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:4;width:clamp(120px,24%,230px)!important;aspect-ratio:1;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(6,16,31,.94),rgba(7,37,74,.98));border:1px solid rgba(25,216,255,.34);box-shadow:0 24px 70px rgba(0,0,0,.44),0 0 44px rgba(25,216,255,.18)}.hub-logo img{width:86%;height:86%;object-fit:contain;border-radius:24px}.branch{position:absolute!important;left:50%!important;top:50%!important;z-index:3;width:clamp(88px,17vw,156px)!important;min-height:auto!important;margin:0!important;padding:10px 12px!important;border-radius:999px;border:1px solid rgba(25,216,255,.34);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.052));box-shadow:0 14px 32px rgba(0,0,0,.24);display:grid!important;place-items:center;text-align:center;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.branch:hover{border-color:rgba(25,216,255,.86);background:linear-gradient(145deg,rgba(25,216,255,.22),rgba(255,255,255,.08));box-shadow:0 18px 46px rgba(0,0,0,.30),0 0 26px rgba(25,216,255,.12)}.branch:before{content:""!important;display:block!important;position:absolute;left:50%;top:50%;height:2px;width:calc(var(--menu-size) * .21);background:linear-gradient(90deg,rgba(25,216,255,0),rgba(25,216,255,.70));transform-origin:0 50%;z-index:-1;pointer-events:none}.branch-icon,.branch span span{display:none!important}.branch b{display:block!important;margin:0!important;color:#fff;font-weight:500!important;font-size:clamp(12px,1.55vw,17px)!important;line-height:1.1;letter-spacing:-.02em}.branch>span{display:block!important;color:#fff!important}.b1{transform:translate(-50%,-50%) translate(-34%,-42%) translate(calc(var(--menu-size)*-0.35),calc(var(--menu-size)*-0.35))}.b2{transform:translate(-50%,-50%) translate(0,calc(var(--menu-size)*-0.46))}.b3{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*0.35),calc(var(--menu-size)*-0.35))}.b4{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*-0.46),0)}.b5{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*0.46),0)}.b6{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*-0.35),calc(var(--menu-size)*0.35))}.b7{transform:translate(-50%,-50%) translate(0,calc(var(--menu-size)*0.46))}.b8{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*0.35),calc(var(--menu-size)*0.35))}.b1:hover{transform:translate(-50%,-50%) translate(-34%,-42%) translate(calc(var(--menu-size)*-0.35),calc(var(--menu-size)*-0.35)) scale(1.04)}.b2:hover{transform:translate(-50%,-50%) translate(0,calc(var(--menu-size)*-0.46)) scale(1.04)}.b3:hover{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*0.35),calc(var(--menu-size)*-0.35)) scale(1.04)}.b4:hover{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*-0.46),0) scale(1.04)}.b5:hover{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*0.46),0) scale(1.04)}.b6:hover{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*-0.35),calc(var(--menu-size)*0.35)) scale(1.04)}.b7:hover{transform:translate(-50%,-50%) translate(0,calc(var(--menu-size)*0.46)) scale(1.04)}.b8:hover{transform:translate(-50%,-50%) translate(calc(var(--menu-size)*0.35),calc(var(--menu-size)*0.35)) scale(1.04)}.b1:before{transform:rotate(45deg)}.b2:before{transform:rotate(90deg)}.b3:before{transform:rotate(135deg)}.b4:before{transform:rotate(0deg)}.b5:before{transform:rotate(180deg)}.b6:before{transform:rotate(-45deg)}.b7:before{transform:rotate(-90deg)}.b8:before{transform:rotate(-135deg)}.menu-hub-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0 0}.menu-home-main{padding:22px 0 46px;min-height:calc(100dvh - 94px);display:grid;align-items:center}.menu-home-main .menu-hub-title{display:block;margin-bottom:4px}.menu-home-main .menu-hub-title p{display:none}.menu-home-main .radial-menu{--menu-size:min(760px,88vw,calc(100dvh - 260px));min-height:0!important}.below-home-content{border-top:1px solid rgba(25,216,255,.14)}
@media(max-width:700px){body{padding-top:82px}.topbar .nav{padding:9px 0}.brand img{width:54px;height:54px}.brand strong{font-size:23px}.brand small{font-size:9px}.menu-overlay{top:82px;padding:16px 10px 24px}.menu-overlay:before{inset:82px 0 0 0}.menu-hub{min-height:calc(100dvh - 112px)}.radial-menu{--menu-size:min(94vw,calc(100dvh - 170px),560px)}.menu-home-main .radial-menu{--menu-size:min(94vw,calc(100dvh - 220px),560px)}.branch{width:clamp(72px,21vw,118px)!important;padding:8px 9px!important}.branch b{font-size:clamp(10px,3vw,14px)!important}.hub-logo{width:clamp(96px,28%,150px)!important;border-radius:22px}.hub-logo img{border-radius:18px}.menu-hub-actions .btn{padding:11px 14px;font-size:13px}.menu-hub-title h1{font-size:clamp(28px,8vw,40px)!important}}
@media(max-width:390px){.radial-menu{--menu-size:min(96vw,calc(100dvh - 160px),420px)}.branch{width:68px!important;padding:7px 6px!important}.branch b{font-size:10px!important}.hub-logo{width:92px!important}.brand span small{display:none}.brand img{width:48px;height:48px}.brand strong{font-size:21px}}

/* ===== SyncFlow menu v4: one responsive central menu + hamburger always returns home ===== */
.menu-overlay{display:none!important}.menu-btn{cursor:pointer}.topbar{position:fixed!important;top:0;left:0;right:0;z-index:120}.links{display:none!important}body{padding-top:94px}.menu-home-main{min-height:calc(100dvh - 94px);padding:clamp(18px,3vw,34px) 0 clamp(28px,5vw,54px);display:grid;align-items:center;overflow:hidden}.menu-home-main .menu-hub{width:min(1180px,100%);margin:0 auto;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-home-main .menu-hub-title{display:block;text-align:center;margin:0 auto 12px;max-width:760px}.menu-home-main .menu-hub-title h1{font-size:clamp(30px,4.8vw,58px)!important;line-height:1.02;font-weight:500}.menu-home-main .menu-hub-title p{display:none!important}.radial-menu{--menu-size:min(760px,88vw,calc(100dvh - 230px));position:relative!important;width:var(--menu-size)!important;height:var(--menu-size)!important;min-height:0!important;display:block!important;margin:0 auto!important;isolation:isolate}.radial-menu:before{content:""!important;display:block!important;position:absolute;left:50%;top:50%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(25,216,255,.18);box-shadow:0 0 72px rgba(25,216,255,.08) inset;pointer-events:none}.radial-menu:after{content:""!important;display:block!important;position:absolute;left:50%;top:50%;width:50%;height:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(25,216,255,.28);pointer-events:none}.hub-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:4;width:clamp(108px,24%,215px)!important;aspect-ratio:1;border-radius:clamp(20px,4vw,34px)!important;display:grid!important;place-items:center;background:linear-gradient(145deg,#061528,#0a315d);border:1px solid rgba(25,216,255,.36);box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 44px rgba(25,216,255,.18)}.hub-logo img{width:86%;height:86%;object-fit:contain;border-radius:clamp(16px,3vw,28px)}.branch{--tx:0px;--ty:0px;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) translate(var(--tx),var(--ty))!important;z-index:3;width:auto!important;min-width:clamp(72px,13vw,138px)!important;max-width:clamp(92px,18vw,170px)!important;min-height:auto!important;margin:0!important;padding:clamp(7px,1.2vw,11px) clamp(9px,1.5vw,15px)!important;border-radius:999px;border:1px solid rgba(25,216,255,.38);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));box-shadow:0 12px 30px rgba(0,0,0,.22);display:grid!important;place-items:center;text-align:center;text-decoration:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.branch:hover{border-color:rgba(25,216,255,.86);background:linear-gradient(145deg,rgba(25,216,255,.22),rgba(255,255,255,.08));box-shadow:0 18px 46px rgba(0,0,0,.30),0 0 26px rgba(25,216,255,.14)}.branch:before{content:""!important;display:block!important;position:absolute;left:50%;top:50%;height:2px;width:calc(var(--menu-size) * .225);background:linear-gradient(90deg,rgba(25,216,255,0),rgba(25,216,255,.72));transform-origin:0 50%;z-index:-1;pointer-events:none}.branch span{display:block!important;color:#fff!important}.branch b{display:block!important;margin:0!important;color:#fff!important;font-weight:500!important;font-size:clamp(10px,1.65vw,17px)!important;line-height:1.08;letter-spacing:-.02em;white-space:normal}.branch-icon,.branch span span{display:none!important}.b1{--tx:calc(var(--menu-size)*-0.34);--ty:calc(var(--menu-size)*-0.34)}.b2{--tx:0px;--ty:calc(var(--menu-size)*-0.455)}.b3{--tx:calc(var(--menu-size)*0.34);--ty:calc(var(--menu-size)*-0.34)}.b4{--tx:calc(var(--menu-size)*-0.455);--ty:0px}.b5{--tx:calc(var(--menu-size)*0.455);--ty:0px}.b6{--tx:calc(var(--menu-size)*-0.34);--ty:calc(var(--menu-size)*0.34)}.b7{--tx:0px;--ty:calc(var(--menu-size)*0.455)}.b8{--tx:calc(var(--menu-size)*0.34);--ty:calc(var(--menu-size)*0.34)}.b1:before{transform:rotate(45deg)}.b2:before{transform:rotate(90deg)}.b3:before{transform:rotate(135deg)}.b4:before{transform:rotate(0deg)}.b5:before{transform:rotate(180deg)}.b6:before{transform:rotate(-45deg)}.b7:before{transform:rotate(-90deg)}.b8:before{transform:rotate(-135deg)}.menu-hub-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:clamp(12px,2vw,22px) 0 0}.below-home-content{border-top:1px solid rgba(25,216,255,.14)}
@media(max-width:700px){body{padding-top:82px}.topbar .nav{padding:9px 0}.brand img{width:54px;height:54px}.brand strong{font-size:23px}.brand small{font-size:9px}.menu-home-main{min-height:calc(100dvh - 82px);padding:14px 0 24px;overflow-x:hidden;overflow-y:auto}.menu-home-main .menu-hub-title{margin-bottom:2px}.menu-home-main .menu-hub-title h1{font-size:clamp(25px,7vw,36px)!important}.radial-menu{--menu-size:min(96vw,calc(100dvh - 178px),520px)}.hub-logo{width:clamp(88px,25%,136px)!important}.branch{min-width:clamp(60px,19vw,104px)!important;max-width:clamp(68px,23vw,120px)!important;padding:7px 7px!important}.branch b{font-size:clamp(9px,2.75vw,13px)!important}.branch:before{width:calc(var(--menu-size) * .20)}}
@media(max-width:420px){.brand span small{display:none}.brand img{width:48px;height:48px}.brand strong{font-size:21px}.radial-menu{--menu-size:min(96vw,calc(100dvh - 160px),390px)}.hub-logo{width:82px!important}.branch{min-width:56px!important;max-width:82px!important;padding:6px 5px!important}.branch b{font-size:9.5px!important;line-height:1.02}.branch:before{width:calc(var(--menu-size) * .185)}}
@media(max-height:620px){.menu-home-main{align-items:start}.radial-menu{--menu-size:min(82vh,92vw,560px)}.menu-home-main .menu-hub-title h1{font-size:28px!important}.menu-hub-actions{margin-top:8px}.branch{padding:6px 8px!important}.branch b{font-size:clamp(9px,1.4vw,13px)!important}.hub-logo{width:clamp(78px,20%,132px)!important}}


/* ===== SyncFlow v5: header flags + desktop radial spacing fix ===== */
.header-lang{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(25,216,255,.38);
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  color:#f6fbff;
  font-size:14px;
  font-weight:500;
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  white-space:nowrap;
}
.header-lang .flag{font-size:18px;line-height:1}
.header-lang:hover{border-color:rgba(25,216,255,.86);background:rgba(25,216,255,.14);color:#fff}
.nav{gap:14px}
.menu-btn{flex:0 0 auto}
@media(min-width:701px){
  .menu-home-main .radial-menu,
  .radial-menu{
    --menu-size:min(940px,92vw,calc(100dvh - 205px));
  }
  .branch{
    min-width:124px!important;
    max-width:168px!important;
    padding:10px 16px!important;
  }
  .branch b{
    font-size:15px!important;
    line-height:1.12!important;
  }
  .hub-logo{width:clamp(128px,20%,205px)!important}
  .branch:before{width:calc(var(--menu-size) * .255)!important}
  .b1{--tx:calc(var(--menu-size)*-0.385)!important;--ty:calc(var(--menu-size)*-0.385)!important}
  .b2{--tx:0px!important;--ty:calc(var(--menu-size)*-0.49)!important}
  .b3{--tx:calc(var(--menu-size)*0.385)!important;--ty:calc(var(--menu-size)*-0.385)!important}
  .b4{--tx:calc(var(--menu-size)*-0.51)!important;--ty:0px!important}
  .b5{--tx:calc(var(--menu-size)*0.51)!important;--ty:0px!important}
  .b6{--tx:calc(var(--menu-size)*-0.385)!important;--ty:calc(var(--menu-size)*0.385)!important}
  .b7{--tx:0px!important;--ty:calc(var(--menu-size)*0.49)!important}
  .b8{--tx:calc(var(--menu-size)*0.385)!important;--ty:calc(var(--menu-size)*0.385)!important}
}
@media(max-width:700px){
  .header-lang{min-height:40px;padding:8px 10px;font-size:13px;gap:6px}
  .header-lang .flag{font-size:17px}
  .nav{gap:8px}
}
@media(max-width:390px){
  .header-lang span:not(.flag){display:none}
  .header-lang{width:42px;padding:8px 0}
}


/* ===== SyncFlow v6: language beside hamburger + wider desktop radial menu ===== */
.nav{justify-content:flex-start!important;gap:10px!important}
.brand{margin-right:auto!important}
.menu-btn{order:2!important}
.header-lang{order:3!important;margin-left:2px!important}
.links{order:4!important}
@media(min-width:701px){
  .menu-home-main .radial-menu,
  .radial-menu{
    --menu-size:min(1080px,94vw,calc(100dvh - 175px))!important;
  }
  .branch{
    min-width:118px!important;
    max-width:176px!important;
    padding:10px 15px!important;
  }
  .branch:before{width:calc(var(--menu-size) * .292)!important}
  .b1{--tx:calc(var(--menu-size)*-0.43)!important;--ty:calc(var(--menu-size)*-0.43)!important}
  .b2{--tx:0px!important;--ty:calc(var(--menu-size)*-0.535)!important}
  .b3{--tx:calc(var(--menu-size)*0.43)!important;--ty:calc(var(--menu-size)*-0.43)!important}
  .b4{--tx:calc(var(--menu-size)*-0.565)!important;--ty:0px!important}
  .b5{--tx:calc(var(--menu-size)*0.565)!important;--ty:0px!important}
  .b6{--tx:calc(var(--menu-size)*-0.43)!important;--ty:calc(var(--menu-size)*0.43)!important}
  .b7{--tx:0px!important;--ty:calc(var(--menu-size)*0.535)!important}
  .b8{--tx:calc(var(--menu-size)*0.43)!important;--ty:calc(var(--menu-size)*0.43)!important}
}
@media(min-width:701px) and (max-height:760px){
  .radial-menu{--menu-size:min(820px,88vw,calc(100dvh - 150px))!important}
  .branch:before{width:calc(var(--menu-size) * .25)!important}
  .b1{--tx:calc(var(--menu-size)*-0.39)!important;--ty:calc(var(--menu-size)*-0.39)!important}
  .b2{--tx:0px!important;--ty:calc(var(--menu-size)*-0.50)!important}
  .b3{--tx:calc(var(--menu-size)*0.39)!important;--ty:calc(var(--menu-size)*-0.39)!important}
  .b4{--tx:calc(var(--menu-size)*-0.52)!important;--ty:0px!important}
  .b5{--tx:calc(var(--menu-size)*0.52)!important;--ty:0px!important}
  .b6{--tx:calc(var(--menu-size)*-0.39)!important;--ty:calc(var(--menu-size)*0.39)!important}
  .b7{--tx:0px!important;--ty:calc(var(--menu-size)*0.50)!important}
  .b8{--tx:calc(var(--menu-size)*0.39)!important;--ty:calc(var(--menu-size)*0.39)!important}
}


/* ===== SyncFlow v7: header-only language + safer CTA spacing ===== */
/* Remove any remaining in-body language control while preserving header flag selector. */
.links .lang,
.menu-hub-actions .btn.ghost[href="en.html"],
.menu-hub-actions .btn.ghost[href="index.html"]{display:none!important}

/* Give the exclusive-demo CTA its own vertical space so it does not collide with the radial menu on large screens. */
.menu-hub-actions{margin-top:clamp(34px,5.5vh,72px)!important;position:relative;z-index:6}
.menu-home-main{overflow:visible!important;padding-bottom:clamp(48px,7vh,96px)!important}

/* On large screens, keep the radial menu slightly smaller vertically and leave room below for the CTA. */
@media(min-width:701px){
  .menu-home-main .radial-menu,
  .radial-menu{--menu-size:min(840px,88vw,calc(100dvh - 300px))!important}
  .menu-hub-actions .btn.primary{white-space:normal;text-align:center;justify-content:center}
}

/* On smaller screens, preserve the already working compact behavior. */
@media(max-width:700px){
  .menu-hub-actions{margin-top:18px!important}
  .menu-home-main{padding-bottom:28px!important;overflow-y:auto!important}
}

/* ===== SyncFlow v8: stronger radial arms + wider desktop spacing ===== */
/* Desktop and large tablets: keep the menu as a true central map, with visible arms and options away from the logo. */
@media (min-width: 901px){
  .menu-home-main{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-top:clamp(24px,3vh,42px)!important;
    padding-bottom:clamp(64px,8vh,110px)!important;
  }
  .menu-home-main .radial-menu,
  .radial-menu{
    --menu-size:min(1040px,92vw)!important;
    height:var(--menu-size)!important;
    max-height:none!important;
  }
  .hub-logo{
    width:clamp(150px,18%,210px)!important;
  }
  .branch{
    min-width:clamp(116px,12vw,172px)!important;
    max-width:clamp(132px,15vw,210px)!important;
    padding:clamp(10px,1.1vw,14px) clamp(14px,1.6vw,22px)!important;
    z-index:5!important;
  }
  .branch b{
    font-size:clamp(15px,1.25vw,19px)!important;
    line-height:1.1!important;
  }
  .branch:before{
    display:block!important;
    opacity:1!important;
    height:3px!important;
    width:calc(var(--menu-size) * .42)!important;
    background:linear-gradient(90deg,rgba(25,216,255,.08),rgba(25,216,255,.86),rgba(25,216,255,.18))!important;
    box-shadow:0 0 16px rgba(25,216,255,.32)!important;
  }
  .b1{--tx:calc(var(--menu-size)*-0.46)!important;--ty:calc(var(--menu-size)*-0.46)!important}
  .b2{--tx:0px!important;--ty:calc(var(--menu-size)*-0.58)!important}
  .b3{--tx:calc(var(--menu-size)*0.46)!important;--ty:calc(var(--menu-size)*-0.46)!important}
  .b4{--tx:calc(var(--menu-size)*-0.60)!important;--ty:0px!important}
  .b5{--tx:calc(var(--menu-size)*0.60)!important;--ty:0px!important}
  .b6{--tx:calc(var(--menu-size)*-0.46)!important;--ty:calc(var(--menu-size)*0.46)!important}
  .b7{--tx:0px!important;--ty:calc(var(--menu-size)*0.58)!important}
  .b8{--tx:calc(var(--menu-size)*0.46)!important;--ty:calc(var(--menu-size)*0.46)!important}
  .menu-hub-actions{
    margin-top:clamp(44px,6vh,84px)!important;
  }
}

/* Medium screens: preserve the previous fit, but make the arms readable. */
@media (min-width: 701px) and (max-width: 900px){
  .radial-menu{--menu-size:min(760px,94vw)!important}
  .branch:before{width:calc(var(--menu-size) * .34)!important;height:2px!important;opacity:1!important}
  .b1{--tx:calc(var(--menu-size)*-0.42)!important;--ty:calc(var(--menu-size)*-0.42)!important}
  .b2{--tx:0px!important;--ty:calc(var(--menu-size)*-0.53)!important}
  .b3{--tx:calc(var(--menu-size)*0.42)!important;--ty:calc(var(--menu-size)*-0.42)!important}
  .b4{--tx:calc(var(--menu-size)*-0.55)!important;--ty:0px!important}
  .b5{--tx:calc(var(--menu-size)*0.55)!important;--ty:0px!important}
  .b6{--tx:calc(var(--menu-size)*-0.42)!important;--ty:calc(var(--menu-size)*0.42)!important}
  .b7{--tx:0px!important;--ty:calc(var(--menu-size)*0.53)!important}
  .b8{--tx:calc(var(--menu-size)*0.42)!important;--ty:calc(var(--menu-size)*0.42)!important}
}

/* ===== SyncFlow v9: radial menu proportional responsive spacing ===== */
/* The mobile layout is the visual baseline. Large screens now scale the same geometry proportionally instead of stretching the arms. */
.menu-home-main{
  overflow-x:hidden!important;
}
.radial-menu{
  --menu-size:min(92vw,calc(100dvh - 230px),760px)!important;
  width:var(--menu-size)!important;
  height:var(--menu-size)!important;
  max-width:760px!important;
  max-height:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.branch{
  min-width:clamp(62px,11.5vw,128px)!important;
  max-width:clamp(82px,15vw,150px)!important;
  padding:clamp(7px,1.05vw,10px) clamp(8px,1.25vw,13px)!important;
}
.branch b{
  font-size:clamp(9.5px,1.28vw,15px)!important;
  line-height:1.06!important;
}
.branch:before{
  width:calc(var(--menu-size) * .215)!important;
  height:2px!important;
  opacity:.88!important;
}
.b1{--tx:calc(var(--menu-size)*-0.34)!important;--ty:calc(var(--menu-size)*-0.34)!important}
.b2{--tx:0px!important;--ty:calc(var(--menu-size)*-0.455)!important}
.b3{--tx:calc(var(--menu-size)*0.34)!important;--ty:calc(var(--menu-size)*-0.34)!important}
.b4{--tx:calc(var(--menu-size)*-0.455)!important;--ty:0px!important}
.b5{--tx:calc(var(--menu-size)*0.455)!important;--ty:0px!important}
.b6{--tx:calc(var(--menu-size)*-0.34)!important;--ty:calc(var(--menu-size)*0.34)!important}
.b7{--tx:0px!important;--ty:calc(var(--menu-size)*0.455)!important}
.b8{--tx:calc(var(--menu-size)*0.34)!important;--ty:calc(var(--menu-size)*0.34)!important}
.menu-hub-actions{margin-top:clamp(18px,3vh,36px)!important}

@media(min-width:1100px){
  .radial-menu{
    --menu-size:min(70vw,calc(100dvh - 245px),760px)!important;
  }
  .hub-logo{width:clamp(118px,19%,170px)!important}
}

@media(max-width:700px){
  .radial-menu{
    --menu-size:min(96vw,calc(100dvh - 178px),520px)!important;
    max-width:520px!important;
    max-height:520px!important;
  }
  .branch:before{width:calc(var(--menu-size) * .20)!important}
}

@media(max-width:420px){
  .radial-menu{
    --menu-size:min(96vw,calc(100dvh - 160px),390px)!important;
    max-width:390px!important;
    max-height:390px!important;
  }
  .branch:before{width:calc(var(--menu-size) * .185)!important}
}

/* ===== SyncFlow v10: desktop menu fit without affecting mobile ===== */
/* Large screens must show every radial option without clipping or oversized arms. */
@media (min-width: 901px){
  .menu-home-main{
    min-height:calc(100dvh - 92px)!important;
    padding:clamp(14px,2.2vh,26px) 0 clamp(22px,3vh,38px)!important;
    overflow:hidden!important;
  }
  .menu-home-main .menu-hub-title{
    margin-bottom:clamp(8px,1.4vh,16px)!important;
  }
  .menu-home-main .menu-hub-title h1{
    font-size:clamp(30px,3.2vw,48px)!important;
    line-height:1.02!important;
    margin:8px 0 6px!important;
  }
  .menu-home-main .menu-hub-title p{
    max-width:780px!important;
    margin:0 auto!important;
    font-size:clamp(14px,1.05vw,17px)!important;
    line-height:1.35!important;
  }
  .menu-home-main .eyebrow{
    padding:6px 11px!important;
    font-size:12px!important;
  }
  .menu-home-main .radial-menu,
  .radial-menu{
    --menu-size:min(56vw,calc(100dvh - 330px),560px)!important;
    min-width:360px!important;
    min-height:360px!important;
    max-width:560px!important;
    max-height:560px!important;
    width:var(--menu-size)!important;
    height:var(--menu-size)!important;
  }
  .hub-logo{
    width:clamp(105px,21%,145px)!important;
  }
  .branch{
    min-width:clamp(96px,8.8vw,130px)!important;
    max-width:clamp(110px,10vw,145px)!important;
    padding:8px 11px!important;
  }
  .branch b{
    font-size:clamp(12px,1vw,14px)!important;
    line-height:1.07!important;
  }
  .branch:before{
    width:calc(var(--menu-size) * .215)!important;
    height:2px!important;
    opacity:.9!important;
  }
  .b1{--tx:calc(var(--menu-size)*-0.35)!important;--ty:calc(var(--menu-size)*-0.35)!important}
  .b2{--tx:0px!important;--ty:calc(var(--menu-size)*-0.465)!important}
  .b3{--tx:calc(var(--menu-size)*0.35)!important;--ty:calc(var(--menu-size)*-0.35)!important}
  .b4{--tx:calc(var(--menu-size)*-0.465)!important;--ty:0px!important}
  .b5{--tx:calc(var(--menu-size)*0.465)!important;--ty:0px!important}
  .b6{--tx:calc(var(--menu-size)*-0.35)!important;--ty:calc(var(--menu-size)*0.35)!important}
  .b7{--tx:0px!important;--ty:calc(var(--menu-size)*0.465)!important}
  .b8{--tx:calc(var(--menu-size)*0.35)!important;--ty:calc(var(--menu-size)*0.35)!important}
  .menu-hub-actions{
    margin-top:clamp(14px,2.2vh,28px)!important;
  }
}

/* Short desktop/notebook screens: compact further so no option leaves the viewport. */
@media (min-width: 901px) and (max-height: 780px){
  .menu-home-main .menu-hub-title h1{font-size:clamp(26px,2.6vw,38px)!important;margin:5px 0 4px!important}
  .menu-home-main .menu-hub-title p{font-size:13px!important;line-height:1.28!important;max-width:680px!important}
  .menu-home-main .radial-menu,
  .radial-menu{
    --menu-size:min(50vw,calc(100dvh - 275px),470px)!important;
    min-width:330px!important;
    min-height:330px!important;
  }
  .hub-logo{width:clamp(88px,20%,122px)!important}
  .branch{min-width:92px!important;max-width:122px!important;padding:7px 9px!important}
  .branch b{font-size:12px!important}
  .menu-hub-actions{margin-top:12px!important}
  .menu-hub-actions .btn{padding:12px 16px!important}
}

/* ===== SyncFlow v12: orbital responsive menu engine ===== */
/* Final override: the central menu is now sized by JavaScript according to the real viewport.
   This keeps the same visual proportion from phone to desktop and prevents clipping/overlap. */
.radial-menu.orbital-ready,
.radial-menu{
  --menu-size: min(92vw, 520px);
  --tx: 0px;
  --ty: 0px;
  --arm-width: 92px;
  --arm-rotation: 0deg;
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.radial-menu .hub-logo{
  z-index:5!important;
}
.radial-menu .branch{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) translate(var(--tx),var(--ty))!important;
  z-index:4!important;
  box-sizing:border-box!important;
}
.radial-menu .branch:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:var(--arm-width)!important;
  height:2px!important;
  transform:rotate(var(--arm-rotation))!important;
  transform-origin:0 50%!important;
  background:linear-gradient(90deg,rgba(25,216,255,.76),rgba(25,216,255,.32),rgba(25,216,255,0))!important;
  box-shadow:0 0 12px rgba(25,216,255,.26)!important;
  opacity:.9!important;
  z-index:-1!important;
  pointer-events:none!important;
}
.radial-menu .branch:hover:before{
  opacity:1!important;
  box-shadow:0 0 18px rgba(25,216,255,.42)!important;
}
@media (min-width:901px){
  .menu-home-main{overflow:hidden!important;}
  .radial-menu .branch{min-width:104px!important;max-width:138px!important;}
}
@media (max-width:700px){
  .menu-home-main{overflow-y:auto!important;}
}

/* ===== v13: clear Home icon + internal Inicio/Home link support ===== */
.menu-btn{font-size:0!important;display:inline-grid!important;place-items:center!important;line-height:1!important}
.menu-btn .home-icon{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.menu-btn:hover .home-icon{filter:drop-shadow(0 0 8px rgba(25,216,255,.55))}
#inicio,#home{scroll-margin-top:104px}
@media(max-width:700px){#inicio,#home{scroll-margin-top:92px}.menu-btn .home-icon{width:23px;height:23px}}

/* ===== SyncFlow v14: header home/link parity, fullscreen close button ===== */
.home-menu-btn{cursor:pointer;text-decoration:none;flex:0 0 auto}
.close-fallback{min-height:100dvh;display:grid;place-items:center;text-align:center;padding:40px;background:radial-gradient(circle at 30% 10%,#0b4fa3 0,#07152b 42%,#030914 100%);color:#fff}
@media(max-width:700px){.nav{gap:8px}}
@media(max-width:420px){.header-lang{width:40px!important}.menu-btn{width:40px!important}}

/* ===== v17.1: anchor positioned before the menu titles ===== */
.menu-anchor{display:block;position:relative;scroll-margin-top:104px;height:0;width:0;overflow:hidden}
@media(max-width:700px){.menu-anchor{scroll-margin-top:92px}}


/* ===== SyncFlow v20: SPA pages keep fullscreen and internal Inicio pointer ===== */
.spa-router{position:relative;padding-top:clamp(22px,4vw,54px);}
.spa-page{display:none;animation:syncflowPageIn .36s ease both;}
.spa-page.active{display:block;}
@keyframes syncflowPageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.menu-anchor{display:block;position:relative;top:calc(var(--topbar-offset, 88px) * -1);height:1px;width:1px;pointer-events:none;}
.branch.active span,.links a.active{color:var(--accent,#23d4ff);}


/* ===== SyncFlow v22: botão VER AO VIVO dinâmico no cabeçalho ===== */
.live-status-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.5);
  background:linear-gradient(135deg,#ff1f3d,#c40020 60%,#ff4a5f);
  color:#fff!important;
  text-decoration:none;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  white-space:nowrap;
  box-shadow:0 0 0 0 rgba(255,31,61,.62),0 10px 26px rgba(196,0,32,.28);
  animation:syncflowLivePulse 1.15s ease-in-out infinite;
  order:4;
}
.live-status-btn::before{
  content:'';
  width:8px;
  height:8px;
  border-radius:50%;
  margin-right:8px;
  background:#fff;
  box-shadow:0 0 12px rgba(255,255,255,.9);
}
.live-status-btn.is-hidden{display:none!important;animation:none!important}
.live-status-btn:hover{transform:translateY(-1px);filter:saturate(1.08)}
@keyframes syncflowLivePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,31,61,.64),0 10px 26px rgba(196,0,32,.28)}
  50%{box-shadow:0 0 0 8px rgba(255,31,61,0),0 14px 34px rgba(196,0,32,.38)}
}
@media(max-width:820px){
  .live-status-btn{height:36px;padding:0 9px;font-size:.64rem;letter-spacing:.04em;line-height:1.02;flex-direction:column;gap:0}
  .live-status-btn::before{display:none}
}
@media(max-width:520px){
  .live-status-btn{position:static;height:34px;min-width:54px;padding:0 8px;z-index:70}
}

/* ===== v23: live badge stays inside the header row; no mobile overlay ===== */
.topbar .nav{align-items:center;}
.live-status-btn span{display:block;}
@media(max-width:700px){.topbar .nav{gap:7px}.brand span{max-width:112px}.live-status-btn{order:5}.header-lang{order:4}.home-menu-btn{order:3}}
