:root{--bg: oklch(99.6% .0008 250deg);--surface: oklch(100% 0 0deg);--surface-sunken: oklch(94.5% .004 250deg);--surface-inverse: oklch(17% .008 250deg);--ink: oklch(17% .008 250deg);--ink-muted: oklch(38% .005 250deg);--ink-soft: oklch(45% .004 250deg);--ink-faint: oklch(53% .004 250deg);--ink-inverse: oklch(99.5% 0 0deg);--ink-on-inverse-faint: oklch(72% .004 250deg);--line: oklch(92% .004 250deg);--line-soft: oklch(87% .004 250deg);--accent: oklch(62% .19 150deg);--accent-bright: oklch(84% .18 150deg);--accent-link: oklch(45% .16 150deg);--accent-selection: oklch(88% .14 150deg);--sjocamp: #2f7be0;--meerkat: #bf7200;--tickuptoks: #c0369e;--shadow-sm: 0 1px 2px oklch(15% 0 0deg / .05);--shadow-card: 0 1px 2px oklch(15% 0 0deg / .05), 0 12px 28px -18px oklch(15% 0 0deg / .35);--shadow-lift: 0 2px 4px oklch(15% 0 0deg / .05), 0 34px 60px -28px oklch(15% 0 0deg / .45);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--measure: 1240px;--gutter: 24px;--font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100vh;padding-bottom:40px}a{color:var(--ink);text-decoration:none}a:hover{color:var(--accent-link)}::selection{background:var(--accent-selection);color:var(--ink)}:focus-visible{outline:2px solid var(--accent-link);outline-offset:3px;border-radius:4px}img{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{max-width:var(--measure);margin:0 auto;padding-inline:var(--gutter)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}.reveal{animation:fadeInUp .7s var(--ease-out) both}.live-dot{animation:pulseDot 2.2s ease-in-out infinite;width:8px;height:8px;border-radius:50%;background:var(--accent);display:block;flex-shrink:0}.card{background:var(--surface);border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.product-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--dot, var(--ink-faint));box-shadow:inset 0 0 0 2px var(--dot, var(--ink-faint));flex-shrink:0}[data-product=sjocamp]{--dot: var(--sjocamp)}[data-product=meerkat]{--dot: var(--meerkat)}[data-product=tickuptoks]{--dot: var(--tickuptoks)}.product-dot[data-off]{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line-soft)}.pill{font-size:12px;padding:8px 12px;border-radius:9999px;color:var(--ink-faint);white-space:nowrap;transition:background .2s ease,color .2s ease,transform .3s var(--ease-spring)}.pill:hover{transform:translateY(-2px)}.pill--solid{background:var(--surface-inverse);color:var(--ink-inverse);padding:9px 16px}.pill--solid:hover{color:var(--ink-inverse)}.underlined{border-bottom:1px solid var(--line-soft)}.nav-wrap{position:sticky;top:16px;z-index:20;display:flex;justify-content:center;padding:16px 20px 0}.nav{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 18px;border-radius:9999px;max-width:100%}.nav__brand{font-size:12.5px;letter-spacing:.02em;white-space:nowrap}.nav__rule{width:1px;height:18px;background:var(--line);margin:0 6px;flex-shrink:0}.nav__links{display:flex;align-items:center;gap:4px}.hero{padding-block:88px 48px}.hero__status{display:inline-flex;align-items:center;gap:9px;background:var(--surface);border-radius:9999px;padding:7px 14px 7px 11px;box-shadow:var(--shadow-sm);font-size:12px;color:var(--ink-muted)}.hero__title{font-weight:500;font-size:clamp(40px,5.6vw,74px);line-height:1.02;letter-spacing:-.035em;margin:24px 0 0;max-width:16ch;text-wrap:balance}.hero__foot{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;justify-content:space-between;margin-top:28px;animation-delay:80ms}.hero__lede{font-size:18px;line-height:1.65;color:var(--ink-soft);margin:0;max-width:48ch}.hero__meta{font-size:12.5px;color:var(--ink-faint);line-height:1.9}.shiplog-section{padding-bottom:72px}.shiplog{margin:0;padding:28px 28px 22px}.shiplog__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}.shiplog__total{margin:0;font-weight:500;font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;line-height:1.1}.shiplog__peak{margin:0;font-size:13px;color:var(--ink-faint)}.shiplog__plot{position:relative;margin-top:28px;padding-left:40px}.shiplog__grid{position:absolute;inset:0 0 26px 40px;pointer-events:none}.shiplog__tick{position:absolute;left:0;right:0;bottom:var(--at);border-top:1px solid var(--line)}.shiplog__tick span{position:absolute;right:calc(100% + 10px);top:-8px;font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.shiplog__bars{position:relative;list-style:none;margin:0;padding:0;height:200px;display:flex;align-items:stretch;gap:2px}.shiplog__slot{flex:1;display:flex;align-items:flex-end;justify-content:center;border-radius:6px;outline:none;cursor:default}.shiplog__bar{width:min(100%,24px);height:var(--h);min-height:3px;border-radius:4px 4px 0 0;background:var(--accent);transform-origin:bottom;animation:growBar .9s var(--ease-out) both;animation-delay:calc(.15s + var(--i) * 28ms);transition:background .15s ease}.shiplog[data-animate]:not([data-inview]) .shiplog__bar{animation-play-state:paused}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.shiplog__slot:hover .shiplog__bar,.shiplog__slot:focus-visible .shiplog__bar{background:var(--accent-link)}.shiplog__slot:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-link)}.shiplog__slot:after{content:attr(data-tip);position:absolute;top:0;left:8px;padding:6px 10px;border-radius:8px;background:var(--surface-inverse);color:var(--ink-inverse);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:2}.shiplog__slot:hover:after,.shiplog__slot:focus-visible:after{opacity:1}.shiplog__axis{display:flex;gap:2px;height:26px;padding-top:8px;font-size:11px;color:var(--ink-faint)}.shiplog__axis span{flex:1;min-width:0;white-space:nowrap;overflow:visible}.shiplog__foot{margin-top:14px;font-size:12.5px;color:var(--ink-faint)}.section{padding-top:120px}.hero+.section{padding-top:40px}.section__intro{max-width:60ch;margin-bottom:32px}.section__title{margin:0;font-weight:500;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.035em;line-height:1.06;text-wrap:balance}.section__lede{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--ink-soft)}.frame{position:relative;display:block;overflow:hidden;border-radius:20px;background:var(--surface-sunken);color:inherit}.frame:hover{color:inherit}.frame:hover .zoom-layer{transform:scale(1.04)}.frame:focus-visible{outline:2px solid var(--accent-link);outline-offset:3px}.zoom-layer{position:absolute;inset:0;transition:transform .62s var(--ease-spring);transform-origin:top center}.frame__badge{position:absolute;top:12px;left:12px;z-index:2;font-size:11px;padding:5px 10px;border-radius:9999px;background:#fffffff0;color:var(--ink-muted)}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.tile{grid-column:span var(--span, 6);display:flex;flex-direction:column;padding:10px;color:inherit}.tile__frame{aspect-ratio:16 / 10;flex-shrink:0}.tile[style*="--span:7"] .tile__frame{aspect-ratio:16 / 9}.tile__body{display:flex;flex-direction:column;flex:1;padding:18px 14px 10px}.tile__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.tile__name{display:flex;align-items:center;gap:10px;margin:0;font-weight:500;font-size:24px;letter-spacing:-.03em;line-height:1.1}.tile__name .product-dot{width:12px;height:12px}.tile__tagline{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--ink-soft)}.tile .built{margin-top:18px;font-size:13.5px;gap:8px}.tile .built li:before{border-color:var(--dot, var(--accent))}.tile__foot{margin-top:auto;padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px;font-size:12px}.chips li{padding:4px 10px;border-radius:9999px;background:var(--surface-sunken);color:var(--ink-muted)}.stage{padding:4px 10px;border-radius:9999px;font-size:12px;color:var(--ink-muted);border:1px solid var(--line-soft);white-space:nowrap}.stage[data-stage=prod]{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--ink-inverse)}.tile--platform{background:var(--surface-inverse);border-color:var(--surface-inverse);color:var(--ink-inverse);padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;text-decoration:none}.tile--platform:hover{color:var(--ink-inverse)}.tile--platform .tile__tagline{color:var(--ink-on-inverse-faint)}.tile--platform__cta{display:inline-block;margin-top:18px;padding:9px 16px;border-radius:9999px;background:var(--surface);color:var(--ink);font-size:12px}.mini-arch{display:flex;flex-direction:column;align-items:stretch}.mini-arch__products{display:grid;gap:8px}.mini-arch__node{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;background:#ffffff0f;border:1px solid oklch(100% 0 0deg / .14);font-size:13.5px}.mini-arch__link{align-self:center;width:2px;height:22px;margin:8px 0 6px;background:var(--ink-on-inverse-faint);position:relative}.mini-arch__link:after{content:"";position:absolute;left:50%;bottom:-2px;width:8px;height:8px;margin-left:-4px;border-right:2px solid var(--ink-on-inverse-faint);border-bottom:2px solid var(--ink-on-inverse-faint);transform:rotate(45deg)}.mini-arch__platform{padding:12px;border-radius:12px;background:var(--accent);color:var(--surface-inverse);font-weight:500;font-size:14px;text-align:center}.hero__products{list-style:none;margin:0 0 0 4px;padding:0 0 0 12px;border-left:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px 14px}.hero__products a{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}.hero__products a:hover{color:var(--accent-link)}.built{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px;font-size:14.5px;line-height:1.45}.built li{position:relative;padding-left:22px}.built li:before{content:"";position:absolute;left:2px;top:.42em;width:9px;height:5px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}.platform{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:20px}.platform__ds{padding:10px;display:flex;flex-direction:column}.platform__frame{height:380px}.platform__ds-body{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;padding:22px 16px 14px}.platform__ds-body>div{flex:1 1 380px}.platform__ds .tile__name{margin-top:0}.platform__desc{margin:12px 0 0;max-width:62ch;font-size:14.5px;line-height:1.6;color:var(--ink-faint)}.platform__template{background:var(--surface-inverse);color:var(--ink-inverse);padding:30px 28px}.platform__template-title{margin:0;font-weight:500;font-size:22px;letter-spacing:-.02em;line-height:1.2}.built--inverse{gap:14px;color:var(--ink-on-inverse-faint)}.built--inverse li:before{border-color:var(--accent-bright)}.arch{margin:20px 0 0;padding:30px 28px 26px;--stack: 5px}.arch__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 40px}.arch__title{margin:0;font-weight:500;font-size:26px;letter-spacing:-.03em;line-height:1.15}.arch__lede{margin:10px 0 0;max-width:62ch;font-size:15px;line-height:1.6;color:var(--ink-soft)}.arch__legend{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:12.5px;color:var(--ink-muted)}.arch__legend li{display:flex;align-items:center;gap:10px}.arch__key{width:16px;height:12px;border-radius:4px;flex-shrink:0}.arch__key--shared{background:var(--surface-inverse)}.arch__key--product{--stack: 3px;background:var(--surface);border:1px solid var(--line-soft);margin-right:6px;box-shadow:var(--stack) var(--stack) 0 -1px var(--surface),var(--stack) var(--stack) 0 0 var(--line-soft),calc(var(--stack) * 2) calc(var(--stack) * 2) 0 -1px var(--surface),calc(var(--stack) * 2) calc(var(--stack) * 2) 0 0 var(--line-soft)}.arch__lanes{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px}.arch__lane{position:relative;display:flex;flex-direction:column}.arch__lane:not(:last-child):before,.arch__lane:not(:last-child):after{content:"";position:absolute;top:50%}.arch__lane:not(:last-child):before{right:-34px;width:22px;height:2px;background:var(--ink-faint)}.arch__lane:not(:last-child):after{right:-34px;width:8px;height:8px;margin-top:-3px;border-top:2px solid var(--ink-faint);border-right:2px solid var(--ink-faint);transform:rotate(45deg)}.arch__lane-name{margin:0 0 12px;font-weight:500;font-size:13px;color:var(--ink-faint)}.arch__nodes{list-style:none;margin:0;padding:4px 0 0;display:grid;gap:16px;flex:1;align-content:center}.arch__node{position:relative;display:flex;flex-direction:column;gap:4px;transition:opacity .18s ease,outline-color .18s ease;padding:12px 14px;border-radius:14px;font-size:12.5px;line-height:1.45}.arch__node[data-scope=shared]{background:var(--surface-inverse);color:var(--ink-inverse)}.arch__node[data-scope=shared] .arch__node-detail{color:var(--ink-on-inverse-faint)}.arch__node[data-scope=product]{background:var(--surface);border:1px solid var(--line-soft);margin:0 calc(var(--stack) * 2) calc(var(--stack) * 2) 0;box-shadow:var(--stack) var(--stack) 0 -1px var(--surface),var(--stack) var(--stack) 0 0 var(--line-soft),calc(var(--stack) * 2) calc(var(--stack) * 2) 0 -1px var(--surface),calc(var(--stack) * 2) calc(var(--stack) * 2) 0 0 var(--line-soft)}.arch__node[data-scope=product]:has(.arch__node-only){margin:0;box-shadow:none}.arch__node-label{font-weight:500;font-size:14.5px;letter-spacing:-.01em}.arch__node-detail{color:var(--ink-faint)}.arch__node-only{color:var(--accent-link)}.arch__badges{position:absolute;top:-9px;right:10px;display:flex;gap:4px}.arch__badge{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--surface-inverse);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.arch:has(.arch__step:is(:hover,:focus-visible)) :is(.arch__node,.arch__outside){opacity:.28}.arch__section-name{margin:0;font-weight:500;font-size:15px;letter-spacing:-.01em}.arch__walk{margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}.arch__steps{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.arch__step{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:var(--surface-sunken);font-size:12.5px;line-height:1.5;color:var(--ink-faint);cursor:default;outline:none;transition:background .15s ease,box-shadow .15s ease}.arch__step:hover,.arch__step:focus-visible{background:var(--surface);box-shadow:inset 0 0 0 2px var(--accent)}.arch__step .arch__badge{margin-bottom:4px}.arch__step-title{font-weight:500;font-size:14px;color:var(--ink)}.arch__outside{margin-top:30px;padding-top:26px;border-top:1px solid var(--line);border-radius:0;transition:opacity .18s ease}.arch__outside-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px}.arch__product-key{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--ink-muted)}.arch__product-key li{display:flex;align-items:center;gap:7px}.arch__groups{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.arch__group{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px}.arch__group-purpose{font-size:12.5px;color:var(--ink-faint)}.arch__providers{display:flex;flex-wrap:wrap;gap:4px 12px;font-weight:500;font-size:16px;letter-spacing:-.02em;flex:1}.arch__used{display:flex;gap:5px}.arch__ship{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}.arch__pipeline{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 26px;font-size:12.5px;color:var(--ink-muted)}.arch__pipeline li{position:relative;padding:5px 0}.arch__pipeline li:not(:last-child):after{content:"";position:absolute;right:-16px;top:50%;width:6px;height:6px;margin-top:-3px;border-top:1.5px solid var(--ink-faint);border-right:1.5px solid var(--ink-faint);transform:rotate(45deg)}.shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .9s ease}.shot[data-active=true]{opacity:1}.shot--placeholder{background:radial-gradient(120% 90% at 18% 8%,oklch(93% .05 var(--shot-hue, 250deg)) 0%,transparent 62%),radial-gradient(110% 80% at 88% 96%,oklch(90% .07 calc(var(--shot-hue, 250deg) + 40deg)) 0%,transparent 58%),var(--surface-sunken)}.about{padding-block:112px 96px}.about__who{display:flex;align-items:center;gap:12px}.about__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:15px;font-weight:500;color:var(--ink);background:linear-gradient(145deg,var(--accent-bright),oklch(93% .05 250deg))}.about__meta{font-size:12px;color:var(--ink-faint);line-height:1.5}.about__meta strong{display:block;color:var(--ink);font-weight:400}.about__lead{font-weight:500;font-size:clamp(26px,3.2vw,40px);line-height:1.28;letter-spacing:-.03em;color:var(--ink);margin:32px 0 0;max-width:26ch;text-wrap:balance}.about__body{font-size:17px;line-height:1.75;color:var(--ink-soft);margin:24px 0 0;max-width:58ch}.footer{padding-block:8px 40px;display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;font-size:13px;color:var(--ink-faint)}.footer a{color:var(--ink-muted)}@media(max-width:900px){.platform{grid-template-columns:minmax(0,1fr)}.tile,.tile--platform{grid-column:span 12}.tile--platform{grid-template-columns:minmax(0,1fr)}.platform__frame{height:auto;aspect-ratio:16 / 10}.arch__lanes{grid-template-columns:minmax(0,1fr);gap:40px}.arch__lane:not(:last-child):before{inset:auto auto -30px 50%;width:2px;height:20px}.arch__lane:not(:last-child):after{inset:auto auto -30px 50%;margin:0 0 0 -3px;transform:rotate(135deg)}.arch__steps{grid-template-columns:minmax(0,1fr)}.arch__groups{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-top:88px}.hero+.section{padding-top:24px}.hero{padding-block:64px 40px}.about{padding-block:80px 72px}}@media(max-width:640px){:root{--gutter: 18px}.shiplog{padding:22px 16px 18px}.shiplog__plot{padding-left:30px}.shiplog__grid{left:30px}.shiplog__bars{height:160px;gap:1px}.shiplog__axis{gap:1px}.nav{padding-left:14px;gap:4px}.nav__brand,.nav__rule,.nav__link--external{display:none}.hero__foot{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.live-dot,.shiplog__bar{animation:none}.zoom-layer,.pill,.shot,.shiplog__slot:after{transition:none}.frame:hover .zoom-layer{transform:none}}