.home-page { overflow-x: hidden; }
.home-page main { display: block; }
.home-hero { position: relative; min-height: 730px; padding: 92px max(26px, calc((100vw - var(--content-wide)) / 2)) 118px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 64px; align-items: center; overflow: hidden; isolation: isolate; background: linear-gradient(135deg,#0b1430 0%,#111f49 52%,#192d64 100%); color: #fff; }
.home-hero::after { content:""; position:absolute; inset:0; z-index:-2; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:62px 62px; mask-image:linear-gradient(90deg,transparent,#000 40%,#000); }
.hero-orb { position:absolute; z-index:-1; border-radius:50%; filter:blur(8px); opacity:.52; }
.hero-orb-one { width:520px; height:520px; right:2%; top:-34%; background:radial-gradient(circle,#6d83ff,transparent 68%); }
.hero-orb-two { width:360px; height:360px; left:32%; bottom:-40%; background:radial-gradient(circle,#46d2bd,transparent 68%); opacity:.25; }
.hero-copy { position:relative; z-index:2; }
.hero-copy .eyebrow { color:var(--mint); }
.hero-copy h1 { max-width:650px; margin:17px 0 25px; font-size:var(--font-display); line-height:.92; letter-spacing:-.068em; }
.hero-copy>p { max-width:630px; margin:0; color:#d3dcf7; font-size:clamp(1.08rem,1.7vw,1.28rem); line-height:1.6; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:11px 18px; border:1px solid transparent; border-radius:11px; font-weight:800; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
.button:hover { transform:translateY(-2px); }
.button.primary { background:linear-gradient(135deg,#6680ff,#4d65ee); color:#fff; box-shadow:0 14px 34px rgba(53,80,188,.35); }
.button.ghost { border-color:rgba(198,210,255,.42); background:rgba(255,255,255,.04); color:#fff; }
.button.light { background:#fff; color:var(--ink); }
.hero-notes { display:flex; gap:10px 22px; flex-wrap:wrap; margin-top:26px; color:#aeb9d8; font-size:.78rem; font-weight:700; }
.hero-notes span::before { content:""; display:inline-block; width:5px; height:5px; margin:0 8px 2px 0; border-radius:50%; background:var(--mint); }
.hero-product { position:relative; width:min(730px,60vw); transform:perspective(1400px) rotateY(-4deg) rotateX(1.5deg); transform-origin:center; }
.browser-frame { overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:20px; background:#fff; box-shadow:0 42px 100px rgba(0,0,0,.42); }
.browser-bar { height:38px; padding:0 15px; display:flex; align-items:center; gap:7px; background:#eef1f8; border-bottom:1px solid #d8deec; color:#69738c; font-size:.7rem; }
.browser-bar span { width:8px; height:8px; border-radius:50%; background:#bdc5d8; }
.browser-bar strong { margin-left:8px; font-weight:750; }
.browser-frame img { display:block; width:100%; }
.floating-card { position:absolute; z-index:3; display:flex; gap:10px; align-items:center; padding:13px 16px; border:1px solid rgba(255,255,255,.22); border-radius:14px; background:rgba(12,23,52,.88); box-shadow:0 18px 45px rgba(0,0,0,.3); backdrop-filter:blur(14px); transform:translateZ(30px); }
.floating-card small,.floating-card strong { display:block; }
.floating-card small { color:#9eabc9; font-size:.69rem; }
.floating-card strong { font-size:.9rem; }
.floating-card-one { left:-36px; bottom:54px; }
.floating-card-two { right:-25px; top:76px; }
.live-dot { width:9px; height:9px; border-radius:50%; background:#50d58f; box-shadow:0 0 0 5px rgba(80,213,143,.14); }

.trust-strip { width:min(calc(100% - 52px),var(--content-wide)); margin:-38px auto 0; position:relative; z-index:5; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:19px; overflow:hidden; background:#fff; box-shadow:var(--shadow-soft); }
.trust-strip div { padding:23px 24px; }
.trust-strip div+div { border-left:1px solid var(--line); }
.trust-strip strong,.trust-strip span { display:block; }
.trust-strip strong { font-size:1.15rem; letter-spacing:-.025em; }
.trust-strip span { color:var(--muted); font-size:.78rem; }
.home-section { width:min(100%,var(--content-wide)); margin:0 auto; padding:110px 26px; }
.section-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:end; margin-bottom:44px; }
.section-heading .eyebrow,.story-heading .eyebrow,.install-card .eyebrow { color:var(--blue-dark); }
.section-heading h2,.story-heading h2,.confidence-copy h2,.install-card h2,.closing-cta h2 { margin:12px 0 0; font-size:var(--font-section-title); line-height:1.02; letter-spacing:-.055em; }
.section-heading>p { margin:0 0 7px; color:var(--muted); font-size:1.06rem; }
.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.value-grid article { position:relative; min-height:270px; padding:30px; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; transition:transform .2s ease,box-shadow .2s ease; }
.value-grid article:hover { transform:translateY(-5px); box-shadow:var(--shadow-soft); }
.value-grid article::after { content:""; position:absolute; width:150px; height:150px; right:-65px; bottom:-70px; border-radius:50%; background:radial-gradient(circle,#dde5ff,transparent 70%); }
.card-number { color:var(--blue-dark); font-size:.72rem; font-weight:850; letter-spacing:.12em; }
.value-grid h3 { margin:62px 0 9px; font-size:1.36rem; letter-spacing:-.03em; }
.value-grid p { margin:0; color:var(--muted); }

.product-story { padding:106px max(26px,calc((100vw - var(--content-wide))/2)) 120px; background:#0b1430; color:#fff; }
.story-heading { max-width:790px; margin-bottom:44px; }
.story-heading .eyebrow { color:var(--mint); }
.story-heading p { max-width:690px; color:#aeb9d8; font-size:1.08rem; }
.story-shell { display:grid; grid-template-columns:270px 1fr; gap:28px; }
.story-tabs { display:grid; align-content:start; border-top:1px solid rgba(255,255,255,.14); }
.story-tabs button { appearance:none; width:100%; padding:20px 9px; display:flex; align-items:center; gap:15px; border:0; border-bottom:1px solid rgba(255,255,255,.14); background:transparent; color:#9eabc9; text-align:left; font-weight:700; cursor:pointer; transition:color .18s ease,padding .18s ease; }
.story-tabs button span { color:#627096; font-size:.7rem; }
.story-tabs button[aria-selected="true"] { padding-left:18px; color:#fff; }
.story-tabs button[aria-selected="true"] span { color:var(--mint); }
.story-stage { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:23px; background:#101d40; box-shadow:0 34px 80px rgba(0,0,0,.32); }
.story-description { min-height:188px; padding:30px 34px 27px; display:grid; grid-template-columns:145px 1fr; column-gap:26px; align-items:start; }
.story-description .eyebrow { grid-row:1/3; padding-top:7px; color:var(--mint); }
.story-description h3 { margin:0; font-size:clamp(1.65rem,3vw,2.55rem); line-height:1.05; letter-spacing:-.045em; }
.story-description p { max-width:670px; margin:10px 0 0; color:#aeb9d8; }
.story-stage figure { margin:0; overflow:hidden; border-top:1px solid rgba(255,255,255,.12); background:#fff; }
.story-stage img { display:block; width:100%; transition:opacity .22s ease,transform .22s ease; }
.story-stage img.is-changing { opacity:.12; transform:scale(.992); }

.module-preview-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.module-preview-grid a { position:relative; min-height:210px; padding:25px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fff; color:var(--ink); text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.module-preview-grid a:hover { z-index:1; transform:translateY(-5px) scale(1.015); border-color:#a7b6ea; box-shadow:var(--shadow-soft); }
.module-preview-grid span { color:var(--blue-dark); font-size:.69rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.module-preview-grid h3 { margin:20px 0 7px; font-size:1.35rem; }
.module-preview-grid p { max-width:270px; margin:0; color:var(--muted); font-size:.92rem; }
.module-preview-grid b { position:absolute; right:22px; bottom:17px; color:#6d82db; font-size:1.35rem; }
.text-link { display:inline-flex; gap:9px; margin-top:28px; color:var(--blue-dark); font-weight:800; text-decoration:none; }

.confidence-section { display:grid; grid-template-columns:1fr 1fr; gap:90px; padding:110px max(26px,calc((100vw - var(--content-wide))/2)); background:linear-gradient(135deg,#18295a,#243a78); color:#fff; }
.confidence-copy .eyebrow { color:var(--mint); }
.confidence-copy p { max-width:580px; color:#cbd5f0; font-size:1.06rem; }
.confidence-copy .button { margin-top:17px; }
.confidence-list { display:grid; }
.confidence-list article { padding:23px 0; display:grid; grid-template-columns:44px 1fr; gap:16px; border-bottom:1px solid rgba(255,255,255,.16); }
.confidence-list article:first-child { border-top:1px solid rgba(255,255,255,.16); }
.confidence-list span { color:var(--mint); font-size:.72rem; font-weight:800; }
.confidence-list h3 { margin:0; font-size:1.12rem; }
.confidence-list p { margin:3px 0 0; color:#aeb9d8; font-size:.9rem; }

.install-card { padding:55px; display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; border:1px solid var(--line); border-radius:24px; background:#fff; box-shadow:var(--shadow-soft); }
.install-card p { color:var(--muted); }
.requirements { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.requirements span { padding:12px 13px; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:#394968; font-size:.84rem; font-weight:700; }
.closing-cta { padding:112px 26px 120px; background:radial-gradient(circle at 20% 0,#283e7c 0,transparent 34%),#0b1430; color:#fff; text-align:center; }
.closing-cta .eyebrow { color:var(--mint); }
.closing-cta h2 { max-width:820px; margin-left:auto; margin-right:auto; }
.closing-cta p { max-width:680px; margin:20px auto 28px; color:#b7c2df; font-size:1.08rem; }
.closing-cta>div:last-child { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }

@media(max-width:980px){
  .home-hero { min-height:auto; grid-template-columns:1fr; padding-top:70px; }
  .hero-copy { max-width:760px; }
  .hero-product { width:min(100%,820px); margin:10px auto 0; transform:none; }
  .floating-card-one { left:16px; }.floating-card-two{right:16px;}
  .story-shell { grid-template-columns:1fr; }
  .story-tabs { grid-template-columns:repeat(5,1fr); border:0; }
  .story-tabs button { justify-content:center; padding:15px 7px; border-top:1px solid rgba(255,255,255,.14); }
  .story-tabs button[aria-selected="true"] { padding-left:7px; background:rgba(255,255,255,.06); }
  .story-tabs button span { display:none; }
}

@media(max-width:760px){
  .home-hero { padding:62px 20px 90px; gap:44px; }
  .hero-copy h1 { font-size:clamp(3.45rem,17vw,5rem); }
  .hero-notes { display:grid; }
  .floating-card { display:none; }
  .trust-strip { width:calc(100% - 28px); grid-template-columns:1fr 1fr; }
  .trust-strip div { padding:18px; }
  .trust-strip div:nth-child(3) { border-left:0; border-top:1px solid var(--line); }
  .trust-strip div:nth-child(4) { border-top:1px solid var(--line); }
  .home-section,.product-story,.confidence-section { padding:82px 20px; }
  .section-heading { grid-template-columns:1fr; gap:18px; }
  .value-grid,.module-preview-grid,.confidence-section,.install-card { grid-template-columns:1fr; }
  .value-grid article { min-height:235px; }
  .story-tabs { grid-template-columns:repeat(3,1fr); }
  .story-description { display:block; min-height:220px; padding:25px; }
  .story-description .eyebrow { margin-bottom:9px; }
  .install-card { padding:30px 24px; gap:30px; }
  .requirements { grid-template-columns:1fr; }
  .closing-cta { padding:88px 20px; }
}