/* AhlSight — marketing home page styles. Tokens from theme.css. */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{font-size:16px}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Helvetica,Arial,sans-serif;line-height:1.5;min-height:100vh;-webkit-text-size-adjust:100%;transition:background .25s,color .25s}
a{color:var(--amber2);text-decoration:none}
.wrap{max-width:1040px;margin:0 auto;padding:0 18px}

/* nav */
.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px 12px;background:var(--glass);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--ink)}
.nav .brand b{color:var(--amber)}
.nav .brand svg{width:32px;height:32px}
.nav .sp{flex:1}
.nav .ver{font-size:.68rem;color:var(--amber2);font-weight:700;border:1px solid color-mix(in srgb,var(--amber) 34%,transparent);padding:2px 8px;border-radius:20px}
.nav a.launch{background:linear-gradient(180deg,var(--amber),var(--amber-dim));color:#160d02;font-weight:800;padding:9px 16px;border-radius:10px;font-size:.9rem;white-space:nowrap}
@media(max-width:480px){.nav .ver{display:none}.nav a.launch{padding:9px 12px;font-size:.82rem}.nav{gap:8px}}

/* hero */
.hero{text-align:center;padding:48px 0 26px}
.hero .reticle{width:74px;height:74px;margin:0 auto 14px}
.hero-logo{width:auto;max-width:270px;max-height:240px;margin:0 auto 14px;display:block;filter:drop-shadow(0 8px 22px rgba(0,0,0,.4))}
@media(max-width:560px){.hero-logo{max-width:210px;max-height:190px}}
.hero h1{font-size:2.6rem;line-height:1.08;margin:0 0 12px;letter-spacing:-.5px}
.hero h1 b{color:var(--amber)}
.hero .lede{font-size:1.15rem;color:var(--ink2);max-width:640px;margin:0 auto 22px}
.hero .cta{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}
.hero .cta a{padding:13px 22px;border-radius:12px;font-weight:800;font-size:1rem}
.hero .cta .primary{background:linear-gradient(180deg,var(--amber),var(--amber-dim));color:#160d02}
.hero .cta .secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line2)}
@media(max-width:560px){.hero h1{font-size:2rem}.hero .lede{font-size:1.02rem}}

/* store badges */
.stores{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin:26px 0 8px}
.stores a{line-height:0;border-radius:12px;transition:transform .12s,opacity .12s}
.stores a:active{transform:scale(.97)}
.stores img{height:58px;width:auto;display:block}
.stores a[data-soon]{position:relative}
.stores a[data-soon]::after{content:"soon";position:absolute;top:-6px;right:-6px;background:var(--amber);color:#160d02;font:700 .6rem/1 sans-serif;padding:3px 6px;border-radius:20px}
.hint{text-align:center;color:var(--ink3);font-size:.82rem;margin-top:4px}

/* sections */
section.blk{padding:34px 0;border-top:1px solid var(--line)}
section.blk h2{text-align:center;font-size:1.7rem;margin:0 0 6px}
section.blk .sub{text-align:center;color:var(--ink2);margin:0 auto 24px;max-width:620px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:840px){.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.features{grid-template-columns:1fr}}
.feat{background:var(--twill),linear-gradient(180deg,var(--panel),var(--panel2));background-size:var(--twill-size),auto,auto;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.feat .ic{font-size:1.7rem;margin-bottom:8px}
.feat .ic-photo{width:48px;height:48px;border-radius:12px;background:#eef1f5;padding:6px;object-fit:contain;display:block;box-sizing:border-box}
.feat h3{margin:0 0 6px;font-size:1.06rem;color:var(--ink)}
.feat p{margin:0;color:var(--ink2);font-size:.92rem}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}
@media(max-width:720px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.steps{grid-template-columns:1fr}}
.step{background:var(--twill),var(--panel);background-size:var(--twill-size),auto;border:1px solid var(--line);border-radius:14px;padding:16px}
.step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,var(--amber),var(--amber-dim));color:#160d02;font-weight:800;margin-bottom:10px}
.step h3{margin:0 0 4px;font-size:1rem;color:var(--ink)}
.step p{margin:0;color:var(--ink2);font-size:.88rem}

/* install card */
.installcard{background:var(--twill),linear-gradient(180deg,var(--panel),var(--panel2));background-size:var(--twill-size),auto,auto;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.installcard .two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
@media(max-width:620px){.installcard .two{grid-template-columns:1fr}}
.installcard ol{margin:6px 0 0;padding-left:20px;color:var(--ink2)}
.kbd{background:var(--bg2);border:1px solid var(--line2);border-radius:6px;padding:1px 6px;font-size:.82rem}

/* Pro storefront */
.pro-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:stretch}
@media(max-width:720px){.pro-wrap{grid-template-columns:1fr}}
.pro-card{background:var(--twill),linear-gradient(180deg,var(--panel),var(--panel2));background-size:6px 6px,6px 6px,auto;border:1px solid rgba(242,102,42,.5);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
.pro-price{font-size:2.2rem;font-weight:800;color:var(--amber2);line-height:1}
.pro-price span{font-size:.9rem;color:var(--ink3);font-weight:600}
.pro-sub{color:var(--ink2);margin:4px 0 12px}
.pro-list{list-style:none;padding:0;margin:0 0 16px}
.pro-list li{padding:6px 0 6px 26px;position:relative;color:var(--ink)}
.pro-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.pro-buy{display:block;text-align:center;background:linear-gradient(180deg,var(--amber),var(--amber-dim));color:#160d02;font-weight:800;padding:13px;border-radius:12px;text-decoration:none;font-size:1.05rem}
.pro-note{font-size:.8rem;color:var(--ink3);margin:10px 0 0;text-align:center}
.pro-free{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:center}
.pro-free h3{margin:0 0 6px;color:var(--green)}
.pro-free p{color:var(--ink2);margin:0 0 12px}
.pro-open{color:var(--amber2);font-weight:700;text-decoration:none}

footer.site{border-top:1px solid var(--line);padding:26px 18px calc(34px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--ink3);font-size:.82rem}
footer.site .logo{display:inline-flex;align-items:center;gap:8px;color:var(--ink2);font-weight:700;margin-bottom:6px}
footer.site svg{width:20px;height:20px}
footer.site a{color:var(--ink2)}

@media (orientation:landscape) and (max-height:520px){.hero{padding:22px 0 14px}.hero h1{font-size:1.8rem}}