:root {
  --bg: #090a0d;
  --bg-soft: #0e1015;
  --panel: #11141a;
  --panel-2: #171a21;
  --text: #f1f1ed;
  --muted: #9b9da4;
  --line: rgba(255,255,255,.12);
  --red: #ff5b46;
  --red-dark: #b9342b;
  --ice: #d7d9dd;
  --display: 'Barlow Condensed', Impact, 'Arial Narrow', sans-serif;
  --body: 'DM Sans', 'Segoe UI', sans-serif;
  --wide: 'Space Grotesk', 'Segoe UI', sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--body); overflow-x: hidden; }
::selection { color: #090a0d; background: var(--red); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.ambient { position: fixed; z-index: -2; width: 44rem; height: 44rem; border-radius: 50%; filter: blur(115px); opacity: .1; pointer-events: none; }
.ambient-one { background: #ed382f; top: -25rem; left: -14rem; }
.ambient-two { background: #535b91; right: -31rem; top: 35%; opacity: .09; }
.noise { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .025; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.section-shell { width: min(1180px, calc(100% - 64px)); margin-inline: auto; }
.site-header { width: min(1320px, calc(100% - 64px)); height: 86px; margin: auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: relative; z-index: 30; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 200px; }
.brand-mark { width: 34px; height: 34px; display: flex; align-items: end; justify-content: center; gap: 3px; border: 1px solid rgba(255,91,70,.4); padding: 8px 7px; transform: skew(-8deg); box-shadow: 0 0 22px rgba(255,91,70,.12); }
.brand-mark span { width: 4px; background: var(--red); display: block; border-radius: 2px; animation: equalize 1.15s ease-in-out infinite alternate; }
.brand-mark span:nth-child(1) { height: 9px; animation-delay: -.3s; }.brand-mark span:nth-child(2) { height: 17px; animation-delay: -.7s; }.brand-mark span:nth-child(3) { height: 12px; animation-delay: -.1s; }
.brand-copy { display: flex; flex-direction: column; gap: 2px; line-height: 1; }
.brand-copy strong { font-family: var(--wide); font-size: 13px; letter-spacing: .16em; font-weight: 700; }.brand-copy i { color: var(--red); font-style: normal; }
.brand-copy small { font-size: 8px; letter-spacing: .23em; color: #85868c; }
.main-nav { display: flex; align-items: center; gap: clamp(20px, 3.2vw, 46px); color: #aaaeb6; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.main-nav a { transition: color .25s ease; }.main-nav a:hover { color: var(--red); }
.nav-cta { border: 1px solid rgba(255,255,255,.2); padding: 12px 16px; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transition: .3s; }
.nav-cta span { color: var(--red); padding-left: 10px; font-size: 14px; }.nav-cta:hover { border-color: var(--red); box-shadow: 0 0 24px rgba(255,91,70,.14); transform: translateY(-2px); }
.menu-toggle { display: none; background: none; border: 0; padding: 10px; }.menu-toggle span { display: block; background: var(--text); height: 2px; width: 24px; margin: 5px; }
.hero { min-height: 790px; padding-top: 100px; padding-bottom: 94px; position: relative; }
.hero-copy { text-align: center; max-width: 900px; margin: 0 auto; }
.eyebrow { font-size: 9px; font-weight: 700; color: #c2c2c4; letter-spacing: .22em; display: flex; align-items: center; gap: 10px; justify-content: center; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; background: var(--red); box-shadow: 0 0 0 5px rgba(255,91,70,.1), 0 0 15px var(--red); animation: pulse 2s infinite; }
h1, h2, h3, p { margin-top: 0; }
.hero h1 { font-family: var(--display); font-size: clamp(86px, 14vw, 174px); line-height: .78; letter-spacing: -.025em; font-weight: 900; margin: 33px 0 24px; text-transform: uppercase; }
.hero h1 span { color: var(--red); text-shadow: 0 0 55px rgba(255,91,70,.23); }
.hero-lead { font-size: 14px; line-height: 1.8; color: #aeb0b5; max-width: 590px; margin: 0 auto; }.hero-lead strong { color: var(--text); font-weight: 700; }
.hero-meta { display: flex; justify-content: center; gap: 28px; margin-top: 26px; color: #777b83; font-size: 8px; font-weight: 700; letter-spacing: .17em; }.hero-meta span { display: flex; gap: 8px; align-items: center; }.meta-icon { color: var(--red); font-family: var(--wide); font-size: 9px; }
.preview-wrap { max-width: 900px; margin: 56px auto 0; position: relative; }
.preview-topline, .preview-bottomline { display: flex; align-items: center; justify-content: space-between; color: #858891; font-size: 8px; letter-spacing: .17em; font-weight: 700; }
.preview-topline { margin-bottom: 12px; }.preview-topline i { display: inline-block; width: 6px; height: 6px; background: var(--red); border-radius: 50%; margin-right: 8px; box-shadow: 0 0 12px var(--red); }.preview-index { font-family: var(--wide); color: var(--red); }
.preview-frame { min-height: 350px; position: relative; overflow: hidden; isolation: isolate; border: 1px solid rgba(255,255,255,.2); background: radial-gradient(ellipse at 50% 55%, #282b33 0%, #13151b 48%, #0b0d11 100%); box-shadow: 0 30px 100px rgba(0,0,0,.65), 0 0 60px rgba(255,91,70,.08), inset 0 0 50px rgba(255,255,255,.025); }
.preview-frame::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .25; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(transparent, black 20%, black 80%, transparent); }
.preview-frame::after { content: ''; position: absolute; inset: 0; pointer-events: none; border: 1px solid rgba(255,91,70,.22); animation: border-breathe 4s ease-in-out infinite; }
.preview-glow { position: absolute; width: 500px; height: 200px; background: var(--red); opacity: .15; filter: blur(100px); left: 50%; top: 45%; transform: translate(-50%,-50%); z-index: -1; }
.preview-orbit { position: absolute; border: 1px solid rgba(255,255,255,.09); width: 520px; height: 520px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1; }.orbit-b { width: 690px; height: 690px; border-color: rgba(255,91,70,.12); animation: orbit 36s linear infinite; }
.preview-image-shell { position: relative; z-index: 1; width: min(76%, 680px); margin: 48px auto 35px; filter: drop-shadow(0 20px 40px rgba(0,0,0,.55)); transition: transform .5s cubic-bezier(.2,.8,.2,1); }.preview-frame:hover .preview-image-shell { transform: translateY(-6px) scale(1.015); }
.preview-image-shell img { width: 100%; height: auto; max-height: 350px; object-fit: contain; display: block; }.image-fallback { min-height: 240px; border: 1px dashed rgba(255,255,255,.22); background: rgba(7,8,11,.55); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: #b7b9bf; }.image-fallback[hidden] { display: none; }.image-fallback strong { font-family: var(--wide); font-size: 12px; letter-spacing: .19em; }.image-fallback small { color: #858891; font-size: 10px; }.image-fallback small b { color: var(--red); }
.fallback-symbol { height: 30px; display: flex; gap: 4px; align-items: center; }.fallback-symbol span { width: 5px; background: var(--red); border-radius: 5px; }.fallback-symbol span:nth-child(1) { height: 12px; }.fallback-symbol span:nth-child(2) { height: 28px; }.fallback-symbol span:nth-child(3) { height: 18px; }
.preview-corner { position: absolute; font-size: 8px; letter-spacing: .17em; color: #9c9fa7; font-weight: 700; }.preview-corner span { color: var(--red); }.corner-tl { left: 20px; top: 18px; }.corner-br { right: 20px; bottom: 18px; }
.preview-bottomline { margin-top: 12px; }.moving-line { flex: 1; margin: 0 16px; height: 1px; background: linear-gradient(90deg, transparent, var(--red), transparent); background-size: 200% 100%; animation: scan 3s linear infinite; }
.hero-action { text-align: center; max-width: 520px; margin: 34px auto 0; }
.download-button { display: flex; min-height: 76px; align-items: center; gap: 17px; padding: 14px 20px; background: var(--red); color: #fff; border: 1px solid #ff7664; box-shadow: 0 12px 40px rgba(255,68,51,.22), inset 0 1px rgba(255,255,255,.2); text-align: left; position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s, opacity .25s; }
.download-button::before { content: ''; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.18) 48%, transparent 70%); transform: translateX(-120%); transition: transform .7s; }.download-button:hover::before { transform: translateX(120%); }.download-button:hover { transform: translateY(-4px); box-shadow: 0 18px 48px rgba(255,68,51,.34), 0 0 40px rgba(255,68,51,.14); }
.download-button.is-pending { cursor: not-allowed; opacity: .62; filter: saturate(.55); }.download-button.is-pending:hover { transform: none; box-shadow: 0 12px 40px rgba(255,68,51,.16); }.download-button.is-pending::before { display: none; }
.download-icon { width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid rgba(255,255,255,.55); display: grid; place-items: center; font-size: 23px; }.download-label { display: flex; flex: 1; flex-direction: column; gap: 4px; }.download-label strong { font-family: var(--wide); font-size: 12px; letter-spacing: .09em; }.download-label small { font-size: 8px; color: rgba(255,255,255,.75); letter-spacing: .17em; }.download-arrow { font-size: 22px; }
.download-status { color: #8b8e96; font-size: 10px; margin: 12px 0 0; letter-spacing: .04em; }.download-status.ready { color: #b9d9c6; }.download-status.error { color: #ff9c8e; }
.download-foot { display: flex; justify-content: space-between; color: #686d76; font-size: 8px; letter-spacing: .17em; margin-top: 17px; }.download-foot span:first-child { display: flex; align-items: center; gap: 7px; }.download-foot b { width: 5px; height: 5px; background: #8dc2a1; border-radius: 50%; box-shadow: 0 0 9px #8dc2a1; }
.hero-side-note { position: absolute; right: -85px; top: 365px; color: #555963; font-family: var(--wide); font-weight: 700; font-size: 9px; line-height: 1.8; letter-spacing: .18em; transform: rotate(90deg); transform-origin: center; }.hero-side-note span { color: var(--red); font-size: 17px; margin-left: 16px; }
.ticker { overflow: hidden; border-block: 1px solid var(--line); background: #101217; padding: 17px 0; transform: rotate(-1deg) scale(1.02); margin: 5px 0 100px; }.ticker-track { display: flex; width: max-content; align-items: center; gap: 28px; animation: ticker 28s linear infinite; color: #b9bbc0; font-family: var(--wide); font-size: 11px; font-weight: 700; letter-spacing: .19em; }.ticker-track i { color: var(--red); font-style: normal; font-size: 17px; }
.section-kicker { display: flex; justify-content: space-between; color: #777c85; font-size: 8px; letter-spacing: .18em; font-weight: 700; border-top: 1px solid var(--line); padding-top: 17px; }
.intro { padding-bottom: 125px; }.intro-grid { display: grid; grid-template-columns: 1fr .76fr; gap: 8%; padding: 65px 0 76px; align-items: start; }.section-title { font-family: var(--display); font-size: clamp(58px, 8vw, 104px); line-height: .83; letter-spacing: -.015em; font-weight: 800; margin: 0; }.section-title span { color: var(--red); }.intro-text { padding-top: 8px; max-width: 440px; }.large-copy { color: #e1e1de; font-family: var(--wide); font-size: clamp(18px, 2.2vw, 24px); line-height: 1.45; font-weight: 500; }.intro-text > p:not(.large-copy) { color: #8f929a; font-size: 12px; line-height: 1.9; margin-top: 22px; }.text-link { display: inline-flex; align-items: center; gap: 25px; border-bottom: 1px solid rgba(255,91,70,.65); padding: 13px 0; color: #e2e2df; font-size: 9px; font-weight: 700; letter-spacing: .15em; margin-top: 13px; transition: gap .25s; }.text-link span { color: var(--red); font-size: 16px; }.text-link:hover { gap: 36px; }
.statement-card { min-height: 310px; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; border: 1px solid rgba(255,255,255,.15); background: radial-gradient(ellipse at 50% 50%, #22252c 0%, #111319 62%, #0b0d11 100%); box-shadow: inset 0 0 60px rgba(255,255,255,.025), 0 20px 70px rgba(0,0,0,.25); }.statement-card::before { content: ''; position: absolute; inset: 0; opacity: .28; background: repeating-linear-gradient(135deg, transparent 0 28px, rgba(255,255,255,.055) 29px 30px); }.statement-number, .statement-aside { position: absolute; top: 24px; font-family: var(--wide); font-size: 8px; letter-spacing: .18em; color: #858994; }.statement-number { left: 25px; }.statement-number span { color: var(--red); padding-inline: 4px; }.statement-aside { right: 25px; text-align: right; line-height: 1.7; }.statement-main { position: relative; z-index: 1; font-family: var(--display); font-weight: 900; font-size: clamp(48px, 8vw, 95px); line-height: .78; letter-spacing: .015em; text-shadow: 0 10px 40px rgba(0,0,0,.4); }.statement-main em { color: var(--red); font-style: normal; }.statement-cross { position: absolute; right: 50px; bottom: 24px; color: var(--red); font-size: 25px; animation: rotate 16s linear infinite; }
.features { padding-bottom: 125px; }.features-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; padding: 62px 0 50px; }.features-heading p { max-width: 340px; margin: 0 2% 4px 0; color: #92959d; font-size: 12px; line-height: 1.9; }.feature-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 14px; }.feature-card { min-height: 420px; position: relative; overflow: hidden; background: linear-gradient(145deg, #151820, #0e1015 75%); border: 1px solid rgba(255,255,255,.1); box-shadow: 0 15px 40px rgba(0,0,0,.22); transition: transform .35s, border-color .35s, box-shadow .35s; }.feature-card::after { content: ''; position: absolute; left: -60%; top: -70%; width: 180%; height: 180%; pointer-events: none; background: radial-gradient(circle, rgba(255,91,70,.15), transparent 42%); opacity: 0; transition: opacity .4s; }.feature-card:hover { transform: translateY(-8px); border-color: rgba(255,91,70,.5); box-shadow: 0 25px 60px rgba(0,0,0,.45), 0 0 32px rgba(255,91,70,.1); }.feature-card:hover::after { opacity: 1; }.feature-number { position: absolute; top: 20px; left: 22px; font-family: var(--wide); font-size: 10px; color: var(--red); z-index: 2; }.feature-art { height: 225px; position: relative; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.08); background: radial-gradient(ellipse at 50% 50%, #262a32, #12151b 70%); }.feature-content { padding: 24px 24px 27px; position: relative; z-index: 1; }.feature-content h3 { font-family: var(--display); font-size: 37px; line-height: .86; margin: 0 0 14px; font-weight: 800; }.feature-content p { color: #92959d; font-size: 11px; line-height: 1.8; margin: 0; max-width: 280px; }.feature-card-arrow { position: absolute; bottom: 24px; right: 23px; color: var(--red); font-size: 18px; transition: transform .3s; }.feature-card:hover .feature-card-arrow { transform: translate(4px,-4px); }.feature-note { margin: 18px 0 0; text-align: right; color: #686d75; font-size: 8px; letter-spacing: .14em; }
.focus-window { width: 72%; height: 145px; position: absolute; left: 14%; top: 47px; border: 1px solid rgba(255,255,255,.36); box-shadow: 0 15px 35px #07080b; transform: perspective(600px) rotateY(-8deg) rotateX(3deg); }.window-head { height: 23px; background: #20242c; display: flex; align-items: center; gap: 4px; padding: 0 8px; }.window-head i { width: 5px; height: 5px; border-radius: 50%; background: #ff5b46; }.window-head i:nth-child(2) { background: #b4a477; }.window-head i:nth-child(3) { background: #80a78b; }.window-head span { margin-left: 8px; color: #999da6; font-size: 6px; letter-spacing: .13em; }.focus-screen { height: calc(100% - 23px); background: radial-gradient(ellipse at center, #323945, #12151b); position: relative; display: grid; place-items: center; }.focus-crosshair { font-size: 37px; font-weight: 200; color: rgba(255,255,255,.35); }.focus-corner { position: absolute; width: 15px; height: 15px; border-color: var(--red); border-style: solid; }.focus-corner.a { top: 14px; left: 14px; border-width: 1px 0 0 1px; }.focus-corner.b { top: 14px; right: 14px; border-width: 1px 1px 0 0; }.focus-corner.c { bottom: 14px; left: 14px; border-width: 0 0 1px 1px; }.focus-corner.d { bottom: 14px; right: 14px; border-width: 0 1px 1px 0; }.focus-record { position: absolute; right: 12px; bottom: 8px; color: #c5c7ca; font-size: 6px; letter-spacing: .1em; }.focus-record i { width: 5px; height: 5px; background: var(--red); display: inline-block; border-radius: 50%; margin-right: 4px; }
.art-flow { background: radial-gradient(ellipse at 50% 50%, #292d35, #101218 70%); }.flow-line { height: 1px; background: linear-gradient(90deg, transparent, var(--red), #747985, var(--red), transparent); position: absolute; top: 50%; left: 10%; right: 10%; }.flow-node { position: absolute; background: #171a21; border: 1px solid rgba(255,255,255,.2); color: #c4c6ca; font-size: 7px; letter-spacing: .12em; padding: 9px 11px; box-shadow: 0 8px 20px rgba(0,0,0,.4); }.node-one { top: 52px; left: 10%; }.node-two { top: 125px; left: 39%; border-color: rgba(255,91,70,.6); color: var(--red); }.node-three { top: 52px; right: 8%; }.flow-orb { position: absolute; top: 90px; left: 51%; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; color: var(--red); background: #211a1c; border: 1px solid rgba(255,91,70,.4); font-size: 14px; }
.art-frame { background: radial-gradient(ellipse at 50% 55%, #2b2e35, #101217 70%); }.frame-stack { position: absolute; width: 140px; height: 125px; left: 50%; top: 49%; transform: translate(-50%,-50%) rotate(-8deg); }.frame-layer { position: absolute; width: 115px; height: 85px; border: 1px solid rgba(255,255,255,.25); }.layer-back { left: 25px; top: 0; background: #3c414a; transform: rotate(12deg); }.layer-mid { left: 12px; top: 12px; background: #242a34; transform: rotate(5deg); }.layer-front { left: 0; top: 24px; background: linear-gradient(135deg, #323844, #15181e); box-shadow: 0 12px 30px rgba(0,0,0,.5); padding: 13px; display: flex; justify-content: space-between; flex-direction: column; }.layer-front span { font-family: var(--display); font-size: 21px; line-height: .8; font-weight: 800; }.layer-front i { font-size: 6px; color: var(--red); font-style: normal; letter-spacing: .15em; }.frame-spark { position: absolute; right: 20%; top: 22%; color: var(--red); font-size: 23px; animation: rotate 12s linear infinite; }
.workflow { padding-bottom: 130px; }.workflow-layout { display: grid; grid-template-columns: .85fr 1fr; gap: 10%; padding-top: 65px; }.workflow-heading p { max-width: 320px; color: #92959d; font-size: 12px; line-height: 1.9; margin-top: 30px; }.steps-list { border-top: 1px solid var(--line); }.step { display: grid; grid-template-columns: 55px 1fr 30px; gap: 15px; align-items: start; padding: 25px 0 27px; border-bottom: 1px solid var(--line); transition: padding .25s; }.step:hover { padding-left: 10px; }.step-count { color: var(--red); font-family: var(--wide); font-size: 11px; padding-top: 3px; }.step h3 { font-family: var(--wide); font-size: 13px; letter-spacing: .08em; margin-bottom: 8px; }.step p { font-size: 11px; color: #8e929a; line-height: 1.7; margin: 0; max-width: 360px; }.step-mark { color: #6d727b; font-size: 16px; transition: color .25s, transform .25s; }.step:hover .step-mark { color: var(--red); transform: translate(3px,-3px); }
.security { padding-bottom: 130px; }.security-panel { background: linear-gradient(125deg, #171a21, #101217 65%, #151317); display: grid; grid-template-columns: .8fr 1.2fr; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 35px 90px rgba(0,0,0,.3); overflow: hidden; }.security-visual { position: relative; min-height: 580px; display: grid; place-items: center; border-right: 1px solid rgba(255,255,255,.08); overflow: hidden; background: radial-gradient(ellipse at center, rgba(255,91,70,.13), transparent 58%); }.security-visual::before { content: ''; position: absolute; inset: -30%; background: repeating-radial-gradient(circle at center, transparent 0 50px, rgba(255,255,255,.055) 51px 52px); opacity: .3; animation: orbit 90s linear infinite; }.shield-svg { width: 165px; color: #d5d7da; filter: drop-shadow(0 0 30px rgba(255,91,70,.2)); position: relative; z-index: 1; }.shield-halo { position: absolute; width: 260px; height: 260px; border: 1px solid rgba(255,91,70,.3); border-radius: 50%; box-shadow: 0 0 60px rgba(255,91,70,.1), inset 0 0 60px rgba(255,91,70,.06); animation: halo 4s ease-in-out infinite; }.shield-halo::before, .shield-halo::after { content: ''; position: absolute; inset: 18px; border: 1px dashed rgba(255,255,255,.14); border-radius: 50%; }.shield-halo::after { inset: -28px; border-style: solid; border-color: rgba(255,255,255,.06); }.security-orbit { position: absolute; color: #8d929b; font-size: 8px; letter-spacing: .2em; }.orbit-left { top: 25%; left: 12%; }.orbit-right { bottom: 25%; right: 10%; color: var(--red); }.security-copy { padding: 48px clamp(28px, 5vw, 70px); }.security-copy .section-kicker { border-top: 0; padding: 0; margin-bottom: 46px; gap: 10px; }.security-copy .section-title { font-size: clamp(60px, 7vw, 88px); }.security-copy > p:not(.security-disclaimer) { max-width: 480px; font-size: 11px; color: #9a9da5; line-height: 1.9; margin: 23px 0 25px; }.security-points { display: grid; gap: 17px; }.security-points > div { display: flex; gap: 13px; align-items: flex-start; }.check-mark { border: 1px solid rgba(255,91,70,.5); color: var(--red); width: 22px; height: 22px; display: grid; place-items: center; flex: 0 0 22px; font-size: 12px; }.security-points b, .security-points small { display: block; }.security-points b { font-family: var(--wide); font-size: 9px; letter-spacing: .1em; margin-bottom: 4px; }.security-points small { color: #858a93; font-size: 10px; line-height: 1.5; }.security-disclaimer { border-top: 1px solid var(--line); padding-top: 14px; margin: 24px 0 0; color: #777d87; font-size: 9px; line-height: 1.7; }
.faq { padding-bottom: 130px; }.faq-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 10%; padding-top: 65px; }.faq-list { border-top: 1px solid var(--line); }.faq-item { border-bottom: 1px solid var(--line); }.faq-item summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 22px 0; font-family: var(--wide); font-size: 12px; font-weight: 600; letter-spacing: .02em; }.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary span { color: var(--red); font-size: 20px; font-weight: 400; transition: transform .3s; }.faq-item[open] summary span { transform: rotate(45deg); }.faq-item p { color: #8f939b; font-size: 11px; line-height: 1.9; max-width: 520px; margin: -3px 30px 22px 0; }.faq-item p b { color: #ddd; }
.final-cta { padding-bottom: 110px; }.final-cta-inner { min-height: 420px; padding: 75px 30px 65px; text-align: center; position: relative; overflow: hidden; border: 1px solid rgba(255,91,70,.28); background: radial-gradient(ellipse at 50% 100%, rgba(255,91,70,.19), transparent 55%), linear-gradient(125deg, #191a20, #0d0f13); box-shadow: 0 30px 90px rgba(0,0,0,.3), 0 0 60px rgba(255,91,70,.07); }.final-cta-inner::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 49.9%, rgba(255,255,255,.05) 50%, transparent 50.1%), linear-gradient(transparent 49.9%, rgba(255,255,255,.05) 50%, transparent 50.1%); background-size: 80px 80px; opacity: .25; mask-image: radial-gradient(ellipse, black, transparent 70%); }.final-cta .eyebrow, .final-cta h2, .final-description, .final-button { position: relative; z-index: 1; }.final-stamp { position: absolute; top: 25px; left: 28px; text-align: left; font-family: var(--display); font-size: 21px; font-weight: 900; line-height: .78; color: rgba(255,255,255,.45); letter-spacing: .03em; transform: rotate(-8deg); }.final-stamp span { color: var(--red); font-size: 10px; letter-spacing: .18em; }.final-cta h2 { font-family: var(--display); font-size: clamp(73px, 12vw, 132px); line-height: .78; margin: 30px 0 23px; font-weight: 900; }.final-cta h2 span { color: var(--red); }.final-description { max-width: 450px; margin: auto; color: #a0a2a9; font-size: 12px; line-height: 1.8; }.final-button { display: inline-flex; gap: 36px; align-items: center; margin-top: 28px; border: 1px solid var(--red); color: #fff; background: rgba(255,91,70,.08); padding: 15px 20px; font-size: 9px; font-weight: 700; letter-spacing: .15em; transition: .3s; }.final-button span { color: var(--red); font-size: 17px; }.final-button:hover { background: var(--red); box-shadow: 0 0 32px rgba(255,91,70,.25); transform: translateY(-3px); }.final-button:hover span { color: white; }
.site-footer { min-height: 105px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); gap: 20px; }.site-footer p { margin: 0; color: #696e78; font-size: 8px; letter-spacing: .13em; text-align: center; }.site-footer p span { color: var(--red); }.back-top { font-size: 8px; letter-spacing: .14em; color: #a9abb0; font-weight: 700; transition: color .2s; }.back-top:hover { color: var(--red); }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay-1 { transition-delay: .12s; }.reveal-delay-2 { transition-delay: .23s; }
@keyframes equalize { to { transform: scaleY(.45); opacity: .65; } }
@keyframes pulse { 50% { box-shadow: 0 0 0 8px rgba(255,91,70,0), 0 0 18px var(--red); } }
@keyframes border-breathe { 50% { border-color: rgba(255,91,70,.48); box-shadow: inset 0 0 40px rgba(255,91,70,.04); } }
@keyframes orbit { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes rotate { to { transform: rotate(360deg); } }
@keyframes scan { to { background-position: 200% 0; } }
@keyframes ticker { to { transform: translateX(-50%); } }
@keyframes halo { 50% { transform: scale(1.06); opacity: .7; } }
@media (max-width: 1000px) {
  .hero-side-note { display: none; }.feature-grid { grid-template-columns: 1fr 1fr; }.feature-card-wide { grid-column: span 2; display: grid; grid-template-columns: 1fr 1fr; min-height: 260px; }.feature-card-wide .feature-art { height: 100%; border-bottom: 0; border-right: 1px solid rgba(255,255,255,.08); }.feature-card-wide .feature-content { align-self: center; }.feature-card-wide .feature-number { z-index: 3; }.security-panel { grid-template-columns: .7fr 1.3fr; }.security-visual { min-height: 620px; }
}
@media (max-width: 760px) {
  .section-shell, .site-header { width: min(100% - 38px, 600px); }.site-header { height: 72px; }.brand { min-width: 0; }.main-nav { display: none; position: absolute; top: 71px; right: 0; left: 0; padding: 20px; background: #111319; border: 1px solid var(--line); flex-direction: column; align-items: stretch; gap: 0; box-shadow: 0 20px 40px rgba(0,0,0,.5); }.main-nav.open { display: flex; }.main-nav a { padding: 14px 4px; border-bottom: 1px solid var(--line); }.main-nav a:last-child { border: 0; }.nav-cta { display: none; }.menu-toggle { display: block; cursor: pointer; }
  .hero { padding-top: 77px; min-height: auto; padding-bottom: 80px; }.hero h1 { font-size: clamp(76px, 17vw, 120px); margin-top: 28px; }.hero-lead { font-size: 12px; max-width: 470px; }.hero-meta { gap: 15px; font-size: 7px; flex-wrap: wrap; }.preview-wrap { margin-top: 44px; }.preview-frame { min-height: 260px; }.preview-image-shell { width: 82%; margin: 42px auto 30px; }.image-fallback { min-height: 175px; }.preview-orbit { width: 360px; height: 360px; }.orbit-b { width: 450px; height: 450px; }.download-button { min-height: 70px; padding-inline: 13px; gap: 12px; }.download-label strong { font-size: 10px; }.download-label small { font-size: 7px; }.ticker { margin: 0 0 80px; }
  .intro, .features, .workflow, .security, .faq { padding-bottom: 90px; }.intro-grid { grid-template-columns: 1fr; gap: 32px; padding: 48px 0 52px; }.intro-text { max-width: 100%; }.section-title { font-size: clamp(64px, 13vw, 92px); }.statement-card { min-height: 250px; }.statement-number { left: 14px; top: 17px; }.statement-aside { right: 14px; top: 17px; font-size: 7px; }.statement-cross { right: 18px; bottom: 15px; }.features-heading { display: block; padding: 48px 0 34px; }.features-heading p { margin: 23px 0 0; max-width: 440px; }.feature-grid { gap: 10px; }.feature-card { min-height: 385px; }.feature-card-wide { min-height: 245px; }.feature-art { height: 195px; }.feature-content { padding: 20px 17px 24px; }.feature-content h3 { font-size: 31px; }.feature-content p { font-size: 10px; }.feature-card-arrow { right: 14px; bottom: 18px; }.feature-note { text-align: left; line-height: 1.7; }
  .workflow-layout, .faq-layout { grid-template-columns: 1fr; gap: 36px; padding-top: 48px; }.workflow-heading p { margin-top: 22px; }.security-panel { grid-template-columns: 1fr; }.security-visual { min-height: 290px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }.shield-svg { width: 125px; }.shield-halo { width: 195px; height: 195px; }.security-copy { padding: 35px 25px 32px; }.security-copy .section-kicker { margin-bottom: 35px; }.security-copy .section-title { font-size: clamp(64px, 12vw, 86px); }.faq-layout { gap: 33px; }
  .final-cta { padding-bottom: 75px; }.final-cta-inner { min-height: 385px; padding: 80px 18px 50px; }.final-stamp { top: 19px; left: 17px; font-size: 17px; }.final-cta h2 { font-size: clamp(68px, 14vw, 105px); }.site-footer { flex-wrap: wrap; justify-content: space-between; padding-block: 25px; }.site-footer p { order: 3; flex-basis: 100%; text-align: left; }.footer-brand { flex: 1; }
}
@media (max-width: 430px) {
  .section-shell, .site-header { width: calc(100% - 30px); }.brand-copy strong { font-size: 11px; }.hero h1 { font-size: 76px; }.eyebrow { font-size: 7px; letter-spacing: .16em; }.hero-meta { font-size: 6px; }.preview-frame { min-height: 220px; }.preview-image-shell { width: 85%; margin-top: 43px; }.preview-topline, .preview-bottomline { font-size: 6px; }.preview-corner { font-size: 6px; }.download-label strong { font-size: 9px; }.download-icon { width: 37px; height: 37px; flex-basis: 37px; }.feature-grid { grid-template-columns: 1fr; }.feature-card-wide { grid-column: auto; display: block; min-height: 370px; }.feature-card-wide .feature-art { height: 190px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }.feature-card { min-height: 360px; }.feature-card .feature-art { height: 190px; }.feature-content h3 { font-size: 34px; }.feature-note { font-size: 7px; }.section-kicker { font-size: 7px; gap: 10px; }.section-kicker span:last-child { text-align: right; }.step { grid-template-columns: 35px 1fr 20px; }.security-copy { padding-inline: 20px; }.security-copy .section-kicker { font-size: 6px; }.final-cta h2 { font-size: 68px; }.final-description { font-size: 11px; }.site-footer p { font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}