@font-face { font-family:"Wix Madefor Display"; src:url("/fonts/wix-madefor-display.ttf") format("truetype"); font-style:normal; font-weight:400 800; font-display:swap; }
:root { color-scheme:dark; --site-width:min(1297px,86.2vw); --bg:#081725; --ink:#f3f7f8; --mint:#68f8c8; --muted:#a6c4d8; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-size:17px; line-height:1.6; overflow-x:clip; }
::selection { color:#061a23; background:#a6efdc; }
html { scrollbar-color:#3c6b79 #081725; scroll-padding-top:24px; }
a { color:var(--mint); text-underline-offset:4px; }
button { font:inherit; }
a:focus-visible, button:focus-visible { outline:3px solid #a4d9f6; outline-offset:5px; }
.skip-link { position:fixed; top:-100px; left:16px; z-index:10; padding:10px 18px; background:var(--mint); color:#061a23; }
.skip-link:focus { top:12px; }
.page-width { width:var(--site-width); margin-inline:auto; }
.site-header { position:relative; height:74px; background:#082638; overflow:hidden; isolation:isolate; }
.header-content { display:flex; align-items:center; justify-content:space-between; height:100%; gap:24px; }
.brand { font-family:"Wix Madefor Display",sans-serif; color:var(--ink); text-decoration:none; font-weight:700; font-size:24px; letter-spacing:-.025em; }
nav { display:flex; align-items:center; gap:36px; }
nav a { color:var(--ink); font-size:15px; text-decoration:none; }
nav .section-link:hover { color:var(--mint); }
.signin { display:inline-flex; justify-content:center; align-items:center; gap:16px; background:var(--mint); color:#062328; text-decoration:none; border-radius:6px; font-weight:650; min-height:44px; transition:background-color 160ms ease-out, box-shadow 160ms ease-out; }
.signin:hover { background:#99ffdf; box-shadow:0 8px 26px -15px #5ce0bd; }
.signin.small { padding:8px 18px; width:88px; font-weight:700; }
.hero { position:relative; min-height:calc(334px + (var(--site-width) - 246px) * .625); isolation:isolate; }
.aurora-field { display:none; }
body[data-aurora-glow="on"] .hero > .aurora-field { display:block; position:absolute; z-index:-1; pointer-events:none; inset:-20px; overflow:clip; mask-image:radial-gradient(ellipse at 50% 40%,#000 15%,transparent 68%); }
@supports (mask-composite:intersect) { body[data-aurora-glow="on"] .hero > .aurora-field { mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 80%,transparent); mask-composite:intersect; } }
.hero-intro { padding-top:28px; }
h1,h2,h3 { font-family:"Wix Madefor Display",sans-serif; font-weight:700; text-wrap:balance; }
h1 { margin:0; font-size:clamp(44px,4vw,60px); line-height:.95; letter-spacing:-.035em; }
h1 span { display:block; }
h1 span:last-child { color:var(--mint); }
.hero-description { width:min(510px,100%); font-size:clamp(19px,1.53vw,23px); line-height:1.3; color:#a5ccea; margin:24px 0 25px; }
.hero-action { width:215px; min-height:56px; font-size:20px; }
.signin svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pilot-note { margin:12px 0 0 3px; color:var(--muted); font-size:12px; line-height:18px; }
.hero-product { position:absolute; top:290px; left:246px; right:-3px; margin:0; }
.hero-product img { display:block; width:100%; height:auto; border-radius:16px; }
.hero-product > a { display:block; border-radius:16px; }
figcaption { color:#a1cae5; font-size:14px; text-align:center; margin-top:13px; }
.workflow { border-top:1px solid #284b60; padding-top:20px; }
h2 { margin:0; font-size:48px; line-height:1.12; letter-spacing:-.03em; }
h3 { margin:0; font-size:36px; line-height:1.12; letter-spacing:-.025em; }
.section-intro { max-width:630px; color:var(--muted); font-size:21px; margin:24px 0 68px; }
.study-feature { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:clamp(40px,7vw,110px); align-items:center; margin-inline:6%; }
.settings-image { margin:0; position:relative; }
.settings-image img { display:block; width:100%; height:auto; border-radius:12px; }
.settings-image a,.replay-image a { display:block; border-radius:12px; }
.settings-image figcaption { font-size:13px; }
.feature-copy > p { color:var(--muted); max-width:49ch; margin:22px 0 34px; }
.feature-details { margin:0; }
.feature-details div { border-top:1px solid #284b60; padding:20px 0; }
.feature-details dt { color:#d9efe9; font-weight:650; margin-bottom:6px; }
.feature-details dd { color:var(--muted); margin:0; max-width:55ch; font-size:16px; }
.replay-feature { margin-top:138px; position:relative; isolation:isolate; }
.section-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:clamp(40px,8vw,125px); margin-bottom:36px; }
.section-heading p { color:var(--muted); margin:0; max-width:50ch; font-size:19px; }
.replay-image { margin:0; }
.replay-image img { display:block; width:100%; height:auto; border-radius:16px; }
.replay-note { color:var(--muted); max-width:73ch; margin:26px auto 0; font-size:15px; text-align:center; }
.automation-feature { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,8vw,125px); margin-top:110px; padding-top:44px; border-top:1px solid #284b60; }
.automation-feature p { color:var(--muted); margin:0 0 20px; max-width:57ch; }
.automation-feature strong { color:#d9efe9; font-weight:650; }
.automation-feature .availability-note { border-left:1px solid #897ab3; padding-left:18px; font-size:14px; color:#c4bde1; }
.development { margin-top:138px; padding-top:44px; border-top:1px solid #284b60; }
.development h2 { max-width:640px; }
.development-columns { display:grid; grid-template-columns:1fr 1fr; gap:10%; margin-top:44px; }
.development h3 { font-size:23px; color:#cde5ee; letter-spacing:-.01em; }
.development ul { padding-left:20px; margin:20px 0 0; color:var(--muted); }
.development li { padding-left:5px; margin-bottom:10px; max-width:55ch; }
.development li::marker { color:#68bfae; }
.development-columns > div:last-child { border-top:1px solid #6b658d; padding-top:20px; }
.development-columns p { color:#c4bde1; font-size:14px; }
.closing { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:52px 0; margin-top:110px; border-top:1px solid #284b60; border-bottom:1px solid #284b60; position:relative; isolation:isolate; overflow:clip; overflow-clip-margin:20px; }
.closing h2 { font-size:36px; }
.closing p { color:var(--muted); margin:16px 0 0; }
.closing .signin { padding:14px 24px; white-space:nowrap; }
.site-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:36px; }
.site-footer .brand { font-size:20px; }
.site-footer p { color:var(--muted); font-size:13px; margin:0; }
[data-aurora-toggle] { background:#102b38; color:#c5e4e6; border:1px solid #39616f; border-radius:6px; padding:9px 14px; min-height:44px; cursor:pointer; white-space:nowrap; }
[data-aurora-toggle]:hover { background:#183c47; }
[data-aurora-toggle][aria-pressed="true"] { color:#a9efda; border-color:#4a7d7a; }
body[data-aurora-glow="on"] .site-header::before { content:""; position:absolute; z-index:-1; pointer-events:none; inset:-90px -12% -70px; background:radial-gradient(ellipse at 29% 36%,rgb(49 235 179 / .55),transparent 27%),radial-gradient(ellipse at 55% 65%,rgb(94 77 228 / .42),transparent 32%),radial-gradient(ellipse at 77% 30%,rgb(69 177 224 / .25),transparent 30%); animation:aurora-wave 28s ease-in-out -7s infinite alternate; animation-play-state:var(--aurora-play-state,paused); }
body[data-aurora-glow="on"] .hero .aurora-field::before, body[data-aurora-glow="on"] .hero .aurora-field::after { content:""; position:absolute; z-index:-1; pointer-events:none; inset:-8% -7% 17%; transform-origin:50% 25%; animation:aurora-wave 28s ease-in-out -7s infinite alternate; animation-play-state:var(--aurora-play-state,paused); }
body[data-aurora-glow="on"] .hero .aurora-field::before { background:radial-gradient(ellipse 74% 35% at 40% 4%,transparent 38%,rgb(58 236 178 / .24) 52%,rgb(35 164 160 / .06) 67%,transparent 78%),radial-gradient(ellipse 58% 36% at 87% 28%,transparent 36%,rgb(137 109 244 / .18) 53%,transparent 76%); }
body[data-aurora-glow="on"] .hero .aurora-field::after { background:radial-gradient(ellipse 60% 20% at 62% 11%,rgb(64 204 228 / .12),transparent 74%),radial-gradient(ellipse 44% 40% at 30% 26%,transparent 33%,rgb(52 226 166 / .12) 55%,transparent 77%); animation-name:aurora-veil; animation-duration:39s; animation-delay:-19s; }
body[data-aurora-glow="on"] .hero-product { box-shadow:0 16px 60px -38px rgb(67 226 192 / .45); }
body[data-aurora-glow="on"] :is(.settings-image,.replay-image) { box-shadow:-22px 8px 80px -52px rgb(65 240 188 / .5),28px 22px 85px -50px rgb(141 117 247 / .45); }
body[data-aurora-glow="on"] .closing::before { content:""; position:absolute; z-index:-1; pointer-events:none; inset:-40px 0; background:radial-gradient(ellipse at 15% 50%,rgb(43 185 151 / .14),transparent 60%),radial-gradient(ellipse at 90% 50%,rgb(120 102 229 / .14),transparent 60%); animation:aurora-wave 28s ease-in-out -7s infinite alternate; animation-play-state:var(--aurora-play-state,paused); }
@keyframes aurora-veil { 0% { transform:translate3d(8%, -2%, 0) rotate(6deg) scale(1, 1.12); opacity:.55; } 50% { transform:translate3d(-3%, 4%, 0) rotate(-2deg) scale(1.08, .88); opacity:.94; } 100% { transform:translate3d(-9%, 0, 0) rotate(-6deg) scale(.98, 1.08); opacity:.65; } }
/* Native Annotation mode owns picking/cursor behavior. Remove only decoration. */
body.landing[data-ta-annotation-mode="on"] .hero > .aurora-field { display:none; mask-image:none; }
body.landing[data-ta-annotation-mode="on"] :is(.site-header,.closing)::before,
body.landing[data-ta-annotation-mode="on"] .hero .aurora-field::before,
body.landing[data-ta-annotation-mode="on"] .hero .aurora-field::after { display:none; animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { body[data-aurora-glow="on"] :is(.site-header,.closing)::before, body[data-aurora-glow="on"] .hero .aurora-field::before, body[data-aurora-glow="on"] .hero .aurora-field::after { animation:none; } .signin { transition:none; } }
@media(max-width:1100px) { .hero-product { left:150px; top:310px; } .hero { min-height:calc(357px + (var(--site-width) - 150px) * .625); } .study-feature { margin-inline:0; gap:6%; } h2 { font-size:40px; } }
@media(max-width:760px) {
  :root { --site-width:calc(100vw - 40px); }
  .site-header { height:72px; } .brand { font-size:22px; } nav { gap:18px; } nav .section-link { display:none; }
  .hero { min-height:0; padding-bottom:50px; } .hero-intro { padding-top:42px; }
  body[data-aurora-glow="on"] .hero .aurora-field::before, body[data-aurora-glow="on"] .hero .aurora-field::after { inset:-3% -8% 12%; }
  h1 { font-size:clamp(38px,10.5vw,60px); line-height:1.02; } .hero-description { font-size:19px; margin-top:24px; max-width:31ch; } .desktop-break { display:none; }
  .hero-product { position:relative; top:auto; left:auto; right:auto; margin-top:36px; } .hero-product img { border-radius:8px; } figcaption { font-size:12px; line-height:1.5; }
  h2 { font-size:34px; } h3 { font-size:30px; } .workflow { padding-top:32px; } .section-intro { font-size:18px; margin:20px 0 36px; }
  .study-feature { grid-template-columns:1fr; gap:36px; } .settings-image { max-width:430px; margin-inline:auto; width:100%; } .feature-copy { grid-row:1; } .feature-copy > p { margin-bottom:24px; }
  .feature-details div { padding:16px 0; } .replay-feature { margin-top:72px; } .section-heading { grid-template-columns:1fr; gap:20px; margin-bottom:28px; } .section-heading p { font-size:18px; }
  .replay-image img { border-radius:8px; } .replay-note { font-size:14px; text-align:left; }
  .automation-feature { grid-template-columns:1fr; margin-top:72px; padding-top:32px; gap:24px; }
  .development { margin-top:72px; padding-top:32px; } .development-columns { grid-template-columns:1fr; gap:32px; margin-top:30px; } .development h3 { font-size:23px; }
  .closing { margin-top:64px; padding-block:34px; align-items:flex-start; flex-direction:column; gap:24px; } .closing h2 { font-size:32px; }
  .site-footer { flex-wrap:wrap; gap:18px; padding-block:28px; } .site-footer p { flex:1 1 100%; order:3; }
}