*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--black:#08090c;--dark:#0f1116;--panel:#161a21;--elevated:#1c212a;--border:#1f242d;--border-hi:#2e3644;--blue:#4A9EE8;--blue-dark:#2d7abf;--blue-lite:#7cc0ff;--blue-glow:rgba(74,158,232,0.28);--blue-soft:rgba(74,158,232,0.10);--text:#e9edf2;--muted:#8b95a4;--faint:#7d8796;--mono:'Share Tech Mono',ui-monospace,monospace;--sans:'Barlow',system-ui,sans-serif;--cond:'Barlow Condensed','Barlow',sans-serif;--r-xs:6px;--r-sm:10px;--r:16px;--r-lg:22px;--r-pill:999px;--shadow:0 18px 50px rgba(0,0,0,0.45);--shadow-hi:0 26px 70px rgba(0,0,0,0.6),0 0 0 1px var(--border-hi);--ease:cubic-bezier(0.22,1,0.36,1);--nav-h:68px;--wrap:1160px}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 24px);-webkit-text-size-adjust:100%}body{background:var(--black);color:var(--text);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(760px 560px at 82% -8%,rgba(74,158,232,0.16),transparent 62%),radial-gradient(620px 520px at 4% 22%,rgba(74,158,232,0.07),transparent 60%),radial-gradient(900px 700px at 50% 108%,rgba(45,122,191,0.10),transparent 65%)}body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(139,149,164,0.16) 1px,transparent 1px);background-size:34px 34px;opacity:0.35;-webkit-mask-image:radial-gradient(ellipse 78% 62% at 50% 32%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 78% 62% at 50% 32%,#000 20%,transparent 78%)}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-lite)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:var(--r-xs)}::selection{background:var(--blue);color:#04070c}nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(var(--wrap),calc(100% - 28px));z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--nav-h);padding:0 0.7rem 0 1.1rem;border:1px solid var(--border);border-radius:var(--r-pill);background:rgba(12,14,18,0.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 10px 34px rgba(0,0,0,0.4);transition:background 0.3s var(--ease),border-color 0.3s var(--ease),box-shadow 0.3s var(--ease)}nav.scrolled{background:rgba(10,12,16,0.9);border-color:var(--border-hi);box-shadow:0 14px 44px rgba(0,0,0,0.55)}.nav-logo{display:flex;align-items:center}.nav-logo a{display:flex;align-items:center}.nav-logo img{height:34px;width:auto;display:block;transition:transform 0.3s var(--ease)}.nav-logo a:hover img{transform:scale(1.04)}.nav-links{display:flex;align-items:center;gap:0.35rem;list-style:none}.nav-links a{display:block;color:var(--muted);font-family:var(--mono);font-size:11.5px;letter-spacing:2px;text-transform:uppercase;padding:0.45rem 0.85rem;border-radius:var(--r-pill);transition:color 0.2s,background 0.2s}.nav-links a:hover{color:var(--text);background:rgba(255,255,255,0.05)}.nav-links a.nav-cta{color:var(--blue);border:1px solid rgba(74,158,232,0.4);background:var(--blue-soft);margin-left:0.4rem}.nav-links a.nav-cta:hover{color:#04070c;background:var(--blue);border-color:var(--blue);box-shadow:0 0 24px var(--blue-glow)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;width:42px;height:42px;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:var(--r-pill)}.hamburger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform 0.3s var(--ease),opacity 0.2s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:calc(var(--nav-h) + 22px);left:14px;right:14px;background:rgba(12,14,18,0.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);z-index:99;padding:0.6rem;flex-direction:column}.mobile-menu.open{display:flex;animation:fadeUp 0.25s var(--ease) both}.mobile-menu a{color:var(--muted);font-family:var(--mono);font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:0.85rem 1rem;border-radius:var(--r-sm);transition:color 0.2s,background 0.2s}.mobile-menu a:hover,.mobile-menu a:active{color:var(--text);background:rgba(255,255,255,0.05)}.btn{display:inline-flex;align-items:center;gap:0.6rem;padding:0.85rem 1.7rem;font-family:var(--mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--border-hi);border-radius:var(--r-pill);color:var(--text);background:rgba(255,255,255,0.03);cursor:pointer;transition:transform 0.25s var(--ease),border-color 0.25s,background 0.25s,box-shadow 0.25s,color 0.25s}.btn:hover{color:var(--text);border-color:var(--blue);background:var(--blue-soft);transform:translateY(-2px)}.btn.filled{color:#04070c;font-weight:700;border-color:transparent;background:linear-gradient(135deg,var(--blue-lite),var(--blue) 55%,var(--blue-dark));box-shadow:0 8px 26px var(--blue-glow)}.btn.filled:hover{color:#04070c;transform:translateY(-2px);box-shadow:0 14px 38px var(--blue-glow)}section{position:relative}.section-wrap{padding:7rem 2rem;max-width:var(--wrap);margin:0 auto}.section-tag{display:inline-flex;align-items:center;gap:0.6rem;font-family:var(--mono);font-size:11px;letter-spacing:4px;color:var(--blue);text-transform:uppercase;margin-bottom:1.2rem}.section-tag::before{content:'';width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--blue))}.section-title{font-family:var(--cond);font-weight:700;font-size:clamp(36px,5.4vw,62px);text-transform:uppercase;line-height:0.98;letter-spacing:-0.5px;margin-bottom:1.2rem}.section-lead{max-width:620px;color:var(--muted);font-size:16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem;margin-top:3rem}.card{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--dark),#0b0d12);border:1px solid var(--border);border-radius:var(--r);padding:2rem;transition:transform 0.35s var(--ease),border-color 0.3s,box-shadow 0.35s}.card::before{content:'';position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(74,158,232,0.12),transparent 62%)}.card::after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:0;transition:opacity 0.35s}.card:hover{transform:translateY(-4px);border-color:var(--border-hi);box-shadow:var(--shadow)}.card:hover::before,.card:hover::after{opacity:1}.card-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(150deg,rgba(74,158,232,0.20),rgba(74,158,232,0.05));border:1px solid rgba(74,158,232,0.28);display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;font-size:21px;transition:transform 0.35s var(--ease),box-shadow 0.35s}.card:hover .card-icon{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 26px var(--blue-glow)}.card-name{position:relative;font-family:var(--cond);font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:0.5rem;transition:color 0.25s}.card-desc{position:relative;color:var(--muted);font-size:14.5px;line-height:1.65}.card-tag{display:inline-block;margin-top:1.4rem;font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--blue);background:var(--blue-soft);border:1px solid rgba(74,158,232,0.26);border-radius:var(--r-pill);padding:4px 12px;text-transform:uppercase}.pgroup{margin-top:4rem}.pgroup:first-of-type{margin-top:3rem}.pgroup-head{display:flex;align-items:baseline;gap:1rem;padding-bottom:0.9rem;border-bottom:1px solid var(--border)}.pgroup-title{font-family:var(--cond);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:0.6px;white-space:nowrap}.pgroup-note{font-family:var(--mono);font-size:10.5px;letter-spacing:2px;color:var(--faint);text-transform:uppercase;margin-left:auto;text-align:right}.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-top:1.6rem}.pgrid.solo .pcard-desc{max-width:70ch}.pcard{position:relative;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(160deg,var(--dark),#0b0d12);border:1px solid var(--border);border-radius:var(--r);padding:1.9rem;transition:transform 0.35s var(--ease),border-color 0.3s,box-shadow 0.35s}.pcard::before{content:'';position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(74,158,232,0.13),transparent 62%)}.pcard:hover{transform:translateY(-4px);border-color:var(--border-hi);box-shadow:var(--shadow)}.pcard:hover::before{opacity:1}.pcard:focus-within{border-color:var(--blue)}.pcard-top{position:relative;display:flex;align-items:center;gap:0.9rem;margin-bottom:1.1rem}.pcard-icon{flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:linear-gradient(150deg,rgba(74,158,232,0.20),rgba(74,158,232,0.05));border:1px solid rgba(74,158,232,0.28);display:flex;align-items:center;justify-content:center;font-size:21px;transition:transform 0.35s var(--ease),box-shadow 0.35s}.pcard:hover .pcard-icon{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 26px var(--blue-glow)}.pcard-name{font-family:var(--cond);font-weight:700;font-size:25px;text-transform:uppercase;letter-spacing:0.6px;line-height:1.05;transition:color 0.25s}.pcard-name a{color:inherit}.pcard:hover .pcard-name,.pcard:hover .pcard-name a{color:var(--blue)}.pcard-kicker{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:2.5px;color:var(--faint);text-transform:uppercase}.pcard-desc{position:relative;color:var(--muted);font-size:14.5px;line-height:1.65;flex:1}.pcard-meta{position:relative;display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1.2rem}.chip{font-family:var(--mono);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 10px}.chip.accent{color:var(--blue);border-color:rgba(74,158,232,0.3);background:var(--blue-soft)}.pcard-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--border)}.pill-link{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:0.45rem 0.9rem;background:rgba(255,255,255,0.02);transition:color 0.2s,border-color 0.2s,background 0.2s,transform 0.2s var(--ease)}.pill-link:hover{color:var(--text);border-color:var(--blue);background:var(--blue-soft);transform:translateY(-1px)}.pill-link.primary{color:var(--blue);border-color:rgba(74,158,232,0.35);background:var(--blue-soft)}.pill-link svg{width:13px;height:13px;fill:currentColor;flex:0 0 auto}.stretched::after{content:'';position:absolute;inset:0;z-index:1}.divider{height:1px;max-width:var(--wrap);margin:0 auto;background:linear-gradient(90deg,transparent,var(--border-hi) 20%,var(--border-hi) 80%,transparent)}footer{border-top:1px solid var(--border);padding:2.5rem 2rem;max-width:var(--wrap);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}footer p{font-family:var(--mono);font-size:11px;color:var(--faint);letter-spacing:1px}footer a{color:var(--muted)}footer a:hover{color:var(--blue)}.product-hero{min-height:74vh;display:flex;flex-direction:column;justify-content:center;padding:10rem 2rem 5rem;max-width:var(--wrap);margin:0 auto;position:relative}.product-hero h1{font-family:var(--cond);font-weight:900;font-size:clamp(56px,9vw,112px);line-height:0.88;letter-spacing:-2px;text-transform:uppercase;margin-bottom:1.5rem}.product-hero h1 span{color:var(--blue)}.product-hero .sub{max-width:580px;color:var(--muted);font-size:17px;margin-bottom:2.5rem}.hero-badges{display:flex;gap:0.8rem;flex-wrap:wrap;margin-top:2rem}.store-badge{display:inline-flex;align-items:center;gap:11px;padding:0.65rem 1.3rem;border:1px solid var(--border-hi);border-radius:var(--r-pill);background:rgba(255,255,255,0.03);color:var(--text);font-family:var(--sans);font-size:13px;font-weight:400;transition:border-color 0.25s,background 0.25s,transform 0.25s var(--ease),box-shadow 0.25s}.store-badge:hover{color:var(--text);border-color:var(--blue);background:var(--blue-soft);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,0.4)}.store-badge .store-icon{font-size:20px;display:flex}.store-badge .store-icon svg{width:19px;height:19px;fill:currentColor}.store-badge .store-info{display:flex;flex-direction:column;line-height:1.2;text-align:left}.store-badge .store-label{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.store-badge .store-name{font-weight:600;font-size:14px}.screenshots{padding:4rem 2rem;max-width:var(--wrap);margin:0 auto;overflow:hidden}.screenshots-row{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.screenshot-frame{flex:0 0 auto;width:224px;transition:transform 0.4s var(--ease)}.screenshot-frame:hover{transform:translateY(-8px)}.screenshot-frame img{width:100%;border-radius:30px;border:1px solid var(--border-hi);display:block;box-shadow:0 26px 70px rgba(0,0,0,0.6)}.features{padding:4rem 2rem;max-width:var(--wrap);margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.6rem;margin-top:3rem}.feature-item{border-left:2px solid rgba(74,158,232,0.35);padding-left:1.4rem;transition:border-color 0.25s}.feature-item:hover{border-left-color:var(--blue)}.feature-label{font-family:var(--mono);font-size:10px;letter-spacing:3px;color:var(--blue);text-transform:uppercase;margin-bottom:0.4rem;display:block}.feature-text{font-size:14.5px;color:var(--muted);line-height:1.65}.feature-text strong{color:var(--text);font-weight:600}.pricing-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:3rem}.price-tier{background:linear-gradient(160deg,var(--dark),#0b0d12);border:1px solid var(--border);border-radius:var(--r);padding:2rem;transition:border-color 0.25s,transform 0.3s var(--ease)}.price-tier:hover{transform:translateY(-3px);border-color:var(--border-hi)}.price-tier.featured{border-color:rgba(74,158,232,0.4);background:linear-gradient(160deg,rgba(74,158,232,0.09),#0b0d12 60%);box-shadow:0 0 40px rgba(74,158,232,0.08)}.tier-name{font-family:var(--mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:0.5rem}.tier-price{font-family:var(--cond);font-weight:900;font-size:46px;line-height:1;margin-bottom:0.4rem}.tier-period{font-family:var(--mono);font-size:11px;color:var(--faint);margin-bottom:1rem}.tier-desc{font-size:13.5px;color:var(--muted);line-height:1.65}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.fade-up{opacity:0;animation:fadeUp 0.7s var(--ease) forwards}.reveal{transition:opacity 0.7s var(--ease),transform 0.7s var(--ease)}html.js .reveal{opacity:0;transform:translateY(26px)}html.js .reveal.in{opacity:1;transform:none}@media (max-width:900px){.nav-links{display:none}.hamburger{display:flex}}@media (max-width:768px){:root{--nav-h:60px}nav{top:10px;padding:0 0.5rem 0 0.9rem;width:calc(100% - 20px)}.nav-logo img{height:28px}.mobile-menu{top:calc(var(--nav-h) + 16px);left:10px;right:10px}.section-wrap{padding:4.5rem 1.25rem}.product-hero{padding:8rem 1.25rem 3rem}.screenshots{padding:2rem 1.25rem}.features{padding:3rem 1.25rem}footer{flex-direction:column;text-align:center;padding:2rem 1.25rem}.screenshot-frame{width:158px}.pgroup-head{flex-direction:column;align-items:flex-start;gap:0.3rem}.pgroup-note{margin-left:0;text-align:left}body::after{opacity:0.22}}.hide-sm{display:inline}@media (max-width:768px){.hide-sm{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.fade-up,.reveal,html.js .reveal{opacity:1 !important;transform:none !important}}