*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bg-1:#0b0e14;--bg-2:#070a0f;--bg-3:#0d1118;--cyan:#00e5ff;--violet:#7c5cff;--cyan-deep:#00c2ff;--violet-hover:#8b5cf6;--panel-bg:rgba(15,18,25,0.72);--panel-border:rgba(255,255,255,0.08);--text-primary:#f0f4f8;--text-secondary:#b8c4d4;--text-muted:#8a97a8;--font-heading:'Space Grotesk',system-ui,-apple-system,sans-serif;--font-body:'Manrope',system-ui,-apple-system,sans-serif;--grid-line:rgba(148,197,255,0.05);--glow-cyan:rgba(0,229,255,0.12);--glow-violet:rgba(124,92,255,0.14);--cta-glow:rgba(0,229,255,0.35);--cta-glow-hover:rgba(0,229,255,0.5)}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:linear-gradient(160deg,var(--bg-1) 0,var(--bg-2) 45%,var(--bg-3) 100%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}body::after{content:'';position:fixed;inset:0;background:radial-gradient(120px at 15% 10%,var(--glow-cyan),transparent),radial-gradient(160px at 85% 20%,var(--glow-violet),transparent);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}ul{list-style:none}.skip-link{position:absolute;top:-100%;left:16px;z-index:100;background:var(--cyan);color:#000;padding:10px 18px;border-radius:8px;font-weight:600;font-size:.875rem;transition:top .2s ease}.skip-link:focus{top:16px}header.topbar{position:sticky;top:0;z-index:50;flex-shrink:0;background:rgba(10,13,19,0.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--panel-border)}.topbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.topbar-logo{width:32px;height:32px;border-radius:8px;flex-shrink:0;object-fit:cover}.wordmark{font-family:var(--font-heading);font-weight:700;font-size:1.125rem;letter-spacing:-0.02em;color:var(--text-primary);white-space:nowrap}.version-badge{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--text-muted);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:999px;padding:2px 8px;letter-spacing:.02em;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:12px;min-width:0;flex:0 1 auto}.status-pill-top{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.18);border-radius:999px;padding:5px 12px;white-space:nowrap;letter-spacing:.01em}.status-pill-top .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0;box-shadow:0 0 6px rgba(0,229,255,0.6)}.sticky-cta-slot{display:inline-flex;align-items:center;min-width:0;opacity:0;transform:translateY(-120%);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.sticky-cta-slot.visible{opacity:1;transform:translateY(0);pointer-events:auto}.sticky-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 18px;border-radius:12px;font-family:var(--font-body);font-weight:600;font-size:.8rem;color:#fff;background:linear-gradient(135deg,var(--cyan-deep),var(--violet));border:none;cursor:pointer;white-space:nowrap;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 0 16px var(--cta-glow);transition:background .6s ease-out,box-shadow .6s ease-out}.sticky-cta-btn:hover,.sticky-cta-btn:focus-visible{background:linear-gradient(135deg,var(--cyan),var(--violet-hover));box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 0 24px var(--cta-glow-hover)}.sticky-cta-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}main{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.hero-section{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 24px 32px;min-height:0}.hero-container{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr;gap:32px;align-items:center}.hero-panel{position:relative;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:20px;padding:32px 28px;overflow:hidden;min-width:0}.hero-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));z-index:1}.hero-text{display:flex;flex-direction:column;gap:16px;min-width:0}.status-pill-hero{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:rgba(0,229,255,0.08);border:1px solid rgba(0,229,255,0.18);border-radius:999px;padding:6px 14px;letter-spacing:.01em;align-self:flex-start}.status-pill-hero .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0;box-shadow:0 0 6px rgba(0,229,255,0.6)}h1{font-family:var(--font-heading);font-weight:700;font-size:clamp(2.5rem,9vw,4.5rem);line-height:1.05;letter-spacing:-0.03em;color:var(--text-primary);background:linear-gradient(120deg,#fff 0,#e0f7ff 25%,#f0ebff 50%,#fff 75%,#e0f7ff 100%);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientDrift 12s ease infinite;overflow-wrap:anywhere}@keyframes gradientDrift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.supporting-text{font-size:clamp(1rem,1.5vw,1.1rem);color:var(--text-secondary);max-width:34ch;line-height:1.6;font-weight:400}.cta-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:44px;padding:14px 28px;border-radius:14px;font-family:var(--font-body);font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--cyan-deep),var(--violet));border:none;cursor:pointer;position:relative;align-self:flex-start;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 0 24px var(--cta-glow);transition:background .6s ease-out,box-shadow .6s ease-out,transform .6s ease-out;text-align:center}.cta-primary::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:14px 14px 0 0;z-index:1}.cta-primary:hover,.cta-primary:focus-visible{background:linear-gradient(135deg,var(--cyan),var(--violet-hover));box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 0 32px var(--cta-glow-hover);transform:translateY(-1px)}.cta-primary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.cta-primary:active{transform:translateY(0)}.trust-line{font-size:.85rem;color:var(--text-muted);font-weight:500;letter-spacing:.01em}.pack-preview{display:flex;flex-direction:column;gap:12px;min-width:0}.pack-preview-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.tile{position:relative;background:rgba(15,18,25,0.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;cursor:default;transition:transform .6s ease-out,border-color .6s ease-out,background .6s ease-out;min-width:0}.tile:hover,.tile:focus-within{transform:translateY(-4px);border-color:rgba(0,229,255,0.25);background:rgba(18,22,31,0.75)}.tile:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.tile-visual{height:64px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.tile-name{font-family:var(--font-heading);font-weight:600;font-size:.9rem;color:var(--text-primary);letter-spacing:-0.01em}.tile-hint{font-size:.75rem;color:var(--text-muted);font-weight:400;line-height:1.4;opacity:0;max-height:0;overflow:hidden;transition:opacity .4s ease,max-height .4s ease}.tile:hover .tile-hint,.tile:focus-within .tile-hint{opacity:1;max-height:60px}.mobile-caption{display:none;font-size:.8rem;color:var(--text-secondary);font-weight:500;text-align:center;padding:8px 12px;background:rgba(255,255,255,0.04);border-radius:10px;border:1px solid rgba(255,255,255,0.06);letter-spacing:.01em}.tile-visual-di{position:relative;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.tile-visual-di .phone-top{width:48px;height:14px;background:#000;border-radius:16px;position:relative;border:1px solid rgba(255,255,255,0.1)}.tile-visual-di .island-pill{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:18px;height:6px;background:#1a1d24;border-radius:3px;border:1px solid rgba(255,255,255,0.12)}.tile-visual-ls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tile-visual-ls .clock-time{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#e8edf4;letter-spacing:-0.02em}.tile-visual-ls .clock-date{font-size:.5rem;color:rgba(255,255,255,0.4);font-weight:500}.tile-visual-hs{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px;padding:10px;width:100%}.tile-visual-hs .app-icon{border-radius:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08)}.tile-visual-hs .app-icon:nth-child(1){background:rgba(0,229,255,0.15);border-color:rgba(0,229,255,0.25)}.tile-visual-hs .app-icon:nth-child(2){background:rgba(124,92,255,0.15);border-color:rgba(124,92,255,0.25)}.tile-visual-hs .app-icon:nth-child(3){background:rgba(255,255,255,0.08)}.tile-visual-hs .app-icon:nth-child(4){background:rgba(255,255,255,0.08)}.tile-visual-hs .app-icon:nth-child(5){background:rgba(0,229,255,0.1);border-color:rgba(0,229,255,0.2)}.tile-visual-hs .app-icon:nth-child(6){background:rgba(124,92,255,0.1);border-color:rgba(124,92,255,0.2)}.tile-visual-cc{display:flex;align-items:center;justify-content:center;gap:10px}.tile-visual-cc .cc-toggle{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);position:relative}.tile-visual-cc .cc-toggle.active{background:rgba(0,229,255,0.2);border-color:rgba(0,229,255,0.4);box-shadow:0 0 8px rgba(0,229,255,0.25)}.tile-visual-cc .cc-toggle.active::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--cyan)}.tile-visual-it{display:flex;align-items:center;justify-content:center;gap:8px}.tile-visual-it .tint-swatch{width:18px;height:18px;border-radius:5px;border:1px solid rgba(255,255,255,0.1)}.tile-visual-it .tint-swatch:nth-child(1){background:rgba(0,229,255,0.6)}.tile-visual-it .tint-swatch:nth-child(2){background:rgba(124,92,255,0.6)}.tile-visual-it .tint-swatch:nth-child(3){background:rgba(255,255,255,0.25)}.tile-visual-it .tint-swatch:nth-child(4){background:rgba(0,229,255,0.3)}footer.site-footer{flex-shrink:0;padding:16px 24px;text-align:center;border-top:1px solid rgba(255,255,255,0.04);position:relative;z-index:1}.footer-brand{font-family:var(--font-heading);font-weight:600;font-size:.85rem;color:var(--text-muted);letter-spacing:-0.01em}@media(min-width:900px){.hero-container{grid-template-columns:1.1fr .9fr;gap:40px}.hero-panel{padding:40px 36px}.pack-preview{gap:16px}.pack-preview-tiles{grid-template-columns:1fr 1fr;gap:12px}.tile{padding:18px}.tile-hint{font-size:.7rem}.topbar-inner{padding:0 32px}.status-pill-top{font-size:.78rem;padding:6px 14px}}@media(max-width:899px){.hero-container{grid-template-columns:1fr;gap:20px}.hero-panel{padding:24px 20px}.pack-preview{margin-top:4px}.pack-preview-tiles{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:10px;padding:0 4px 8px;margin:0;width:100%}.pack-preview-tiles::-webkit-scrollbar{height:8px}.pack-preview-tiles::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.12);border-radius:999px}.tile{flex:0 0 min(150px,42vw);scroll-snap-align:start;padding:12px;min-height:120px}.tile-visual{height:48px}.tile-hint{opacity:1;max-height:60px;font-size:.7rem}.mobile-caption{display:block}.topbar-inner{min-height:56px;padding:10px 16px;gap:8px}.topbar-logo{width:28px;height:28px;border-radius:7px}.wordmark{font-size:1rem}.version-badge{font-size:.65rem;padding:2px 6px}.status-pill-top{font-size:.68rem;padding:4px 10px;gap:4px}.status-pill-top .dot{width:5px;height:5px}.hero-section{padding:16px 16px 20px}.supporting-text{max-width:100%}.cta-primary{min-height:48px;padding:12px 24px;font-size:.95rem;width:100%;justify-content:center;align-self:stretch}.sticky-cta-btn{min-height:40px;padding:6px 14px;font-size:.72rem;border-radius:10px}}@media(max-width:640px){.topbar-inner{justify-content:space-between}.topbar-left,.topbar-right{width:100%}.topbar-right{justify-content:space-between}}@media(max-width:480px){.status-pill-top{display:none}.topbar-inner{min-height:52px;padding:8px 12px}.topbar-left{gap:8px}.topbar-right{width:auto}.hero-panel{padding:20px 16px;border-radius:16px}.hero-section{padding:12px 12px 16px}.tile{flex:0 0 130px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}h1{animation:none;background:linear-gradient(120deg,#fff 0,#e0f7ff 50%,#f0ebff 100%);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tile:hover,.tile:focus-within{transform:none}.cta-primary:hover,.cta-primary:focus-visible{transform:none}.cta-primary,.sticky-cta-btn{transition:background .01ms ease-out,box-shadow .01ms ease-out}html{scroll-behavior:auto}}