:root{
  --bg:#041a4a; --bg2:#062b7d; --text:#f7fbff; --muted:#bcd8ff; --card:rgba(9,39,96,.68); --card2:rgba(255,255,255,.1);
  --yellow:#ffdf45; --cyan:#71f1ff; --blue:#0d61e8; --red:#ff4e44; --green:#35d07f; --line:rgba(255,255,255,.16);
  --shadow:0 30px 80px rgba(0,0,0,.35); --radius:28px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 8%,rgba(110,231,255,.48),rgba(0,93,225,.24) 25%,rgba(3,20,62,.94) 72%);z-index:-3}.site-bg{position:fixed;inset:0;background-image:url('assets/blue_background.webp');background-size:cover;background-position:center;opacity:.33;z-index:-2}.site-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,12,39,.45),rgba(1,12,39,.94))}
a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px min(5vw,72px);backdrop-filter:blur(18px);background:linear-gradient(90deg,rgba(2,13,41,.88),rgba(4,39,106,.72));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:950;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--yellow),#fff38a);color:#07316e;box-shadow:0 0 24px rgba(255,223,69,.48)}nav{display:flex;gap:22px;align-items:center}nav a{font-size:.94rem;color:var(--muted);font-weight:800}nav a:hover{color:white}.nav-cta{padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);font-weight:900}.section-frame{width:min(1180px,92vw);margin:0 auto 88px}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:70px 0 20px}.eyebrow,.section-kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-weight:950;font-size:.78rem}.hero h1{font-size:clamp(3rem,7vw,7.2rem);line-height:.86;margin:16px 0 24px;letter-spacing:-.075em;text-shadow:0 15px 45px rgba(0,0,0,.3)}.hero-lead{font-size:1.23rem;line-height:1.65;color:#d6e9ff;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:0 22px;font-weight:950;border:1px solid transparent}.button.primary{background:linear-gradient(135deg,var(--yellow),#ffae21);color:#082359;box-shadow:0 10px 34px rgba(255,202,50,.28)}.button.secondary{background:rgba(255,255,255,.1);border-color:var(--line);color:white}.metric-row{display:flex;gap:14px;flex-wrap:wrap}.metric-row div{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:18px;padding:13px 18px;min-width:120px}.metric-row strong{display:block;font-size:1.4rem;color:#fff}.metric-row span{color:var(--muted);font-weight:700;font-size:.85rem}.hero-visual{position:relative;min-height:650px;display:grid;place-items:center}.halo{position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(122,241,255,.35),rgba(13,97,232,.1) 46%,rgba(13,97,232,0) 70%);filter:blur(4px)}.hero-visual .phone{position:absolute;right:6%;height:min(72vh,680px);filter:drop-shadow(0 26px 60px rgba(0,0,0,.5));z-index:2}.pet-dog{position:absolute;left:0;bottom:30px;width:min(47vw,360px);z-index:3;filter:drop-shadow(0 24px 32px rgba(0,0,0,.35))}.floating.collar{position:absolute;right:0;bottom:75px;width:360px;z-index:4;filter:drop-shadow(0 20px 34px rgba(0,0,0,.38));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-18px)}}.slim{margin-top:-25px}.split{display:grid;grid-template-columns:1fr .85fr;gap:34px;align-items:center}.section-frame h2{font-size:clamp(2.2rem,4.2vw,4.8rem);line-height:.95;letter-spacing:-.055em;margin:12px 0 20px}.section-frame p{color:#cde3ff;line-height:1.7}.glass-card,.feature-card,.device-grid article,.timeline article,details,.flow-card,.screen-card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.glass-card{padding:30px}.glass-card h3{font-size:1.7rem;margin:0 0 10px}.feature-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{position:relative;padding:24px;overflow:hidden;min-height:430px}.feature-card span{color:var(--yellow);font-weight:1000}.feature-card h3{font-size:1.75rem;margin:8px 0}.feature-card img{position:absolute;max-width:86%;max-height:260px;right:0;bottom:0;object-fit:contain;filter:drop-shadow(0 25px 28px rgba(0,0,0,.3))}.feature-card:nth-child(2) img,.feature-card:nth-child(3) img{max-height:300px}.showcase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.showcase-grid.reverse{grid-template-columns:1fr 1fr}.screen-card{padding:18px;overflow:hidden}.screen-card img{width:100%;display:block;border-radius:20px}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.check-list li{background:rgba(255,255,255,.08);border:1px solid var(--line);padding:14px 16px;border-radius:16px;color:#eef7ff;font-weight:750}.check-list li:before{content:"✓";color:var(--green);font-weight:950;margin-right:10px}.devices h2{max-width:830px}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}.device-grid article{padding:18px;text-align:center;min-height:318px}.device-grid img{height:160px;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}.device-grid h3{font-size:1.25rem}.device-grid p{font-size:.95rem}.flow-card{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:24px}.flow-card img{width:100%;border-radius:22px}.safety .split{grid-template-columns:1fr 380px}.danger-menu{width:100%;border-radius:30px;box-shadow:var(--shadow)}.danger-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.danger-grid article{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,78,68,.12));border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:19px}.danger-grid strong{display:block;font-size:1.2rem}.danger-grid strong:before{content:"⚠️ ";font-size:1rem}.danger-grid span{display:block;color:#ffd7d4;margin-top:8px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.timeline article{padding:24px}.timeline span{display:inline-flex;background:rgba(255,223,69,.16);border:1px solid rgba(255,223,69,.45);color:#ffe57a;border-radius:999px;padding:8px 12px;font-weight:950;font-size:.82rem}.timeline h3{font-size:1.45rem}.faq{max-width:940px}.faq details{padding:22px 26px;margin:14px 0}.faq summary{cursor:pointer;font-size:1.18rem;font-weight:950}.faq details p{margin-bottom:0}.cta{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:center;padding:34px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(15,104,255,.36),rgba(255,223,69,.12));border:1px solid var(--line);box-shadow:var(--shadow)}.cta img{width:100%;border-radius:28px}.footer{width:min(1180px,92vw);margin:0 auto;padding:40px 0 64px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.14s}.delay-2{transition-delay:.28s}@media(max-width:980px){nav{display:none}.hero,.split,.showcase-grid,.showcase-grid.reverse,.flow-card,.cta{grid-template-columns:1fr}.hero-visual{min-height:560px}.feature-stack,.device-grid,.danger-grid,.timeline{grid-template-columns:1fr 1fr}.safety .split{grid-template-columns:1fr}.footer{flex-direction:column}.hero-visual .phone{right:0}.pet-dog{left:0;width:300px}.floating.collar{width:280px}}@media(max-width:640px){.section-frame{margin-bottom:58px}.hero{padding-top:34px}.hero h1{font-size:3.2rem}.hero-visual{min-height:450px}.hero-visual .phone{height:440px;right:-30px}.pet-dog{width:210px}.floating.collar{width:210px;right:-18px}.feature-stack,.device-grid,.danger-grid,.timeline{grid-template-columns:1fr}.cta{padding:22px}.topbar{padding:14px 18px}.nav-cta{display:none}}