:root {
  --ink: #101113;
  --muted: #666a73;
  --line: #dedfe3;
  --soft: #f5f5f7;
  --blue: #1769ff;
  --blue-dark: #0753dc;
  --white: #fff;
  --radius: 32px;
  --shadow: 0 30px 80px rgba(18, 22, 33, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
::selection { color: #fff; background: var(--blue); }
.page-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 64px;
  background: rgba(255,255,255,.78);
  border-bottom: 1px solid rgba(0,0,0,.07);
  backdrop-filter: blur(22px) saturate(160%);
}
.nav-shell {
  width: min(1180px, calc(100% - 48px));
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
.desktop-nav { display: flex; align-items: center; gap: 38px; font-size: 13px; font-weight: 500; color: #363940; }
.desktop-nav > a, .nav-dropdown > span { padding: 22px 0; transition: color .2s; }
.desktop-nav a:hover, .nav-dropdown:hover > span { color: var(--blue); }
.nav-dropdown { position: relative; cursor: default; }
.nav-dropdown-panel {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 220px;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 8px);
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.12);
  transition: .2s ease;
}
.nav-dropdown:hover .nav-dropdown-panel, .nav-dropdown:focus-within .nav-dropdown-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nav-dropdown-panel a { display: block; padding: 10px 12px; border-radius: 10px; }
.nav-dropdown-panel a:hover { background: var(--soft); }
.nav-cta { padding: 9px 16px; color: #fff; background: #111; border-radius: 999px; font-size: 13px; font-weight: 600; transition: transform .2s, background .2s; }
.nav-cta:hover { background: var(--blue); transform: translateY(-1px); }
.mobile-menu { display: none; position: relative; }
.mobile-menu summary { width: 38px; height: 38px; list-style: none; display: grid; place-content: center; gap: 6px; cursor: pointer; }
.mobile-menu summary::-webkit-details-marker { display: none; }
.mobile-menu summary span { width: 19px; height: 1.5px; background: #111; }
.mobile-menu nav { position: absolute; right: 0; top: 45px; width: 250px; padding: 12px; background: white; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.mobile-menu nav a { display: block; padding: 11px 12px; border-radius: 10px; font-size: 14px; }
.mobile-menu nav a:hover { background: var(--soft); }

.eyebrow { margin: 0 0 16px; color: var(--blue); font-size: 12px; font-weight: 750; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 23px; border: 0; border-radius: 999px; font-size: 14px; font-weight: 650; transition: .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--blue); box-shadow: 0 12px 28px rgba(23,105,255,.24); }
.button-primary:hover { background: var(--blue-dark); box-shadow: 0 16px 34px rgba(23,105,255,.3); }
.button-dark { color: #fff; background: #111; }
.button-light { color: #111; background: #fff; }
.button-small { min-height: 38px; padding: 0 17px; background: rgba(255,255,255,.9); font-size: 12px; }
.text-link { color: #33363c; font-size: 14px; font-weight: 600; }
.text-link span { display: inline-block; margin-left: 4px; color: var(--blue); transition: transform .2s; }
.text-link:hover span { transform: translate(2px,-2px); }
.hero-actions { display: flex; align-items: center; gap: 24px; }

.home-hero { position: relative; min-height: calc(100vh - 64px); overflow: hidden; background: radial-gradient(circle at 50% 88%, #e9f1ff 0, #f8f9fc 36%, #fff 68%); }
.home-hero-inner { position: relative; z-index: 2; padding-top: clamp(86px, 11vh, 140px); text-align: center; }
.home-hero h1 { margin: 0 auto; font-size: clamp(62px, 9.3vw, 132px); line-height: .86; letter-spacing: -.075em; font-weight: 720; }
.home-hero h1 span { color: #989ba3; }
.home-hero-copy { width: min(620px, 100%); margin: 34px auto 29px; color: #555963; font-size: clamp(18px, 2.2vw, 24px); line-height: 1.45; letter-spacing: -.025em; }
.home-hero .hero-actions { justify-content: center; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(5px); opacity: .6; }
.glow-one { width: 420px; height: 420px; top: 8%; left: -12%; background: radial-gradient(circle, rgba(111,173,255,.28), transparent 68%); }
.glow-two { width: 480px; height: 480px; top: 10%; right: -15%; background: radial-gradient(circle, rgba(197,166,255,.24), transparent 68%); }
.hero-stage { position: relative; height: clamp(340px, 42vw, 540px); max-width: 980px; margin: 50px auto 0; perspective: 1200px; }
.stage-ring { position: absolute; inset: 15% 10%; border: 1px solid rgba(52,99,174,.16); border-radius: 50%; transform: rotate(-8deg); }
.ring-b { inset: 25% 20%; transform: rotate(13deg); }
.stage-device { position: absolute; overflow: hidden; border: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.86); box-shadow: 0 35px 80px rgba(47,69,104,.2); backdrop-filter: blur(20px); }
.stage-device small { position: absolute; left: 16px; bottom: 12px; color: #5a5e67; font-size: 10px; font-weight: 650; }
.stage-phone { width: 190px; height: 290px; left: 12%; top: 12%; padding: 11px; border-radius: 34px; transform: rotate(-9deg); }
.mini-photo { position: relative; height: 224px; overflow: hidden; border-radius: 24px; background: linear-gradient(150deg,#ffcfa5 0 37%,#9fb5ec 38% 67%,#29384f 68%); }
.mini-photo i { position: absolute; top: 26px; right: 25px; width: 28px; height: 28px; border-radius: 50%; background: #fff4b0; box-shadow: 0 0 24px #fff4b0; }
.mini-photo span { position: absolute; inset: 25px; border: 2px solid white; border-radius: 10px; }
.stage-screen { width: 390px; height: 250px; left: 34%; top: 2%; padding: 10px; border-radius: 25px; transform: translateZ(30px); }
.mini-court { position: relative; height: 194px; overflow: hidden; border-radius: 16px; background: linear-gradient(160deg,#243a28,#102218); }
.mini-court:before { content:""; position:absolute; inset:28px 55px; border:1px solid rgba(255,255,255,.65); transform:perspective(300px) rotateX(25deg); }
.mini-court i { position:absolute; top:17px; left:19px; width:31px; height:14px; background:#fa3c44; border-radius:4px; }
.mini-court span { position:absolute; left:50%; top:58%; width:8px; height:8px; border-radius:50%; background:white; box-shadow:-85px -25px 0 white, 70px 32px 0 white, -35px 35px 0 white, 92px -34px 0 white; }
.mini-court b { position:absolute; left:50%; bottom:13px; width:210px; height:30px; transform:translateX(-50%); border-radius:8px; background:rgba(12,14,18,.78); }
.stage-eink { width: 245px; height: 196px; right: 9%; top: 42%; padding: 12px; border: 8px solid #e6e7ea; border-radius: 22px; transform: rotate(8deg); }
.stage-eink > div { height: 130px; padding: 12px 14px; display:grid; grid-template-columns:1fr auto; align-items:center; background:#e8e4d8; border-radius:8px; font-family: ui-monospace, monospace; }
.stage-eink span { font-size:10px; }.stage-eink b { font-size:30px; }
.scroll-cue { position: absolute; left: 50%; bottom: 23px; z-index: 3; width: 22px; height: 35px; border: 1px solid rgba(0,0,0,.25); border-radius: 20px; transform: translateX(-50%); }
.scroll-cue span { position: absolute; left: 50%; top: 8px; width: 3px; height: 3px; border-radius: 50%; background: #111; animation: scrollDot 1.8s infinite; }

.mission-section { padding: 150px 0 130px; background: #fff; }
.mission-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 100px; align-items: start; }
.mission-grid h2, .section-heading h2 { margin: 0; font-size: clamp(42px, 5.7vw, 74px); line-height: 1.02; letter-spacing: -.055em; }
.mission-copy { padding-top: 38px; }
.mission-copy p { margin: 0 0 25px; color: #4f535c; font-size: 20px; line-height: 1.58; letter-spacing: -.02em; }
.principles { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 105px; background: var(--line); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.principles article { padding: 36px 42px 42px; background: #fff; }
.principles span, .feature-card > span { color: #a0a3aa; font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.principles h3 { margin: 38px 0 12px; font-size: 21px; letter-spacing: -.025em; }
.principles p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.55; }

.products-section { padding: 135px 0 150px; background: var(--soft); }
.section-heading { max-width: 780px; margin-bottom: 65px; }
.section-heading.centered { margin: 0 auto 72px; text-align: center; }
.section-heading > p:last-child { max-width: 620px; margin: 22px auto 0; color: var(--muted); font-size: 18px; line-height: 1.55; }
.product-card-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.product-card { position: relative; min-height: 690px; padding: 52px; overflow: hidden; border-radius: var(--radius); background: white; box-shadow: 0 1px 0 rgba(0,0,0,.03); }
.product-card-copy { position: relative; z-index: 3; }
.product-card h3 { margin: 0; font-size: 34px; letter-spacing: -.045em; }
.product-card h4 { margin: 7px 0 17px; color: #8a8e96; font-size: 20px; font-weight: 550; letter-spacing: -.03em; }
.product-card-copy > p:not(.eyebrow) { max-width: 430px; margin: 0; color: #5b5f67; font-size: 15px; line-height: 1.55; }
.card-actions { display: flex; align-items: center; gap: 17px; margin-top: 23px; }
.availability { display: inline-flex; align-items: center; gap: 7px; color: #686c74; font-size: 11px; font-weight: 600; }
.availability i, .status-pill i { width: 6px; height: 6px; border-radius: 50%; background: #31bd6b; box-shadow: 0 0 0 4px rgba(49,189,107,.12); }
.card-photo { background: linear-gradient(145deg,#eaf3ff,#fff 60%); }
.card-stream { color:#fff; background: linear-gradient(145deg,#0a482b,#061d13); }
.card-stream h4,.card-stream .product-card-copy > p:not(.eyebrow),.card-stream .availability { color:#a8c5b4; }
.card-stream .eyebrow { color:#58e49b; }.card-stream .availability i { background:#58e49b; }
.card-score { background: linear-gradient(145deg,#f2eee4,#fdfcf8); }

.collaboration-section { padding: 135px 0; color: #fff; background: #121316; }
.collaboration-shell { display: grid; grid-template-columns: 1.1fr .9fr; gap: 110px; align-items: center; }
.collaboration-shell h2 { margin: 0; font-size: clamp(48px,7vw,90px); line-height: .95; letter-spacing: -.065em; }
.collaboration-shell > div:last-child > p { margin: 0 0 30px; color: #acafb8; font-size: 20px; line-height: 1.58; }

.product-art { position: relative; user-select: none; }
.product-card .product-art { position: absolute; left: 7%; right: 7%; bottom: 16px; height: 340px; transform: scale(.86); transform-origin: center bottom; }
.photo-window,.court-card { position: absolute; left: 50%; top: 50%; width: min(540px,90%); transform: translate(-50%,-50%); box-shadow: 0 34px 70px rgba(19,33,57,.2); }
.photo-window { height: 355px; overflow: hidden; border: 1px solid rgba(0,0,0,.12); border-radius: 22px; background: rgba(255,255,255,.95); }
.window-bar { height: 42px; display: flex; align-items: center; gap: 7px; padding: 0 15px; background: rgba(255,255,255,.9); border-bottom: 1px solid #e5e5e7; }
.window-bar i { width: 9px; height: 9px; border-radius: 50%; background:#ff6259; }.window-bar i:nth-child(2){background:#ffbe2f}.window-bar i:nth-child(3){background:#28c940}
.photo-canvas { position:absolute; inset:58px 20px 58px; overflow:hidden; border-radius:12px; background:linear-gradient(165deg,#99d7ff 0 42%,#7062bc 43% 67%,#28395a 68%); }
.photo-canvas .sun { position:absolute; top:25px; right:36px; width:46px; height:46px; border-radius:50%; background:#fff3a8; box-shadow:0 0 30px rgba(255,240,133,.7); }
.mountain { position:absolute; width:270px; height:220px; bottom:-110px; left:40px; transform:rotate(45deg); border-radius:20px; background:#384d74; }.mountain-two{left:235px;bottom:-145px;background:#25344f}
.crop-corner { position:absolute; width:28px; height:28px; border-color:white; border-style:solid; }.c1{top:16px;left:16px;border-width:3px 0 0 3px}.c2{top:16px;right:16px;border-width:3px 3px 0 0}.c3{bottom:16px;left:16px;border-width:0 0 3px 3px}.c4{bottom:16px;right:16px;border-width:0 3px 3px 0}
.photo-tools { position:absolute; bottom:15px; left:50%; display:flex; gap:22px; transform:translateX(-50%); }.photo-tools i{width:19px;height:19px;border:2px solid #6b6f77;border-radius:5px}.photo-tools i:nth-child(2){border-radius:50%}.photo-tools i:nth-child(3){transform:rotate(45deg);border-width:0 2px 2px 0}.photo-tools i:nth-child(4){background:var(--blue);border:0;border-radius:50%}
.save-bubble { position:absolute; right:1%; bottom:6%; padding:11px 15px; border-radius:13px; color:#363940; background:rgba(255,255,255,.96); box-shadow:0 13px 32px rgba(0,0,0,.16); font-size:11px;font-weight:650 }.save-bubble span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;color:#fff;background:#31bd6b;border-radius:50%}


.court-card { height:336px; overflow:hidden; border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(165deg,#37533b,#122d1d);box-shadow:0 35px 75px rgba(0,0,0,.4)}
.court-lines{position:absolute;inset:62px 80px 54px;border:2px solid rgba(255,255,255,.5);transform:perspective(500px) rotateX(30deg)}.court-lines i:nth-child(1){position:absolute;left:50%;top:0;width:2px;height:100%;background:rgba(255,255,255,.5)}.court-lines i:nth-child(2){position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.3)}.court-lines i:nth-child(3){position:absolute;left:50%;top:-10px;width:3px;height:calc(100% + 20px);background:#d9d9d9;box-shadow:5px 0 8px rgba(0,0,0,.2)}
.player{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 7px 0 -2px #6da4ff,0 10px 13px rgba(0,0,0,.3)}.p1{left:28%;top:36%}.p2{left:39%;top:57%}.p3{left:27%;top:71%}.p4{right:28%;top:34%;box-shadow:0 7px 0 -2px #ffce5f}.p5{right:38%;top:57%;box-shadow:0 7px 0 -2px #ffce5f}.p6{right:25%;top:74%;box-shadow:0 7px 0 -2px #ffce5f}
.stream-top{position:absolute;top:17px;left:18px;right:18px;display:flex;justify-content:space-between;color:#c8d6cc;font-size:9px}.stream-top span{padding:5px 7px;border-radius:5px;background:#f33;color:#fff;font-weight:700}.stream-top b:before{content:"●";margin-right:5px;color:#74eca8}.stream-score{position:absolute;left:50%;bottom:18px;width:255px;height:45px;display:flex;align-items:center;justify-content:center;gap:13px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;background:rgba(8,13,10,.8);backdrop-filter:blur(10px)}.stream-score b{font-size:8px;color:#abb8af}.stream-score strong{font-size:21px}.stream-score em{font-style:normal;color:#77817b}
.signal-rings{position:absolute;right:2%;top:1%;width:50px;height:50px}.signal-rings i{position:absolute;right:0;bottom:0;border:2px solid #59e39b;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-45deg)}.signal-rings i:nth-child(1){width:16px;height:16px}.signal-rings i:nth-child(2){width:29px;height:29px}.signal-rings i:nth-child(3){width:43px;height:43px}

.eink-device{position:absolute;left:50%;top:45%;width:min(470px,86%);height:320px;padding:18px;transform:translate(-50%,-50%);border:12px solid #ddd8ce;border-radius:28px;background:#b8b2a8;box-shadow:inset 0 0 0 1px #8e8a82,0 35px 70px rgba(60,54,43,.22)}
.device-screen{height:100%;padding:18px 26px;border:1px solid #a9a69e;border-radius:8px;background:#e8e5dc;box-shadow:inset 0 0 30px rgba(60,60,50,.07);font-family:ui-monospace,"SFMono-Regular",monospace}.set-label{padding-bottom:12px;border-bottom:2px solid #1c1c1a;font-size:10px;letter-spacing:.18em}.score-row{display:grid;grid-template-columns:1fr auto;align-items:center;height:91px;border-bottom:1px solid #8a8982}.score-row span{font-size:12px;font-weight:700;letter-spacing:.12em}.score-row b{font-size:63px;line-height:1}.serve-indicator{margin-top:13px;font-size:9px;letter-spacing:.12em}.device-foot{position:absolute;bottom:-26px;width:65px;height:18px;background:#8f8a80;border-radius:0 0 10px 10px}.foot-left{left:55px}.foot-right{right:55px}
.hardware-network{position:absolute;inset:0}.network-link{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,rgba(73,86,90,.55),rgba(73,86,90,.04));border-top:1px dashed rgba(73,86,90,.35)}.link-one{left:63%;top:60%;width:150px;transform:rotate(22deg)}.link-two{left:28%;top:72%;width:135px;transform:rotate(153deg)}.link-three{left:61%;top:40%;width:150px;transform:rotate(-39deg)}
.device-node{position:absolute;width:66px;height:82px;border:5px solid #343538;border-radius:14px;background:#202124;box-shadow:0 14px 30px rgba(0,0,0,.22)}.device-node i{position:absolute;top:11px;left:50%;width:8px;height:8px;transform:translateX(-50%);border-radius:50%;background:#4be08f;box-shadow:0 0 9px #4be08f}.device-node span{position:absolute;left:11px;right:11px;top:34px;height:2px;background:#5d5f62;box-shadow:0 8px 0 #5d5f62}.device-node b{position:absolute;left:50%;bottom:8px;width:20px;height:6px;transform:translateX(-50%);border-radius:3px;background:#101113}.node-one{right:0;bottom:6%;width:82px;height:106px;border-width:6px;border-radius:17px}.node-one i{top:14px;width:10px;height:10px}.node-one span{top:42px}.node-two{right:11%;top:6%;transform:rotate(5deg)}.node-three{left:1%;bottom:12%;transform:rotate(-6deg)}.node-four{left:7%;top:4%;width:58px;height:70px;transform:rotate(4deg);border-color:#a19b90;background:#d7d1c5}.node-four b{background:#807a70}.node-four span{background:#8c877d;box-shadow:0 7px 0 #8c877d}.radio-lines{position:absolute;right:61px;top:-1%;width:45px;height:45px}.radio-lines i{position:absolute;right:0;bottom:0;border:2px solid #333;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-45deg)}.radio-lines i:nth-child(1){width:13px;height:13px}.radio-lines i:nth-child(2){width:26px;height:26px}.radio-lines i:nth-child(3){width:39px;height:39px}

.product-page { --accent: var(--blue); --tint:#edf4ff; }
.tone-stream{--accent:#0a8650;--tint:#e9f8f0}.tone-score{--accent:#5b5444;--tint:#f0ede5}
.product-page .eyebrow { color:var(--accent); }
.product-hero{min-height:780px;padding-top:100px;padding-bottom:95px;display:grid;grid-template-columns:.88fr 1.12fr;gap:40px;align-items:center}
.product-hero h1{margin:0;font-size:clamp(54px,7vw,92px);line-height:.93;letter-spacing:-.065em}.product-hero h1 span{color:var(--accent)}
.hero-description{max-width:580px;margin:28px 0;color:#5a5e67;font-size:19px;line-height:1.55;letter-spacing:-.018em}
.status-pill{display:inline-flex;align-items:center;gap:9px;color:#656973;font-size:12px;font-weight:600}.product-hero-art{position:relative;height:540px;border-radius:40px;background:radial-gradient(circle at 48% 42%,#fff,var(--tint));overflow:hidden}.product-hero-art .product-art{position:absolute;inset:8%;}.product-hero-art .save-bubble{right:-2%}.product-hero-art .node-one{right:-2%}
.feature-section{padding:135px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:285px;padding:35px;border:1px solid #e2e3e7;border-radius:24px;background:#fff;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(0,0,0,.08)}.feature-card h3{margin:70px 0 12px;font-size:23px;letter-spacing:-.03em}.feature-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.workflow-section{padding:135px 0;color:#fff;background:#111216}.workflow-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.section-heading-light .eyebrow{color:#7eb0ff}.section-heading-light h2{font-size:clamp(42px,5vw,68px)}.workflow-list article{display:grid;grid-template-columns:55px 1fr;gap:24px;padding:28px 0;border-top:1px solid #33363d}.workflow-list article:last-child{border-bottom:1px solid #33363d}.workflow-list > article > span{color:#777b85;font-size:11px;letter-spacing:.1em}.workflow-list h3{margin:0 0 7px;font-size:21px}.workflow-list p{margin:0;color:#a9adb5;font-size:15px;line-height:1.55}.product-cta{padding:150px 0;text-align:center}.product-cta h2{margin:0;font-size:clamp(48px,7vw,86px);letter-spacing:-.06em}.product-cta > p:not(.eyebrow){max-width:570px;margin:22px auto 31px;color:var(--muted);font-size:18px;line-height:1.55}

.contact-page{background:linear-gradient(#fff,#f5f6f8)}.contact-hero{min-height:540px;padding-top:110px;padding-bottom:90px;display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:center}.contact-hero h1{margin:0;font-size:clamp(62px,8vw,105px);line-height:.91;letter-spacing:-.07em}.contact-hero h1 span{color:#9498a1}.contact-hero > div > p:last-child{max-width:590px;margin:28px 0 0;color:var(--muted);font-size:20px;line-height:1.55}.contact-orbit{position:relative;height:360px}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid #ccd9ef;border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}.orbit-one{width:320px;height:160px}.orbit-two{width:235px;height:315px}.orbit-ring i{position:absolute;top:45%;left:-6px;width:12px;height:12px;border-radius:50%;background:#1769ff;box-shadow:0 0 25px #1769ff}.orbit-two i{top:auto;left:auto;right:17px;bottom:21px;background:#9a68ef;box-shadow:0 0 25px #9a68ef}.orbit-core{position:absolute;left:50%;top:50%;width:110px;height:110px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:32px;color:#fff;background:#111;box-shadow:0 24px 55px rgba(0,0,0,.22);font-size:43px;font-weight:750}
.contact-body{padding:20px 0 140px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.contact-form-wrap,.contact-details{padding:55px;border:1px solid #e2e3e7;border-radius:30px;background:#fff}.contact-form-wrap h2,.contact-details h2{margin:0 0 35px;font-size:32px;letter-spacing:-.04em}.contact-form-wrap form{display:grid;gap:22px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.contact-form-wrap label{display:grid;gap:9px;color:#555a64;font-size:12px;font-weight:650}.contact-form-wrap input,.contact-form-wrap textarea,.contact-form-wrap select{width:100%;padding:14px 15px;border:1px solid #d7d9df;border-radius:12px;outline:none;color:#17181b;background:#fafafa;transition:border .2s,box-shadow .2s}.contact-form-wrap input:focus,.contact-form-wrap textarea:focus,.contact-form-wrap select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,255,.1)}.contact-form-wrap textarea{resize:vertical}.contact-form-wrap button{justify-self:start}.form-note{margin:-10px 0 0;color:#8a8e96;font-size:11px}.contact-details{display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:#15161a}.contact-details .eyebrow{color:#7eb0ff}.contact-details h2{margin-bottom:16px}.contact-details a{font-size:17px;color:#c9cbd1}.contact-details a span{color:#6c9fff}.contact-topics{padding:38px 0}.contact-topics ul{padding:0;margin:0;list-style:none}.contact-topics li{padding:15px 0;border-top:1px solid #34363c;color:#b7bac2;font-size:14px}.contact-topics li:last-child{border-bottom:1px solid #34363c}.response-note{display:flex;align-items:center;justify-content:space-between;color:#9da1aa;font-size:11px}.response-note i{width:9px;height:9px;border-radius:50%;background:#43d282;box-shadow:0 0 0 5px rgba(67,210,130,.12)}

.legal-page{min-height:70vh;padding-top:110px;padding-bottom:130px}.legal-page h1{margin:0;font-size:clamp(58px,8vw,100px);letter-spacing:-.065em}.legal-updated{margin:15px 0 65px;color:#8a8e96;font-size:13px}.legal-page section{max-width:760px}.legal-page section h2{margin:42px 0 10px;font-size:24px;letter-spacing:-.03em}.legal-page section p{margin:0;color:#595d66;font-size:16px;line-height:1.7}.legal-page section a{color:var(--blue)}

.site-footer{padding:75px 0 25px;color:#fff;background:#0b0c0e}.footer-shell{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding-bottom:70px}.footer-lead p{max-width:360px;margin:25px 0;color:#92959d;font-size:16px;line-height:1.55}.footer-lead > a{color:#d7d9df;font-size:14px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-links h2{margin:5px 0 21px;color:#72767f;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.footer-links a{display:block;margin:0 0 13px;color:#c1c4ca;font-size:13px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{width:min(1180px,calc(100% - 48px));margin:auto;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid #282a2f;color:#70737b;font-size:11px}.footer-bottom p{margin:0}.footer-bottom div{display:flex;gap:23px}

.reveal{animation:rise .75s cubic-bezier(.2,.75,.2,1) both}.reveal-delay{animation-delay:.12s}.reveal-delay-two{animation-delay:.22s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}75%{opacity:0;transform:translate(-50%,12px)}100%{opacity:0}}

@media (max-width: 980px){
  .product-card-grid{grid-template-columns:1fr}.product-card{min-height:660px}.product-card .product-art{left:15%;right:15%}
  .product-hero{grid-template-columns:1fr;padding-top:80px}.product-hero-art{height:500px}.workflow-shell{grid-template-columns:1fr;gap:50px}
  .contact-hero{grid-template-columns:1fr}.contact-orbit{display:none}.contact-body{grid-template-columns:1fr}.contact-details{min-height:560px}
  .footer-shell{grid-template-columns:1fr;gap:65px}
}
@media (max-width: 760px){
  .page-shell,.nav-shell,.footer-shell,.footer-bottom{width:min(100% - 32px,1180px)}
  .desktop-nav,.nav-cta{display:none}.mobile-menu{display:block}
  .home-hero{min-height:830px}.home-hero-inner{padding-top:85px}.home-hero h1{font-size:clamp(54px,16vw,82px)}.home-hero-copy{font-size:18px}.hero-stage{height:370px}.stage-screen{width:300px;height:205px;left:17%;top:15%}.mini-court{height:150px}.stage-phone{width:135px;height:220px;left:3%;top:35%}.mini-photo{height:160px}.stage-eink{width:170px;height:145px;right:0;top:57%}.stage-eink>div{height:88px;padding:7px}.stage-eink b{font-size:20px}
  .mission-section,.products-section,.collaboration-section,.feature-section,.workflow-section,.product-cta{padding:90px 0}.mission-grid,.collaboration-shell{grid-template-columns:1fr;gap:45px}.mission-copy{padding:0}.mission-copy p{font-size:18px}.principles{grid-template-columns:1fr;margin-top:70px}.principles article{padding:30px}.principles h3{margin-top:25px}
  .product-card{min-height:610px;padding:35px 28px}.product-card h3{font-size:30px}.card-actions{align-items:flex-start;flex-direction:column}.product-card .product-art{left:0;right:0;bottom:0;height:300px;transform:scale(.7)}
  .product-hero{min-height:auto;padding-top:75px;padding-bottom:70px}.product-hero h1{font-size:clamp(49px,14vw,72px)}.hero-description{font-size:17px}.product-hero-art{height:390px;border-radius:28px}.product-hero-art .product-art{inset:0;transform:scale(.78)}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:240px}.feature-card h3{margin-top:40px}.workflow-shell{gap:30px}
  .contact-hero{min-height:auto;padding-top:80px;padding-bottom:70px}.contact-hero h1{font-size:clamp(58px,16vw,82px)}.contact-body{padding-bottom:90px}.contact-form-wrap,.contact-details{padding:30px 24px;border-radius:24px}.form-row{grid-template-columns:1fr}
  .footer-links{grid-template-columns:1fr 1fr}.footer-bottom{gap:20px;align-items:flex-start;flex-direction:column}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal,.scroll-cue span{animation:none}.button,.feature-card{transition:none}}