:root{--bg:#080b17;--panel:#101526;--panel2:#151b2f;--text:#f7f8fc;--muted:#aeb7cc;--mint:#55efb2;--mint2:#28caa0;--line:#222a42;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% -10%,#17213f 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;font-size:19px}.brand img{width:42px;height:42px;object-fit:contain}.links{display:flex;gap:26px}.links a{color:var(--muted);text-decoration:none;font-size:14px}.links a:hover{color:white}
.hero{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding:70px 0 100px}.eyebrow{color:var(--mint);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(46px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:15px 0 22px;max-width:760px}.hero p{font-size:19px;color:var(--muted);max-width:650px}.buttons{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{padding:13px 20px;border-radius:13px;text-decoration:none;font-weight:700;border:1px solid var(--line)}.btn.primary{background:var(--mint);color:#07110d;border-color:var(--mint)}.btn.secondary{background:#111629}
.hero-logo{position:relative;display:flex;justify-content:center}.hero-logo:before{content:"";position:absolute;width:75%;height:75%;background:var(--mint);filter:blur(110px);opacity:.13;top:12%}.hero-logo img{position:relative;width:min(100%,430px);filter:drop-shadow(0 30px 50px rgba(0,0,0,.4))}
.section{padding:88px 0}.section h2{font-size:38px;letter-spacing:-.035em;margin:0 0 12px}.lead{color:var(--muted);max-width:680px;margin:0 0 38px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,var(--panel),#0d1120);border:1px solid var(--line);border-radius:20px;padding:26px}.card .icon{font-size:25px}.card h3{margin:14px 0 8px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:15px}.pro{border-color:#2c594e;background:linear-gradient(145deg,#10241f,#0d1320)}
.legal{max-width:820px;padding:58px 0 100px}.legal h1{font-size:46px;letter-spacing:-.04em;margin-bottom:5px}.updated{color:var(--muted);margin-bottom:42px}.legal h2{margin-top:36px;font-size:23px}.legal p,.legal li{color:#c4cbda}.legal a{color:var(--mint)}.legal .note{background:var(--panel);border:1px solid var(--line);padding:18px 20px;border-radius:14px}
footer{border-top:1px solid var(--line);padding:30px 0 42px;color:var(--muted);font-size:14px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footlinks{display:flex;gap:20px}.footlinks a{text-decoration:none}
@media(max-width:800px){.links{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:50px;gap:35px}.hero p{margin-left:auto;margin-right:auto}.buttons{justify-content:center}.hero-logo{grid-row:1}.hero-logo img{width:230px}.grid{grid-template-columns:1fr}.section{padding:60px 0}.legal h1{font-size:38px}}




.app-store-badge{
  height:68px; box-sizing:border-box; display:inline-flex; align-items:center; gap:11px;
  padding:7px 17px 8px 14px; border:1px solid #a6a6a6; border-radius:13px;
  background:#000; color:#fff; text-decoration:none; line-height:1;
}
.app-store-badge:hover{border-color:#fff}

.app-store-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.app-store-copy small{font-size:12px;font-weight:500;line-height:14px;color:#fff;white-space:nowrap}
.app-store-copy strong{font-size:27px;font-weight:500;line-height:29px;letter-spacing:-.7px;color:#fff;white-space:nowrap}

.apple-logo-svg{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:block;
  color:#fff;
}
@media (min-width:801px){
  .app-store-badge{
    min-width:246px;
    height:68px;
    justify-content:flex-start;
  }
}
@media (max-width:800px){
  .app-store-badge{
    min-width:0;
  }
  .apple-logo-svg{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
}

@media (min-width:801px){
  .hero .buttons{
    flex-wrap:nowrap;
    align-items:stretch;
    gap:12px;
  }
  .hero .btn{
    white-space:nowrap;
    height:68px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding-left:18px;
    padding-right:18px;
  }
  .hero .app-store-badge{
    min-width:0;
    width:auto;
    height:68px;
    flex:0 0 auto;
    padding-left:13px;
    padding-right:15px;
  }
  .hero .app-store-copy strong{font-size:24px;line-height:26px}
  .hero .app-store-copy small{font-size:11px;line-height:13px}
  .hero .apple-logo-svg{width:34px;height:34px;flex-basis:34px}
}