/* Shared visual system: edit these tokens to update all ten pages. */ :root{color-scheme:light;--bg:#ffffff;--surface:#f5f7fb;--surface2:#eef2f8;--line:#dde3ec;--text:#0f2244;--muted:#5b6780;--navy:#0f2244;--navy-soft:#24406e;--ink:#ffffff;--radius:18px;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--navy)}a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--navy);outline-offset:5px}p{color:var(--muted);margin:0 0 1.3rem}h1,h2,h3{line-height:1.1;letter-spacing:-.045em;margin:0 0 1.2rem}h1{font-size:clamp(2.7rem,4.8vw,4.6rem);font-weight:600}h2{font-size:clamp(2rem,3.2vw,3.1rem);font-weight:500}h3{font-size:1.35rem;letter-spacing:-.025em;line-height:1.3}em{font-style:normal;color:var(--navy)}strong{color:var(--text)}section{max-width:var(--max);padding:88px 30px;margin:auto}.header{padding:25px max(32px,calc((100% - 1376px)/2));display:flex;align-items:center;gap:32px;background:var(--navy);color:#ffffff}.header .brand,.header .brand:hover{color:#ffffff}.header .brandmark{color:#ffffff;border-color:#ffffff}.header a:focus-visible{outline-color:#ffffff}.header>.button{background:#ffffff;color:var(--navy);border-color:#ffffff}.header>.button:hover{background:#dfe6f1;color:var(--navy)}.brand{font-size:1.5rem;letter-spacing:-.06em;display:flex;align-items:center;font-weight:700;white-space:nowrap}.brand>span:not(.brandmark){font-weight:400}.brandmark{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;color:var(--navy);border:1px solid var(--navy);border-radius:50%;margin-right:10px;font-size:1.9rem}.header nav{margin-left:auto;display:flex;gap:23px;font-size:.875rem}.header nav a{padding:8px 0;color:#c3cde0}.header nav a:hover,.header nav a[aria-current]{color:#ffffff}.header nav a[aria-current]{border-bottom:1px solid #ffffff}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--navy);color:var(--ink);padding:13px 20px;border:1px solid var(--navy);border-radius:6px;font-weight:700;line-height:1.4;font-size:.9375rem;transition:background .2s,transform .2s}.button:hover{background:var(--navy-soft);color:var(--ink);transform:translateY(-2px)}.button.secondary{color:var(--text);background:transparent;border-color:#b8c3d4}.button.secondary:hover{border-color:var(--navy);color:var(--navy)}.button.small{font-size:.875rem;padding:10px 14px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:660px;padding-top:90px;padding-bottom:95px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700;color:var(--navy);margin-bottom:22px}.lead{font-size:1.15rem;line-height:1.7;max-width:660px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:26px 0}.fine{font-size:.8125rem;color:var(--muted);line-height:1.6}.strap{max-width:1180px;margin:auto;padding:24px 0;border-block:1px solid var(--line);display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.15em;color:var(--muted)}.section-heading{max-width:720px;margin-bottom:40px}.section-heading p{max-width:660px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:linear-gradient(135deg,var(--surface),#fbfcfe);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-width:0}.card p:last-child{margin-bottom:0}.number{display:block;color:var(--navy);font-size:.8125rem;letter-spacing:.14em;margin-bottom:32px}.text-link{color:var(--navy);font-size:.9375rem;display:inline-block;margin-top:10px}.addon{margin-top:22px;border:1px solid #c9d3e2;background:var(--surface2);border-radius:var(--radius);padding:28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.addon h3{margin-top:14px;margin-bottom:8px}.addon p{margin-bottom:0}.pill{font-size:.75rem;line-height:1.5;border:1px solid #c9d3e2;padding:5px 9px;border-radius:4px;color:var(--navy);display:inline-block;letter-spacing:.02em}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.band{max-width:none;background:var(--surface);border-block:1px solid var(--line);padding-inline:max(30px,calc((100% - 1180px)/2))}.flow{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.flow li{border-top:2px solid var(--navy);padding-top:22px;position:relative}.flow h3{font-size:1.1rem}.flow p{font-size:.875rem}.flow .number{margin-bottom:20px}.video{min-height:370px;background:radial-gradient(ellipse at 70% 30%,#dfe6f1 0,transparent 50%),#f3f6fa;border:1px solid #d3dbe7;border-radius:var(--radius);position:relative;overflow:hidden;padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:45px}.video-grid{position:absolute;inset:0;background-image:linear-gradient(#0f224408 1px,transparent 1px),linear-gradient(90deg,#0f224408 1px,transparent 1px);background-size:42px 42px;pointer-events:none}.play{width:68px;height:68px;border:1px solid var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--navy);background:#ffffff}.video-caption{position:relative;max-width:750px}.video h3{font-size:1.8rem;margin-top:20px}.video p{margin-bottom:8px}.demo-note{padding:28px 0;border-bottom:1px solid var(--line)}.demo-note h3{margin-bottom:10px}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.pricing .card{padding:24px}.pricing .button{width:100%;padding-inline:10px;gap:8px}.price{font-size:1.2rem;color:var(--text);line-height:1.4;margin-top:28px}.featured{border-color:var(--navy);background:linear-gradient(135deg,var(--surface2),#f8fafc)}.cta{text-align:center;max-width:1180px;border:1px solid #d3dbe7;background:radial-gradient(ellipse at 50% 100%,#e3e9f3,transparent 75%),var(--surface);border-radius:22px;margin:30px auto 90px;padding:65px 30px}.cta p{max-width:620px;margin-inline:auto}.cta .actions{justify-content:center;margin-bottom:0}footer{max-width:1240px;margin:auto;padding:42px 30px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top p{margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:24px;margin:30px 0;font-size:.875rem}footer .fine{max-width:780px}.cockpit{background:#ffffff;border:1px solid #d3dbe7;border-radius:14px;box-shadow:0 30px 100px #0f22441f;overflow:hidden;min-width:0;transform:perspective(1400px) rotateY(-3deg)}.cockpit-shot{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.screen-top{padding:18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.mini-brand{font-size:.75rem;letter-spacing:.15em;color:var(--text)}.screen-body{display:flex}.screen-rail{width:48px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:24px;padding:25px 13px;color:#6b7c99}.screen-main{padding:26px 20px;flex:1;min-width:0}.screen-main h3{font-size:1.5rem;max-width:280px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 0 20px}.metrics>div{background:var(--surface);border:1px solid var(--line);padding:12px 8px;border-radius:5px}.metrics span{font-size:.75rem;letter-spacing:.03em;color:var(--muted);display:block}.metrics strong{font-size:.9375rem;font-weight:500;display:block;margin-top:8px}.route-line{display:flex;justify-content:space-between;border-top:1px dashed #8fa0bd;margin:36px 12px 27px}.route-line i{border:3px solid #dfe6f1;background:var(--navy);width:10px;height:10px;border-radius:50%;margin-top:-5px}.screen-list>div{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;border-top:1px solid var(--line);padding:13px 0;font-size:.8125rem}.row-icon{color:var(--navy);font-size:.75rem}.screen-list small{grid-column:2;font-size:.75rem;color:var(--muted)}.screen-note{padding:13px;background:var(--surface2);border-radius:5px;font-size:.75rem;color:var(--navy-soft);margin-top:18px}.teal{color:var(--navy);margin-right:8px}.screen-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding:13px 18px;color:var(--muted);font-size:.75rem}.screen-bottom span{color:var(--navy)}.three-step{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.three-step article{border-top:1px solid var(--line);padding-top:25px}.story,.verification{padding-left:22px;color:var(--muted)}.story li,.verification li{padding-left:8px;margin:16px 0}.rea-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rea-rail a{padding:30px 20px;border:1px solid #d3dbe7;border-radius:12px;background:var(--surface)}.rea-rail strong,.rea-rail span{display:block}.rea-rail span{color:var(--navy);margin-top:18px;font-size:.875rem}.assistant-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.assistant-label{display:flex;align-items:center;gap:15px}.assistant-label p{margin:0}.rea-avatar{font-size:1.4rem;color:var(--navy);background:var(--surface2);width:48px;height:48px;display:grid;place-items:center;border-radius:50%}.bubble{padding:20px;background:var(--surface2);border:1px solid #d3dbe7;border-radius:12px;margin-top:22px;color:var(--text)}.bubble.user{margin-left:28px;background:#ffffff;border-color:#d3dbe7}.intro{padding-top:80px;padding-bottom:60px;max-width:1240px}.intro h1{max-width:950px}.no-top{padding-top:0}.breadcrumb{display:inline-block;font-size:.875rem;color:var(--muted);margin-bottom:24px}.notice{background:var(--surface);border:1px solid #d3dbe7;border-left:3px solid var(--navy);padding:26px;border-radius:8px;margin:28px 0}.notice h2{font-size:1.4rem}.notice p:last-child{margin-bottom:0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#ffffff}table{border-collapse:collapse;width:100%;min-width:1100px;font-size:.875rem;text-align:left}caption{text-align:left;padding:20px;font-weight:700;font-size:1rem;background:var(--surface2)}th,td{padding:20px 16px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top}thead th{color:var(--text);background:var(--surface);min-width:140px}tbody th{min-width:180px;font-weight:500;color:var(--text)}td{color:var(--muted)}.bp-col{background:var(--surface2);min-width:225px;color:var(--text)}.verify{display:inline-block;padding:3px 9px;border:1px dashed #8fa0bd;border-radius:4px;color:#3b4a66}.questions{padding-left:20px;color:var(--muted)}.questions li{margin:18px 0;padding-left:5px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:var(--navy);color:var(--ink);padding:12px}.skip:focus{top:12px} .mark{font-weight:700;margin-right:6px}.mark-y{color:#2f7d54}.mark-p{color:#9a7a3c}.mark-n{color:#a2542f}.cell-sub{display:block;font-size:.75rem;color:var(--muted);margin-top:4px;font-weight:400}.legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px}.price small{font-size:.9rem;color:var(--muted);font-weight:400}.pricing .price{font-size:2.2rem;font-weight:600;letter-spacing:-.03em;margin-top:18px;margin-bottom:10px}.feats{list-style:none;padding:0;margin:0 0 22px;font-size:.875rem;color:var(--text)}.feats li{padding:5px 0 5px 22px;position:relative}.feats li::before{content:"✓";position:absolute;left:0;color:var(--navy);font-weight:700}.pricing .card{display:flex;flex-direction:column}.pricing .card .pill{align-self:flex-start;margin-bottom:12px}.pricing .card .button{margin-top:auto} dialog.launch{width:min(920px,calc(100% - 32px));max-height:calc(100vh - 48px);padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--text);box-shadow:0 30px 100px #0f224440}dialog.launch::backdrop{background:#0f2244a6}.launch h2{font-size:clamp(1.7rem,3vw,2.3rem)}.launch-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:2rem;line-height:1;color:var(--muted);cursor:pointer;padding:6px 10px}.launch-close:hover{color:var(--navy)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:8px}.tpl{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;background:var(--surface)}.tpl input{position:absolute;opacity:0;pointer-events:none}.tpl img,.tpl-ph{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.tpl-ph{display:grid;place-items:center;font-size:2.4rem;color:var(--navy);background:linear-gradient(135deg,#dfe6f1,#f5f7fb)}.tpl-body{padding:14px 16px;display:flex;flex-direction:column;gap:4px;font-size:.875rem;color:var(--muted)}.tpl-body strong{font-size:1.05rem;color:var(--text)}.tpl-body .text-link{margin-top:4px;font-size:.8125rem}.tpl:has(input:checked){border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}.tpl:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:3px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.field{display:block;margin:0 0 16px;max-width:480px}.field span{display:block;font-size:.875rem;font-weight:700;margin-bottom:6px}.field input{width:100%;font:inherit;padding:12px 14px;border:1px solid #b8c3d4;border-radius:6px;color:var(--text);background:#fff}.field input:focus{outline:3px solid var(--navy);outline-offset:1px;border-color:var(--navy)}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.launch-error{color:#a2542f;font-weight:700}@media(max-width:480px){dialog.launch{padding:26px 18px}} @media(min-width:1100px){.hero .cockpit{margin-right:-20px}.hero .screen-main{padding-block:34px}} @media(max-width:1100px){.header{flex-wrap:wrap;gap:16px}.header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:12px 24px}.header>.button{margin-left:auto}.hero{gap:30px}.split{gap:35px}.pricing{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(3,1fr)}.strap{margin-inline:30px}.screen-bottom{flex-wrap:wrap}.metrics strong{font-size:.8125rem}} @media(max-width:760px){section{padding:60px 22px}.hero{grid-template-columns:1fr;min-height:0;padding-top:55px;gap:40px}.hero .cockpit{max-width:600px;width:100%}.cockpit{transform:none}.header{padding:20px 22px}.header .small{font-size:.8125rem;padding:9px}.header nav{justify-content:flex-start;gap:8px 20px}.hero h1{max-width:620px}.split{grid-template-columns:1fr;gap:35px}.split>.cockpit{order:2}.strap{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-inline:22px}.cards{grid-template-columns:1fr 1fr}.addon{align-items:flex-start;flex-direction:column}.band{padding-inline:22px}.three-step{grid-template-columns:1fr;gap:20px}.three-step .number{margin-bottom:16px}.rea-rail{grid-template-columns:repeat(2,1fr)}.cta{margin:20px 22px 60px}.footer-top{flex-direction:column;align-items:flex-start}.video{padding:28px;min-height:370px}.intro{padding-top:55px}.table-hint{margin-top:20px}.screen-top{padding:16px}.flow{gap:24px}.flow p{font-size:.875rem}.metrics strong{font-size:.9375rem}} @media(max-width:480px){.cards,.pricing{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}.brand{font-size:1.3rem}.brandmark{width:26px;height:26px;margin-right:6px}.header>.button{font-size:.75rem;gap:7px;padding:9px}.header{gap:18px 8px}.header nav{gap:8px 18px}.actions .button{flex-grow:1}.screen-rail{display:none}.screen-main{padding:22px 15px}.screen-main h3{font-size:1.4rem}.metrics strong{font-size:.8125rem}.screen-bottom{font-size:.75rem}.rea-rail{grid-template-columns:1fr}.video h3{font-size:1.5rem}.cta{padding:45px 22px}.card{padding:24px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}} @media print{body{background:white;color:black}.header,footer,.actions,.video{display:none}section{padding:25px 0}p,td{color:#333}.card,.band,.notice,.bp-col,thead th{background:white;color:black}.table-wrap{overflow:visible}table{min-width:0;font-size:9px}th,td{min-width:0!important;padding:5px}.cockpit{box-shadow:none}h1,h2,h3,em,strong{color:black}}.demo-video{margin:0;border:1px solid #d3dbe7;border-radius:var(--radius);overflow:hidden;background:#ffffff;box-shadow:0 30px 100px #0f22441f}.demo-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#f3f6fa}.demo-video figcaption{padding:16px 22px;font-size:.875rem;color:var(--muted);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.demo-video-stage{position:relative}.demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:14px;padding:14px 24px 14px 14px;border:0;border-radius:999px;background:var(--navy);color:#ffffff;font:700 1rem/1.2 Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 12px 40px #0f224459;transition:transform .2s,background .2s}.demo-play:hover{background:var(--navy-soft);transform:translate(-50%,-50%) scale(1.04)}.demo-play:focus-visible{outline:3px solid #ffffff;outline-offset:3px}.demo-play small{font-weight:400;opacity:.75;margin-left:6px}.demo-play-icon{width:44px;height:44px;border-radius:50%;background:#ffffff;color:var(--navy);display:grid;place-items:center;font-size:1rem;padding-left:3px}.demo-play[hidden]{display:none}@media (max-width:600px){.demo-play{white-space:nowrap;font-size:.875rem;gap:10px;padding:8px 16px 8px 8px}.demo-play-icon{width:34px;height:34px;font-size:.8125rem}} .hero-demos{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:520px;width:100%;margin-left:auto}.hero-demos figure{margin:0}.hero-demos video{width:100%;height:auto;display:block;border-radius:16px;background:#000}.hero-demos figcaption{margin-top:8px;font-weight:600;font-size:.82rem;color:var(--text);text-align:center}.radar-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.radar-card .radar-media{display:flex;justify-content:center}.radar-card video{width:auto;height:auto;max-width:100%;max-height:70vh;border-radius:16px;background:#eef2f8;display:block;margin:0 auto}.radar-card .radar-text{min-width:0}@media(max-width:760px){.hero-demos{max-width:360px;margin:0 auto}.radar-card{grid-template-columns:1fr;max-width:420px;margin:0 auto}} /* ==== iMessage-style chat — reusable component. Markup:
..
..
Bubbles: .sent (blue, right) / .recv (gray, left). Tails render on a white page; if the surrounding background is not white, set --im-bg on .imsg to match. ==== */ .imsg{--im-bg:#fff;--im-blue:#0a84ff;--im-gray:#e9e9eb;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;max-width:470px;margin:0 auto;display:flex;flex-direction:column;padding:10px 18px;background:var(--im-bg)} .imsg .im-b{position:relative;max-width:72%;padding:9px 15px;margin-top:10px;font-size:1.05rem;line-height:1.34;border-radius:19px;word-break:break-word;-webkit-font-smoothing:antialiased} .imsg .im-b.stack{margin-top:2px} .imsg .sent{align-self:flex-end;background:var(--im-blue);color:#fff;border-bottom-right-radius:8px} .imsg .recv{align-self:flex-start;background:var(--im-gray);color:#000;border-bottom-left-radius:8px} .imsg .sent::after{content:"";position:absolute;right:-6px;bottom:0;width:16px;height:19px;background:var(--im-blue);border-bottom-left-radius:15px;z-index:-1} .imsg .sent::before{content:"";position:absolute;right:-13px;bottom:0;width:13px;height:19px;background:var(--im-bg);border-bottom-left-radius:12px;z-index:-1} .imsg .recv::after{content:"";position:absolute;left:-6px;bottom:0;width:16px;height:19px;background:var(--im-gray);border-bottom-right-radius:15px;z-index:-1} .imsg .recv::before{content:"";position:absolute;left:-13px;bottom:0;width:13px;height:19px;background:var(--im-bg);border-bottom-right-radius:12px;z-index:-1} /* link-preview bubble (iMessage rich link) */ .imsg .im-link{align-self:flex-start;max-width:74%;margin-top:10px;background:var(--im-gray);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:block} .imsg .im-link .prev{height:118px;background:linear-gradient(135deg,#0f2244,#24406e);display:flex;align-items:flex-end;padding:12px 14px;color:#fff;font-weight:700} .imsg .im-link .meta{padding:9px 14px} .imsg .im-link .meta b{display:block;font-size:.95rem;color:#000} .imsg .im-link .meta span{font-size:.8rem;color:#6b6b70} /* typing indicator */ .imsg .im-typing{align-self:flex-start;margin-top:10px;background:var(--im-gray);border-radius:19px;border-bottom-left-radius:8px;padding:14px 16px;display:inline-flex;gap:5px} .imsg .im-typing i{width:8px;height:8px;border-radius:50%;background:#8b8b90;animation:imt 1.3s infinite} .imsg .im-typing i:nth-child(2){animation-delay:.18s}.imsg .im-typing i:nth-child(3){animation-delay:.36s} @keyframes imt{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}} /* reveal helper (optional) */ .imsg .rise{opacity:0;transform:translateY(12px) scale(.96);transform-origin:bottom;transition:opacity .32s ease,transform .32s ease} .imsg .rise.in{opacity:1;transform:none} /* ==== Rea CMA demo (reusable: chat -> scroll-scrub report -> live CTA). See rea-demo.js ==== */.rea-cma-eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600;text-align:center;margin-bottom:12px}.rea-cma-chat{min-height:66vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.rea-scrub{position:relative;height:340vh}.rea-scrub-stage{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.rea-frame{width:min(1040px,95vw);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 50px 130px #0f224433;opacity:0;transform:scale(.955) translateY(26px);transition:opacity .6s ease,transform .6s ease}.rea-frame.open{opacity:1;transform:none}.rea-chrome{display:flex;align-items:center;gap:8px;background:#e9edf3;padding:10px 14px;border-bottom:1px solid #dbe1ea}.rea-chrome .dot{width:11px;height:11px;border-radius:50%;background:#c6cdd8}.rea-chrome .dot.r{background:#f2705f}.rea-chrome .dot.y{background:#f4bf50}.rea-chrome .dot.g{background:#63c974}.rea-chrome .url{flex:1;margin-left:8px;background:#fff;border-radius:8px;padding:6px 12px;font-size:.8rem;color:#5b6780;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rea-frame video{display:block;width:100%;height:auto;background:#fff}.rea-cta{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 20px 90px;text-align:center}.rea-cta .live-fine{font-size:.82rem;color:var(--muted);margin:0}.live-btn{display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;font-weight:700;font-size:1.06rem;padding:15px 32px;border-radius:12px;text-decoration:none;animation:rea-heartbeat 3.2s ease-in-out infinite}.live-btn:hover{background:var(--navy-soft)}@keyframes rea-heartbeat{0%,100%{box-shadow:0 0 0 0 rgba(15,34,68,0)}12%{box-shadow:0 0 0 7px rgba(15,34,68,.30)}24%{box-shadow:0 0 0 0 rgba(15,34,68,0)}40%{box-shadow:0 0 0 7px rgba(15,34,68,.30)}56%{box-shadow:0 0 0 0 rgba(15,34,68,0)}}@media(prefers-reduced-motion:reduce){.live-btn{animation:none}} .price-annual{font-size:.82rem;color:var(--muted);margin:-8px 0 8px}.card-soon{opacity:.9}.card-soon .price-soon{color:var(--muted);font-size:1.3rem} .addon{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}.addon .imsg{--im-bg:var(--surface)}@media(max-width:760px){.addon{grid-template-columns:1fr}} .hero-intel{grid-template-columns:1fr;max-width:760px;margin:0 auto;text-align:center;min-height:auto;padding-top:64px;padding-bottom:10px}.hero-intel .actions{justify-content:center}.rea-cma-hero .rea-cma-chat{min-height:auto;padding:24px 0 6px}.rea-cma-viewer{display:flex;justify-content:center;padding:10px 18px 34px}@media(max-width:560px){.sr-grid{grid-template-columns:1fr}} .cma-box{width:100%;max-width:540px;margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:16px}.cma-box .rea-frame{width:100%;opacity:1;transform:none;box-shadow:0 30px 90px #0f224426}.cma-box-btn{font-size:.98rem;padding:13px 26px}@media(max-width:820px){.cma-box{margin:0 auto}} .strata-demo{max-width:1280px;margin:0 auto;padding:8px 24px 48px}.strata-demo-grid{display:grid;grid-template-columns:minmax(0,880px) minmax(0,1fr);gap:44px;align-items:center}.strata-copy{max-width:420px}.strata-frame{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 40px 110px #0f224426}.strata-scroll{max-height:74vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.strata-scroll .strata-report{min-height:0;--font-newsreader:'Newsreader';--font-dm-sans:'DM Sans'}@media(max-width:1040px){.strata-demo-grid{grid-template-columns:1fr;gap:28px}.strata-copy{max-width:none;order:-1}.strata-frame{max-width:900px;margin:0 auto}} @media(max-width:760px){.demo-video video{aspect-ratio:auto}.cma-box .rea-frame video.is-mobile-cut{max-height:76vh;width:auto;max-width:100%;margin:0 auto}.demo-video video.is-mobile-cut{max-height:80vh;width:auto;max-width:100%;margin:0 auto;display:block}} .will-reveal{opacity:0;transform:translateY(16px);will-change:opacity,transform}.will-reveal.in{opacity:1;transform:none;transition:opacity .5s ease,transform .55s cubic-bezier(.22,.61,.36,1)}@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}} /* 2026-10-01: winged-compass header logo, demo-request popup, long Rea thread (additive) */ .brand .brandlogo{height:34px;width:auto;margin-right:10px;display:block} @media(max-width:480px){.brand .brandlogo{height:26px;margin-right:7px}} dialog.launch.demo-req{width:min(520px,calc(100% - 32px))} .rea-thread .imsg{width:100%;margin:0 auto} /* 2026-10-01: feature pop-ups — a .card[data-pop] opens its