:root {
  --cyan: #3498DB;
  --cyan-soft: #74c8ff;
  --violet: #6C5CE7;
  --violet-bright: #8e6cff;
  --slate: #0B0F19;
  --ink: #05070d;
  --ivory: #f4f1ea;
  --ivory-2: #ebe8e0;
  --text: #f8fbff;
  --muted: #9ba8bd;
  --dark-text: #11151c;
  --dark-muted: #626a75;
  --line: rgba(255,255,255,.12);
  --brand: linear-gradient(135deg, var(--cyan) 0%, var(--violet) 100%);
  --brand-wide: linear-gradient(120deg, #47b9f3 0%, #508be8 42%, #805fe9 72%, #b04be3 100%);
  --ease-lux: cubic-bezier(.2,.75,.2,1);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--slate);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; background: var(--slate); }
body { margin: 0; min-width: 320px; background: var(--slate); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { max-width: 100%; display: block; }
::selection { background: rgba(108,92,231,.42); color: white; }

.marketing-site { min-height: 100vh; overflow: clip; background: var(--slate); }

.site-header {
  position: fixed; inset: 0 0 auto; z-index: 100;
  height: 82px; padding: 0 clamp(22px, 4vw, 68px);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  border-bottom: 1px solid transparent;
  transition: height .45s var(--ease-lux), background .45s var(--ease-lux), border-color .45s var(--ease-lux), backdrop-filter .45s var(--ease-lux);
}
.site-header.is-scrolled {
  height: 68px; background: rgba(7,10,18,.72); border-color: rgba(255,255,255,.08);
  backdrop-filter: blur(22px) saturate(145%); -webkit-backdrop-filter: blur(22px) saturate(145%);
}
.brand-link { justify-self: start; width: 138px; display: flex; align-items: center; }
.brand-link img, .footer-brand img { width: 100%; filter: drop-shadow(0 0 18px rgba(70,164,236,.14)); }
.site-header nav { display: flex; align-items: center; gap: 32px; }
.site-header nav a { position: relative; font-size: 13px; font-weight: 620; color: rgba(255,255,255,.82); letter-spacing: .01em; }
.site-header nav a::after { content:""; position:absolute; left:0; right:100%; bottom:-9px; height:1px; background:var(--brand); transition:right .35s var(--ease-lux); }
.site-header nav a:hover::after { right:0; }
.header-actions { justify-self: end; display:flex; align-items:center; gap:16px; }
.header-signin { font-size:13px; font-weight:620; color:rgba(255,255,255,.83); }
.menu-toggle { display:none; width:42px; height:42px; border:1px solid rgba(255,255,255,.12); border-radius:50%; background:rgba(255,255,255,.05); color:white; align-items:center; justify-content:center; }

.button {
  min-height: 46px; padding: 0 22px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  border: 1px solid transparent; font-weight: 700; font-size: 13px; letter-spacing: -.01em;
  transition: transform .3s var(--ease-lux), box-shadow .3s var(--ease-lux), background .3s var(--ease-lux), border-color .3s var(--ease-lux);
}
.button:hover { transform: translateY(-2px); }
.button--primary { color:white; background: var(--brand-wide); box-shadow: 0 12px 38px rgba(77,105,224,.26), inset 0 1px 0 rgba(255,255,255,.28); }
.button--primary:hover { box-shadow: 0 16px 46px rgba(77,105,224,.38), inset 0 1px 0 rgba(255,255,255,.32); }
.button--outline { border-color: rgba(15,20,27,.17); color: var(--dark-text); background: rgba(255,255,255,.52); }
.button--outline:hover { border-color: rgba(15,20,27,.34); background:white; }
.button--header { min-height: 38px; padding: 0 17px; background: rgba(255,255,255,.95); color:#11141b; box-shadow: 0 6px 22px rgba(0,0,0,.12); }
.button--large { min-height: 54px; padding: 0 27px; font-size: 14px; }
.text-link { display:inline-flex; align-items:center; gap:9px; font-size:14px; font-weight:700; color:#1a2028; }
.text-link svg { transition: transform .3s var(--ease-lux); }
.text-link:hover svg { transform: translateX(5px); }
.text-link--light { color: rgba(255,255,255,.92); }

.eyebrow { display:block; margin-bottom:22px; color:#7ccfff; font-size:11px; font-weight:800; letter-spacing:.19em; text-transform:uppercase; }
.eyebrow--dark { color:#40627d; }

.hero {
  --pointer-x: 0; --pointer-y: 0;
  position:relative; min-height: min(980px, 100svh); height: 100svh; max-height: 1050px; overflow:hidden;
  display:flex; align-items:center; background:
    radial-gradient(circle at 70% 32%, rgba(108,92,231,.21), transparent 34%),
    radial-gradient(circle at 18% 12%, rgba(52,152,219,.14), transparent 28%),
    linear-gradient(180deg,#070a12 0%,#0a0f1d 48%,#130e24 100%);
}
.hero::before { content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(90deg,rgba(5,7,13,.92) 0%,rgba(5,7,13,.66) 42%,rgba(5,7,13,.25) 70%,rgba(5,7,13,.55) 100%), linear-gradient(180deg,rgba(4,6,12,.38),transparent 30%,rgba(4,6,12,.22) 68%,#080b13 100%); }
.hero-atmosphere { position:absolute; inset:-20%; z-index:1; background: conic-gradient(from 210deg at 64% 40%, rgba(52,152,219,.0), rgba(52,152,219,.12), rgba(108,92,231,.21), rgba(176,75,227,.08), transparent 63%); filter: blur(80px); transform: translate(calc(var(--pointer-x) * -18px),calc(var(--pointer-y) * -12px)); transition:transform .5s ease-out; }
.hero-city { position:absolute; inset:auto -1% -6% auto; width:min(690px,48vw); height:min(840px,88vh); z-index:1; background-image:url('assets/backgrounds/homeops-city-night-transparent-bg.webp'); background-repeat:no-repeat; background-size:contain; background-position:right bottom; opacity:.74; filter:saturate(.8) brightness(.72) contrast(1.08); transform:translate(calc(var(--pointer-x) * 9px),calc(var(--pointer-y) * 5px)); transition:transform .7s ease-out; mask-image:linear-gradient(to left,#000 62%,transparent 100%),linear-gradient(to top,#000 73%,transparent 100%); -webkit-mask-image:linear-gradient(to left,#000 62%,transparent 100%); }
.hero-content { position:relative; z-index:5; width:min(1580px,100%); height:100%; margin:0 auto; padding:clamp(118px,15vh,170px) clamp(28px,6vw,100px) 90px; display:flex; flex-direction:column; justify-content:center; }
.hero-copy { width:min(740px,58vw); padding-bottom:13vh; }
.hero-copy h1 { margin:0; font-size:clamp(62px,7.7vw,126px); line-height:.87; letter-spacing:-.07em; font-weight:760; color:#fff; }
.hero-copy h1 em { display:inline-block; font-style:normal; font-weight:770; background:var(--brand-wide); -webkit-background-clip:text; background-clip:text; color:transparent; padding-right:.08em; }
.hero-copy p { width:min(630px,100%); margin:30px 0 0; color:rgba(230,237,248,.76); font-size:clamp(17px,1.45vw,22px); line-height:1.58; letter-spacing:-.02em; }
.hero-actions { margin-top:34px; display:flex; align-items:center; gap:28px; }
.hero-actions .text-link { color:rgba(255,255,255,.87); }
.hero-meta { position:absolute; left:clamp(28px,6vw,100px); bottom:42px; display:grid; grid-template-columns:repeat(3,auto); gap:48px; }
.hero-meta div { display:grid; gap:7px; }
.hero-meta small { color:#78869a; font-size:9px; font-weight:800; letter-spacing:.17em; }
.hero-meta strong { color:#e7edf7; font-size:12px; font-weight:650; }
.hero-product { position:absolute; z-index:4; right:clamp(-360px,-17vw,-150px); top:51%; width:clamp(720px,61vw,1100px); transform:translateY(-44%) perspective(1600px) rotateY(-11deg) rotateX(3deg) translate(calc(var(--pointer-x) * -5px),calc(var(--pointer-y) * -3px)); transform-origin:center; filter:drop-shadow(-30px 50px 70px rgba(0,0,0,.5)); transition:transform .7s ease-out; }
.scroll-cue { position:absolute; z-index:7; right:clamp(26px,4vw,68px); bottom:38px; display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.62); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.scroll-cue i { width:38px; height:38px; border:1px solid rgba(255,255,255,.16); border-radius:50%; position:relative; }
.scroll-cue i::before { content:""; position:absolute; left:50%; top:11px; width:1px; height:14px; background:#fff; animation:scrollPulse 1.8s ease-in-out infinite; }
@keyframes scrollPulse { 0%,100%{transform:translate(-50%,0);opacity:.4}50%{transform:translate(-50%,5px);opacity:1} }

.feature-rail { height:58px; overflow:hidden; background:#070a11; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.06); display:flex; align-items:center; }
.feature-rail__track { display:flex; width:max-content; align-items:center; animation:rail 36s linear infinite; }
.feature-rail__track span { display:flex; align-items:center; gap:14px; padding:0 32px; white-space:nowrap; color:#8995a7; font-size:11px; font-weight:650; letter-spacing:.08em; text-transform:uppercase; }
.feature-rail__track i { width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 14px rgba(108,92,231,.9); }
@keyframes rail { to { transform:translateX(-50%); } }

.section { position:relative; padding:clamp(100px,12vw,190px) clamp(26px,5.6vw,90px); }
.section--ivory { background: radial-gradient(circle at 76% 12%, rgba(52,152,219,.07), transparent 32rem), linear-gradient(180deg,#f5f2eb,#ece9e2); color:var(--dark-text); }
.section--dark { background:linear-gradient(150deg,#070a12 0%,#0a0f1b 50%,#15102a 100%); }
.section--gradient { background: radial-gradient(circle at 72% 52%,rgba(91,76,212,.28),transparent 33rem), radial-gradient(circle at 22% 18%,rgba(52,152,219,.12),transparent 28rem), linear-gradient(145deg,#0a0d17,#121024 66%,#17102d); }
.section-intro { width:min(1040px,100%); margin:0 auto 80px; text-align:center; }
.section-intro--left { text-align:left; margin-left:0; margin-bottom:58px; }
.section-intro h2, .split-copy h2, .loop-copy h2, .security-copy h2, .pricing-head h2 { margin:0; font-size:clamp(48px,6vw,92px); line-height:.94; letter-spacing:-.06em; font-weight:720; }
.section-intro p, .split-copy>p, .loop-copy>p, .security-copy>p, .pricing-head p { margin:28px auto 0; width:min(720px,100%); color:var(--dark-muted); font-size:18px; line-height:1.68; letter-spacing:-.015em; }

.platform-stage { position:relative; width:min(1420px,100%); margin:0 auto; padding:30px; }
.platform-stage__halo { position:absolute; inset:12% 3% -4%; background:radial-gradient(ellipse at center,rgba(72,113,214,.17),transparent 68%); filter:blur(35px); }
.platform-stage .product-window { position:relative; transform:perspective(1800px) rotateX(1.5deg); box-shadow:0 48px 120px rgba(23,30,42,.24); }
.stat-row { width:min(1350px,100%); margin:70px auto 0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(17,21,28,.13); }
.stat-row div { padding:28px 34px 0; display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:start; border-right:1px solid rgba(17,21,28,.1); }
.stat-row div:last-child { border-right:0; }
.stat-row strong { font-size:12px; color:#58768d; letter-spacing:.08em; }
.stat-row span { color:#30363f; font-size:14px; line-height:1.5; }

.product-window { overflow:hidden; border-radius:20px; border:1px solid rgba(126,147,190,.26); background:#0c101b; box-shadow:0 34px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08); color:#eef3ff; }
.product-window__bar { height:44px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 17px; background:rgba(13,17,29,.95); border-bottom:1px solid rgba(255,255,255,.07); color:#7e89a0; font-size:9px; letter-spacing:.08em; }
.window-dots { display:flex;gap:6px; }.window-dots i{width:7px;height:7px;border-radius:50%;background:#344058}.window-dots i:nth-child(2){background:#56617a}.window-dots i:nth-child(3){background:#6d7690}
.live-pill { justify-self:end; display:flex;align-items:center;gap:7px;color:#96a5bd; }.live-pill i{width:5px;height:5px;border-radius:50%;background:#6ddb91;box-shadow:0 0 9px #6ddb91}
.product-window__body { display:grid;grid-template-columns:188px minmax(0,1fr);min-height:570px;background:radial-gradient(circle at 65% 0%,rgba(108,92,231,.12),transparent 25rem),linear-gradient(180deg,#0b0f1a,#0e1220); }
.mock-sidebar { display:flex;flex-direction:column;padding:18px 12px;border-right:1px solid rgba(255,255,255,.06);background:rgba(7,10,19,.76); }
.mock-brand { display:flex;align-items:center;gap:8px;padding:2px 10px 23px;color:#dce9ff;font-size:13px}.mock-brand svg{color:#6fbfff}.mock-brand strong{letter-spacing:-.04em}.mock-brand span{color:#8f6fff}
.mock-nav { height:35px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:8px;color:#79869e;font-size:9px;font-weight:650; }.mock-nav i{width:10px;height:10px;border:1px solid #59647b;border-radius:3px}.mock-nav.is-active{color:#e9efff;background:rgba(108,92,231,.13);box-shadow:inset 2px 0 #8a70ff}.mock-nav.is-active i{border-color:#9b83ff;background:rgba(108,92,231,.22)}
.mock-nav-spacer{flex:1}.mock-property{margin:12px 6px 4px;padding:11px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);display:grid;gap:4px}.mock-property small{font-size:7px;color:#65728c;letter-spacing:.13em}.mock-property strong{font-size:9px;color:#d7deed}.mock-property span{font-size:7px;color:#6fca91}
.mock-main{padding:28px 29px}.mock-main__top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.mock-kicker{font-size:7px;color:#6b92e4;letter-spacing:.16em;font-weight:800}.mock-main h3{font-size:26px;letter-spacing:-.05em;margin:6px 0 4px}.mock-main__top p{margin:0;color:#78859d;font-size:9px}.mock-main__top button{border:1px solid rgba(122,128,195,.26);background:linear-gradient(135deg,#6f8dea,#845ddc);color:white;border-radius:8px;padding:9px 12px;font-size:8px;font-weight:700}
.mock-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:22px}.mock-metrics>div{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035);display:grid;gap:6px}.mock-metrics span{color:#728097;font-size:7px;text-transform:uppercase;letter-spacing:.09em}.mock-metrics strong{font-size:18px;letter-spacing:-.04em}.mock-metrics small{font-size:7px;color:#8794aa}.mock-metrics small.good{color:#6ed18c}
.mock-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(150px,.75fr);gap:12px;margin-top:12px}.mock-chart-card,.mock-attention-card{border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.03);padding:16px}.mock-card-head{display:flex;align-items:flex-start;justify-content:space-between}.mock-card-head div{display:grid;gap:4px}.mock-card-head small,.mock-attention-card>small{font-size:7px;color:#68768e;letter-spacing:.12em}.mock-card-head strong{font-size:11px}.mock-card-head>span{font-size:7px;color:#8390a7;background:rgba(255,255,255,.04);padding:5px 7px;border-radius:99px}
.mock-chart{height:190px;display:flex;align-items:end;gap:3px;padding:18px 0 6px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,transparent,rgba(108,92,231,.025));}.mock-chart i{flex:1;min-width:2px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#759adf,#5367a8);opacity:.58}.mock-chart i.marked{background:linear-gradient(180deg,#a580ff,#6f52cf);opacity:1;box-shadow:0 0 11px rgba(128,94,237,.22)}.mock-chart-labels{display:flex;justify-content:space-between;padding-top:7px;color:#5e6b82;font-size:7px}
.mock-attention-card{display:flex;flex-direction:column;gap:8px}.attention-row{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.attention-row:last-child{border-bottom:0}.attention-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(108,92,231,.11);color:#aa92ff;font-size:9px}.attention-row div{display:grid;gap:2px}.attention-row strong{font-size:8px}.attention-row small{color:#68758c;font-size:7px}.attention-row b{font-size:7px;color:#9eabc0;font-weight:650}
.product-window--compact{border-radius:16px}.product-window--compact .product-window__body{min-height:500px}.product-window--compact .mock-main{padding:24px}.product-window--compact .mock-chart{height:160px}

.split-section { display:grid; grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr); gap:clamp(50px,8vw,130px); align-items:center; min-height:900px; }
.split-copy { max-width:650px; }
.split-copy h2,.loop-copy h2,.security-copy h2 { color:white; }
.split-copy>p,.loop-copy>p,.security-copy>p { margin-left:0; color:#9ba8ba; }
.micro-features{margin-top:34px;display:grid;gap:14px}.micro-features span{display:flex;align-items:center;gap:13px;color:#c6cfde;font-size:13px}.micro-features svg{color:#76b9ff;flex:0 0 auto}
.split-visual{min-width:0}
.receipt-demo{position:relative;height:650px;border-radius:32px;background:radial-gradient(circle at 56% 42%,rgba(108,92,231,.21),transparent 40%),linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 50px 100px rgba(0,0,0,.28);overflow:hidden}
.receipt-demo::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.receipt-paper{position:absolute;left:13%;top:13%;width:290px;min-height:430px;padding:42px 30px;background:#f7f2e8;color:#242426;box-shadow:0 35px 70px rgba(0,0,0,.38);transform:rotate(-5deg);font-family:"Courier New",monospace}.receipt-paper::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:14px;background:linear-gradient(135deg,transparent 7px,#f7f2e8 0) 0 0/14px 14px repeat-x}.receipt-paper__logo{text-align:center;font-weight:800;letter-spacing:.16em;font-size:18px}.receipt-paper>small{display:block;text-align:center;margin-top:7px;color:#73716d;font-size:8px;letter-spacing:.12em}.receipt-rule{border-top:1px dashed #aaa59d;margin:25px 0 16px}.receipt-paper p{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.6}.receipt-paper b{font-weight:700}.receipt-paper .receipt-total{margin-top:16px;font-size:13px;font-weight:800}.scan-line{position:absolute;left:8%;top:26%;width:390px;height:2px;background:linear-gradient(90deg,transparent,#55b9ff,#a56cff,transparent);box-shadow:0 0 18px #6aaeff;animation:scan 3.8s ease-in-out infinite;transform:rotate(-5deg)}@keyframes scan{0%,100%{top:25%;opacity:.2}50%{top:72%;opacity:1}}
.glass-card{border:1px solid rgba(154,164,218,.18);background:rgba(14,18,31,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 32px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.07)}
.scan-result{position:absolute;right:8%;bottom:10%;width:min(390px,51%);padding:21px;border-radius:18px}.scan-result__head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}.scan-result__head span{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:#e8edfb}.scan-result__head svg{color:#9b7bff}.scan-result__head b{font-size:8px;color:#76d194;background:rgba(66,181,108,.11);padding:6px 8px;border-radius:99px}.scan-field,.scan-two>div{padding:11px 12px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.025);display:grid;gap:4px;position:relative}.scan-field{margin-bottom:8px}.scan-field small,.scan-two small{font-size:7px;text-transform:uppercase;letter-spacing:.09em;color:#6f7d95}.scan-field strong,.scan-two strong{font-size:10px;color:#e9edf5}.scan-field i{position:absolute;right:10px;bottom:11px;color:#7dd798;font-size:7px;font-style:normal}.scan-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.scan-result button{width:100%;margin-top:7px;height:38px;border:0;border-radius:9px;background:linear-gradient(135deg,#5689e5,#805bdc);color:white;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}

.loop-grid { width:min(1440px,100%); margin:0 auto; display:grid; grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr); align-items:center; gap:clamp(50px,8vw,130px); }
.loop-copy{max-width:650px}.loop-visual-wrap{display:grid;place-items:center;min-height:620px}
.ops-visual{position:relative;width:min(600px,100%);aspect-ratio:1/1;display:grid;place-items:center}.ops-orbit{position:absolute;border:1px solid rgba(128,145,222,.18);border-radius:50%;}.ops-orbit--one{inset:15%;animation:orbitPulse 5s ease-in-out infinite}.ops-orbit--two{inset:4%;border-color:rgba(108,92,231,.13);animation:orbitPulse 5s ease-in-out 1.2s infinite}@keyframes orbitPulse{0%,100%{transform:scale(.98);opacity:.55}50%{transform:scale(1.02);opacity:1}}
.ops-core{position:relative;z-index:3;width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,rgba(93,185,255,.2),transparent 40%),linear-gradient(145deg,#191f35,#141226);border:1px solid rgba(121,139,225,.32);box-shadow:0 30px 70px rgba(0,0,0,.32),0 0 80px rgba(88,82,215,.12);color:#f1f5ff}.ops-core svg{color:#79baff;margin-bottom:10px}.ops-core strong{font-size:16px}.ops-core span{margin-top:4px;color:#8693aa;font-size:9px}
.ops-node{position:absolute;z-index:4;width:112px;height:112px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#dbe5f6;background:rgba(17,22,38,.86);border:1px solid rgba(121,139,225,.2);box-shadow:0 22px 45px rgba(0,0,0,.24);font-size:10px;font-weight:700}.ops-node svg{color:#8f7cff}.ops-node--bills{left:4%;top:28%}.ops-node--docs{right:7%;top:11%}.ops-node--maint{right:0;bottom:22%}.ops-node--reports{left:18%;bottom:2%}.ops-node--receipts{left:41%;top:1%}
.ops-node::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(99,190,255,.25),rgba(120,89,232,.04),rgba(120,89,232,.2));z-index:-1;opacity:.45}

.feature-mosaic{padding-top:130px}.mosaic-grid{width:min(1450px,100%);margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.mosaic-card{position:relative;overflow:hidden;min-height:420px;padding:42px;border:1px solid rgba(19,25,31,.1);border-radius:22px;background:rgba(255,255,255,.58);box-shadow:0 16px 45px rgba(40,50,60,.06);}.mosaic-card--large{grid-row:span 2;min-height:858px;display:flex;flex-direction:column}.mosaic-card--wide{grid-column:1/-1;min-height:390px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.mosaic-card>span,.mosaic-copy>span{color:#5f7180;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.mosaic-card h3,.mosaic-copy h3{margin:10px 0 12px;font-size:clamp(28px,3vw,47px);line-height:1;letter-spacing:-.05em}.mosaic-card p,.mosaic-copy p{margin:0;color:#68707a;line-height:1.62;font-size:14px;max-width:560px}.mosaic-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;margin-bottom:25px;color:#4d75b8;background:linear-gradient(145deg,rgba(52,152,219,.12),rgba(108,92,231,.08));border:1px solid rgba(52,99,157,.12)}
.property-card{margin-top:auto;display:grid;grid-template-columns:1.1fr .9fr;min-height:430px;border-radius:18px;overflow:hidden;background:#0d121e;color:#edf3ff;box-shadow:0 30px 65px rgba(24,31,39,.18)}.property-card__scene{position:relative;background:radial-gradient(circle at 50% 72%,rgba(86,145,221,.28),transparent 30%),linear-gradient(165deg,#141d30,#0a0f1a);display:grid;place-items:center;overflow:hidden}.property-card__scene::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px}.house-outline{position:relative;width:170px;height:145px;border:1px solid rgba(129,186,255,.5);border-top:0;margin-top:35px;box-shadow:0 0 35px rgba(52,152,219,.08)}.house-outline::before,.house-outline::after{content:"";position:absolute;top:-62px;width:124px;height:1px;background:linear-gradient(90deg,rgba(126,188,255,.7),rgba(132,111,245,.5));}.house-outline::before{left:-4px;transform:rotate(-30deg);transform-origin:left}.house-outline::after{right:-4px;transform:rotate(30deg);transform-origin:right}.house-outline span{position:absolute;bottom:0;left:65px;width:42px;height:65px;border:1px solid rgba(143,120,238,.5);border-bottom:0}.house-outline i{position:absolute;width:34px;height:28px;left:22px;top:40px;border:1px solid rgba(129,186,255,.4)}.house-outline b{position:absolute;width:34px;height:28px;right:22px;top:40px;border:1px solid rgba(129,186,255,.4)}
.property-card__info{padding:38px 30px;display:flex;flex-direction:column;justify-content:center}.property-card__info>small{font-size:8px;color:#6e7d98;letter-spacing:.13em}.property-card__info>strong{font-size:22px;letter-spacing:-.04em;margin-top:9px}.property-card__info>span{font-size:10px;color:#8390a7;margin-top:5px}.property-card__info>div{margin-top:50px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;display:grid;gap:4px}.property-card__info b{font-size:27px;letter-spacing:-.04em}.property-card__info div small{font-size:8px;color:#718099;text-transform:uppercase;letter-spacing:.08em}
.mini-list{margin-top:36px;border-top:1px solid rgba(17,21,28,.08)}.mini-list div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(17,21,28,.08);font-size:11px;color:#37404a}.mini-list b{font-weight:650;color:#68717b;font-size:10px}.dot{width:6px;height:6px;border-radius:50%;background:#83a0b5}.dot--amber{background:#e5a23a}.dot--green{background:#59b66c}
.doc-stack{position:relative;height:160px;margin-top:35px}.doc-stack>i{position:absolute;width:74%;height:108px;border-radius:14px;border:1px solid rgba(28,39,51,.08);background:#f8f8f5;left:50%;transform:translateX(-50%);box-shadow:0 14px 30px rgba(30,40,50,.06)}.doc-stack>i:nth-child(1){top:28px;transform:translateX(-50%) rotate(-5deg)}.doc-stack>i:nth-child(2){top:20px;transform:translateX(-50%) rotate(4deg)}.doc-stack>i:nth-child(3){top:10px}.doc-stack>div{position:absolute;z-index:2;left:11%;right:11%;top:0;height:112px;border-radius:14px;background:linear-gradient(145deg,#151c29,#202844);color:white;padding:23px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:14px;align-content:center}.doc-stack svg{grid-row:1/3;color:#79baff}.doc-stack strong{font-size:12px}.doc-stack small{font-size:8px;color:#8d99ae}
.period-timeline{padding:30px;border-radius:17px;background:#111724;color:white}.timeline-track{position:relative;height:86px;border-bottom:1px solid rgba(255,255,255,.11);background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 10%)}.period-block{position:absolute;height:23px;border-radius:6px;top:26px}.period-block--one{left:12%;width:35%;background:linear-gradient(90deg,#658fdc,#8166db);box-shadow:0 0 22px rgba(108,92,231,.2)}.period-block--two{left:62%;width:20%;background:linear-gradient(90deg,#3d8fb8,#61b2ca)}.timeline-labels{display:flex;justify-content:space-between;padding-top:9px;color:#68768f;font-size:8px}.period-caption{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.period-caption b{font-size:12px}.period-caption span{font-size:9px;color:#8e9cb4}

.section--security{background:linear-gradient(155deg,#05070c,#0a0e18 55%,#100c1c);overflow:hidden}.security-glow{position:absolute;width:700px;height:700px;right:-180px;top:-210px;border-radius:50%;background:radial-gradient(circle,rgba(88,95,233,.18),transparent 65%);filter:blur(20px)}.security-grid{position:relative;z-index:2;width:min(1380px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px);align-items:center}.security-copy{max-width:650px}.security-copy .security-note{font-size:12px;color:#697489;line-height:1.6;padding-left:14px;border-left:1px solid rgba(130,148,208,.28)}.security-panels{display:grid;gap:12px}.security-panel{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;padding:24px;border:1px solid rgba(131,148,204,.12);border-radius:16px;background:rgba(255,255,255,.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.security-panel>svg{width:46px;height:46px;padding:12px;border-radius:13px;color:#82a7ff;background:linear-gradient(145deg,rgba(52,152,219,.12),rgba(108,92,231,.12));border:1px solid rgba(124,144,217,.13)}.security-panel div{display:grid;gap:7px}.security-panel strong{font-size:14px}.security-panel span{font-size:12px;line-height:1.55;color:#8491a7}

.section--pricing{background:radial-gradient(circle at 50% 0,rgba(65,145,219,.08),transparent 34rem),linear-gradient(180deg,#f6f3ed,#ebe7df);color:var(--dark-text)}.pricing-head{width:min(1420px,100%);margin:0 auto 60px;display:flex;justify-content:space-between;gap:60px;align-items:end}.pricing-head>div:first-child{max-width:830px}.pricing-head p{margin-left:0;max-width:650px}.billing-toggle{flex:0 0 auto;display:flex;padding:4px;border:1px solid rgba(17,21,28,.1);border-radius:999px;background:rgba(255,255,255,.58);box-shadow:0 8px 24px rgba(40,48,58,.05)}.billing-toggle button{border:0;background:transparent;color:#717781;height:40px;padding:0 16px;border-radius:999px;font-size:10px;font-weight:700;cursor:pointer;transition:.3s var(--ease-lux)}.billing-toggle button span{margin-left:6px;color:#50875d}.billing-toggle button.is-active{background:#111721;color:white;box-shadow:0 5px 14px rgba(0,0,0,.12)}.billing-toggle button.is-active span{color:#8fd49e}
.pricing-grid{width:min(1420px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{position:relative;min-height:650px;padding:38px 34px;border:1px solid rgba(21,26,33,.1);border-radius:22px;background:rgba(255,255,255,.62);box-shadow:0 18px 50px rgba(37,44,53,.06);display:flex;flex-direction:column;transition:transform .35s var(--ease-lux),box-shadow .35s var(--ease-lux)}.plan-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(37,44,53,.11)}.plan-card--featured{background:linear-gradient(155deg,#111725,#17142c);color:white;border-color:rgba(108,92,231,.36);box-shadow:0 30px 70px rgba(32,30,55,.18)}.plan-badge{position:absolute;right:22px;top:20px;padding:7px 9px;border-radius:999px;background:rgba(108,92,231,.17);border:1px solid rgba(143,119,255,.24);color:#c2b5ff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.plan-card__top>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:#6b7884}.plan-card--featured .plan-card__top>span{color:#8c95ad}.plan-card h3{margin:10px 0 12px;font-size:38px;letter-spacing:-.055em}.plan-card__top p{margin:0;color:#6d747e;font-size:13px;line-height:1.55;min-height:62px}.plan-card--featured .plan-card__top p{color:#919bb0}.plan-price{margin-top:35px;display:flex;align-items:end;gap:10px}.plan-price strong{font-size:53px;line-height:.9;letter-spacing:-.06em}.plan-price span{font-size:9px;color:#6c747e;padding-bottom:5px;text-transform:uppercase;letter-spacing:.08em}.plan-card--featured .plan-price span{color:#858fa5}.annual-note{display:block;margin:10px 0 0;color:#588466;font-size:9px}.plan-card--featured .annual-note{color:#8cc99c}.plan-card .button{margin-top:24px;width:100%}.plan-card--featured .button--primary{box-shadow:0 12px 35px rgba(71,91,220,.24)}.plan-rule{height:1px;background:rgba(19,25,31,.09);margin:30px 0 24px}.plan-card--featured .plan-rule{background:rgba(255,255,255,.08)}.plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.plan-card li{display:flex;align-items:center;gap:10px;font-size:11px;color:#4b535d}.plan-card li svg{color:#4c8c6a;flex:0 0 auto}.plan-card--featured li{color:#b7c0d0}.plan-card--featured li svg{color:#87a8ff}.pricing-footnote{width:min(1420px,100%);margin:26px auto 0;color:#858b92;font-size:10px;text-align:center}

.final-cta{position:relative;min-height:780px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#070a11,#0a0e19 58%,#110c20)}.final-cta::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#080b13 0%,rgba(8,11,19,.3) 30%,rgba(8,11,19,.48) 70%,#080b13 100%)}.final-cta__city{position:absolute;inset:auto 0 -20% 0;height:92%;background-image:url('assets/backgrounds/homeops-city-night-transparent-bg.webp');background-size:auto 100%;background-repeat:repeat-x;background-position:center bottom;opacity:.38;filter:saturate(.75) brightness(.58);mask-image:linear-gradient(to top,#000 72%,transparent 100%)}.final-cta__glow{position:absolute;z-index:1;width:900px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(93,80,225,.22),transparent 65%);filter:blur(30px)}.final-cta__content{position:relative;z-index:4;text-align:center;max-width:1050px;padding:100px 28px}.final-cta__content>img{width:190px;margin:0 auto 34px}.final-cta h2{margin:0;color:white;font-size:clamp(48px,6vw,88px);line-height:.96;letter-spacing:-.06em;font-weight:720}.final-cta h2 em{font-style:normal;background:var(--brand-wide);-webkit-background-clip:text;background-clip:text;color:transparent}.final-cta p{margin:25px auto 0;color:#93a0b4;font-size:17px}.final-cta__content>div{margin-top:35px;display:flex;align-items:center;justify-content:center;gap:28px}
footer{padding:42px clamp(24px,5vw,76px);display:grid;grid-template-columns:150px 1fr auto auto;gap:32px;align-items:center;background:#06080d;border-top:1px solid rgba(255,255,255,.06);color:#718096}.footer-brand{width:130px}footer p{margin:0;font-size:11px}footer>div{display:flex;gap:20px}footer a{font-size:10px;color:#8995aa}footer small{font-size:9px;color:#596578}

[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease-lux),transform 1s var(--ease-lux)}[data-reveal].is-visible{opacity:1;transform:none}.hero [data-reveal]:nth-child(2){transition-delay:.18s}.pricing-grid[data-reveal]{transition-delay:.1s}.mosaic-card[data-reveal]:nth-child(2){transition-delay:.08s}.mosaic-card[data-reveal]:nth-child(3){transition-delay:.14s}.mosaic-card[data-reveal]:nth-child(4){transition-delay:.18s}

@media (max-width: 1180px){
  .site-header{grid-template-columns:1fr auto}.header-actions{grid-column:2}.menu-toggle{display:flex}.site-header nav{display:flex;position:fixed;inset:72px 18px auto auto;width:min(320px,calc(100vw - 36px));flex-direction:column;align-items:stretch;gap:0;padding:14px;border-radius:16px;background:rgba(8,11,20,.96);border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 70px rgba(0,0,0,.45);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);opacity:0;pointer-events:none;transform:translateY(-10px);transition:.25s var(--ease-lux)}.site-header nav.is-open{opacity:1;pointer-events:auto;transform:none}.site-header nav a{padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.site-header nav a:last-child{border-bottom:0}.site-header nav a::after{display:none}.hero-product{right:-440px;width:980px;opacity:.82}.hero-copy{width:min(700px,68vw)}.split-section,.loop-grid{grid-template-columns:1fr;}.split-copy,.loop-copy{max-width:780px}.split-section{padding-bottom:100px}.split-visual{width:min(850px,100%);margin:0 auto}.loop-visual-wrap{min-height:560px}.security-grid{grid-template-columns:1fr;}.security-copy{max-width:800px}.security-panels{grid-template-columns:repeat(3,1fr)}.security-panel{grid-template-columns:1fr}.pricing-head{display:grid}.billing-toggle{justify-self:start}.pricing-grid{gap:12px}.plan-card{padding:32px 25px}.mosaic-grid{grid-template-columns:1fr 1fr}.mosaic-card--large{grid-column:1/-1;grid-row:auto;min-height:760px}.mosaic-card--wide{grid-template-columns:1fr 1fr}footer{grid-template-columns:130px 1fr auto}footer small{grid-column:1/-1}
}

@media (max-width: 850px){
  .site-header{height:68px;padding:0 20px}.site-header.is-scrolled{height:62px}.brand-link{width:122px}.header-signin,.button--header{display:none}.site-header nav{inset:62px 14px auto;width:auto}
  .hero{height:auto;min-height:1100px;max-height:none;align-items:start}.hero::before{background:linear-gradient(180deg,rgba(5,7,13,.42),rgba(5,7,13,.48) 38%,#080b13 87%)}.hero-city{width:100%;height:620px;right:-25%;bottom:5%;opacity:.45}.hero-content{padding:128px 24px 520px;justify-content:flex-start}.hero-copy{width:100%;padding-bottom:0}.hero-copy h1{font-size:clamp(57px,17vw,88px)}.hero-copy p{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-product{right:-190px;bottom:50px;top:auto;width:680px;transform:perspective(1500px) rotateY(-8deg) rotateX(3deg);opacity:.72}.hero-meta{display:none}.scroll-cue{display:none}
  .section{padding:100px 22px}.section-intro h2,.split-copy h2,.loop-copy h2,.security-copy h2,.pricing-head h2{font-size:clamp(46px,13vw,70px)}.section-intro{margin-bottom:55px}.platform-stage{padding:0;overflow:visible}.platform-stage .product-window{width:950px;transform:scale(.7);transform-origin:left top;margin-bottom:-170px}.stat-row{grid-template-columns:1fr;margin-top:40px}.stat-row div{border-right:0;border-bottom:1px solid rgba(17,21,28,.1);padding:20px 0}.stat-row div:last-child{border-bottom:0}
  .split-section{grid-template-columns:1fr;min-height:0}.receipt-demo{height:610px}.receipt-paper{left:7%;top:10%;width:260px}.scan-result{right:5%;width:58%}.loop-grid{grid-template-columns:1fr}.loop-visual-wrap{min-height:480px}.ops-visual{width:500px;max-width:120%;}.ops-node{width:90px;height:90px;border-radius:22px}.ops-core{width:155px;height:155px}.mosaic-grid{grid-template-columns:1fr}.mosaic-card--large,.mosaic-card--wide{grid-column:auto;grid-template-columns:1fr;min-height:0}.mosaic-card{padding:30px;min-height:390px}.mosaic-card--large{min-height:720px}.property-card{grid-template-columns:1fr;min-height:430px}.property-card__scene{min-height:260px}.mosaic-card--wide{gap:35px}.security-panels{grid-template-columns:1fr}.pricing-head{gap:34px}.billing-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr}.billing-toggle button{padding:0 9px}.billing-toggle button span{display:none}.pricing-grid{grid-template-columns:1fr}.plan-card{min-height:0}.pricing-footnote{text-align:left}.final-cta{min-height:680px}.final-cta__content>div{flex-direction:column}.final-cta h2{font-size:clamp(46px,13vw,68px)}footer{grid-template-columns:1fr;gap:18px}footer>div{flex-wrap:wrap}
}

@media (max-width: 520px){
  .eyebrow{font-size:9px;letter-spacing:.15em}.hero{min-height:1120px}.hero-content{padding-left:20px;padding-right:20px;padding-bottom:520px}.hero-copy h1{font-size:54px}.hero-copy p{font-size:15px}.button--large{min-height:50px;padding:0 22px}.hero-product{width:600px;right:-240px}.product-window__body{grid-template-columns:160px minmax(0,1fr)}.feature-rail{height:52px}.feature-rail__track span{padding:0 22px}.section{padding-left:20px;padding-right:20px}.section-intro p,.split-copy>p,.loop-copy>p,.security-copy>p,.pricing-head p{font-size:16px}.platform-stage .product-window{transform:scale(.48);margin-bottom:-300px}.receipt-demo{height:650px}.receipt-paper{left:50%;transform:translateX(-50%) rotate(-4deg);width:230px}.scan-result{right:4%;left:4%;bottom:4%;width:auto}.scan-line{left:-5%;width:110%}.ops-visual{transform:scale(.84)}.mosaic-card{padding:26px}.mosaic-card--large{min-height:680px}.property-card__info{padding:28px 22px}.period-timeline{padding:20px}.period-caption{align-items:flex-start;flex-direction:column;gap:5px}.billing-toggle button{font-size:9px}.plan-card{padding:30px 24px}.final-cta__content{padding-left:20px;padding-right:20px}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-atmosphere,.hero-city,.hero-product{transform:none!important}[data-reveal]{opacity:1;transform:none}
}