:root{--ink:#142433;--page-bg:#eef3f8;--panel-bg:#fff;--panel-border:#c7d3dd;--aqua-blue-light:#eaf6ff;--aqua-blue-mid:#6cb8ff;--aqua-blue:#1e6fe0;--aqua-blue-dark:#0d3a86;--metal-highlight:#8b98a5;--metal-mid:#4c5661;--metal-dark:#262d34;--font:"Lucida Grande", "Segoe UI", helvetica, arial, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--page-bg);margin:0;line-height:1.6}main{max-width:64rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}h1,h2,h3{font-family:var(--font);letter-spacing:-.01em;font-weight:700}a{color:var(--aqua-blue);text-decoration:none}a:hover{text-decoration:underline}header.top-bar{background:repeating-linear-gradient(to bottom, #ffffff0d 0, #ffffff0d 1px, transparent 1px, transparent 3px), linear-gradient(to bottom, var(--metal-highlight) 0%, var(--metal-mid) 46%, var(--metal-dark) 47%, var(--metal-dark) 100%);border-bottom:1px solid #10151a;box-shadow:inset 0 1px #ffffff26}.top-bar-inner{align-items:center;gap:2rem;max-width:64rem;min-height:3rem;margin:0 auto;padding:0 1.5rem;display:flex}.brand{color:#f2f6fa;text-shadow:0 -1px #0009;font-size:1.05rem;font-weight:700}nav[aria-label=Primary]{flex-wrap:wrap;gap:1.25rem;display:flex}nav[aria-label=Primary] a{color:#e4edf5;text-shadow:0 -1px #0009;padding:.9rem 0;font-size:.9rem}nav[aria-label=Primary] a:hover{color:#fff;text-decoration:underline}.gumdrop{font-family:var(--font);color:#fff;border:1px solid var(--aqua-blue-dark);background:linear-gradient(to bottom, var(--aqua-blue-light) 0%, var(--aqua-blue-mid) 46%, var(--aqua-blue) 50%, var(--aqua-blue-dark) 100%);text-shadow:0 -1px #00000059;border-radius:999px;padding:.55em 1.7em;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 2px 3px #00000059,inset 0 1px #ffffffb3}.gumdrop:hover{filter:brightness(1.06);text-decoration:none}.gumdrop-small{padding:.4em 1.3em;font-size:.85rem}.hero{background:radial-gradient(circle at 28% 22%, var(--aqua-blue-light) 0%, var(--aqua-blue-mid) 42%, var(--aqua-blue) 75%, var(--aqua-blue-dark) 100%);border:1px solid var(--aqua-blue-dark);color:#fff;border-radius:1.5rem;justify-content:space-between;align-items:center;gap:2rem;margin:0 0 2.5rem;padding:2.5rem;display:flex;box-shadow:0 10px 30px #0d3a8659,inset 0 1px #fff6}.hero-copy h1{text-shadow:0 1px 2px #00000040;margin:0 0 .4rem;font-size:2.6rem}.hero-copy p.tagline{text-shadow:0 1px 2px #0003;max-width:30rem;margin:0 0 1.4rem;font-size:1.15rem}.hero-copy-compact h1{font-size:2rem}.device{background:linear-gradient(155deg,#3a3f44,#0a0b0c);border:3px solid #050506;flex-shrink:0;position:relative;box-shadow:0 18px 34px #0006,inset 0 0 0 2px #ffffff0f}.device:before{content:"";border-radius:inherit;background:linear-gradient(160deg,#d8f0ff,#5fa8f5 55%,#123a70);position:absolute;inset:8%}.device-phone{border-radius:28px;width:120px;height:240px}.device-phone:before{border-radius:18px}.device-tablet{border-radius:20px;width:190px;height:250px}.device-tablet:before{border-radius:12px}.device-mac{border-radius:10px 10px 4px 4px;width:260px;height:170px}.device-mac:before{border-radius:4px;inset:6%}.device-mac:after{content:"";background:linear-gradient(#b9c2ca,#7c8790);border-radius:0 0 6px 6px;height:14px;position:absolute;bottom:-14px;left:20%;right:20%;box-shadow:0 2px 4px #0000004d}.panel{background:repeating-linear-gradient(to bottom, #00000004 0, #00000004 1px, transparent 1px, transparent 3px), var(--panel-bg);border:1px solid var(--panel-border);border-radius:.9rem;margin-bottom:2rem;padding:1.75rem 2rem;box-shadow:inset 0 1px #fff9}.panel h2{margin-top:0}.feature-list{border:1px solid var(--panel-border);border-radius:.75rem;margin:0;padding:0;list-style:none;overflow:hidden}.feature-list li{background:var(--panel-bg);padding:.85rem 1.25rem}.feature-list li+li{border-top:1px solid var(--panel-border)}.feature-list li:nth-child(2n){background:var(--aqua-blue-light)}.teaser-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.teaser{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:.9rem;flex-direction:column;align-items:center;padding:1.5rem;display:flex}.teaser h3{margin:0 0 .4rem}.teaser p{margin:0 0 1.1rem;font-size:.95rem}.teaser-device{justify-content:center;align-items:flex-end;height:250px;margin-bottom:1rem;display:flex}.teaser .gumdrop-small{margin-top:auto}.product-row{align-items:center;gap:1.5rem;padding:1.25rem 0;display:flex}.product-row+.product-row{border-top:1px solid var(--panel-border)}.product-row .device{flex-shrink:0;margin:-2.5rem;transform:scale(.55)}.product-row-copy{flex:1}.product-row-copy h3{margin:0 0 .3rem}.product-row-copy p{margin:0;font-size:.9rem}footer{max-width:64rem;color:var(--metal-mid);border-top:1px solid var(--panel-border);text-align:center;margin:0 auto;padding:1.5rem;font-size:.8rem}@media (width<=640px){main{padding:1.5rem 1rem 3rem}.top-bar-inner{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1.25rem}nav[aria-label=Primary]{gap:.9rem}nav[aria-label=Primary] a{padding:.25rem 0}.hero{text-align:center;flex-direction:column;padding:1.75rem}.hero-copy h1{font-size:2rem}.teaser-grid{grid-template-columns:1fr}.product-row{text-align:center;flex-direction:column}.product-row .device{margin:-1.5rem 0 -1rem}}