@font-face{font-family:Manrope;src:url('/assets/manrope-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-bold.ttf');font-weight:600 800;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/assets/JetBrainsMono-Regular.ttf');font-display:swap}
:root{--navy:#061524;--ink:#0a1626;--muted:#52627c;--blue:#0062c5;--teal:#00c2a0;--line:#dce5ed;--pale:#bad0e4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.65 Manrope,system-ui,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{max-width:100%;height:auto}.shell{width:min(1408px,calc(100% - 112px));margin:auto}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:10}.skip:focus{top:12px}
.masthead{background:var(--navy);color:#fff}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:flex;align-items:center;gap:9px;color:#fff;white-space:nowrap}.brand:hover{text-decoration:none}.brand img{width:62px;mask-image:radial-gradient(ellipse,#000 54%,transparent 73%)}.brand span{font-size:32px;font-weight:700;letter-spacing:-.045em}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav a{color:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 25px;background:#0b7cfd;border:1px solid #409cff;color:#fff;border-radius:6px;font-size:15px;font-weight:700;transition:background .15s,transform .15s}.button:hover{background:#0067db;text-decoration:none;transform:translateY(-2px)}.button.small{padding:12px 23px;font-size:14px;background:transparent;border-color:#73c7f4}.button.small:hover{background:#14334d}.button.secondary{background:transparent;border-color:#97b5d0}.button.secondary:hover{background:#14334d}
.hero{background:var(--navy);color:#fff;position:relative}.hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:40px;align-items:center;min-height:620px;padding-top:48px;padding-bottom:88px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(40px,4.15vw,64px);line-height:1.17;letter-spacing:-.055em;margin:0 0 28px}.hero h1 span{background:linear-gradient(135deg,#00c2a0,#0b7cfd);background-clip:text;color:transparent}.hero-copy>p{font-size:20px;line-height:1.65;max-width:670px;color:var(--pale);margin:0 0 36px}.actions{display:flex;gap:16px;flex-wrap:wrap}.hero-identity{text-align:center;align-self:center}.hero-identity img{width:min(100%,440px);display:block;margin:auto;mask-image:radial-gradient(ellipse,#000 48%,transparent 73%)}.wordmark{font-size:clamp(60px,6.2vw,92px);letter-spacing:-.065em;font-weight:700;line-height:1.1;margin-top:-30px;position:relative}.status{background:#061524cf;border-top:1px solid #33566b;color:var(--pale);font-size:12px}.status>.shell{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;gap:20px}.status span{margin:0 10px}.status a{color:#73c7f4}
.section{padding-top:88px;padding-bottom:88px}h2{font-size:clamp(34px,3.3vw,48px);line-height:1.18;letter-spacing:-.045em;margin:0 0 30px}h3{font-size:21px;line-height:1.4;letter-spacing:-.025em;margin:0 0 12px}h4{font-size:20px;line-height:1.4;margin:20px 0 12px;letter-spacing:-.025em}p{margin:0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:48px}.section-heading h2{margin:0}.all-docs{display:inline-flex;gap:18px;font-size:14px;font-weight:700}.products{display:grid;grid-template-columns:repeat(3,1fr)}.feature{text-align:center;padding:0 38px;display:flex;align-items:center;flex-direction:column}.feature+.feature{border-left:1px solid var(--line)}.product-mark{width:142px;height:149px;display:block;overflow:hidden}.feature h3{font-size:36px;letter-spacing:-.04em;margin:8px 0 0}.feature p{font-size:16px;color:var(--muted);max-width:335px;flex:1}.feature>a{display:inline-flex;gap:16px;font-size:14px;font-weight:700;margin-top:24px}
.approach{background:#0a1626;color:#fff}.approach-lead{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:64px}.approach-lead h2{font-size:clamp(36px,3.2vw,48px)}.section-intro{color:var(--muted);font-size:18px}.approach .section-intro{color:var(--pale);max-width:480px}.approach a{display:inline-flex;gap:15px;color:#6fe3ce;font-size:14px;margin-top:25px}.code-panel{width:100%;min-width:0;border:1px solid #385267;border-radius:8px;background:#061320;color:#f5f8fc;overflow:hidden;box-shadow:0 20px 55px #01091044}.code-caption{padding:13px 20px;border-bottom:1px solid #344357;color:#c4d5e4;font:12px 'JetBrains Mono',monospace;display:flex;justify-content:space-between;gap:12px}.code-caption span{font-size:10px;color:#9eb2c7}pre{margin:0;padding:22px;overflow:auto;font:12px/1.9 'JetBrains Mono',monospace;tab-size:4}.blue{color:#5dbdff}.mint{color:#6fe3ce}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.principles>div+div{border-left:1px solid #30485d;padding-left:36px}.principles h3{padding-bottom:18px;border-bottom:1px solid #3684b1}.principles p{font-size:15px;color:var(--pale);line-height:1.8}.background{color:var(--pale);font-size:14px;border-top:1px solid #30485d;padding-top:28px;margin-top:40px}
.roadmap h2{margin-bottom:14px}.roadmap-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 0 32px;position:relative;gap:0}.roadmap-steps:before{content:'';position:absolute;top:48px;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c2a0,#0b7cfd)}.roadmap-row{padding-right:36px;position:relative}.roadmap-row:last-child{padding-right:0}.step{display:block;color:#0062c5;font:700 18px/1.5 'JetBrains Mono',monospace;padding-bottom:50px}.step:after{content:'';position:absolute;top:39px;left:0;border:4px solid #0b7cfd;background:white;width:15px;height:15px;border-radius:50%}.roadmap-row:first-child .step:after{border-color:#00a68b}.roadmap-row p{font-size:15px;color:var(--muted);max-width:380px}.docs-cta{background:var(--navy);color:#fff}.docs-cta>.shell{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:65px;padding-bottom:65px}.docs-cta h2{margin:0;font-size:40px}footer{background:var(--navy);color:#fff}.footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:30px;padding-bottom:34px;border-top:1px solid #30485d}.footer img{width:200px;display:block}.footer nav{justify-content:flex-end;font-size:12px}.footer p{font-size:11px;color:var(--pale);margin-top:12px}
@media(max-width:1200px){.shell{width:calc(100% - 64px)}.header nav{gap:24px}.hero-grid{gap:20px;min-height:600px;grid-template-columns:1.6fr 1fr}.hero h1{font-size:48px}.hero-copy>p{font-size:18px}.wordmark{font-size:70px}.feature{padding:0 25px}.approach-lead{gap:35px}pre{font-size:11px}.principles{gap:25px}.principles>div+div{padding-left:25px}}
@media(max-width:900px){.header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;gap:15px}.header nav{gap:20px}.header nav>a[href^='https:']{display:none}.hero-grid{grid-template-columns:1.5fr 1fr;padding-top:44px;padding-bottom:64px;min-height:570px}.hero h1{font-size:39px}.hero-copy>p{font-size:16px}.hero .button{font-size:13px;padding:13px 17px}.wordmark{font-size:55px;margin-top:-12px}.section-heading{display:block}.section-heading .all-docs{margin-top:22px}.feature{padding:0 18px}.feature p{font-size:14px}.feature h3{font-size:30px}h4{font-size:17px}.approach-lead{grid-template-columns:1fr;gap:32px}.approach-lead .section-intro{max-width:650px}.code-panel{max-width:680px}.principles{gap:22px}.principles>div+div{padding-left:22px}.docs-cta h2{font-size:32px}.docs-cta .button{white-space:nowrap}}
@media(max-width:600px){.shell{width:calc(100% - 40px)}.header{gap:16px;padding-top:12px;padding-bottom:16px}.brand img{width:47px}.brand span{font-size:28px}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.header .button.small{font-size:12px;padding:9px 12px;white-space:nowrap}.hero{background-position:64% 70%}.hero-grid{display:flex;flex-direction:column;gap:24px;padding-top:40px;padding-bottom:40px;min-height:0}.hero-copy{width:100%}.hero h1{font-size:clamp(32px,8.8vw,46px);line-height:1.16;margin-bottom:22px}.hero-copy>p{font-size:16px;margin-bottom:26px}.actions{gap:10px}.hero .button{font-size:12px;padding:13px 14px;gap:10px}.hero-identity{width:100%;max-width:270px}.hero-identity img{width:240px}.wordmark{font-size:52px;margin-top:-20px}.status>.shell{display:block;padding-top:16px;padding-bottom:16px;font-size:10px}.status span{margin:0 5px}.status a{display:inline-block;margin-top:8px;font-size:12px}.section{padding-top:54px;padding-bottom:54px}h2{font-size:34px}.section-heading{margin-bottom:34px}.products{grid-template-columns:1fr;gap:35px}.feature{padding:0 0 35px}.feature+.feature{border-left:0;border-top:1px solid var(--line);padding-top:35px}.feature:last-child{padding-bottom:0}.product-mark{width:125px;height:131px}.feature h3{font-size:34px}.feature h4{font-size:19px;margin-top:14px}.feature p{font-size:16px}.approach-lead h2{font-size:34px}.approach-lead{margin-bottom:40px}.code-caption{padding:12px}.code-caption span{font-size:9px}pre{padding:16px 12px;font-size:10px}.principles{grid-template-columns:1fr;gap:28px}.principles>div+div{border-left:0;padding-left:0}.principles h3{font-size:22px;padding-bottom:12px}.background{margin-top:30px}.roadmap-steps{display:block;margin:34px 0 14px}.roadmap-steps:before{top:0;bottom:0;left:10px;right:auto;width:2px;height:auto;background:linear-gradient(#00c2a0,#0b7cfd)}.roadmap-row,.roadmap-row:last-child{padding:0 0 32px 43px}.step{font-size:15px;padding-bottom:10px}.step:after{top:0;left:0}.roadmap-row h3{font-size:21px}.docs-cta>.shell{display:block;padding-top:45px;padding-bottom:45px}.docs-cta h2{font-size:34px;margin-bottom:25px}.footer{align-items:flex-start;flex-direction:column;gap:24px}.footer nav{justify-content:flex-start;gap:24px}.footer p{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}


/* A quiet night crossing: artwork below, stable identity and controls above. */
.hero-stage { position:relative; isolation:isolate; overflow:hidden; }
.hero-scene { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.hero-scene { background:var(--navy) url('/assets/moonlit-water-poster.jpg?v=caravel-2') 60% center / cover no-repeat; }
.hero-scene::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#061524b3,transparent 70%),linear-gradient(0deg,#06152455,transparent 45%); }
.sea-video { position:absolute; bottom:0; left:0; width:100%; height:100%; object-fit:cover; object-position:60% center; opacity:1; }
.hero-grid { position:relative; z-index:1; padding-bottom:80px; }
.hero-identity { position:relative; }
@media(min-width:901px) {
  .hero-grid { min-height:560px; padding-top:24px; padding-bottom:56px; }
  .hero-identity img { width:min(100%,clamp(240px,42svh,400px)); }
}
.endorsement { display:inline-flex; align-items:center; gap:8px; margin-top:18px; color:#d1e3ef; font-size:14px; line-height:1; }
.endorsement svg { display:block; width:112px; height:22px; overflow:hidden; }
.motion-toggle { position:absolute; z-index:2; bottom:16px; right:max(56px,calc((100% - 1408px)/2)); padding:9px 10px; border:1px solid transparent; border-radius:5px; background:#06152499; color:#b6c9d6; font:400 11px/1.3 Manrope,system-ui,sans-serif; cursor:pointer; }
.motion-toggle:hover { background:#173449; color:#fff; border-color:#759ab0; }
.motion-toggle:focus-visible { outline:3px solid var(--teal); outline-offset:4px; }
.motion-toggle[hidden] { display:none; }
@media(max-width:1200px) { .motion-toggle { right:32px; } }
@media(max-width:600px) {
  .hero-grid { padding-bottom:70px; }
  .hero-scene { background-position:62% center; }
  .sea-video { object-position:62% center; }
  .hero-scene::after { background:linear-gradient(180deg,#06152477 0%,#06152433 48%,transparent 75%); }
  .endorsement { margin-top:15px; font-size:13px; }
  .endorsement svg { width:100px; height:20px; }
  .motion-toggle { right:20px; bottom:16px; }

}
/* Video starts paused. The controller honors reduced motion until Play is chosen. */

.release-page { max-width:1000px; }
.release-page h1 { font-size:clamp(40px,5vw,64px); line-height:1.15; letter-spacing:-.05em; margin:0 0 24px; }
.release-page h2 { font-size:clamp(28px,3vw,38px); margin:0 0 20px; }
.release-page p { margin-bottom:22px; color:var(--muted); }
.release-page .release-lead { font-size:23px; color:var(--ink); }
.release-page section,.release-entry { border-top:1px solid var(--line); padding-top:36px; margin-top:44px; }
.release-page li { margin-bottom:16px; }
.release-page code { font:13px 'JetBrains Mono',monospace; overflow-wrap:anywhere; }
.release-meta { display:flex; align-items:center; flex-wrap:wrap; gap:16px; font-size:13px; margin-top:24px; }
.release-badge { border:1px solid #9bd8cc; border-radius:4px; background:#e4f6f3; color:#075c50; padding:4px 10px; font-weight:700; }
.release-links { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin:26px 0; font-size:14px; font-weight:700; }
.release-note { font-size:14px; margin-top:40px; }
