:root{--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Consolas, monospace;--bg:#0c1222;--bg2:#101828;--surface:#151e30;--surface2:#1a2540;--surface-elevated:#1f2d4a;--border:#94d2d214;--border-bright:#94d2d229;--text:#e2e8f0;--text-dim:#7a8ba8;--accent:#14b8a6;--accent-dim:#14b8a61a;--amber:#f59e0b;--amber-dim:#f59e0b1a;--red:#ef4444;--red-dim:#ef44441a;--green:#22c55e;--green-dim:#22c55e1a;--blue:#3b82f6;--blue-dim:#3b82f61a;--cyan:#06b6d4;--cyan-dim:#06b6d41a;--purple:#a78bfa;--purple-dim:#a78bfa1a}@media (prefers-color-scheme:light){:root{--bg:#f8fafc;--bg2:#f0f4f8;--surface:#fff;--surface2:#f5f8fb;--surface-elevated:#fff;--border:#0f172a0f;--border-bright:#0f172a1f;--text:#0f172a;--text-dim:#64748b;--accent:#0d9488;--accent-dim:#0d948814;--amber:#d97706;--red:#dc2626;--green:#16a34a;--blue:#2563eb;--cyan:#0891b2;--purple:#7c3aed}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text);background:var(--bg);scroll-behavior:smooth}body{overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}nav{z-index:100;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);align-items:center;gap:24px;padding:16px clamp(24px,4vw,64px);display:flex;position:fixed;top:0;left:0;right:0}.nav__logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:1px;font-size:16px;font-weight:700}.nav__links{color:var(--text-dim);gap:24px;font-size:14px;display:flex}.nav__links a{color:var(--text-dim);transition:color .15s}.nav__links a:hover{color:var(--text);text-decoration:none}.nav__signin{color:var(--text-dim);margin-left:auto;font-size:14px;font-weight:600;transition:color .15s}.nav__signin:hover{color:var(--text);text-decoration:none}.nav__cta{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:opacity .15s}.nav__cta:hover{opacity:.85;color:var(--bg);text-decoration:none}.hero{align-items:center;gap:clamp(32px,6vw,80px);max-width:1200px;margin:0 auto;padding:140px clamp(24px,4vw,64px) 80px;display:flex}.hero__left{text-align:left;flex:1}.hero__right{flex-shrink:0;width:clamp(280px,30vw,420px);position:relative}@media (width<=900px){.hero{text-align:center;flex-direction:column}.hero__left{text-align:center}.hero__right{width:280px}}.hero__badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);letter-spacing:.5px;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.hero__title{letter-spacing:-3px;margin-bottom:16px;font-size:clamp(40px,8vw,80px);font-weight:800;line-height:1}.hero__title span{background:linear-gradient(135deg, var(--accent), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__product{color:var(--text);opacity:.9;border-left:2px solid var(--accent);max-width:620px;margin:0 0 20px;padding:8px 0 8px 14px;font-size:15px;line-height:1.55}.hero__sub{color:var(--text-dim);max-width:700px;margin:0 auto 16px;font-size:clamp(18px,2.5vw,24px);line-height:1.5}.hero__audience{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);opacity:.7;max-width:700px;margin-bottom:32px;font-size:12px;font-weight:600}.hero__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero__btn{cursor:pointer;border:none;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s}.hero__btn--primary{background:var(--accent);color:var(--bg)}.hero__btn--primary:hover{opacity:.9;box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 25%, transparent);transform:translateY(-1px)}.hero__btn--secondary{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border-bright)}.hero__btn--secondary:hover{border-color:var(--accent);background:var(--surface)}.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);justify-content:center;gap:clamp(24px,4vw,64px);padding:40px 24px;display:flex}.stats__item{text-align:center}.stats__value{font-family:var(--font-mono);font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1}.stats__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-top:6px;font-size:11px;font-weight:600}.section{max-width:1200px;margin:0 auto;padding:clamp(60px,10vw,120px) clamp(24px,4vw,64px)}.section__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2.5px;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600}.section__title{letter-spacing:-2px;margin-bottom:16px;font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.1}.section__sub{color:var(--text-dim);max-width:600px;font-size:clamp(16px,2vw,20px);line-height:1.6}.features{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.feature{background:var(--surface-elevated);border:1px solid var(--border-bright);border-radius:16px;padding:28px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden}.feature__bg{opacity:.04;pointer-events:none;position:absolute;bottom:-10px;right:-10px}.feature:hover{border-color:var(--accent);box-shadow:0 8px 32px color-mix(in srgb, var(--accent) 8%, transparent);transform:translateY(-2px)}.feature__icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.feature__title{margin-bottom:8px;font-size:18px;font-weight:700}.feature__desc{color:var(--text-dim);font-size:14px;line-height:1.6}@media (width<=900px){.features{grid-template-columns:1fr 1fr}}@media (width<=600px){.features{grid-template-columns:1fr}}.shore{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:60px clamp(24px,4vw,64px);display:grid}@media (width<=800px){.shore{text-align:center;grid-template-columns:1fr}}.shore__text h3{margin-bottom:12px;font-size:clamp(24px,3vw,32px);font-weight:800}.shore__text p{color:var(--text-dim);margin-bottom:16px;font-size:15px;line-height:1.6}.shore__notifications{flex-direction:column;gap:10px;display:flex}.shore__notif{background:var(--surface);border:1px solid var(--border-bright);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex}.shore__notif-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.shore__notif-time{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;margin-left:auto;font-size:11px}.examples{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;display:grid}@media (width<=700px){.examples{grid-template-columns:1fr}}.example{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.example__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:4px;font-size:10px}.example__msg{align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.example__msg--user{color:var(--text)}.example__msg--bosun{color:var(--text-dim)}.example__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.example__dot--user{background:var(--accent)}.example__dot--bosun{background:var(--amber)}.sources{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:1200px;margin:0 auto;padding:40px 0}.sources__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-bottom:24px;font-size:11px}.sources__grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px 48px;display:flex}.sources__item{font-family:var(--font-mono);color:var(--text-dim);opacity:.6;white-space:nowrap;font-size:13px;transition:opacity .2s}.sources__item:hover{opacity:1}.privacy{grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;display:grid}@media (width<=700px){.privacy{grid-template-columns:1fr}}.privacy__item{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:16px;padding:20px;display:flex}.privacy__icon{background:var(--accent-dim);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.privacy__text h4{margin:0 0 4px;font-size:15px;font-weight:700}.privacy__text p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.box-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}@media (width<=700px){.box-grid{grid-template-columns:1fr 1fr}}@media (width<=500px){.box-grid{grid-template-columns:1fr}}.box-item{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 16px}.box-item__icon{opacity:.5;margin-bottom:12px}.box-item__name{margin-bottom:4px;font-size:15px;font-weight:700}.box-item__desc{color:var(--text-dim);font-size:12px;line-height:1.4}.compat{grid-template-columns:repeat(4,1fr);gap:24px 16px;margin-top:48px;display:grid}@media (width<=800px){.compat{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.compat{grid-template-columns:1fr 1fr}}.compat__col h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin:0 0 12px;font-size:11px}.compat__col ul{margin:0;padding:0;list-style:none}.compat__col li{color:var(--text);border-bottom:1px solid var(--border);padding:4px 0;font-size:13px}.compat__col li:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.onboarding{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;display:grid}.onboarding__step{background:var(--surface-elevated);border:1px solid var(--border-bright);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s;position:relative}.onboarding__step:hover{border-color:var(--accent);transform:translateY(-2px)}.onboarding__when{align-items:center;margin-bottom:16px;display:flex}.onboarding__when-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.onboarding__icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.onboarding__title{margin-bottom:8px;font-size:16px;font-weight:700;line-height:1.3}.onboarding__desc{color:var(--text-dim);font-size:13px;line-height:1.55}.ai-custom{background:var(--surface);border:1px solid var(--border-bright);border-radius:20px;margin-top:56px;padding:36px clamp(24px,4vw,48px);position:relative;overflow:hidden}.ai-custom:before{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan), var(--purple));height:3px;position:absolute;top:0;left:0;right:0}.ai-custom__header{margin-bottom:28px}.ai-custom__badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.ai-custom__title{letter-spacing:-1px;margin-bottom:8px;font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.2}.ai-custom__sub{color:var(--text-dim);max-width:720px;font-size:15px;line-height:1.6}.ai-custom__grid{grid-template-columns:1fr 1fr;gap:16px 32px;display:grid}.ai-custom__item{align-items:flex-start;gap:12px;padding:12px 0;display:flex}.ai-custom__check{background:var(--accent-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.ai-custom__item-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.ai-custom__item-desc{color:var(--text-dim);font-size:13px;line-height:1.5}@media (width<=900px){.onboarding{grid-template-columns:1fr 1fr}.ai-custom__grid{grid-template-columns:1fr;gap:8px}}@media (width<=600px){.onboarding{grid-template-columns:1fr}}.faq{max-width:800px;margin-top:48px}.faq__item{border-bottom:1px solid var(--border);padding:20px 0}.faq__q{margin-bottom:8px;font-size:16px;font-weight:700}.faq__a{color:var(--text-dim);font-size:14px;line-height:1.6}.steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.step{background:var(--surface);border:1px solid var(--border);counter-increment:step;border-radius:12px;padding:24px;position:relative}.step:before{content:counter(step);font-family:var(--font-mono);color:var(--accent);opacity:.15;font-size:48px;font-weight:800;line-height:1;position:absolute;top:12px;right:16px}.step__icon{width:32px;height:32px;margin-bottom:16px}.step__title{margin-bottom:8px;font-size:16px;font-weight:700}.step__desc{color:var(--text-dim);font-size:14px;line-height:1.5}@media (width<=900px){.steps{grid-template-columns:1fr 1fr}}@media (width<=600px){.steps{grid-template-columns:1fr}}.specs{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px;display:grid}.spec{background:var(--bg2);border:1px solid var(--border);font-family:var(--font-mono);border-radius:10px;align-items:center;gap:12px;padding:16px;font-size:13px;display:flex}.spec__icon{opacity:.5;flex-shrink:0;width:32px;height:32px}.spec__label{color:var(--text-dim);flex:1}.spec__value{color:var(--text);font-weight:600}.spec--expandable{cursor:pointer;padding:0;transition:border-color .2s}.spec--expandable:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.spec--expandable[open]{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.spec--expandable summary{align-items:center;gap:12px;padding:16px;list-style:none;display:flex}.spec--expandable summary::-webkit-details-marker{display:none}.spec--expandable summary::marker{content:""}.spec__chevron{color:var(--text-dim);flex-shrink:0;font-size:12px;transition:transform .2s}.spec--expandable[open] .spec__chevron{color:var(--accent);transform:rotate(180deg)}.spec__details{color:var(--text-dim);margin:0;padding:0 18px 16px 60px;font-family:ui-sans-serif,-apple-system,system-ui,sans-serif;font-size:13px;line-height:1.65;list-style:outside}.spec__details li{padding:4px 0}@media (width<=700px){.specs{grid-template-columns:1fr}.spec__details{padding-left:36px}}.quote{text-align:center;max-width:800px;margin:0 auto;padding:clamp(60px,8vw,100px) 24px}.quote__text{color:var(--text);margin-bottom:16px;font-size:clamp(20px,3vw,28px);font-style:italic;font-weight:500;line-height:1.5}.quote__text:before{content:"“";color:var(--accent);vertical-align:-12px;margin-right:4px;font-size:48px;line-height:0}.quote__author{font-family:var(--font-mono);color:var(--text-dim);font-size:14px}.cta{text-align:center;background:var(--bg2);border-top:1px solid var(--border);padding:clamp(60px,8vw,100px) 24px}.cta__title{letter-spacing:-2px;margin-bottom:12px;font-size:clamp(28px,5vw,44px);font-weight:800}.cta__sub{color:var(--text-dim);margin-bottom:32px;font-size:18px}footer{max-width:1200px;font-family:var(--font-mono);color:var(--text-dim);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin:0 auto;padding:40px clamp(24px,4vw,64px);font-size:11px;display:flex}footer a{color:var(--text-dim)}.promise-line{max-width:880px;margin:0 auto;padding:clamp(48px,7vw,80px) clamp(24px,4vw,64px) clamp(12px,2vw,24px)}.promise-line p{color:var(--text);letter-spacing:-.4px;border-left:3px solid var(--accent);padding:4px 0 4px 24px;font-size:clamp(20px,2.6vw,28px);font-weight:500;line-height:1.4}.promise-line p:first-letter{color:var(--accent)}.vignettes{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}@media (width<=900px){.vignettes{grid-template-columns:1fr}}.vignette{background:var(--surface);border:1px solid var(--border-bright);border-radius:16px;flex-direction:column;gap:12px;padding:28px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.vignette:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:60px;height:3px;position:absolute;top:0;left:0}.vignette:hover{border-color:var(--accent);transform:translateY(-2px)}.vignette__when{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);font-size:11px;font-weight:700}.vignette__title{letter-spacing:-.3px;color:var(--text);font-size:20px;font-weight:800;line-height:1.3}.vignette__body{color:var(--text-dim);flex:1;font-size:14px;line-height:1.6}.vignette__voice{background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);border-radius:10px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.vignette__voice-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;flex-shrink:0;margin-top:6px;animation:2s ease-in-out infinite pulse}.vignette__voice-text{color:var(--text);font-size:13.5px;font-style:italic;line-height:1.55}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.thesis{flex-direction:column;gap:16px;max-width:980px;margin:0 auto;padding:clamp(60px,9vw,120px) clamp(24px,4vw,64px);display:flex}.thesis__line{border-bottom:1px solid var(--border);align-items:baseline;gap:clamp(16px,3vw,32px);padding:10px 0;display:flex}.thesis__line:last-child{border-bottom:none}.thesis__num{font-family:var(--font-mono);color:var(--accent);opacity:.6;letter-spacing:1px;flex-shrink:0;font-size:clamp(13px,1.4vw,16px);font-weight:600}.thesis__text{letter-spacing:-1.5px;color:var(--text);font-size:clamp(28px,4.5vw,52px);font-weight:800;line-height:1.15}.promises{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;display:grid}@media (width<=800px){.promises{grid-template-columns:1fr}}.promise{background:var(--surface-elevated);border:1px solid var(--border-bright);border-radius:16px;flex-direction:column;gap:14px;padding:32px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.promise:hover{border-color:var(--accent);box-shadow:0 10px 32px color-mix(in srgb, var(--accent) 8%, transparent);transform:translateY(-2px)}.promise__index{font-family:var(--font-mono);color:var(--accent);opacity:.12;letter-spacing:-2px;font-size:clamp(40px,5vw,60px);font-weight:800;line-height:1;position:absolute;top:24px;right:28px}.promise__icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.promise__title{letter-spacing:-.5px;color:var(--text);padding-right:64px;font-size:clamp(20px,2.4vw,26px);font-weight:800;line-height:1.25}.promise__body{color:var(--text-dim);font-size:15px;line-height:1.6}.promise__example{font-family:var(--font-mono);color:var(--text);background:var(--bg2);border-left:3px solid var(--accent);border-radius:4px 10px 10px 4px;padding:14px 16px;font-size:13px;font-style:italic;line-height:1.55}.fence{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px;display:grid}@media (width<=700px){.fence{grid-template-columns:1fr}}.fence__item{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;position:relative}.fence__not{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;color:var(--red);opacity:.8;margin-bottom:8px;font-size:11px;font-weight:700}.fence__title{letter-spacing:-.3px;color:var(--text);margin-bottom:8px;font-size:20px;font-weight:800}.fence__body{color:var(--text-dim);font-size:14px;line-height:1.6}.compat{gap:12px;max-width:1000px;margin-top:36px;margin-left:auto;margin-right:auto;display:grid}.compat__group{background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .2s;overflow:hidden}.compat__group[open]{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.compat__summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:18px 22px;list-style:none;display:grid}.compat__summary::-webkit-details-marker{display:none}.compat__summary::marker{content:""}.compat__summary:hover{background:color-mix(in srgb, var(--surface) 75%, var(--accent-dim))}.compat__name{font-family:var(--font-mono);color:var(--text);letter-spacing:.02em;font-size:14px;font-weight:600}.compat__count{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.compat__chevron{color:var(--text-dim);font-size:14px;transition:transform .2s}.compat__group[open] .compat__chevron{color:var(--accent);transform:rotate(180deg)}.compat__list{margin:0;padding:4px 22px 18px 42px;list-style:outside}.compat__list li{color:var(--text-dim);padding:2px 0;font-size:14px;line-height:1.7}@media (width<=600px){.compat__summary{grid-template-columns:1fr auto}.compat__count{grid-area:2/1/auto/-1;margin-top:4px}}.compass{gap:14px;max-width:880px;margin:48px auto 0;display:grid}.compass__row{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr 32px 1fr;align-items:center;gap:24px;padding:20px 24px;display:grid}.compass__cat{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:11px;font-weight:700}.compass__cat--them{color:var(--text-dim)}.compass__cat--bosun{color:var(--accent)}.compass__line{font-size:15px;line-height:1.45}.compass__line--them{color:var(--text-dim)}.compass__line--bosun{color:var(--text)}.compass__arrow{color:var(--accent);text-align:center;opacity:.4;font-size:22px;font-family:var(--font-mono)}@media (width<=720px){.compass__row{grid-template-columns:1fr;gap:8px;padding:18px 20px}.compass__arrow{display:none}}.surprise{background:linear-gradient(135deg, var(--bg2) 0%, var(--surface) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:clamp(60px,10vw,120px) clamp(24px,4vw,64px);position:relative;overflow:hidden}.surprise:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--accent) 8%, transparent) 0%, transparent 60%);pointer-events:none;width:60%;height:200%;position:absolute;top:-50%;right:-10%}.surprise__inner{max-width:1000px;margin:0 auto;position:relative}.surprise__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2.5px;color:var(--accent);margin-bottom:24px;font-size:12px;font-weight:600}.surprise__big{letter-spacing:-2.5px;color:var(--text);margin-bottom:24px;font-size:clamp(36px,7vw,80px);font-weight:800;line-height:1.05}.surprise__big br+br{display:none}.surprise__sub{color:var(--text-dim);max-width:720px;margin-bottom:32px;font-size:clamp(16px,2vw,20px);line-height:1.6}.surprise__pills{flex-wrap:wrap;gap:10px;display:flex}.surprise__pill{background:var(--surface-elevated);border:1px solid var(--border-bright);font-family:var(--font-mono);color:var(--text);letter-spacing:.3px;border-radius:999px;align-items:center;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex}.surprise__pill:before{content:"✓";color:var(--accent);margin-right:8px;font-weight:700}.close{padding:clamp(60px,9vw,120px) clamp(24px,4vw,64px)}.close__inner{max-width:760px;margin:0 auto}.close__lead{letter-spacing:-1.5px;color:var(--text);margin-bottom:24px;font-size:clamp(28px,4.5vw,44px);font-weight:800;line-height:1.2}.close__body{color:var(--text-dim);margin-bottom:16px;font-size:clamp(16px,1.9vw,19px);line-height:1.7}.close__body:last-child{color:var(--text);font-weight:500}.fade-in{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.fade-in.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.fade-in{opacity:1!important;transition:none!important;transform:none!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.about-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=700px){.about-grid{grid-template-columns:1fr}}.about-card{background:var(--surface);border:1px solid var(--border-bright);border-radius:16px;padding:32px}.about-card h3{margin-bottom:12px;font-size:20px;font-weight:700}.about-card p{color:var(--text-dim);font-size:15px;line-height:1.7}.about-details{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:16px;display:grid}@media (width<=800px){.about-details{grid-template-columns:1fr 1fr}}@media (width<=500px){.about-details{grid-template-columns:1fr}}.about-detail{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.about-detail__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:6px;font-size:11px}.about-detail__value{font-size:16px;font-weight:600}.about-links{flex-wrap:wrap;gap:16px;display:flex}.about-link{background:var(--surface-elevated);border:1px solid var(--border-bright);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:border-color .2s,transform .2s;display:inline-flex}.about-link:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.nav__logo{text-decoration:none}.nav__user{align-items:center;gap:8px;margin-left:auto;display:flex}.nav__avatar{border:2px solid var(--border-bright);border-radius:50%;width:28px;height:28px}.nav__user-name{color:var(--text-dim);font-size:13px;font-weight:500}.auth-split{min-height:100vh;display:flex}.auth-split__left{background:var(--bg);flex-direction:column;flex:0 0 42%;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.auth-split__left-content{z-index:1;text-align:center;padding:40px;position:relative}.auth-split__left-content svg{margin-bottom:24px}.auth-split__left-content h2{color:var(--text);max-width:320px;font-size:26px;font-weight:700;line-height:1.35}.auth-split__mesh{background:radial-gradient(ellipse 80% 60% at 20% 80%, color-mix(in srgb, var(--accent) 12%, transparent) 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 80% 70%, color-mix(in srgb, var(--accent) 8%, transparent) 0%, transparent 60%), repeating-conic-gradient(from 0deg at 50% 100%, transparent 0deg 4deg, color-mix(in srgb, var(--accent) 3%, transparent) 4deg 4.5deg) no-repeat;opacity:.7;pointer-events:none;background-position:bottom,bottom,bottom;background-size:100% 100%,100% 100%,100% 50%;position:absolute;inset:0}.auth-split__right{flex-direction:column;flex:1;align-items:center;padding:48px 40px 60px;display:flex;overflow-y:auto}.auth-split__back{color:var(--text-dim);align-self:flex-start;align-items:center;gap:6px;margin-bottom:80px;font-size:14px;transition:color .15s;display:flex}.auth-split__back:hover{color:var(--text);text-decoration:none}.auth-split__form{width:100%;max-width:400px}.auth-split__form h1{margin-bottom:8px;font-size:28px;font-weight:700}.auth-split__form .auth-subtitle{color:var(--text-dim);margin-bottom:28px;font-size:14px}.auth-oauth-stack{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px;display:grid}.auth-oauth{background:var(--surface-elevated);border:1px solid var(--border-bright);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;transition:border-color .2s;display:flex}.auth-oauth:hover{border-color:var(--accent);text-decoration:none}.auth-divider{color:var(--text-dim);align-items:center;gap:16px;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-bright);flex:1;height:1px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{font-size:14px;font-weight:600}.auth-field__header{justify-content:space-between;align-items:baseline;display:flex}.auth-forgot{color:var(--accent);font-size:13px}.auth-field input{border:1px solid var(--border-bright);background:var(--surface-elevated);color:var(--text);font-size:14px;font-family:var(--font-body);border-radius:10px;outline:none;padding:12px 16px;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent)}.auth-field input::placeholder{color:var(--text-dim);opacity:.6}.auth-field__input-wrap{position:relative}.auth-field__input-wrap input{width:100%;padding-right:44px}.auth-eye{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-submit{background:var(--accent);color:var(--bg);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-body);border:none;border-radius:10px;padding:14px 32px;transition:opacity .2s}.auth-submit:hover{opacity:.85}.auth-error{background:var(--red-dim);color:var(--red);border-radius:8px;padding:10px 16px;font-size:13px}.auth-field select{border:1px solid var(--border-bright);background:var(--surface-elevated);color:var(--text);font-size:14px;font-family:var(--font-body);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a8ba8' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:10px;outline:none;width:100%;padding:12px 36px 12px 16px;transition:border-color .15s}.auth-field select:focus{border-color:var(--accent)}.auth-hint{color:var(--text-dim);margin-top:2px;font-size:12px;line-height:1.5}.auth-checkbox{cursor:pointer;color:var(--text-dim);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.auth-checkbox input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px;margin-top:3px}.auth-footer-text{color:var(--text-dim);margin-top:20px;font-size:13px;line-height:1.6}.auth-footer-text a{color:var(--accent)}.auth-switch{color:var(--text-dim);margin-top:24px;font-size:14px}.auth-switch a{color:var(--accent);font-weight:600}@media (width<=900px){.auth-split{flex-direction:column}.auth-split__left{flex:none;min-height:200px}.auth-split__right{padding:32px 24px 60px}.auth-split__back{margin-bottom:40px}}.order-steps{gap:24px;margin-top:32px;display:flex}.order-steps__item{color:var(--text-dim);opacity:.5;align-items:center;gap:8px;font-size:13px;display:flex}.order-steps__item--active{opacity:1;color:var(--accent)}.order-steps__item--done{opacity:.8;color:var(--text)}.order-steps__dot{width:28px;height:28px;font-size:12px;font-weight:700;font-family:var(--font-mono);border:2px solid;border-radius:50%;justify-content:center;align-items:center;display:flex}.order-steps__item--active .order-steps__dot{background:var(--accent);color:var(--bg);border-color:var(--accent)}.order-steps__item--done .order-steps__dot{border-color:var(--text-dim);color:var(--text-dim);background:0 0}.order-summary{width:100%;max-width:280px;margin-top:28px}.order-summary__row{color:var(--text);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.order-summary__row--dim{color:var(--text-dim)}.order-summary__total{border-top:1px solid var(--border-bright);color:var(--text);justify-content:space-between;margin-top:8px;padding-top:12px;font-size:15px;font-weight:700;display:flex}.order-tiers{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.order-tier{text-align:left;background:var(--surface-elevated);border:2px solid var(--border-bright);cursor:pointer;font-family:var(--font-body);color:var(--text);border-radius:12px;padding:24px;transition:border-color .15s}.order-tier:hover{border-color:var(--accent)}.order-tier--selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--surface-elevated))}.order-tier__name{margin-bottom:4px;font-size:16px;font-weight:700}.order-tier__price{font-size:24px;font-weight:800;font-family:var(--font-mono);color:var(--accent);margin-bottom:12px}.order-tier__spec{color:var(--text-dim);font-size:13px;line-height:1.6}.order-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:4px;font-size:11px}.order-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.order-row--3{grid-template-columns:1fr 1fr 1fr}.order-addons{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.order-addon{background:var(--surface-elevated);border:1px solid var(--border-bright);border-radius:10px;justify-content:space-between;align-items:center;padding:16px;transition:border-color .15s;display:flex}.order-addon--selected{border-color:var(--accent)}.order-addon__info{flex:1}.order-addon__name{font-size:14px;font-weight:600}.order-addon__desc{color:var(--text-dim);margin-top:2px;font-size:12px}.order-addon__price{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--accent);margin-top:6px}.order-addon__qty{align-items:center;gap:12px;display:flex}.order-addon__qty button{border:1px solid var(--border-bright);background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;font-size:16px;font-weight:700;font-family:var(--font-body);border-radius:8px;justify-content:center;align-items:center;transition:border-color .15s;display:flex}.order-addon__qty button:hover:not(:disabled){border-color:var(--accent)}.order-addon__qty button:disabled{opacity:.3;cursor:default}.order-addon__qty span{font-family:var(--font-mono);text-align:center;min-width:20px;font-size:14px;font-weight:600}.order-step3-actions{align-items:center;gap:16px;display:flex}.order-skip{color:var(--text-dim);cursor:pointer;font-size:14px;font-family:var(--font-body);background:0 0;border:none;padding:0}.order-skip:hover{color:var(--text)}.order-review{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.order-review__section{background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;padding:16px}.order-review__section h3{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:8px}.order-review__section p{color:var(--text);font-size:14px;line-height:1.6}.order-review__total{font-size:20px;font-weight:800;font-family:var(--font-mono);border-top:1px solid var(--border-bright);color:var(--text);justify-content:space-between;padding-top:8px;display:flex}.order-auth-gate{margin-bottom:16px}.order-auth-gate>p{color:var(--text-dim);margin-bottom:16px;font-size:14px}@media (width<=600px){.order-tiers,.order-row,.order-row--3{grid-template-columns:1fr}.order-steps{flex-wrap:wrap;gap:16px}}.account-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:48px;padding-bottom:32px;display:flex}.account-avatar{border:3px solid var(--border-bright);border-radius:50%;width:56px;height:56px}.account-logout{border:1px solid var(--border-bright);color:var(--text-dim);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;border-radius:8px;margin-left:auto;padding:8px 20px;transition:border-color .15s,color .15s}.account-logout:hover{border-color:var(--red);color:var(--red)}.account-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=800px){.account-grid{grid-template-columns:1fr}}.account-card{background:var(--surface);border:1px solid var(--border-bright);border-radius:16px;padding:28px}.account-card__icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.account-card h3{margin-bottom:8px;font-size:18px;font-weight:700}.account-card p{color:var(--text-dim);margin-bottom:16px;font-size:14px;line-height:1.6}.account-card__action{font-family:var(--font-mono);color:var(--accent);font-size:13px;font-weight:600}.order-empty,.vessel-empty,.watch-empty{background:var(--surface);border:1px dashed var(--border-bright);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding:60px 24px;display:flex}.order-empty p,.vessel-empty p,.watch-empty p{color:var(--text-dim);max-width:400px;font-size:14px;line-height:1.6}.order-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.order-card{background:var(--surface);border:1px solid var(--border-bright);border-radius:16px;padding:28px}.order-card__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.order-card__id{font-family:var(--font-mono);font-size:15px;font-weight:700}.order-card__date{color:var(--text-dim);margin-top:2px;font-size:13px}.order-card__badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600}.order-card__badge--confirmed{background:var(--accent-dim);color:var(--accent)}.order-card__badge--shipping{background:var(--amber-dim);color:var(--amber)}.order-card__badge--delivered{background:var(--green-dim);color:var(--green)}.order-card__items{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px;padding:16px 0}.order-card__item{justify-content:space-between;align-items:center;font-size:14px;display:flex}.order-card__price{font-family:var(--font-mono);font-weight:600}.order-card__footer{margin-top:16px}.order-card__note{color:var(--text-dim);font-size:12px;font-style:italic}.order-timeline{align-items:flex-start;gap:0;padding:0 8px;display:flex}.order-timeline__step{flex-direction:column;align-items:center;gap:6px;min-width:72px;display:flex}.order-timeline__dot{border:2px solid var(--border-bright);background:var(--bg);border-radius:50%;width:12px;height:12px}.order-timeline__step--done .order-timeline__dot{background:var(--accent);border-color:var(--accent)}.order-timeline__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.order-timeline__date{color:var(--text-dim);font-size:11px}.order-timeline__line{background:var(--border-bright);flex:1;min-width:24px;height:2px;margin-top:5px}.order-timeline__line--done{background:var(--accent)}.vessel-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.vessel-card{background:var(--surface);border:1px solid var(--border-bright);border-radius:16px;padding:28px}.vessel-card__status{border-radius:50%;flex-shrink:0;width:10px;height:10px}.vessel-card__status--online{background:var(--green);box-shadow:0 0 8px var(--green)}.vessel-card__status--offline{background:var(--text-dim)}.vessel-card__info{flex:1}.vessel-card__name{margin-bottom:2px;font-size:20px;font-weight:700}.vessel-card__meta{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.vessel-card__stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;padding:16px 0;display:grid}@media (width<=600px){.vessel-card__stats{grid-template-columns:1fr}}.vessel-card__stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:4px;font-size:10px}.vessel-card__stat-value{font-size:14px;font-weight:600}.vessel-card__actions{flex-wrap:wrap;gap:8px;display:flex}.vessel-card__btn{border:1px solid var(--border-bright);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);background:0 0;border-radius:8px;padding:8px 16px;transition:border-color .15s}.vessel-card__btn:hover{border-color:var(--accent)}.watch-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.watch-card{background:var(--surface);border:1px solid var(--border-bright);border-radius:16px;padding:28px}.watch-card__header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.watch-card__name{font-size:18px;font-weight:700}.watch-card__owner{color:var(--text-dim);font-size:12px}.watch-card__safety{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;border-radius:6px;margin-left:auto;padding:4px 12px;font-size:11px;font-weight:600}.watch-card__safety--normal{background:var(--green-dim);color:var(--green)}.watch-card__safety--advisory{background:var(--amber-dim);color:var(--amber)}.watch-card__safety--alert{background:var(--red-dim);color:var(--red)}.watch-card__grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0;display:grid}@media (width<=700px){.watch-card__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.watch-card__grid{grid-template-columns:1fr}}.watch-card__cell{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.watch-card__cell svg{flex-shrink:0;margin-top:2px}.watch-card__cell-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:2px;font-size:10px}.watch-card__cell-value{font-size:14px;font-weight:600}.watch-card__alerts{margin-top:16px}.watch-card__alert-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);margin-bottom:8px;font-size:10px}.watch-card__alert{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.watch-card__alert-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.watch-card__alert-time{font-family:var(--font-mono);color:var(--text-dim);margin-left:auto;font-size:11px}