:root {
  --navy-950: #06121e;
  --navy-900: #081a2a;
  --navy-800: #0d2639;
  --ink: #0c2030;
  --blue: #4e87ae;
  --blue-bright: #78b8dc;
  --blue-soft: #dceaf1;
  --cream: #f4f1ea;
  --paper: #faf9f5;
  --white: #ffffff;
  --muted: #60717d;
  --line: #d6dcd9;
  --dark-line: rgba(170, 207, 227, 0.15);
  --success: #45b99a;
  --danger: #c06f68;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow: 0 24px 80px rgba(5, 23, 36, 0.12);
  --container: 1180px;
}

*, *::before, *::after { box-sizing: border-box; }

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

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

body.menu-open { overflow: hidden; }

button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
svg { display: block; }

.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section-dark { color: var(--white); background: var(--navy-950); }

.skip-link {
  position: fixed; z-index: 200; top: 12px; left: 12px; transform: translateY(-150%);
  padding: 10px 16px; background: var(--white); color: var(--ink); border-radius: 8px;
}
.skip-link:focus { transform: translateY(0); }

/* Navigation */
.site-header {
  position: absolute; z-index: 100; top: 0; left: 0; width: 100%; color: var(--white);
  border-bottom: 1px solid rgba(255,255,255,.09); transition: background .25s ease, box-shadow .25s ease;
}
.site-header.is-scrolled {
  position: fixed; background: rgba(6, 18, 30, .92); box-shadow: 0 8px 40px rgba(0,0,0,.15);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.nav-wrap { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: inherit; text-decoration: none; font-size: 15px; font-weight: 800; letter-spacing: .14em; }
.brand em { color: var(--blue-bright); font-style: normal; }
.brand-mark { position: relative; display: inline-grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; color: var(--blue-bright); }
.brand-mark svg { width: 38px; height: 38px; fill: currentColor; filter: drop-shadow(0 0 6px rgba(120, 184, 220, .2)); }
.brand-mark .tail-splash, .brand-mark .tail-water { fill: none; stroke: currentColor; stroke-linecap: round; }
.brand-mark .tail-splash { stroke-width: 2.5; }
.brand-mark .tail-water { stroke-width: 1.8; opacity: .78; }
.desktop-nav { display: flex; align-items: center; gap: 34px; margin-left: auto; }
.desktop-nav a { color: rgba(255,255,255,.72); text-decoration: none; font-size: 13px; font-weight: 600; transition: color .2s; }
.desktop-nav a:hover { color: var(--white); }
.button {
  display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 12px;
  padding: 0 23px; border: 1px solid transparent; border-radius: 6px; cursor: pointer;
  font-size: 13px; font-weight: 700; text-decoration: none; transition: transform .2s, background .2s, border-color .2s, box-shadow .2s;
}
.button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible { outline: 3px solid rgba(120,184,220,.5); outline-offset: 3px; }
.button-small { min-height: 38px; padding-inline: 17px; font-size: 12px; }
.button-light { background: rgba(255,255,255,.08); color: white; border-color: rgba(255,255,255,.19); }
.button-light:hover { background: rgba(255,255,255,.15); }
.button-primary { color: white; background: #467fa7; box-shadow: 0 12px 30px rgba(49,106,146,.22); }
.button-primary:hover { background: #5792bb; box-shadow: 0 16px 36px rgba(49,106,146,.3); }
.button-ghost { color: white; background: transparent; border-color: rgba(255,255,255,.24); }
.button-ghost:hover { border-color: rgba(255,255,255,.48); background: rgba(255,255,255,.04); }
.menu-button { display: none; width: 42px; height: 42px; padding: 0; background: transparent; border: 0; color: white; }
.menu-button span { display: block; width: 22px; height: 1px; margin: 6px auto; background: currentColor; transition: transform .2s; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu { position: fixed; inset: 78px 0 0; padding: 40px 24px; background: rgba(6,18,30,.98); }
.mobile-menu a { display: block; padding: 16px 0; color: white; border-bottom: 1px solid var(--dark-line); text-decoration: none; font-size: 20px; }

/* Hero */
.hero { position: relative; min-height: 825px; padding: 160px 0 0; overflow: hidden; }
.hero-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(122,178,208,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(122,178,208,.14) 1px, transparent 1px); background-size: 68px 68px; mask-image: linear-gradient(to right, transparent 3%, #000 40%, #000 80%, transparent); }
.hero-grid::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--navy-950) 3%, transparent 45%), linear-gradient(0deg, var(--navy-950), transparent 55%); }
.hero-glow { position: absolute; width: 680px; height: 680px; top: -190px; right: -140px; border-radius: 50%; background: radial-gradient(circle, rgba(57,124,165,.24), transparent 65%); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .93fr 1.07fr; gap: 55px; align-items: center; }
.hero-copy { padding-bottom: 85px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; color: var(--blue-bright); font-family: "DM Mono", monospace; font-size: 10px; font-weight: 500; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow > span { width: 26px; height: 1px; background: currentColor; }
.eyebrow-dark { color: #637884; }
.eyebrow-blue { color: #387ba6; }
.hero h1, .section-heading h2, .solution-copy h2, .workflow-head h2, .stakeholders-copy h2, .different-heading h2, .waitlist-copy h2 { margin: 0; font-weight: 500; letter-spacing: -.052em; line-height: 1.06; }
.hero h1 { max-width: 670px; font-size: clamp(52px, 5.2vw, 76px); }
.hero h1 span, h2 em { color: var(--blue-bright); font-style: normal; font-weight: 400; }
.hero-lede { max-width: 620px; margin: 27px 0 0; color: rgba(230,238,242,.68); font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 34px; color: rgba(224,235,241,.5); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.hero-trust span { display: flex; align-items: center; gap: 7px; }
.hero-trust svg { width: 12px; height: 12px; fill: none; stroke: var(--success); stroke-width: 2; }
.product-stage { position: relative; min-width: 590px; transform: perspective(1600px) rotateY(-3deg) rotateX(1deg); transform-origin: center; }
.product-window { position: relative; z-index: 3; overflow: hidden; min-height: 448px; border: 1px solid rgba(148,194,217,.2); border-radius: 11px; background: rgba(9,26,41,.86); box-shadow: 0 48px 90px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.04); backdrop-filter: blur(18px); }
.window-bar { height: 49px; display: flex; justify-content: space-between; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--dark-line); background: rgba(255,255,255,.018); }
.window-brand { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.72); font-size: 9px; font-weight: 700; }
.mini-mark { display: inline-grid; width: 19px; height: 19px; place-items: center; color: var(--blue-bright); }
.mini-mark svg { width: 19px; height: 19px; fill: currentColor; }
.mini-mark .tail-splash, .mini-mark .tail-water { display: none; }
.window-actions { display: flex; gap: 7px; }.window-actions span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.18)}
.product-body { display: flex; min-height: 399px; }
.product-sidebar { width: 53px; flex: 0 0 53px; display: flex; flex-direction: column; align-items: center; gap: 19px; padding: 27px 0 18px; border-right: 1px solid var(--dark-line); }
.sidebar-dot { width: 15px; height: 15px; border: 1px solid rgba(255,255,255,.15); border-radius: 4px; }.sidebar-dot.active{background:rgba(92,161,200,.25);border-color:rgba(120,184,220,.5)}.sidebar-bottom{margin-top:auto;border-radius:50%}
.product-main { width: calc(100% - 53px); padding: 23px; }
.dashboard-head { display: flex; align-items: center; justify-content: space-between; }
.micro-label { display: block; color: #6b8a9d; font-family: "DM Mono", monospace; font-size: 7px; letter-spacing: .15em; }
.dashboard-head h2 { margin: 5px 0 0; color: #eaf2f5; font-size: 13px; font-weight: 600; letter-spacing: -.01em; }
.status-pill { display: flex; align-items: center; gap: 6px; padding: 5px 8px; color: #81cfb9; border: 1px solid rgba(69,185,154,.2); border-radius: 20px; background: rgba(69,185,154,.07); font-size: 7px; }.status-pill i{width:4px;height:4px;border-radius:50%;background:#53c4a5;box-shadow:0 0 9px #53c4a5}
.dashboard-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 10px; margin-top: 18px; }
.dashboard-grid article { border: 1px solid rgba(152,190,209,.12); border-radius: 7px; background: rgba(255,255,255,.025); }
.shipment-card { padding: 16px; }.card-head{display:flex;justify-content:space-between;color:#cbdbe3;font-size:8px}.card-head b{color:#74b4d6}.progress-track{height:3px;margin-top:10px;border-radius:4px;background:rgba(255,255,255,.06)}.progress-track span{display:block;width:68%;height:100%;border-radius:4px;background:linear-gradient(90deg,#3c789d,#7cbadb)}
.milestone-row{position:relative;display:flex;justify-content:space-between;margin-top:20px}.milestone-row::before{content:"";position:absolute;top:5px;left:7px;right:7px;height:1px;background:rgba(255,255,255,.1)}.milestone{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;color:#617988;font-size:6px}.milestone i{display:grid;width:11px;height:11px;place-items:center;border:1px solid #49606f;border-radius:50%;background:#0e2739;color:white;font-size:6px;font-style:normal}.milestone.done i{border-color:#5b9cbe;background:#3c789d}.milestone.active{color:#9fcce2}.milestone.active i{border:3px solid #70acd0;background:#0e2739;box-shadow:0 0 0 3px rgba(112,172,208,.1)}
.metric-card{padding:14px}.metric-card strong{display:block;margin-top:10px;color:#eef5f7;font-size:19px}.metric-card small{display:block;margin-top:3px;color:#607c8c;font-size:7px}.metric-card small b{color:#e0a99d}
.ai-card { padding: 15px; background: linear-gradient(135deg,rgba(59,116,150,.16),rgba(255,255,255,.02))!important; }.ai-card-title{display:flex;align-items:center;gap:8px}.ai-card-title>span{display:grid;width:24px;height:24px;place-items:center;border-radius:5px;background:rgba(88,155,193,.16)}.ai-card-title svg{width:12px;height:12px;fill:none;stroke:#7bb8d8;stroke-width:1.3}.ai-card-title b,.ai-card-title small{display:block}.ai-card-title b{color:#dceaf0;font-size:8px}.ai-card-title small{color:#608295;font-size:6px}.ai-card p{margin:11px 0;color:#93aab6;font-size:7px;line-height:1.5}.ai-card button{width:100%;padding:7px;border:1px solid rgba(112,172,208,.18);border-radius:4px;background:rgba(71,130,164,.11);color:#86bdd8;text-align:left;font-size:7px}.ai-card button span{float:right}
.classification-card{padding:14px}.classification-card>div{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.classification-card strong{color:#e4eef2;font-family:"DM Mono",monospace;font-size:11px}.classification-card div span{color:#6bc0a8;font-size:6px}.classification-card p{margin:8px 0 0;color:#66808f;font-size:6px}
.floating-tag { position: absolute; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(140,190,215,.2); border-radius: 6px; background: rgba(11,33,49,.94); box-shadow: 0 16px 30px rgba(0,0,0,.3); color: #9eb5c1; font-size: 8px; }
.floating-tag-left{left:-28px;bottom:43px}.floating-tag-left span{display:grid;width:17px;height:17px;place-items:center;border-radius:4px;background:rgba(88,155,193,.16);color:#80bddc}.floating-tag-right{right:-26px;top:96px}.floating-tag-right i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 9px var(--success)}
.route-line { position: absolute; z-index: 1; width: 250px; height: 140px; border: 1px dashed rgba(116,180,214,.12); border-radius: 50%; }.route-line-one{right:-110px;top:-40px;transform:rotate(-20deg)}.route-line-two{left:-120px;bottom:-50px;transform:rotate(15deg)}
.hero-bottom-line { position: relative; z-index: 4; height: 70px; border-top: 1px solid rgba(255,255,255,.07); }
.hero-bottom-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.26); font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.2em; }
.hero-bottom-inner div {display:flex;gap:28px}.hero-bottom-inner i{display:block;width:5px;height:5px;border-radius:50%;background:#42647a}

/* Problem */
.problem-section { padding: 118px 0 95px; background: var(--cream); }
.problem-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 100px; }
.section-heading h2, .solution-copy h2, .stakeholders-copy h2 { font-size: clamp(40px, 4.5vw, 61px); }
.section-heading h2 em, .solution-copy h2 em, .stakeholders-copy h2 em { color:#497d9d; }
.problem-content { padding-top: 34px; }
.problem-content p { margin: 0; color: #526672; font-size: 16px; line-height: 1.8; }.problem-content p+p{margin-top:18px}
.fragmentation-map { display: grid; grid-template-columns: repeat(11,auto); align-items: center; margin-top: 74px; }
.fragment-node { min-height: 90px; display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 14px 9px; color: #546975; border: 1px solid #d2d8d7; border-radius: 8px; background: rgba(255,255,255,.45); font-size: 9px; font-weight: 700; text-align: center; white-space: nowrap; }
.fragment-node svg { width: 22px; height: 22px; fill:none;stroke:#5f7d8e;stroke-width:1.35 }.node-glyph{height:22px;color:#5f7d8e;font-family:"DM Mono",monospace;font-size:17px;line-height:22px}
.fragment-line { width: 20px; border-top: 1px dashed #aebabc; }

/* Solution and features */
.platform-section { padding: 120px 0 130px; background: var(--paper); }
.solution-intro { display: grid; grid-template-columns: 1.18fr .82fr; gap: 90px; align-items: end; }
.solution-intro > p { margin: 0 0 6px; color: #5c6e78; line-height: 1.8; }
.feature-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:70px }
.feature-card { position:relative;min-height:350px;padding:30px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.55);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease }
.feature-card:hover { transform:translateY(-5px);border-color:#b3cad5;box-shadow:0 20px 50px rgba(6,30,44,.08) }
.feature-card-wide { grid-column:span 2;background:linear-gradient(130deg,#fff 55%,#eff4f5) }
.feature-icon { display:grid;width:43px;height:43px;place-items:center;border:1px solid #cfdbde;border-radius:8px;background:#f4f7f6;color:#457995 }
.feature-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.feature-number{position:absolute;right:27px;top:29px;color:#98a5aa;font-family:"DM Mono",monospace;font-size:9px}
.feature-card h3{margin:44px 0 12px;color:#152f40;font-size:21px;line-height:1.25;letter-spacing:-.035em}.feature-card p{max-width:370px;margin:0;color:#718087;font-size:12px;line-height:1.7}
.feature-visual{position:absolute;right:30px;bottom:30px;width:235px;height:117px;padding:20px;border:1px solid #d5e0e2;border-radius:8px;background:rgba(255,255,255,.84);box-shadow:0 12px 40px rgba(27,65,84,.08)}.classification-visual{display:flex;align-items:center;justify-content:space-between}.classification-visual span{display:block;color:#85969e;font-family:"DM Mono",monospace;font-size:7px;text-transform:uppercase}.classification-visual strong{display:block;margin-top:8px;color:#315b72;font-family:"DM Mono",monospace;font-size:14px}.confidence-ring{display:grid;width:67px;height:67px;place-items:center;border-radius:50%;background:conic-gradient(#5a98b9 0 97%,#e4e9e8 97% 100%);position:relative}.confidence-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:white}.confidence-ring span{position:relative;z-index:1;color:#2a566e;font-size:17px}.confidence-ring small{font-size:8px}
.feature-card-accent{color:white;border-color:#1b4057;background:linear-gradient(145deg,#0c293d,#0a1e2f)}.feature-card-accent .feature-icon{color:#7ab8d7;border-color:rgba(121,184,216,.2);background:rgba(121,184,216,.08)}.feature-card-accent .feature-number{color:#507388}.feature-card-accent h3{color:white}.feature-card-accent p{color:#8fa8b5}.recommendation-chip{position:absolute;left:30px;bottom:29px;display:flex;align-items:center;gap:8px;color:#9ac5d9;font-family:"DM Mono",monospace;font-size:8px;text-transform:uppercase}.recommendation-chip i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}

/* Workflow */
.workflow-section { position:relative;padding:118px 0 95px;overflow:hidden }
.workflow-map{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle at 20% 50%,rgba(98,171,207,.4),transparent 1px),linear-gradient(rgba(105,161,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(105,161,190,.08) 1px,transparent 1px);background-size:220px 150px,70px 70px,70px 70px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.workflow-head { position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end }
.workflow-head h2,.different-heading h2,.waitlist-copy h2{font-size:clamp(40px,4.6vw,62px)}
.workflow-head p{margin:0;color:#8299a6;font-size:14px;line-height:1.8}
.workflow-track{position:relative;z-index:1;display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr 42px 1fr 42px 1fr;align-items:center;margin-top:75px}
.workflow-step{position:relative;height:188px;padding:18px;border:1px solid rgba(139,184,207,.15);border-radius:8px;background:rgba(255,255,255,.025);transition:border-color .2s,background .2s}.workflow-step:hover{border-color:rgba(139,184,207,.35);background:rgba(255,255,255,.04)}.workflow-step>span{position:absolute;top:13px;right:14px;color:#466477;font-family:"DM Mono",monospace;font-size:7px}.workflow-icon{display:grid;width:44px;height:44px;margin-top:14px;place-items:center;border:1px solid rgba(112,173,204,.22);border-radius:7px;background:rgba(88,155,193,.08);color:#80b9d5;font-family:"DM Mono",monospace;font-size:10px}.workflow-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3}.workflow-step strong{position:absolute;left:18px;bottom:19px;color:#cddce3;font-size:12px;line-height:1.35}.workflow-arrow svg{width:18px;height:18px;margin:auto;fill:none;stroke:#375b70;stroke-width:1.3}
.workflow-caption{position:relative;z-index:1;display:flex;align-items:center;gap:16px;max-width:680px;margin:35px auto 0;padding:15px 22px;border:1px solid rgba(111,178,211,.13);border-radius:7px;background:rgba(71,130,164,.06)}.workflow-caption svg{width:19px;height:19px;flex:none;fill:none;stroke:#73b3d5;stroke-width:1.3}.workflow-caption p{margin:0;color:#77909e;font-size:10px}.workflow-caption strong{color:#a9c6d5}

/* Stakeholders */
.stakeholders-section { padding: 125px 0; background: var(--cream); }
.stakeholders-layout { display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center }
.stakeholders-copy>p{max-width:450px;margin:25px 0 0;color:#61717a;font-size:14px;line-height:1.8}
.text-link{display:inline-flex;align-items:center;gap:10px;margin-top:30px;color:#2f6e93;font-size:12px;font-weight:700;text-decoration:none}.text-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}
.stakeholder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stakeholder-grid article{display:flex;align-items:center;gap:17px;min-height:95px;padding:17px;border:1px solid #d7ddda;border-radius:8px;background:rgba(255,255,255,.42);transition:transform .2s,background .2s}.stakeholder-grid article:hover{transform:translateX(4px);background:white}.stakeholder-grid article:last-child{grid-column:span 2;width:calc(50% - 5px)}.stakeholder-grid article>span{display:grid;width:47px;height:47px;flex:none;place-items:center;border:1px solid #c6d3d5;border-radius:50%;color:#4e809b;font-family:"DM Mono",monospace;font-size:10px}.stakeholder-grid h3{margin:0;color:#1d3949;font-size:13px}.stakeholder-grid p{margin:3px 0 0;color:#718087;font-size:10px}

/* Differentiation */
.different-section{padding:120px 0;background:#0a1b29;color:white}.different-heading{display:flex;align-items:end;justify-content:space-between}.different-heading .eyebrow{align-self:flex-start;margin-top:13px}.different-heading h2{width:62%}.different-heading h2 em{color:#77b3d2}
.different-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:66px}.different-grid article{position:relative;min-height:350px;padding:29px;border:1px solid rgba(150,190,210,.13);border-radius:8px;background:rgba(255,255,255,.022)}.not-mark,.is-mark{display:grid;width:35px;height:35px;place-items:center;margin-bottom:42px;border:1px solid rgba(192,111,104,.25);border-radius:50%;color:#c37e76;font-family:"DM Mono",monospace;font-size:16px}.different-grid small{color:#567080;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.16em}.different-grid h3{margin:15px 0 15px;color:#d9e6eb;font-size:18px;line-height:1.3}.different-grid p{margin:0;color:#728996;font-size:11px;line-height:1.75}.is-card{overflow:hidden;border-color:rgba(116,180,214,.35)!important;background:linear-gradient(145deg,rgba(54,113,149,.22),rgba(255,255,255,.025))!important}.is-mark{border-color:rgba(114,182,216,.3);color:#77b9d8}.is-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.is-card small{color:#7db7d3}.is-card h3{color:white}.is-card-lines{position:absolute;right:-30px;bottom:-35px;width:170px;height:130px}.is-card-lines i{position:absolute;inset:0;border:1px solid rgba(114,182,216,.13);border-radius:50%}.is-card-lines i:nth-child(2){inset:20px}.is-card-lines i:nth-child(3){inset:40px}

/* Waitlist */
.waitlist-section{padding:130px 0;background:var(--paper)}.waitlist-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.waitlist-copy h2{color:#102b3b}.waitlist-copy h2 em{color:#4a82a3}.waitlist-copy>p{max-width:480px;margin:25px 0 0;color:#61747e;font-size:14px;line-height:1.8}.waitlist-points{display:flex;flex-direction:column;gap:13px;margin-top:32px;color:#415a67;font-size:11px;font-weight:600}.waitlist-points span{display:flex;align-items:center;gap:10px}.waitlist-points svg{width:15px;height:15px;fill:none;stroke:#479478;stroke-width:2}
.form-card{min-height:490px;padding:39px;border:1px solid #d7dfdf;border-radius:12px;background:white;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{position:relative;margin-bottom:18px}.form-field label{display:block;margin-bottom:7px;color:#294352;font-size:10px;font-weight:700}.form-field label small{color:#8a989e;font-weight:500}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #d7dfe0;border-radius:6px;background:#fbfcfb;color:#162f3d;font-size:12px;transition:border-color .2s,box-shadow .2s}.form-field input,.form-field select{height:47px;padding:0 13px}.form-field textarea{min-height:98px;padding:12px 13px;resize:vertical}.form-field input::placeholder,.form-field textarea::placeholder{color:#a0aaae}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#659cba;outline:none;box-shadow:0 0 0 3px rgba(101,156,186,.12)}.form-field [aria-invalid="true"]{border-color:#b86c65}.field-error{position:absolute;left:0;bottom:-15px;color:#a64f48;font-size:8px}.submit-button{width:100%;margin-top:2px;border:0}.form-note{margin:12px 0 0;color:#97a3a7;font-size:8px;text-align:center}.success-state{min-height:410px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.success-state[hidden]{display:none}.success-state>span{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:#e8f5f0;color:#3d9376}.success-state svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2}.success-state h3{margin:24px 0 10px;color:#183546;font-size:28px}.success-state p{max-width:360px;margin:0;color:#657781;font-size:13px}.success-state button{margin-top:24px;border:0;background:transparent;color:#39769a;font-size:11px;font-weight:700;cursor:pointer;text-decoration:underline}

/* Footer */
.site-footer{padding:62px 0 24px;background:#06131f;color:white}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:45px}.footer-main p{margin:17px 0 0;color:#667f8e;font-size:11px}.footer-links{display:flex;gap:31px}.footer-links a{color:#8196a2;font-size:10px;text-decoration:none}.footer-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;padding-top:21px;border-top:1px solid rgba(255,255,255,.08);color:#425c6c;font-family:"DM Mono",monospace;font-size:7px;letter-spacing:.08em;text-transform:uppercase}

/* Reveal animation */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,.8,.26,1)}.js .reveal.is-visible{opacity:1;transform:none}.feature-grid .reveal:nth-child(2),.different-grid .reveal:nth-child(2){transition-delay:.07s}.feature-grid .reveal:nth-child(3),.different-grid .reveal:nth-child(3){transition-delay:.14s}.feature-grid .reveal:nth-child(4),.different-grid .reveal:nth-child(4){transition-delay:.21s}

@media (max-width: 1050px) {
  .hero{min-height:760px}.hero-layout{grid-template-columns:1fr 1fr;gap:20px}.product-stage{min-width:520px;transform:scale(.9);transform-origin:left center}.hero h1{font-size:54px}.feature-card{padding:25px}.feature-visual{width:205px}.stakeholders-layout{gap:55px}.different-grid{grid-template-columns:repeat(2,1fr)}.different-grid article{min-height:300px}.workflow-track{grid-template-columns:repeat(6,1fr);gap:8px}.workflow-arrow{display:none}.workflow-step{height:165px}.fragment-node{white-space:normal}.waitlist-shell{gap:50px}
}

@media (min-width: 821px) {
  .mobile-menu { display: none !important; }
}

@media (max-width: 820px) {
  .container{width:min(calc(100% - 36px),var(--container))}.desktop-nav,.nav-cta{display:none}.menu-button{display:block}.hero{padding-top:140px}.hero-layout{grid-template-columns:1fr}.hero-copy{padding-bottom:30px}.hero h1{font-size:clamp(46px,10vw,64px)}.hero-lede{max-width:650px}.product-stage{min-width:0;width:100%;max-width:650px;margin:0 auto 70px;transform:none}.floating-tag-left{left:-8px}.floating-tag-right{right:-8px}.hero-bottom-line{display:none}.problem-layout,.solution-intro,.workflow-head,.stakeholders-layout,.waitlist-shell{grid-template-columns:1fr;gap:42px}.problem-content{padding-top:0}.fragmentation-map{grid-template-columns:repeat(3,1fr);gap:10px}.fragment-line{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card-wide{grid-column:span 2}.workflow-track{grid-template-columns:repeat(3,1fr)}.stakeholders-layout{gap:60px}.different-heading{display:block}.different-heading h2{width:100%}.different-heading .eyebrow{margin-top:0}.waitlist-copy>p{max-width:630px}.form-card{padding:32px}
}

@media (max-width: 570px) {
  .container{width:min(calc(100% - 28px),var(--container))}.nav-wrap{height:68px}.mobile-menu{top:68px}.hero{min-height:0;padding-top:115px}.hero-grid{background-size:48px 48px}.hero h1{font-size:44px;letter-spacing:-.055em}.hero h1 br{display:none}.hero-lede{font-size:15px}.hero-actions{align-items:stretch}.hero-actions .button{flex:1;padding-inline:14px}.hero-trust{gap:12px;font-size:7px}.product-stage{margin-top:15px;margin-bottom:55px}.product-window{min-height:353px}.window-bar{height:40px}.product-body{min-height:312px}.product-sidebar{display:none}.product-main{width:100%;padding:16px}.dashboard-head h2{font-size:10px}.dashboard-grid{gap:7px}.shipment-card{padding:11px}.milestone-row{margin-top:15px}.metric-card,.ai-card,.classification-card{padding:10px}.metric-card strong{font-size:14px}.floating-tag-right{top:72px}.floating-tag-left{bottom:-18px}.problem-section,.platform-section,.stakeholders-section,.different-section,.waitlist-section{padding:85px 0}.workflow-section{padding:85px 0 75px}.section-heading h2,.solution-copy h2,.stakeholders-copy h2,.workflow-head h2,.different-heading h2,.waitlist-copy h2{font-size:38px}.fragmentation-map{grid-template-columns:repeat(2,1fr);margin-top:50px}.fragment-node{min-height:82px}.feature-grid{grid-template-columns:1fr;margin-top:50px}.feature-card,.feature-card-wide{grid-column:auto;min-height:315px}.feature-card-wide{min-height:430px}.feature-visual{left:25px;right:25px;bottom:25px;width:auto}.workflow-track{grid-template-columns:repeat(2,1fr);gap:9px}.workflow-step{height:145px}.workflow-caption{align-items:flex-start}.stakeholder-grid{grid-template-columns:1fr}.stakeholder-grid article:last-child{grid-column:auto;width:auto}.different-grid{grid-template-columns:1fr}.different-grid article{min-height:290px}.form-card{padding:24px 19px;min-height:0}.form-row{grid-template-columns:1fr;gap:0}.success-state{min-height:390px}.footer-main{display:block}.footer-links{flex-wrap:wrap;margin-top:35px;gap:18px 24px}.footer-bottom{gap:20px}.footer-bottom span:last-child{display:none}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}
}