*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07080b;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");z-index:1}.aurora{position:fixed;border-radius:50%;filter:blur(110px);opacity:.2;pointer-events:none}.a1{width:620px;height:620px;background:#5d77ff;top:-260px;right:-80px}.a2{width:520px;height:520px;background:#a657ff;left:-260px;top:520px}.glass{background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.nav{position:sticky;top:18px;z-index:20;max-width:1180px;margin:18px auto 0;border-radius:22px;padding:13px 15px 13px 18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand img{width:32px;height:32px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:9px}.nav nav>a{font-size:14px;color:#b9bcc7;padding:10px 14px;border-radius:14px}.nav nav>a:hover{color:#fff;background:rgba(255,255,255,.06)}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:16px;background:#fff;color:#0a0b0e!important;font-weight:800;box-shadow:0 8px 30px rgba(255,255,255,.12)}.primary.small{min-height:40px;padding:0 17px}.ghost{border:1px solid rgba(255,255,255,.11)}main{position:relative;z-index:2;max-width:1180px;margin:auto;padding:0 24px}.hero-wrap{padding:126px 0 112px;text-align:center;max-width:900px;margin:auto}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;color:#8f96aa;margin-bottom:20px}.hero-wrap h1{font-size:clamp(54px,8vw,98px);line-height:.96;letter-spacing:-.06em;margin:0}.hero-wrap h1 span{background:linear-gradient(90deg,#fff,#9ca7ff 48%,#c789ff);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{max-width:700px;margin:28px auto 0;color:#9da2af;font-size:19px;line-height:1.65}.actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.secondary{display:inline-flex;align-items:center;padding:0 22px;border-radius:16px;min-height:48px;font-weight:700}.stats{width:max-content;max-width:100%;margin:48px auto 0;padding:16px 24px;border-radius:22px;display:flex;align-items:center;gap:24px}.stats div{display:flex;flex-direction:column;min-width:100px}.stats strong{font-size:20px}.stats span{font-size:11px;color:#7f8490;margin-top:2px;text-transform:uppercase;letter-spacing:.08em}.stats i{height:28px;width:1px;background:rgba(255,255,255,.12)}.preview-section{display:grid;grid-template-columns:.75fr 1.35fr;gap:42px;align-items:center;padding:80px 0 115px}.section-copy h2,.cta h2{font-size:48px;letter-spacing:-.04em;line-height:1.05;margin:0 0 20px}.section-copy p,.cta p{color:#969ca9;line-height:1.7;font-size:16px}.text-link{display:inline-block;margin-top:10px;font-weight:700}.browser{border-radius:28px;padding:12px;overflow:hidden}.browser-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 7px}.browser-top>span{width:10px;height:10px;border-radius:50%;background:#555b68}.browser-top div{margin-left:12px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08);height:30px;border-radius:10px;flex:1;display:flex;align-items:center;padding:0 12px;color:#767c89;font-size:12px}.browser iframe{display:block;width:100%;height:570px;border:0;border-radius:19px;background:#000}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:100px}.features article{padding:26px;border-radius:23px;min-height:210px}.features b{font-size:11px;color:#72798b}.features h3{font-size:20px;margin:38px 0 10px}.features p{color:#8d93a0;line-height:1.6;margin:0}.cta{margin-bottom:90px;padding:42px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin-bottom:10px}.cta p{margin:0}footer{position:relative;z-index:2;max-width:1180px;margin:auto;padding:0 24px 32px;display:flex;justify-content:space-between;color:#565b67;font-size:12px}@media(max-width:850px){.nav nav>a:not(.primary):not(.ghost){display:none}.preview-section{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.hero-wrap{padding-top:88px}.browser iframe{height:500px}}@media(max-width:560px){.nav{margin:10px 10px 0}.ghost{display:none!important}main{padding:0 15px}.hero-wrap h1{font-size:54px}.lead{font-size:16px}.actions{flex-direction:column}.stats{gap:12px;padding:14px}.stats div{min-width:75px}.features{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.section-copy h2,.cta h2{font-size:38px}}
.brand img{width:56px;height:34px;object-fit:cover;border-radius:9px}.brand span{letter-spacing:-.02em}
.brand img{width:78px!important;height:28px!important;object-fit:contain!important;border-radius:6px!important;flex:0 0 auto}.preview-viewport{width:100%;overflow:hidden;border-radius:19px;background:#000;min-height:300px}.preview-viewport iframe{display:block;border:0;background:#000;transform-origin:top left}.landing-notice{max-width:700px;margin:22px auto 0;padding:13px 16px;border-radius:14px;background:rgba(255,177,64,.1);border:1px solid rgba(255,177,64,.24);color:#e8c894}.hidden{display:none!important}@media(max-width:850px){.preview-viewport{min-height:240px}}

/* v4.1 topbar + mobile */
.nav .brand img{height:38px!important;width:auto!important;max-width:58px!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:8px!important;flex:0 0 auto}
@media(max-width:700px){
  .nav{top:8px;margin:8px 8px 0;padding:10px 11px;border-radius:17px;gap:8px}
  .nav .brand{gap:7px;min-width:0}.nav .brand img{height:32px!important;max-width:48px!important}.nav .brand span{font-size:14px}
  .nav nav{gap:5px}.nav nav>a{padding:9px 10px!important;font-size:12px!important}.nav nav>a:not(.primary){display:none!important}
  .primary.small{min-height:38px;padding:0 12px!important}
  .hero-wrap{padding:72px 0 72px!important}.hero-wrap h1{font-size:clamp(46px,15vw,64px)!important}.lead{font-size:16px!important;padding:0 4px}
  .actions>a{width:100%}.stats{width:100%;justify-content:space-around;gap:6px!important;padding:12px 8px!important}.stats div{min-width:0!important;flex:1}.stats strong{font-size:18px}.stats span{font-size:9px}
  .preview-section{padding:56px 0 72px!important;gap:24px!important}.browser{padding:7px!important;border-radius:19px!important}.browser-top{height:40px!important}.browser iframe{height:68vh!important;min-height:430px!important;border-radius:14px!important}
  .features{padding-bottom:64px!important}.cta{margin-bottom:58px!important;padding:24px!important}.section-copy h2,.cta h2{font-size:34px!important}
  footer{padding:0 15px 24px!important;gap:12px;flex-wrap:wrap}
}
@media(max-width:380px){.nav .brand span{display:none}.nav .brand img{height:34px!important}.hero-wrap h1{font-size:44px!important}}