@font-face {
  font-family: Geist;
  src: url('/_assets/20260912-182333-cb26c8/fonts/geist-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --paper:#0d0e0c;
  --paper-deep:#121310;
  --surface:#161714;
  --ink:#f0f0eb;
  --secondary:#9a9b94;
  --quiet:#72736c;
  --line:#2a2b27;
  --line-dark:#ffffff17;
  --night:#090a08;
  --night-soft:#151613;
  --silver:#d9d9d2;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
}

* {
  box-sizing:border-box;
  -webkit-user-select:none;
  user-select:none;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:82px;
  overflow-x:hidden;
}

body {
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:Geist,Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

body:before {
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    radial-gradient(circle at 78% 7%,#fff 0,transparent 27%),
    radial-gradient(circle at 4% 35%,#fff8 0,transparent 25%);
}

.page-noise {
  position:fixed;
  inset:0;
  z-index:1000;
  pointer-events:none;
  opacity:.022;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.cursor-glow {
  position:fixed;
  top:0;
  left:0;
  z-index:110;
  width:320px;
  height:320px;
  pointer-events:none;
  border-radius:50%;
  opacity:0;
  background:radial-gradient(circle,rgba(255,255,246,.047) 0,transparent 72%);
  mix-blend-mode:screen;
  transform:translate3d(-400px,-400px,0);
  transition:opacity .14s linear;
  will-change:transform,opacity;
}

html.cursor-light-active .cursor-glow {
  opacity:1;
}

a {
  color:inherit;
  text-decoration:none;
}

button {
  font:inherit;
  cursor:pointer;
  color:inherit;
}

button,summary,a {
  -webkit-tap-highlight-color:transparent;
}

button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:2px solid #777870;
  outline-offset:5px;
}

svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

img {
  display:block;
  max-width:100%;
  -webkit-user-drag:none;
  user-drag:none;
  pointer-events:none;
}

[hidden] {
  display:none!important;
}

::selection {
  background:transparent;
  color:inherit;
}

.container {
  width:min(1240px,calc(100% - 104px));
  margin-inline:auto;
}

.scroll-progress {
  position:fixed;
  inset:0 0 auto;
  height:2px;
  z-index:120;
  pointer-events:none;
}

.scroll-progress span {
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,#63645e,#d5d5cc 60%,#777872);
  transform:scaleX(var(--scroll-progress,0));
  transform-origin:left;
  will-change:transform;
}

.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  z-index:150;
  padding:14px 20px;
  color:#fff;
  background:var(--night);
}

.skip-link:focus {
  top:10px;
}

.header {
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(247,247,244,.56);
  border-bottom:1px solid transparent;
  transition:background .35s,backdrop-filter .35s,border-color .35s,box-shadow .35s;
}

.header.scrolled {
  background:rgba(247,247,244,.86);
  border-color:#deded78f;
  box-shadow:0 8px 30px #1e1f1d08;
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  backdrop-filter:blur(18px) saturate(1.15);
}

.nav {
  height:82px;
  display:flex;
  align-items:center;
  gap:34px;
}

.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  position:relative;
  z-index:2;
}

.brand-mark {
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  position:relative;
}

.brand-mark:after {
  content:'';
  position:absolute;
  inset:5px;
  z-index:-1;
  border-radius:50%;
  background:#1d1e1b13;
  filter:blur(8px);
}

.brand-mark img {
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 2px 2px #1818152b);
}

.brand-name {
  font-size:25px;
  line-height:1;
  font-weight:570;
  letter-spacing:-1.15px;
}

.nav-links {
  display:flex;
  align-items:center;
  gap:30px;
  margin-left:auto;
  margin-right:22px;
}

.nav-links a {
  position:relative;
  padding:9px 0;
  font-size:12px;
  color:#75766f;
  transition:color .25s;
}

.nav-links a:after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:3px;
  height:1px;
  background:#2a2b28;
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .35s var(--ease);
}

.nav-links a:hover,
.nav-links a.active {
  color:#20211f;
}

.nav-links a:hover:after,
.nav-links a.active:after {
  transform:scaleX(1);
  transform-origin:left;
}

.button {
  --magnetic-x:0px;
  --magnetic-y:0px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  min-height:52px;
  padding:0 23px;
  color:#fafaf7;
  background:linear-gradient(145deg,#2c2d2a,#1d1e1c);
  border:1px solid #191a18;
  border-radius:50px;
  box-shadow:inset 0 1px 0 #ffffff24,0 7px 20px #20211e0d;
  font-size:13px;
  font-weight:520;
  white-space:nowrap;
  transform:translate(var(--magnetic-x),var(--magnetic-y));
  transition:transform .38s var(--ease),box-shadow .35s,filter .3s;
}

.button:hover {
  filter:brightness(1.14);
  box-shadow:inset 0 1px 0 #ffffff2e,0 12px 28px #20211e1b;
}

.button svg {
  width:17px;
  height:17px;
  transition:transform .35s var(--ease);
}

.button:hover svg {
  transform:translateX(4px);
}

.button-small {
  min-height:41px;
  padding:0 18px;
  gap:16px;
  font-size:11px;
}

.menu-toggle {
  display:none;
}

.hero {
  position:relative;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:35px;
  align-items:center;
  min-height:calc(100svh - 82px);
  padding-top:74px;
  padding-bottom:86px;
}

.hero:before {
  content:'';
  position:absolute;
  left:-12%;
  top:7%;
  width:38%;
  height:58%;
  pointer-events:none;
  background:radial-gradient(ellipse,#fff 0,transparent 70%);
  filter:blur(10px);
}

.hero-copy {
  position:relative;
  z-index:3;
}

.eyebrow {
  margin:0;
  color:#7b7c75;
  font-size:9px;
  line-height:1.6;
  letter-spacing:1.75px;
  font-weight:560;
}

.hero .eyebrow {
  display:flex;
  align-items:center;
  gap:12px;
}

.small-line {
  width:25px;
  height:1px;
  background:#777871;
}

.hero h1 {
  margin:30px 0 28px;
  font-size:clamp(66px,6.25vw,94px);
  line-height:.98;
  font-weight:485;
  letter-spacing:-5.7px;
}

.hero h1 span {
  color:transparent;
  background:linear-gradient(105deg,#82837d 5%,#b6b6af 43%,#777872 89%);
  -webkit-background-clip:text;
  background-clip:text;
}

.hero-description {
  margin:0 0 31px;
  color:var(--secondary);
  font-size:16px;
  line-height:1.7;
  letter-spacing:-.18px;
}

.hero-actions {
  display:flex;
  align-items:center;
  gap:28px;
}

.link-button {
  display:inline-flex;
  align-items:center;
  gap:15px;
  font-size:12px;
}

.link-button span {
  display:inline-block;
  transition:transform .35s var(--ease);
}

.link-button:hover span {
  transform:translateY(4px);
}

.hero-caption {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:37px;
  color:#82837c;
  font-size:9px;
  letter-spacing:.14px;
}

.live-dot {
  width:7px;
  height:7px;
  position:relative;
  border:1px solid #81827b;
  border-radius:50%;
}

.live-dot:after {
  content:'';
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:#84857e;
  animation:live-pulse 2.4s ease-in-out infinite;
}

.caption-divider {
  width:1px;
  height:10px;
  margin:0 5px;
  background:#cecec6;
}

.hero-sculpture {
  --tilt-x:0deg;
  --tilt-y:0deg;
  --move-x:0px;
  --move-y:0px;
  --light-x:50%;
  --light-y:44%;
  height:540px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:1100px;
  isolation:isolate;
}

.sculpture-grid {
  position:absolute;
  inset:4% 0 5%;
  opacity:.4;
  background-image:
    linear-gradient(#dadad447 1px,transparent 1px),
    linear-gradient(90deg,#dadad447 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at center,#000 0,transparent 67%);
}

.sculpture-grid:after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 49.8%,#b8b9b154 50%,transparent 50.2%);
}

.sculpture-orbit {
  position:absolute;
  z-index:1;
  border:1px solid #bfc0b857;
  border-radius:50%;
  transform:rotate(-18deg);
}

.sculpture-orbit i {
  position:absolute;
  top:50%;
  left:-3px;
  width:6px;
  height:6px;
  margin-top:-3px;
  border-radius:50%;
  background:#83847d;
  box-shadow:0 0 0 4px #f7f7f4,0 0 16px #77786f8a;
}

.orbit-one {
  width:94%;
  height:58%;
  animation:orbit-sway 18s ease-in-out infinite;
}

.orbit-two {
  width:69%;
  height:88%;
  transform:rotate(58deg);
  border-color:#c7c8c04a;
  animation:orbit-sway-two 22s ease-in-out infinite;
}

.orbit-two i {
  top:12%;
  left:auto;
  right:10%;
}

.sculpture-light {
  position:absolute;
  z-index:0;
  inset:1%;
  border-radius:50%;
  background:
    radial-gradient(circle at var(--light-x) var(--light-y),#fff 0,#ffffffbb 22%,transparent 57%),
    radial-gradient(circle at 50% 50%,#e5e5df 0,transparent 68%);
  filter:blur(2px);
  transition:background .8s var(--ease);
}

.sculpture-flare {
  position:absolute;
  z-index:3;
  width:55%;
  height:13%;
  top:31%;
  left:20%;
  border-radius:50%;
  opacity:.24;
  background:linear-gradient(90deg,transparent,#fff,transparent);
  filter:blur(18px);
  transform:rotate(-24deg);
  mix-blend-mode:screen;
  animation:flare-drift 13s var(--ease-soft) infinite;
}

.sculpture-float {
  width:min(91%,475px);
  position:relative;
  z-index:2;
  will-change:transform;
  transform-style:preserve-3d;
  animation:levitate 14s ease-in-out infinite;
}

.sculpture-image {
  width:100%;
  height:auto;
  filter:drop-shadow(0 25px 25px #15161122);
  transform:
    translate3d(var(--move-x),var(--move-y),0)
    rotateX(var(--tilt-y))
    rotateY(var(--tilt-x))
    scale(1.008);
  transform-origin:50% 52%;
  transform-style:preserve-3d;
  will-change:transform;
}

.sculpture-shadow {
  position:absolute;
  bottom:48px;
  width:50%;
  height:23px;
  border-radius:100%;
  background:#1718142c;
  filter:blur(23px);
  transform:scaleY(.5);
  animation:shadow-breathe 14s ease-in-out infinite;
}

.sculpture-caption {
  position:absolute;
  left:9%;
  right:9%;
  bottom:2px;
  display:flex;
  justify-content:space-between;
  color:#95968e;
  font-size:9px;
}

.principles {
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.principles>span {
  color:#898a82;
  font-size:8px;
  letter-spacing:1.65px;
}

.principles>div {
  display:flex;
  align-items:center;
  gap:35px;
  color:#65665f;
  font-size:11px;
}

.principles i {
  width:3px;
  height:3px;
  border-radius:50%;
  background:#b5b6ad;
}

.section {
  padding-top:132px;
  padding-bottom:138px;
}

.section-heading {
  position:relative;
  display:grid;
  grid-template-columns:1.25fr 1fr;
  column-gap:80px;
}

.section-heading .eyebrow {
  grid-column:1/-1;
  margin-bottom:20px;
}

h2 {
  margin:0;
  font-size:clamp(38px,3.6vw,52px);
  line-height:1.08;
  font-weight:490;
  letter-spacing:-2.6px;
}

.section-heading>p:last-child {
  align-self:end;
  justify-self:end;
  margin:0 0 4px;
  color:var(--secondary);
  font-size:14px;
  line-height:1.7;
}

.benefits {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:63px;
}

.benefit {
  min-width:0;
  perspective:900px;
}

.benefit-surface {
  --card-x:0deg;
  --card-y:0deg;
  height:100%;
  min-height:440px;
  position:relative;
  overflow:hidden;
  padding:26px 27px 29px;
  border:1px solid #dfdfd8;
  border-radius:20px;
  background:
    linear-gradient(145deg,#ffffffa8,#f3f3ef86),
    var(--surface);
  box-shadow:0 12px 32px #20211d07,inset 0 1px 0 #fff;
  transform:rotateX(var(--card-y)) rotateY(var(--card-x));
  transform-style:preserve-3d;
  transition:transform .7s var(--ease),border-color .35s,box-shadow .45s;
}

.benefit:hover .benefit-surface {
  border-color:#cacac2;
  box-shadow:0 22px 55px #20211d10,inset 0 1px 0 #fff;
}

.benefit-art {
  height:202px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:-5px 0 25px;
  transform:translateZ(24px);
}

.benefit h3 {
  position:relative;
  margin:13px 0 11px;
  font-size:19px;
  font-weight:520;
  letter-spacing:-.65px;
  transform:translateZ(14px);
}

.benefit p {
  position:relative;
  max-width:300px;
  margin:0;
  color:var(--secondary);
  font-size:12px;
  line-height:1.75;
  transform:translateZ(9px);
}

.index {
  position:relative;
  color:#898a81;
  font-size:8px;
  letter-spacing:1.35px;
}

.card-line {
  position:absolute;
  right:27px;
  bottom:28px;
  width:25px;
  height:1px;
  overflow:hidden;
  background:#c0c1b9;
}

.card-line:after {
  content:'';
  position:absolute;
  inset:0;
  background:#55564f;
  transform:translateX(-100%);
  transition:transform .5s var(--ease);
}

.benefit:hover .card-line:after {
  transform:none;
}

.stack-line {
  position:absolute;
  width:165px;
  height:46px;
  border:1px solid #c9cac2;
  border-radius:14px;
  background:linear-gradient(135deg,#fff,#e7e7e199);
  box-shadow:0 8px 15px #27282107;
  transform:rotate(-14deg) skewX(10deg);
  transition:transform .7s var(--ease);
}

.stack-line:nth-child(1) { top:42px; }
.stack-line:nth-child(2) { top:76px; }
.stack-line:nth-child(3) { top:110px; }

.benefit:hover .stack-line:nth-child(1) { transform:translateY(-5px) rotate(-14deg) skewX(10deg); }
.benefit:hover .stack-line:nth-child(3) { transform:translateY(5px) rotate(-14deg) skewX(10deg); }

.stack-link {
  position:absolute;
  width:45px;
  height:75px;
  border:9px solid #7f8078;
  border-radius:25px;
  box-shadow:2px 4px 5px #2526201a;
  transform:rotate(-14deg) skewX(10deg);
  transition:transform .65s var(--ease);
}

.benefit:hover .stack-link {
  transform:rotate(-5deg) skewX(4deg) scale(1.05);
}

.stack-link span {
  display:block;
  position:absolute;
  left:7px;
  top:2px;
  width:1px;
  height:53px;
  background:#d9d9d3;
}

.choice-track {
  display:flex;
  gap:8px;
  transform:rotate(-10deg);
}

.choice-track span {
  display:block;
  width:56px;
  height:70px;
  border:1px solid #c9cac1;
  border-radius:19px;
  background:linear-gradient(130deg,#fff,#e8e8e2a8);
  transition:transform .55s var(--ease);
}

.benefit:hover .choice-track span:first-child { transform:translateX(-7px); }
.benefit:hover .choice-track span:last-child { transform:translateX(7px); }

.choice-selected {
  position:absolute;
  width:66px;
  height:82px;
  border:1px solid #8e8f87;
  border-radius:22px;
  background:linear-gradient(140deg,#a3a49c,#74756e);
  box-shadow:8px 16px 20px #4c4d461c;
  transform:rotate(-10deg) translateY(-12px);
  transition:transform .55s var(--ease);
}

.benefit:hover .choice-selected {
  transform:rotate(0) translateY(-16px);
}

.choice-selected:before,
.choice-selected:after {
  content:'';
  position:absolute;
  left:18px;
  right:18px;
  top:33px;
  height:1px;
  background:#d8d8d0;
}

.choice-selected:after {
  top:41px;
  right:27px;
}

.access-loop {
  position:absolute;
  width:118px;
  height:118px;
  border:1px solid #b5b6ae;
  border-radius:44px;
  background:linear-gradient(135deg,#fff,#ebebe6a1);
  box-shadow:0 8px 16px #31322c06;
  transform:rotate(-22deg);
  transition:transform .7s var(--ease);
}

.access-loop.inner {
  width:67px;
  height:67px;
  border:13px solid #8e8f87;
  border-radius:27px;
  background:transparent;
  box-shadow:inset 0 3px 4px #21221e16,2px 4px 4px #27282216;
}

.benefit:hover .access-loop:not(.inner) { transform:rotate(-8deg) scale(1.05); }
.benefit:hover .access-loop.inner { transform:rotate(-30deg) scale(.96); }

.access-line {
  width:158px;
  height:1px;
  background:#b5b6ae;
  transform:rotate(-22deg);
  transition:transform .7s var(--ease);
}

.benefit:hover .access-line {
  transform:rotate(-8deg) scaleX(1.08);
}

.connection-section {
  position:relative;
  overflow:hidden;
  padding:125px 0 135px;
  color:#f1f1ec;
  background:
    radial-gradient(circle at 70% 40%,#3a3b361c 0,transparent 27%),
    radial-gradient(circle at 12% 82%,#ffffff0c 0,transparent 24%),
    var(--night);
  border-block:1px solid #11120f;
}

.connection-section:before {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.17;
  background-image:
    linear-gradient(#ffffff14 1px,transparent 1px),
    linear-gradient(90deg,#ffffff14 1px,transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);
}

.connection {
  position:relative;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:82px;
  align-items:center;
}

.connection-heading .eyebrow {
  color:#8e8f88;
}

.connection-heading h2 {
  margin-top:21px;
  color:#f4f4ef;
}

.connection-heading>p:last-child {
  max-width:350px;
  margin:26px 0 0;
  color:#92938c;
  font-size:13px;
  line-height:1.8;
}

.flow-stage {
  min-height:440px;
  position:relative;
  display:grid;
  grid-template-columns:1fr 1.25fr 1fr;
  align-items:center;
  isolation:isolate;
}

.flow-aura {
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:52%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,#ffffff13,transparent 67%);
  filter:blur(5px);
  transform:translate(-50%,-50%);
}

.flow-node {
  width:140px;
  min-height:95px;
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px 17px;
  border:1px solid #ffffff24;
  border-radius:14px;
  background:linear-gradient(145deg,#ffffff0c,#ffffff04);
  box-shadow:inset 0 1px 0 #ffffff12,0 14px 45px #0002;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}

.node-source { justify-self:start; }
.node-model { justify-self:end; }

.flow-node:after {
  content:'';
  position:absolute;
  top:50%;
  width:8px;
  height:8px;
  border:1px solid #b2b3ab;
  border-radius:50%;
  background:var(--night);
  transform:translateY(-50%);
  box-shadow:0 0 0 5px #1a1b18,0 0 14px #c9cac264;
}

.node-source:after { right:-5px; }
.node-model:after { left:-5px; }

.node-index {
  position:absolute;
  top:12px;
  right:13px;
  color:#6f706a;
  font-size:8px;
  letter-spacing:1px;
}

.flow-node strong {
  font-size:13px;
  font-weight:520;
}

.flow-node small {
  margin-top:7px;
  color:#7f8079;
  font-size:9px;
  letter-spacing:.6px;
}

.flow-core {
  width:190px;
  height:190px;
  position:relative;
  z-index:4;
  justify-self:center;
  display:grid;
  place-items:center;
}

.flow-core img {
  width:122px;
  height:122px;
  z-index:2;
  filter:drop-shadow(0 13px 20px #0008);
  animation:core-breathe 5.5s ease-in-out infinite;
}

.core-ring {
  position:absolute;
  border:1px solid #ffffff20;
  border-radius:50%;
}

.ring-a {
  inset:8px;
  animation:ring-turn 18s linear infinite;
}

.ring-a:before {
  content:'';
  position:absolute;
  top:16px;
  left:19px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d4d5cd;
  box-shadow:0 0 14px #fff;
}

.ring-b {
  inset:27px;
  border-style:dashed;
  border-color:#ffffff17;
  animation:ring-turn-reverse 14s linear infinite;
}

.core-label {
  position:absolute;
  bottom:-2px;
  color:#767770;
  font-size:8px;
  letter-spacing:2px;
}

.flow-track {
  position:absolute;
  top:50%;
  z-index:1;
  height:1px;
  overflow:visible;
  background:linear-gradient(90deg,#ffffff19,#c5c6bd87,#ffffff19);
}

.flow-track-left {
  left:124px;
  right:50%;
}

.flow-track-right {
  left:50%;
  right:124px;
}

.flow-track span,
.flow-track i,
.flow-track b {
  position:absolute;
  top:-2px;
  left:0;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#dedfd5;
  box-shadow:0 0 13px #e5e6dc;
  animation:flow-particle 3.4s var(--ease-soft) infinite;
}

.flow-track i { animation-delay:1.1s; }
.flow-track b { animation-delay:2.2s; }
.flow-track-right span,
.flow-track-right i,
.flow-track-right b { animation-direction:reverse; }

.flow-caption {
  position:absolute;
  top:calc(50% + 19px);
  color:#63645e;
  font-size:7px;
  letter-spacing:1.4px;
}

.caption-request { left:21%; }
.caption-response { right:18%; }

.integration-section {
  position:relative;
  overflow:hidden;
  padding:122px 0 127px;
  background:var(--paper-deep);
  border-bottom:1px solid #e3e3dd;
}

.integration-section:before {
  content:'';
  position:absolute;
  right:-12%;
  top:-35%;
  width:55%;
  aspect-ratio:1;
  border:1px solid #c8c9c166;
  border-radius:50%;
  box-shadow:0 0 0 70px #d8d8d22b,0 0 0 140px #d8d8d216;
}

.integration {
  position:relative;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  align-items:center;
  gap:90px;
}

.integration-copy h2 {
  margin-top:20px;
}

.integration-copy>p:not(.eyebrow) {
  max-width:350px;
  margin:25px 0 0;
  color:var(--secondary);
  font-size:13px;
  line-height:1.8;
}

.endpoint {
  display:grid;
  grid-template-columns:1fr 32px;
  gap:7px;
  align-items:center;
  max-width:380px;
  margin-top:30px;
  padding:17px 0;
  border-top:1px solid #d2d2cb;
  border-bottom:1px solid #d2d2cb;
}

.endpoint-label {
  grid-column:1/-1;
  color:#85867e;
  font-size:8px;
  letter-spacing:1.3px;
}

.endpoint code {
  color:#484940;
  font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.icon-button {
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:7px;
  background:none;
  transition:background .25s,transform .3s var(--ease);
}

.icon-button:hover {
  background:#dbdbd4;
  transform:translateY(-2px);
}

.icon-button svg {
  width:15px;
  height:15px;
}

.integration-copy .preview-note {
  display:flex;
  align-items:flex-start;
  gap:8px;
  max-width:335px!important;
  margin-top:15px!important;
  color:#85867e!important;
  font-size:9px!important;
  line-height:1.7!important;
}

.preview-note span {
  width:5px;
  height:5px;
  flex:0 0 auto;
  margin-top:5px;
  border-radius:50%;
  background:#85867e;
}

.code-frame {
  position:relative;
  padding:1px;
  border-radius:22px;
  background:linear-gradient(145deg,#ffffff80,#45463f4a 50%,#ffffff33);
  box-shadow:0 28px 65px #28292018;
}

.code-window {
  position:relative;
  z-index:1;
  overflow:hidden;
  color:#e6e6df;
  background:
    radial-gradient(circle at 70% 0,#383934 0,transparent 35%),
    #20211f;
  border:1px solid #2b2c28;
  border-radius:21px;
  box-shadow:inset 0 1px 0 #ffffff0f;
}

.code-toolbar {
  min-height:55px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 18px;
  border-bottom:1px solid #ffffff10;
}

.window-controls {
  display:flex;
  gap:6px;
}

.window-controls i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#5c5d56;
}

.window-controls i:nth-child(2) { background:#484943; }
.window-controls i:nth-child(3) { background:#383934; }

.code-tabs {
  display:flex;
  gap:4px;
  padding:3px;
  border:1px solid #ffffff0c;
  border-radius:8px;
  background:#10110f40;
}

.code-tabs button {
  min-width:58px;
  padding:7px 10px;
  border:0;
  border-radius:5px;
  color:#82837c;
  background:none;
  font-size:9px;
  transition:background .25s,color .25s;
}

.code-tabs button[aria-selected=true] {
  color:#f0f0ea;
  background:#ffffff0c;
  box-shadow:inset 0 1px 0 #ffffff0d;
}

.copy-code {
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px;
  color:#a5a69e;
  background:none;
  border:0;
  font-size:9px;
}

.copy-code svg {
  width:12px;
  height:12px;
}

.code-panel {
  height:330px;
  overflow:auto;
  padding:29px 27px;
  scrollbar-width:thin;
  scrollbar-color:#484941 transparent;
}

.code-panel pre {
  margin:0;
  white-space:pre;
  tab-size:2;
  font:10px/2.05 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.syntax-comment { color:#797a72; }
.syntax-string { color:#d1cbb8; }
.syntax-keyword { color:#adaea6; }

.code-bottom {
  display:flex;
  justify-content:space-between;
  padding:14px 20px;
  border-top:1px solid #ffffff10;
  color:#85867e;
  font-size:8px;
  letter-spacing:.3px;
}

.tiny-square {
  width:5px;
  height:5px;
  display:inline-block;
  margin-right:7px;
  border:1px solid #8f907f;
}

.questions {
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:90px;
}

.questions-heading {
  position:relative;
}

.questions-heading h2 {
  margin-top:20px;
}

.question-marker {
  position:absolute;
  left:0;
  top:235px;
  color:#d0d1ca;
  font-size:110px;
  line-height:1;
  font-weight:450;
  letter-spacing:-8px;
  opacity:.32;
}

.faq-list {
  border-top:1px solid var(--line);
}

details {
  border-bottom:1px solid var(--line);
}

summary {
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  list-style:none;
  cursor:pointer;
  font-size:14px;
  font-weight:490;
}

summary::-webkit-details-marker {
  display:none;
}

summary>span:first-child {
  display:flex;
  align-items:center;
  gap:23px;
}

summary i {
  color:#a1a29a;
  font-size:8px;
  font-style:normal;
  letter-spacing:1px;
}

.faq-plus {
  width:13px;
  height:13px;
  position:relative;
  flex-shrink:0;
}

.faq-plus:before,
.faq-plus:after {
  content:'';
  position:absolute;
  top:6px;
  width:13px;
  height:1px;
  background:#85867e;
  transition:transform .3s var(--ease);
}

.faq-plus:after {
  transform:rotate(90deg);
}

details[open] .faq-plus:after {
  transform:rotate(0);
}

details p {
  max-width:610px;
  margin:0;
  padding:0 38px 28px 31px;
  color:var(--secondary);
  font-size:12px;
  line-height:1.85;
  animation:faq-in .36s var(--ease);
}

details code {
  font-size:10px;
  overflow-wrap:anywhere;
}

.closing-wrap {
  padding:0 22px 22px;
}

.closing {
  max-width:1360px;
  min-height:475px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#f0f0eb;
  text-align:center;
  border:1px solid #0f100e;
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 34%,#40413b 0,transparent 25%),
    linear-gradient(145deg,#20211e,#141513);
  box-shadow:inset 0 1px 0 #ffffff12,0 18px 65px #20211c12;
}

.closing:before {
  content:'';
  position:absolute;
  inset:0;
  opacity:.28;
  background-image:
    linear-gradient(#ffffff10 1px,transparent 1px),
    linear-gradient(90deg,#ffffff10 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(circle at center,#000 0,transparent 72%);
}

.closing-lines {
  position:absolute;
  inset:0;
  pointer-events:none;
}

.closing-lines i {
  position:absolute;
  top:50%;
  left:50%;
  width:620px;
  height:620px;
  border:1px solid #ffffff13;
  border-radius:50%;
  transform:translate(-50%,-50%);
}

.closing-lines i:nth-child(2) {
  width:440px;
  height:440px;
}

.closing-lines i:nth-child(3) {
  width:270px;
  height:270px;
}

.closing>img,
.closing>p,
.closing>h2,
.closing>a {
  position:relative;
  z-index:2;
}

.closing>img {
  width:82px;
  margin-bottom:17px;
  filter:drop-shadow(0 10px 15px #000a);
  animation:core-breathe 5.5s ease-in-out infinite;
}

.closing .eyebrow {
  color:#8d8e87;
}

.closing h2 {
  margin:16px 0 0;
  font-size:clamp(44px,5vw,68px);
  letter-spacing:-3.5px;
}

.closing-copy {
  margin:16px 0 25px;
  color:#8c8d86;
  font-size:12px;
}

.button-light {
  color:#20211f;
  background:linear-gradient(145deg,#fff,#d9d9d2);
  border-color:#e6e6df;
  box-shadow:inset 0 1px 0 #fff,0 8px 28px #0004;
}

.footer {
  min-height:92px;
  display:flex;
  align-items:center;
  gap:29px;
}

.footer .brand-mark-small {
  width:31px;
  height:31px;
}

.footer .brand-name {
  font-size:20px;
}

.footer p {
  margin-right:auto;
  color:#8d8e87;
  font-size:9px;
}

.footer>div {
  display:flex;
  align-items:center;
  gap:24px;
  color:#777870;
  font-size:9px;
}

.footer a {
  transition:color .25s;
}

.footer a:hover {
  color:#22231f;
}

.footer>div>span {
  color:#9b9c94;
}

.toast {
  position:fixed;
  z-index:150;
  left:50%;
  bottom:24px;
  pointer-events:none;
  padding:12px 20px;
  color:#fff;
  background:#20211e;
  border:1px solid #ffffff18;
  border-radius:50px;
  box-shadow:0 10px 30px #0003;
  font-size:11px;
  opacity:0;
  transform:translate(-50%,14px);
  transition:opacity .25s,transform .35s var(--ease);
}

.toast.visible {
  opacity:1;
  transform:translate(-50%,0);
}

.js-ready .reveal {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .95s var(--ease),transform .95s var(--ease);
}

.js-ready .reveal.visible {
  opacity:1;
  transform:none;
}

.intro {
  animation:intro-in 1s var(--ease) both;
}

.hero-copy .intro:nth-child(2) { animation-delay:.08s; }
.hero-copy .intro:nth-child(3) { animation-delay:.15s; }
.hero-copy .intro:nth-child(4) { animation-delay:.22s; }
.hero-copy .intro:nth-child(5) { animation-delay:.29s; }
.hero-sculpture.intro { animation-duration:1.35s; animation-delay:.1s; }
.benefit:nth-child(2) { transition-delay:.08s; }
.benefit:nth-child(3) { transition-delay:.16s; }

@keyframes intro-in {
  from { opacity:0; transform:translateY(21px); }
  to { opacity:1; transform:none; }
}

@keyframes levitate {
  0%,100% { transform:translateY(0) rotate(-.6deg); }
  50% { transform:translateY(-8px) rotate(.6deg); }
}

@keyframes shadow-breathe {
  0%,100% { opacity:.58; transform:scale(.94,.5); }
  50% { opacity:.36; transform:scale(1.06,.5); }
}

@keyframes live-pulse {
  0%,100% { opacity:.4; transform:scale(.6); }
  50% { opacity:1; transform:scale(1); }
}

@keyframes orbit-sway {
  0%,100% { transform:rotate(-18deg) scale(1); }
  50% { transform:rotate(-12deg) scale(1.025); }
}

@keyframes orbit-sway-two {
  0%,100% { transform:rotate(58deg) scale(1); }
  50% { transform:rotate(64deg) scale(.98); }
}

@keyframes flare-drift {
  0%,100% { opacity:.12; transform:translate(-14px,10px) rotate(-24deg); }
  50% { opacity:.32; transform:translate(22px,-12px) rotate(-24deg); }
}

@keyframes flow-particle {
  0% { left:0; opacity:0; transform:scale(.6); }
  15% { opacity:1; }
  82% { opacity:1; }
  100% { left:100%; opacity:0; transform:scale(1.2); }
}

@keyframes ring-turn {
  to { transform:rotate(360deg); }
}

@keyframes ring-turn-reverse {
  to { transform:rotate(-360deg); }
}

@keyframes core-breathe {
  0%,100% { transform:scale(1); filter:drop-shadow(0 13px 20px #0008); }
  50% { transform:scale(1.035); filter:drop-shadow(0 18px 27px #000a); }
}

@keyframes faq-in {
  from { opacity:0; transform:translateY(-6px); }
  to { opacity:1; transform:none; }
}

@media(min-width:1600px) {
  .hero { min-height:780px; }
  .hero-sculpture { height:580px; }
}

@media(max-width:1100px) {
  .container { width:calc(100% - 64px); }
  .nav-links { gap:22px; margin-right:4px; }
  .hero { min-height:650px; gap:8px; padding-top:60px; padding-bottom:72px; }
  .hero h1 { font-size:76px; letter-spacing:-5px; }
  .hero-sculpture { height:455px; }
  .sculpture-float { width:400px; }
  .connection { gap:40px; }
  .flow-node { width:116px; }
  .flow-track-left { left:102px; }
  .flow-track-right { right:102px; }
  .integration,.questions { gap:50px; }
  .benefit-surface { padding-inline:23px; }
  .footer { gap:18px; }
  .footer>div { gap:15px; }
}

@media(max-width:820px) {
  html { scroll-padding-top:72px; }
  .container { width:calc(100% - 40px); }
  .nav { height:72px; gap:12px; }
  .brand-mark { width:36px; height:36px; }
  .brand-name { font-size:23px; }
  .nav-cta { margin-left:auto; min-height:37px; padding-inline:14px; gap:11px; font-size:9px; }
  .nav-cta svg { width:13px; }
  .menu-toggle {
    width:34px;
    height:35px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    padding:6px;
    border:1px solid #d2d2cb;
    border-radius:8px;
    background:#ffffff4d;
  }
  .menu-toggle span {
    width:20px;
    height:1px;
    background:#4c4d46;
    transition:transform .3s var(--ease);
  }
  .menu-toggle[aria-expanded=true] span:first-child { transform:translateY(3px) rotate(45deg); }
  .menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-3px) rotate(-45deg); }
  .nav-links {
    display:flex;
    position:absolute;
    top:72px;
    left:0;
    right:0;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    margin:0;
    padding:8px 20px 18px;
    background:rgba(247,247,244,.96);
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 30px #20211e0b;
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:opacity .25s,transform .35s var(--ease),visibility .25s;
  }
  .nav-links.open {
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .nav-links a {
    width:100%;
    padding:16px 2px;
    border-bottom:1px solid #e4e4de;
    font-size:12px;
  }
  .nav-links a:last-child { border:0; }
  .nav-links a:after { display:none; }
  .hero {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    min-height:auto;
    padding:58px 0 55px;
  }
  .hero h1 {
    margin:26px 0 23px;
    font-size:clamp(48px,12.4vw,72px);
    line-height:1;
    letter-spacing:-3.5px;
  }
  .hero .eyebrow { font-size:7px; letter-spacing:1.35px; }
  .hero-description { font-size:14px; line-height:1.65; }
  .hero-actions { gap:23px; }
  .hero-actions .button { min-height:48px; padding-inline:18px; gap:16px; font-size:11px; }
  .link-button { gap:9px; font-size:11px; }
  .hero-caption { margin-top:25px; font-size:8px; }
  .hero-sculpture {
    width:100%;
    max-width:450px;
    height:390px;
    margin:29px auto 0;
  }
  .sculpture-grid { inset:2% 0 4%; background-size:40px 40px; }
  .sculpture-float { width:315px; max-width:86%; }
  .orbit-one { width:95%; height:53%; }
  .orbit-two { width:68%; height:84%; }
  .sculpture-shadow { bottom:35px; }
  .sculpture-caption { bottom:0; font-size:8px; }
  .principles {
    min-height:auto;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    padding:22px 0;
  }
  .principles>span { font-size:7px; }
  .principles>div { width:100%; justify-content:space-between; gap:7px; font-size:8px; }
  .section { padding-block:82px; }
  .section-heading { display:block; }
  .section-heading .eyebrow { margin-bottom:17px; }
  h2 { font-size:37px; letter-spacing:-1.9px; }
  .section-heading>p:last-child { margin-top:22px; font-size:13px; }
  .benefits {
    grid-template-columns:1fr;
    gap:14px;
    margin-top:38px;
  }
  .benefit-surface {
    min-height:330px;
    padding:23px 24px 26px;
  }
  .benefit-art {
    width:140px;
    height:155px;
    float:right;
    margin:-8px -2px 10px 10px;
    transform:scale(.74);
    transform-origin:center;
  }
  .benefit h3 { font-size:19px; }
  .benefit p { max-width:none; font-size:12px; }
  .connection-section { padding:83px 0 91px; }
  .connection { display:block; }
  .connection-heading>p:last-child { max-width:none; }
  .flow-stage {
    min-height:355px;
    margin-top:52px;
    grid-template-columns:1fr 1.1fr 1fr;
  }
  .flow-node {
    width:92px;
    min-height:83px;
    padding:15px 12px;
  }
  .flow-node strong { font-size:11px; }
  .flow-node small { font-size:8px; }
  .flow-core { width:125px; height:125px; }
  .flow-core img { width:82px; height:82px; }
  .ring-a { inset:1px; }
  .ring-b { inset:17px; }
  .core-label { bottom:-9px; font-size:6px; }
  .flow-track-left { left:82px; }
  .flow-track-right { right:82px; }
  .flow-caption { top:calc(50% + 14px); font-size:6px; }
  .integration-section { padding:82px 0 89px; }
  .integration {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:42px;
  }
  .integration-copy>p:not(.eyebrow) { max-width:none; }
  .endpoint { max-width:100%; }
  .code-frame { border-radius:17px; }
  .code-window { border-radius:16px; }
  .code-toolbar { grid-template-columns:45px auto 1fr; padding-inline:13px; }
  .code-panel { height:295px; padding:24px 17px; }
  .code-panel pre { font-size:9px; line-height:1.95; }
  .questions { display:block; }
  .questions-heading { margin-bottom:38px; }
  .question-marker { display:none; }
  summary { min-height:76px; font-size:13px; }
  summary>span:first-child { gap:15px; }
  details p { padding-left:24px; font-size:11px; }
  .closing-wrap { padding:0 10px 10px; }
  .closing {
    width:100%;
    min-height:440px;
    padding-inline:20px;
    border-radius:20px;
  }
  .closing h2 { font-size:43px; letter-spacing:-2.5px; }
  .closing-copy { line-height:1.6; }
  .closing-lines i { width:490px; height:490px; }
  .closing-lines i:nth-child(2) { width:350px; height:350px; }
  .closing-lines i:nth-child(3) { width:220px; height:220px; }
  .footer {
    min-height:0;
    flex-wrap:wrap;
    gap:15px;
    padding-block:25px;
  }
  .footer p {
    max-width:150px;
    margin-left:auto;
    margin-right:0;
    text-align:right;
    line-height:1.5;
  }
  .footer>div {
    width:100%;
    justify-content:flex-start;
    gap:23px;
  }
  .footer>div>span { margin-left:auto; }
}

@media(max-width:380px) {
  .nav-cta span { display:none; }
  .nav-cta { width:38px; padding:0; }
  .hero-actions { gap:14px; }
  .hero-actions .button { padding-inline:15px; }
  .flow-node { width:82px; padding-inline:9px; }
  .flow-track-left { left:72px; }
  .flow-track-right { right:72px; }
}

@media(pointer:coarse) {
  .cursor-glow {
    display:none;
  }
}

/* V6 dark surface */
body {
  background:
    radial-gradient(circle at 83% 4%,#252720 0,transparent 27%),
    radial-gradient(circle at 4% 34%,#1a1b17 0,transparent 22%),
    var(--paper);
}

body:before {
  background:
    radial-gradient(circle at 76% 8%,#ffffff0b 0,transparent 29%),
    radial-gradient(circle at 3% 38%,#ffffff06 0,transparent 25%);
}

.page-noise {
  opacity:.045;
  mix-blend-mode:soft-light;
}

button:focus-visible,
a:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline-color:#c5c6be;
}

.header {
  background:rgba(13,14,12,.58);
}

.header.scrolled {
  background:rgba(13,14,12,.87);
  border-color:#ffffff12;
  box-shadow:0 12px 38px #0006;
}

.brand-mark:after {
  background:#ffffff17;
  filter:blur(10px);
}

.brand-mark img {
  filter:drop-shadow(0 3px 5px #000b);
}

.brand-name {
  color:#f1f1ec;
}

.nav-links a {
  color:#878880;
}

.nav-links a:hover,
.nav-links a.active {
  color:#f0f0ea;
}

.nav-links a:after {
  background:#e6e6df;
}

.button,
.button-light {
  color:#171815;
  background:linear-gradient(145deg,#ffffff,#d6d7cf);
  border-color:#e8e8e1;
  box-shadow:inset 0 1px 0 #fff,0 10px 32px #0006;
}

.button:hover,
.button-light:hover {
  box-shadow:inset 0 1px 0 #fff,0 15px 38px #0009;
}

.hero:before {
  background:radial-gradient(ellipse,#ffffff0b 0,transparent 70%);
}

.eyebrow,
.hero-caption {
  color:#7d7e77;
}

.small-line {
  background:#72736c;
}

.hero h1 {
  color:#f4f4ef;
}

.hero h1 span {
  background:linear-gradient(105deg,#8c8d85 5%,#e0e0d8 46%,#777870 92%);
  -webkit-background-clip:text;
  background-clip:text;
}

.hero-description,
.section-heading>p:last-child,
.benefit p,
.connection-heading>p:last-child,
.integration-copy>p:not(.eyebrow),
details p,
.closing-copy {
  color:#92938c;
}

.link-button {
  color:#d7d7d0;
}

.live-dot {
  border-color:#83847d;
}

.live-dot:after {
  background:#c0c1b9;
}

.caption-divider {
  background:#3b3c37;
}

.sculpture-grid {
  opacity:.28;
  background-image:
    linear-gradient(#ffffff0d 1px,transparent 1px),
    linear-gradient(90deg,#ffffff0d 1px,transparent 1px);
}

.sculpture-grid:after {
  background:linear-gradient(90deg,transparent 49.8%,#ffffff14 50%,transparent 50.2%);
}

.sculpture-orbit {
  border-color:#ffffff20;
}

.orbit-two {
  border-color:#ffffff17;
}

.sculpture-orbit i {
  background:#d8d9d1;
  box-shadow:0 0 0 4px #0d0e0c,0 0 18px #e7e8df8a;
}

.sculpture-light {
  background:
    radial-gradient(circle at var(--light-x) var(--light-y),#ffffff25 0,#ffffff10 23%,transparent 57%),
    radial-gradient(circle at 50% 50%,#ffffff0d 0,transparent 68%);
}

.sculpture-flare {
  opacity:.17;
}

.sculpture-image {
  filter:drop-shadow(0 27px 32px #000b);
}

.sculpture-shadow {
  background:#000;
  opacity:.8;
}

.sculpture-caption {
  color:#71726b;
}

.principles {
  border-color:var(--line);
}

.principles>span {
  color:#71726b;
}

.principles>div {
  color:#aaaBA3;
}

.principles i {
  background:#55564f;
}

.benefit-surface {
  border-color:#2c2d29;
  background:linear-gradient(145deg,#1a1b18,#11120f);
  box-shadow:0 20px 50px #0004,inset 0 1px 0 #ffffff0b;
}

.benefit:hover .benefit-surface {
  border-color:#464741;
  box-shadow:0 26px 65px #0008,inset 0 1px 0 #ffffff14;
}

.index {
  color:#74756e;
}

.card-line {
  background:#484943;
}

.card-line:after {
  background:#d0d1c9;
}

.stack-line {
  border-color:#494a44;
  background:linear-gradient(135deg,#2a2b27,#151613);
  box-shadow:0 12px 22px #0005;
}

.stack-link {
  border-color:#b3b4ac;
  box-shadow:2px 5px 10px #0009;
}

.stack-link span {
  background:#484943;
}

.choice-track span {
  border-color:#494a44;
  background:linear-gradient(130deg,#242521,#141512);
}

.choice-selected {
  border-color:#9b9c94;
  background:linear-gradient(140deg,#b4b5ad,#686961);
  box-shadow:8px 18px 27px #0009;
}

.access-loop {
  border-color:#4a4b45;
  background:linear-gradient(135deg,#262723,#131411);
  box-shadow:0 14px 26px #0005;
}

.access-loop.inner {
  border-color:#acada5;
  background:transparent;
  box-shadow:inset 0 3px 5px #0008,2px 5px 9px #0009;
}

.access-line {
  background:#595a53;
}

.connection-section {
  color:#f1f1ec;
  background:
    radial-gradient(circle at 70% 40%,#ffffff0a 0,transparent 27%),
    radial-gradient(circle at 12% 82%,#ffffff06 0,transparent 24%),
    #11120f;
  border-color:#292a26;
}

.integration-section {
  background:#0f100e;
  border-color:#252622;
}

.integration-section:before {
  border-color:#ffffff10;
  box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03;
}

.endpoint {
  border-color:#30312c;
}

.endpoint-label,
.integration-copy .preview-note {
  color:#777870!important;
}

.endpoint code {
  color:#c9cac2;
}

.icon-button:hover {
  background:#252622;
}

.code-frame {
  background:linear-gradient(145deg,#ffffff26,#45463f38 50%,#ffffff10);
  box-shadow:0 30px 75px #0009;
}

.code-window {
  background:
    radial-gradient(circle at 70% 0,#31322e 0,transparent 35%),
    #181916;
  border-color:#33342f;
}

.questions {
  color:#f0f0eb;
}

.question-marker {
  color:#2c2d29;
  opacity:.7;
}

summary i {
  color:#71726b;
}

.faq-plus:before,
.faq-plus:after {
  background:#777870;
}

.closing-wrap {
  background:var(--paper);
}

.closing {
  border-color:#292a26;
  background:
    radial-gradient(circle at 50% 34%,#3a3b35 0,transparent 25%),
    linear-gradient(145deg,#191a17,#090a08);
  box-shadow:inset 0 1px 0 #ffffff12,0 20px 70px #0008;
}

.footer p,
.footer>div {
  color:#74756e;
}

.footer a:hover {
  color:#efefe9;
}

.toast {
  color:#171815;
  background:#f0f0e9;
  border-color:#fff;
  box-shadow:0 12px 34px #000a;
}

.skip-link {
  color:#171815;
  background:#f0f0e9;
}

@media(max-width:820px) {
  .menu-toggle {
    border-color:#343530;
    background:#ffffff08;
  }
  .menu-toggle span {
    background:#c2c3bb;
  }
  .nav-links {
    background:rgba(13,14,12,.97);
    border-color:#2a2b27;
    box-shadow:0 20px 38px #000b;
  }
  .nav-links a {
    border-color:#292a26;
  }
}

@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
  }
  .js-ready .reveal {
    opacity:1;
    transform:none;
  }
  .sculpture-image,
  .benefit-surface,
  .button {
    transform:none!important;
  }
  .cursor-glow {
    display:none;
  }
}