*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html,body{overflow-x:hidden;max-width:100vw}
  :root{
	--bg:#050b11;
	--blue:#2bbdee;--blue2:#6fd4f4;--teal:#34d3c0;--teal2:#5fe6d6;
	--green:#0ea365;--green2:#14b870;
	--text:#dbe7ee;--head:#f0f7fb;--muted:#93a7b3;--dim:#8299a6;
	--border1:rgba(255,255,255,0.06);
	--border2:rgba(255,255,255,0.13);
	--card-bg:rgba(255,255,255,0.04);
	--glow:rgba(43,189,238,0.22);
  }
  body{font-family:'Onest',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}
  ::selection{background:rgba(43,189,238,0.30);color:#eaf7fd}
  a{color:var(--blue);text-decoration:none;transition:color .2s}
  a:hover{color:var(--blue2)}

  @keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
  @keyframes drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,24px) scale(1.06)}}
  @keyframes aurora{0%,100%{transform:translate(0,0) rotate(0deg) scale(1);opacity:.75}33%{transform:translate(6%,4%) rotate(3.5deg) scale(1.16);opacity:1}66%{transform:translate(-5%,-3%) rotate(-3deg) scale(.9);opacity:.45}}

  /* Reduce motion for mobile / low-power */
  @media (prefers-reduced-motion:reduce){
    .aur1,.aur2,.aur3,.glow-hero,.glow-side,.device-glow,.cta-glow{animation:none!important}
    *{transition:none!important}
  }
  @media (max-width:768px){
    .aur1,.aur2,.aur3{display:none}
    .glow-hero,.glow-side,.device-glow,.cta-glow{display:none}
  }

  /* Atmosphere */
  .aurora{position:fixed;pointer-events:none;z-index:0;max-width:100vw}
  .aur1{top:-30%;left:-15%;width:130%;height:80%;background:linear-gradient(115deg,transparent 28%,rgba(43,189,238,0.10) 45%,rgba(52,211,192,0.07) 55%,transparent 72%);filter:blur(50px);animation:aurora 22s ease-in-out infinite}
  .aur2{bottom:-35%;right:-20%;width:140%;height:85%;background:linear-gradient(245deg,transparent 30%,rgba(52,211,192,0.08) 48%,rgba(43,189,238,0.07) 58%,transparent 74%);filter:blur(60px);animation:aurora 30s ease-in-out infinite reverse}
  .aur3{top:20%;left:-10%;width:120%;height:70%;background:linear-gradient(160deg,transparent 34%,rgba(43,189,238,0.06) 50%,transparent 66%);filter:blur(70px);animation:aurora 17s ease-in-out infinite;animation-delay:-8s}
  .glow-hero{position:absolute;top:-140px;left:50%;margin-left:-720px;width:1440px;height:1100px;background:radial-gradient(ellipse 680px 520px at 50% 42%,rgba(43,189,238,0.16),transparent 65%);animation:drift 14s ease-in-out infinite;pointer-events:none}
  .glow-side{position:absolute;top:-160px;right:-260px;width:820px;height:820px;background:radial-gradient(closest-side,rgba(52,211,192,0.10),transparent 68%);animation:drift 18s ease-in-out infinite reverse;pointer-events:none}

  /* Nav */
  .nav{position:sticky;top:0;z-index:50;background:rgba(5,11,17,0.75);border-bottom:1px solid var(--border1)}
  @supports (backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px)){
    .nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  }
  @media (max-width:768px){
    .nav{background:rgba(5,11,17,0.92)}
  }
  .nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(20px,4vw,40px)}
  .nav-logo{display:flex;align-items:center;gap:10px;color:var(--text);font-family:'Manrope',sans-serif;font-weight:700;font-size:18px}
  .nav-links{display:flex;align-items:center;gap:22px}
  .nav-links a{font-size:14px;color:var(--muted);transition:color .2s}
  .nav-links a:hover{color:var(--blue)}
  

  /* Lang switch */
  .lang-drop{position:relative}
  .lang-btn{display:flex;align-items:center;gap:4px;border:1px solid var(--border2);border-radius:8px;padding:6px 12px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;background:transparent;color:var(--muted);transition:all .2s}
  .lang-btn:hover{border-color:var(--blue);color:var(--blue)}
  .lang-arrow{font-size:9px;transition:transform .2s}
  .lang-btn.open .lang-arrow{transform:rotate(180deg)}
  .lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:130px;background:var(--card-bg);border:1px solid var(--border2);border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.35);padding:5px;display:none;z-index:200}
  .lang-menu.open{display:block}
  .lang-item{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 12px;font-size:13px;font-weight:500;color:var(--muted);border-radius:7px;cursor:pointer;transition:all .15s}
  .lang-item:hover{background:var(--card-bg);color:var(--text)}
  .lang-item.active{color:var(--blue);font-weight:700;background:rgba(43,189,238,.08)}
  /* Remove old lang-sw style */
  .lang-sw{display:none}

  /* Hero */
  .hero{position:relative;max-width:1180px;margin:0 auto;padding:clamp(60px,8vw,104px) clamp(20px,4vw,40px) 0;text-align:center;z-index:1}
  .hero-badge{animation:up .7s ease both;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--blue2);margin-bottom:24px}
  .hero-title{animation:up .7s .08s ease both;font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(42px,6.4vw,84px);line-height:1.05;letter-spacing:-.035em;margin:0 auto 24px;max-width:1100px;white-space:nowrap;color:var(--head)}
  .hero-title span{background:linear-gradient(100deg,var(--teal2) 0%,var(--blue) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero-sub{animation:up .7s .16s ease both;font-size:clamp(16px,1.7vw,19px);line-height:1.62;color:var(--muted);margin:0 auto 36px;max-width:680px}
  .hero-sub p{margin:0;text-wrap:balance}

  /* Platform download accordion */
  .platform-grid{animation:up .7s .24s ease both;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:960px;margin:0 auto;align-items:start}
  .pf-card{padding:16px 20px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border2);color:var(--text);text-align:left;transition:border-color .25s}
  .pf-card:hover{border-color:rgba(43,189,238,0.4)}
  .pf-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:none;border:none;padding:0;cursor:pointer;color:var(--text);outline:none}
  .pf-card-header span{display:flex;align-items:center;gap:12px}
  .pf-name{font-family:'Manrope',sans-serif;font-weight:600;font-size:17px}
  .pf-chev{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--blue);transition:transform .35s cubic-bezier(0.22,1,0.36,1)}
  .pf-chev.open{transform:rotate(180deg)}
  .pf-links{display:flex;flex-wrap:wrap;gap:7px;overflow:hidden;max-height:0;opacity:0;margin-top:0;transform:translateY(-6px);transition:max-height .4s cubic-bezier(0.22,1,0.36,1),opacity .3s ease,margin-top .4s ease,transform .4s cubic-bezier(0.22,1,0.36,1)}
  .pf-links.open{max-height:360px;opacity:1;margin-top:14px;transform:translateY(0)}
  .pf-dl{padding:6px 12px;border-radius:7px;background:rgba(43,189,238,0.08);border:1px solid rgba(43,189,238,0.25);font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--blue2);transition:all .2s;display:inline-block}
  .pf-dl:hover{background:rgba(43,189,238,0.18);border-color:rgba(43,189,238,0.55);color:var(--blue2)}

  /* Hero device composite */
  .device-comp{animation:up .9s .34s ease both;position:relative;margin:clamp(52px,6vw,80px) auto 0;max-width:1020px}
  .device-glow{position:absolute;inset:6% -8% -6%;background:radial-gradient(ellipse 60% 55% at 50% 45%,var(--glow),transparent 70%);filter:blur(20px);pointer-events:none}
  @media (max-width:768px){
    .device-glow{display:none}
  }
  .device-desktop{border-radius:14px;overflow:hidden;border:1px solid rgba(120,200,240,0.22);background:#0b1822;box-shadow:0 60px 130px rgba(0,0,0,0.7),0 0 90px rgba(43,189,238,0.10)}
  .device-desktop img{width:100%;display:block;aspect-ratio:1280/820;object-fit:cover}
  .device-phone{position:absolute;right:clamp(-24px,-2vw,-36px);bottom:-48px;width:clamp(180px,23vw,260px);border-radius:22px;overflow:hidden;border:1px solid rgba(120,200,240,0.28);background:#0e1b25;box-shadow:0 34px 80px rgba(0,0,0,0.75)}
  .device-phone img{width:100%;display:block;aspect-ratio:780/1688;object-fit:cover}

  .divider{height:1px;max-width:960px;margin:clamp(60px,8vw,100px) auto 0;background:linear-gradient(90deg,transparent,rgba(43,189,238,0.35),transparent)}

  /* Sections */
  .sec{padding:clamp(50px,7vw,90px) clamp(20px,4vw,40px);max-width:1180px;margin:0 auto;position:relative;z-index:1}
  .sec-label{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--blue2);margin-bottom:16px;display:inline-block}
  .sec-title{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(28px,3.6vw,46px);letter-spacing:-.03em;color:var(--head);line-height:1.08;margin-bottom:16px;text-align:center}
  .sec-sub{font-size:16px;line-height:1.65;color:var(--muted);margin:0 auto 40px;max-width:640px;text-align:center;text-wrap:pretty}

  /* Feature tabs */
  .feat-showcase{position:relative}
  .feat-tabs-desktop{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:clamp(28px,3.5vw,44px)}
  .feat-tab-btn{padding:8px 18px;border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:13px;cursor:pointer;transition:all .3s ease;border:1px solid var(--border2);background:var(--card-bg);color:var(--dim)}
  .feat-tab-btn:hover{border-color:rgba(43,189,238,0.3);color:var(--blue)}
  .feat-tab-btn.active{background:var(--blue);color:#04121b;border-color:var(--blue);font-weight:500}
  .feat-row{display:none;grid-template-columns:minmax(0,0.72fr) minmax(0,1.28fr);gap:clamp(28px,4vw,56px);align-items:center}
  .feat-row.active{display:grid}
  .feat-text{animation:up .5s ease both}
  .feat-text h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(22px,2.6vw,34px);letter-spacing:-.025em;color:#eef5f9;line-height:1.12;margin-bottom:14px}
  .feat-text p{color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:20px;text-wrap:pretty}
  .feat-points{display:flex;flex-direction:column;gap:10px}
  .feat-point{display:flex;gap:11px;align-items:flex-start;color:#a8bac4;font-size:14.5px;line-height:1.55}
  .feat-point span:first-child{width:5px;height:5px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:7px}
  .feat-shot-wrap{position:relative;align-self:center}
  .feat-shot-wrap .bg-glow{position:absolute;inset:-14% -18%;background:radial-gradient(closest-side,var(--glow),transparent 72%);filter:blur(20px);pointer-events:none}
  @media (max-width:768px){
    .feat-shot-wrap .bg-glow{display:none}
  }
  .feat-shot{border-radius:12px;overflow:hidden;border:1px solid rgba(120,200,240,0.18);background:#0b1822;box-shadow:0 36px 90px rgba(0,0,0,0.6),0 0 70px rgba(43,189,238,0.16);position:relative}
  .feat-shot img{width:100%;display:block;aspect-ratio:1280/820;max-height:min(62vh,620px);object-fit:cover}
  .feat-shot.extra{border:1px solid rgba(120,200,240,0.18);background:#0a141d}
  .feat-shot.extra .fake-titlebar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#0d1a24;border-bottom:1px solid var(--border1)}
  .feat-shot.extra .fake-titlebar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.12)}
  .feat-shot.extra .fake-titlebar code{margin-left:8px;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#5e7482}
  .feat-shot.extra .fake-term{padding:20px 22px 24px;font-family:'JetBrains Mono',monospace;font-size:13.5px;line-height:2.0}
  .feat-shot.extra .fake-term .prompt{color:var(--blue2)}
  .feat-shot.extra .fake-term .check{color:var(--teal2)}
  .feat-shot.extra .fake-term .cursor{display:inline-block;width:8px;height:15px;background:var(--blue2);vertical-align:-2px;animation:blink 1.1s steps(1) infinite}
  @keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}

  /* Mobile tabs */
  .feat-tabs-mobile{display:none;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:16px}
  .feat-tabs-mobile button{padding:7px 14px;border:1px solid var(--border2);background:var(--card-bg);border-radius:999px;font-size:13px;font-weight:500;color:var(--dim);cursor:pointer;transition:all .2s}
  .feat-tabs-mobile button.active{background:var(--blue);color:#04121b;border-color:var(--blue)}

  /* Cards grid */
  .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
  .card{background:linear-gradient(165deg,rgba(43,189,238,0.06),rgba(255,255,255,0.012) 60%);border:1px solid rgba(120,200,240,0.14);border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:all .25s;display:block}
  .card:hover{border-color:rgba(43,189,238,0.4);transform:translateY(-3px);box-shadow:0 14px 36px rgba(43,189,238,0.10)}
  .card-icon{margin-bottom:12px;color:var(--blue2)}
  .card-title{font-family:'Manrope',sans-serif;font-weight:600;font-size:16.5px;color:#eaf3f8;letter-spacing:-.01em;margin-bottom:8px}
  .card-desc{color:var(--dim);font-size:14px;line-height:1.6}

  /* Platform download cards */
  .plat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
  .plat-card{padding:16px 20px;border-radius:12px;background:var(--card-bg);border:1px solid var(--border2);color:var(--text);text-align:center;transition:all .25s;text-decoration:none;display:block;cursor:pointer}
  .plat-card:hover{border-color:rgba(43,189,238,0.4);transform:translateY(-4px);box-shadow:0 14px 36px rgba(43,189,238,0.14)}
  .plat-card .p-icon{margin-bottom:8px;color:var(--blue2)}
  .plat-card .p-name{font-family:'Manrope',sans-serif;font-weight:600;font-size:17px;color:var(--text)}
  .plat-card .p-fmt{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--dim);margin-top:4px}

  /* Guide cards */
  .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
  .guide-card{padding:28px 24px 24px;border-radius:16px;background:linear-gradient(165deg,rgba(43,189,238,0.06),rgba(255,255,255,0.012) 60%);border:1px solid rgba(120,200,240,0.14);transition:all .25s;display:flex;flex-direction:column;height:100%}
  .guide-card:hover{border-color:rgba(43,189,238,0.4);transform:translateY(-4px);box-shadow:0 14px 36px rgba(43,189,238,0.10)}
  .guide-badge{width:44px;height:44px;border-radius:12px;background:rgba(43,189,238,0.12);border:1px solid rgba(43,189,238,0.25);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--blue2)}
  .guide-title{font-family:'Manrope',sans-serif;font-weight:600;font-size:17px;color:#eaf3f8;letter-spacing:-.01em;margin-bottom:14px}
  .guide-steps{margin:0;padding-left:20px;list-style:decimal}
  .guide-sub{font-family:'Manrope',sans-serif;font-weight:600;font-size:13px;color:var(--blue2);margin:16px 0 8px;letter-spacing:.01em}
  .guide-sub:first-of-type{margin-top:0}
  .guide-steps li{font-size:14px;color:var(--dim);line-height:1.85;padding-left:2px}
  .guide-steps li::marker{color:var(--blue);font-weight:600;font-size:13px}
  .guide-note{margin-top:auto;padding:12px 14px;border-radius:10px;background:rgba(43,189,238,0.06);border:1px solid rgba(43,189,238,0.15);font-size:13px;color:var(--dim);line-height:1.6}
  .guide-note strong{color:var(--blue2);font-weight:600}

  @media(max-width:1200px){
    .guide-grid{grid-template-columns:1fr 1fr}
    .guide-card-wide{grid-column:1/-1}
  }
  @media(max-width:900px){
    .guide-grid{grid-template-columns:1fr}
    .guide-card-wide{grid-column:auto}
  }

  /* Android section */
  .mob-grid{display:grid;grid-template-columns:minmax(0,1.1fr) auto auto;gap:clamp(28px,4vw,52px);align-items:center}
  .mob-text h2{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.028em;color:#eef5f9;line-height:1.1;margin-bottom:14px}
  .mob-text p{color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:20px;text-wrap:pretty}
  .mob-points{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}
  .mob-point{display:flex;align-items:center;gap:12px}
  .mob-point span:last-child{color:#b7c9d3;font-size:15px;line-height:1.5}
  .mob-cta{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:10px;background:var(--card-bg);border:1px solid var(--border2);color:#e6f0f5;font-weight:500;font-size:14.5px;transition:all .2s;text-decoration:none}
  .mob-cta:hover{background:rgba(255,255,255,0.1);color:#e6f0f5}
  .mob-phone{width:clamp(190px,21vw,270px);border-radius:24px;overflow:hidden;border:1px solid rgba(120,200,240,0.22);background:#0e1b25;box-shadow:0 34px 80px rgba(0,0,0,0.6);transition:transform .3s}
  .mob-phone:hover{transform:translateY(-6px)}
  .mob-phone img{width:100%;display:block;aspect-ratio:780/1688;object-fit:cover}

  /* Sync section */
  .sync-card-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:clamp(32px,4vw,44px)}
  .sync-card{padding:24px;border-radius:16px;background:linear-gradient(165deg,rgba(43,189,238,0.06),rgba(255,255,255,0.012) 60%);border:1px solid rgba(120,200,240,0.14);transition:all .25s}
  .sync-card:hover{border-color:rgba(43,189,238,0.4);transform:translateY(-3px)}
  .sync-card .sc-icon{margin-bottom:12px;color:var(--blue2)}
  .sync-card h3{font-family:'Manrope',sans-serif;font-weight:600;font-size:16.5px;color:#eaf3f8;letter-spacing:-.01em;margin-bottom:8px}
  .sync-card p{color:var(--dim);font-size:14px;line-height:1.6}
  .sync-shot{position:relative;max-width:720px;margin:0 auto}
  .sync-shot .bg-glow{position:absolute;inset:-6% -10%;background:radial-gradient(ellipse 55% 60% at 50% 50%,rgba(43,189,238,0.12),transparent 72%);filter:blur(20px);pointer-events:none}
  @media (max-width:768px){
    .sync-shot .bg-glow{display:none}
  }
  .sync-shot img{width:100%;border-radius:12px;border:1px solid rgba(120,200,240,0.18);box-shadow:0 40px 100px rgba(0,0,0,0.6);display:block}

  /* CTA */
  .cta{position:relative;z-index:1;text-align:center;padding:clamp(80px,10vw,140px) clamp(20px,4vw,40px) clamp(80px,10vw,130px)}
  .cta-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1000px;height:640px;background:radial-gradient(ellipse 50% 45% at 50% 50%,rgba(43,189,238,0.14),transparent 70%);pointer-events:none}
  @media (max-width:768px){
    .cta-glow{display:none}
  }
  .cta h2{font-family:'Manrope',sans-serif;font-weight:700;font-size:clamp(30px,4vw,54px);letter-spacing:-.03em;color:var(--head);line-height:1.06;margin-bottom:14px}
  .cta p{font-size:16.5px;line-height:1.6;color:var(--muted);margin:0 auto 32px;max-width:560px;text-wrap:balance}
  .cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}
  .cta-btn{display:inline-flex;align-items:center;gap:9px;padding:15px 30px;border-radius:12px;background:var(--blue);color:#03131c;font-weight:600;font-size:16px;box-shadow:0 14px 38px rgba(43,189,238,0.35);transition:all .2s;text-decoration:none}
  .cta-btn:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(43,189,238,0.45);background:#4ccdf6;color:#03131c}

  /* Principles */
  .prin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .prin-card{padding:24px;border-radius:16px;background:linear-gradient(165deg,rgba(43,189,238,0.06),rgba(255,255,255,0.012) 60%);border:1px solid rgba(120,200,240,0.14);transition:border-color .25s,transform .25s}
  .prin-card:hover{border-color:rgba(43,189,238,0.4);transform:translateY(-3px)}
  .prin-card span{display:inline-flex;margin-bottom:12px}
  .prin-card h3{font-family:'Manrope',sans-serif;font-weight:600;font-size:16.5px;margin:0 0 8px;color:#eaf3f8;letter-spacing:-.01em}
  .prin-card p{color:#8299a6;font-size:14px;line-height:1.6;margin:0;text-wrap:pretty}
  @media (max-width:768px){
    .prin-grid{grid-template-columns:1fr 1fr}
  }
  @media (max-width:480px){
    .prin-grid{grid-template-columns:1fr}
  }

  /* Terminal chips */
  .chips-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px) clamp(60px,7vw,90px);position:relative;z-index:1}
  .chips-label{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--blue2);margin-bottom:16px;text-align:center}
  .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
  .chip{padding:6px 14px;border-radius:999px;border:1px solid var(--border2);background:var(--card-bg);color:var(--dim);font-family:'JetBrains Mono',monospace;font-size:12.5px;transition:border-color .2s,color .2s}
  .chip:hover{border-color:rgba(43,189,238,0.4);color:var(--blue)}

  /* Credit */
  .credit{font-size:13px;color:var(--dim);margin:28px auto 0;text-align:center;max-width:420px;line-height:1.8}
  .credit a{color:var(--green2);transition:color .2s}
  .credit a:hover{color:var(--green)}

  /* Footer */
  .footer{border-top:1px solid var(--border1);position:relative;z-index:1}
  .footer-inner{max-width:1180px;margin:0 auto;padding:26px clamp(20px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
  .footer-left{display:flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-weight:600;font-size:14.5px}
  .footer-left .tag{color:#4b5f6b;font-size:13px;font-family:'Onest',sans-serif;font-weight:400}
  .footer-links{display:flex;gap:20px;font-size:13.5px}
  .footer-links a{color:var(--dim)}
  .footer-links a:hover{color:var(--blue)}

  /* Responsive */
  /* ===== Widescreen & Ultra-wide ===== */
  @media(min-width:1201px){
	.nav-inner,.hero,.sec,.footer-inner{max-width:1400px}
	.hero-title{font-size:clamp(56px,5.5vw,96px);max-width:1200px}
	.hero-sub{max-width:820px}
	.platform-grid{max-width:1300px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;align-items:start}
	.device-comp{max-width:1260px}
	.divider{max-width:1300px}
  }
  @media(min-width:1600px){
	.nav-inner,.hero,.sec,.footer-inner{max-width:1600px}
	.hero-title{font-size:clamp(64px,5vw,104px);max-width:1400px}
	.hero-sub{max-width:920px;font-size:20px}
	.platform-grid{max-width:1500px;grid-template-columns:repeat(5,1fr);gap:22px;align-items:start}
	.device-comp{max-width:1440px}
	.divider{max-width:1500px}
  }
  /* ===== Tablet landscape / small desktop ===== */
  @media(max-width:1024px) and (min-width:769px){
	.feat-row.active{grid-template-columns:1fr}
	.feat-tabs-desktop{display:none}
	.feat-tabs-mobile{display:flex}
	.mob-grid{grid-template-columns:1fr 1fr}
	.mob-grid>div:first-child{grid-column:1/-1}
	.mob-phone{width:100%}
	.hero-title{font-size:clamp(38px,5vw,56px)}
	.platform-grid{grid-template-columns:repeat(2,1fr)}
	.sec{padding:clamp(40px,5vw,60px) clamp(24px,3vw,32px)}
  }
  /* ===== Tablet portrait ===== */
  @media(max-width:768px) and (min-width:481px){
	.nav-links{gap:12px}
	.nav-links a{font-size:13px}
	.feat-row.active{grid-template-columns:1fr}
	.feat-tabs-desktop{display:none}
	.feat-tabs-mobile{display:flex}
	.device-phone{width:140px;bottom:-30px;right:-10px;border-radius:18px}
	.platform-grid{grid-template-columns:1fr 1fr}
	.guide-grid{grid-template-columns:1fr}
	.mob-grid{grid-template-columns:1fr 1fr}
	.mob-grid>div:first-child{grid-column:1/-1}
	.mob-phone{width:100%}
	.hero-title{font-size:clamp(32px,6vw,44px)}
	.sec{padding:clamp(30px,5vw,50px) clamp(20px,3vw,28px)}
	.sync-card-wrap{grid-template-columns:1fr}
	.footer-inner{flex-direction:column;text-align:center}
  }
  /* ===== Phone ===== */
  @media(max-width:480px){
	.nav-links{display:none}
	.nav-inner{padding:12px 16px}
	.nav-logo{font-size:16px}
	.hero{padding:clamp(40px,10vw,60px) 16px 0}
		.hero-title{font-size:clamp(28px,7vw,36px);margin-bottom:16px;white-space:normal}
	.hero-sub{font-size:14px;margin-bottom:24px;max-width:100%}
	.hero-sub p{margin-bottom:4px}
	.platform-grid{grid-template-columns:1fr}
	.pf-card{padding:12px 16px}
	.pf-name{font-size:15px}
	.device-comp{margin-top:32px}
	.device-phone{width:100px;bottom:-18px;right:-4px;border-radius:14px}
	.divider{margin-top:40px}
	.sec{padding:30px 16px}
	.sec-title{font-size:clamp(22px,5vw,28px)}
	.sec-label{font-size:11px}
	.feat-row.active{grid-template-columns:1fr}
	.feat-tabs-desktop{display:none}
	.feat-tabs-mobile{display:flex}
	.feat-tab-btn{font-size:11px;padding:6px 12px}
	.feat-text h3{font-size:20px}
	.feat-text p{font-size:14px}
	.feat-point{font-size:13px}
	.feat-shot img{max-height:min(40vh,300px)}
	.guide-grid{grid-template-columns:1fr}
	.guide-card{padding:20px 18px}
	.guide-title{font-size:15px}
	.guide-steps li{font-size:13px;line-height:1.7}
	.mob-grid{grid-template-columns:1fr;gap:20px}
	.mob-phone{width:70%;margin:0 auto}
	.sync-card-wrap{grid-template-columns:1fr}
	.cta{padding:50px 16px}
	.cta h2{font-size:26px}
	.cta p{font-size:14px;max-width:100%}
	.footer-inner{flex-direction:column;text-align:center;gap:12px}
		.footer-links{gap:14px;font-size:12px}
			.lang-btn{padding:4px 8px;font-size:11px}
	/* Prevent overflow */
		.glow-hero{width:100vw!important;left:0!important;margin-left:0!important}
		.glow-side{width:100vw!important;right:0!important}
		.aur1,.aur2,.aur3{width:100vw!important;left:0!important;right:0!important}
		.cta-glow{width:100vw!important}
		.device-glow{inset:0!important}
	  }