/* Homepage hero only. The heading and existing thumbnail clips keep their motion.
   The dashboard content stays still; only its ambient aura moves. */
.home #top .hero-showcase634 {position:relative;min-width:0;container-type:inline-size;perspective:1400px;isolation:isolate;margin:12px 5px 12px 0;}
.home #top .hero-showcase634::before {content:"";position:absolute;z-index:-1;inset:0 -4% -2%;background:radial-gradient(ellipse at 70% 20%,#00c8dd38,transparent 65%),radial-gradient(ellipse at 20% 80%,#10acb827,transparent 65%);filter:blur(24px);pointer-events:none;}
.home #top #dashPreview {position:relative;display:grid;grid-template-columns:18.5% minmax(0,1fr);grid-template-rows:12% minmax(0,1fr) 17%;width:100%;aspect-ratio:16/9;box-sizing:border-box;padding:0;overflow:hidden;border:1px solid #52808a;border-radius:7px;background:linear-gradient(145deg,#14232a,#0f1b22 58%,#13252d);color:#eaf2f7;box-shadow:0 18px 45px #0005,0 0 24px #04bfd315,inset 0 0 0 5px #132b3322;transform:rotateY(-6deg) rotateX(2deg) rotateZ(.6deg);transform-origin:center;cursor:default;font-family:inherit;}
.home #top #dashPreview svg {display:block;flex:none;width:2.5cqw;height:2.5cqw;max-width:19px;max-height:19px;}
.home #top .hero-demo-sidebar634 {grid-column:1;grid-row:1/4;border-right:1px solid #36525d88;background:#0e1a22b3;min-width:0;}
.home #top .hero-demo-brand634 {height:12%;display:flex;align-items:center;gap:5px;padding:0 8%;white-space:nowrap;font-size:clamp(7px,1.4cqw,11px);font-weight:650;}
.home #top .hero-demo-brand634 img {width:3cqw;height:3.5cqw;max-width:24px;object-fit:contain;}
.home #top .hero-demo-brand634 b {color:#04d5df;font-weight:650;}
.home #top .hero-demo-nav634 {display:grid;gap:1.4cqw;padding:4% 6%;font-size:clamp(7px,1.45cqw,11.5px);}
.home #top .hero-demo-nav634>span {display:flex;align-items:center;gap:8%;padding:9% 6%;white-space:nowrap;color:#bfccd5;}
.home #top .hero-demo-nav634>span.is-active {background:#23445086;color:#0bdae4;border-left:2px solid #15c8d9;border-radius:2px;}
.home #top .hero-demo-nav634>span>svg {width:2.1cqw;height:2.1cqw;max-width:16px;max-height:16px;}
.home #top .hero-demo-nav634 .hero-demo-guide634 {margin-top:8%;border-top:1px solid #36525d88;padding-top:17%;}
.home #top .hero-demo-guide634>i {margin-left:auto;display:block;position:relative;flex:none;width:3.8cqw;height:2.1cqw;border-radius:20px;background:#147b91;}
.home #top .hero-demo-guide634>i::after {content:"";position:absolute;right:2px;top:2px;bottom:2px;aspect-ratio:1;background:#e0fafb;border-radius:50%;}
.home #top .hero-demo-status634 {grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:1cqw;padding:0 2cqw;border-bottom:1px solid #36525d88;min-width:0;}
.home #top .hero-demo-status634>span {display:flex;align-items:center;justify-content:center;gap:.7cqw;padding:.8cqw 1cqw;white-space:nowrap;border:1px solid #45616d;border-radius:2px;font-size:clamp(6px,1.25cqw,10px);line-height:1.1;font-weight:500;}
.home #top .hero-demo-status634>span>svg {width:1.8cqw;height:1.8cqw;}
.home #top .hero-demo-status634>.hero-subscription634 {border-color:#246e60;color:#b8f4db;}
.home #top .hero-subscription634 i {font-style:normal;color:#20d4a5;}
.home #top .hero-demo-main634 {grid-column:2;grid-row:2;min-width:0;padding:1.8cqw 2cqw;display:flex;flex-direction:column;gap:1.5cqw;}
.home #top .hero-demo-heading634 {display:flex;align-items:center;justify-content:space-between;gap:10px;}
.home #top .hero-demo-heading634 h2 {font-family:inherit;font-weight:600;font-size:clamp(11px,2.3cqw,18px);line-height:1.2;margin:0 0 .4cqw;letter-spacing:-.02em;}
.home #top .hero-demo-heading634 p {margin:0;color:#95adbd;font-size:clamp(6px,1.3cqw,10px);line-height:1.3;}
.home #top .hero-demo-heading634>span {padding:.9cqw 1.5cqw;color:#08232c;background:#14d4dd;border:1px solid #31dfe5;border-radius:2px;white-space:nowrap;font-size:clamp(7px,1.3cqw,10px);font-weight:600;}
.home #top .hero-demo-cards634 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4cqw;min-height:0;}
.home #top .hero-stream634 {min-width:0;background:#14232d;border:1px solid #38525e;border-radius:4px;overflow:hidden;}
.home #top .hero-thumb634 {height:auto!important;aspect-ratio:16/9;position:relative;overflow:hidden;background:#11202a;}
.home #top .hero-thumb634>img.mock-still {display:block;width:100%;height:100%;object-fit:cover;}
.home #top .hero-live-tags634 {display:flex;align-items:center;gap:.9cqw;position:absolute;left:1.2cqw;top:1.2cqw;z-index:5;}
.home #top .hero-live-tags634>img {width:2.7cqw;height:2.7cqw;max-width:21px;max-height:21px;}
.home #top .hero-live-tags634>b {display:block;background:#bd293a;color:#fff;box-shadow:0 1px 4px #0006;font-size:clamp(6px,1.2cqw,10px);line-height:1;padding:.6cqw .9cqw;border-radius:2px;font-weight:600;}
.home #top .hero-stream-copy634 {padding:1cqw 1.3cqw 1.1cqw;}
.home #top .hero-stream-copy634>strong {display:block;font-size:clamp(8px,1.7cqw,13px);line-height:1.3;font-weight:600;white-space:nowrap;}
.home #top .hero-stream-copy634>span {display:block;margin-top:.6cqw;font-size:clamp(6px,1.2cqw,10px);line-height:1.3;color:#9eb1bf;white-space:nowrap;}
.home #top .hero-stream-copy634 i {font-style:normal;margin:0 .4cqw;color:#668e9b;}
.home #top .hero-stream-copy634 b {color:#e1edf4;font-weight:500;}
.home #top .hero-demo-stats634 {grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1.1fr 1fr 1.65fr;gap:.7cqw;padding:0 2cqw 1.8cqw;min-width:0;}
.home #top .hero-demo-stats634>div {display:flex;align-items:center;gap:.8cqw;padding:.8cqw;border:1px solid #314b58;background:#172a334d;border-radius:3px;min-width:0;}
.home #top .hero-demo-stats634>div>svg {color:#06d0df;width:2.4cqw;height:2.4cqw;}
.home #top .hero-demo-stats634 span {display:block;min-width:0;}
.home #top .hero-demo-stats634 b {display:block;font-size:clamp(7px,1.7cqw,13px);line-height:1.2;font-weight:600;white-space:nowrap;}
.home #top .hero-demo-stats634 small {display:block;margin-top:.5cqw;font-size:clamp(5px,.98cqw,8px);line-height:1.2;color:#9cb1bd;white-space:nowrap;}
.home #top .hero-demo-stats634 .hero-demo-health634 b {font-size:clamp(6px,1.2cqw,9.5px);}
.home #top .hero-demo-health634>i {display:block;flex:none;width:1.7cqw;height:1.7cqw;background:#16c995;border-radius:50%;box-shadow:0 0 9px #16c99525;}
.home #top .hero-feature-row634 {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:35px;margin-bottom:5px;}
.home #top .hero-feature-row634>div {padding:4px 18px;border-left:1px solid #45616d55;}
.home #top .hero-feature-row634>div:first-child {padding-left:0;border-left:0;}
.home #top .hero-feature-row634 svg {display:block;width:26px;height:26px;color:#17ccd7;margin-bottom:10px;}
.home #top .hero-feature-row634 strong {display:block;font-size:13px;line-height:1.4;font-weight:600;}
.home #top .hero-feature-row634 p {font-size:11px;line-height:1.55;color:var(--muted);margin:4px 0 0;max-width:170px;}
@media(max-width:1100px) and (min-width:761px){.home #top .hero-showcase634{margin-right:0}.home #top #dashPreview{transform:rotateY(-3deg);}.home #top .hero-feature-row634>div{padding:4px 10px;}.home #top .hero-feature-row634 strong{font-size:11px;}}
@media(max-width:760px){.home #top .hero-showcase634{margin:20px 0 0;}.home #top #dashPreview{transform:none;}.home #top .hero-feature-row634{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0;margin-top:26px;}.home #top .hero-feature-row634>div:nth-child(4){border-left:0;padding-left:0;}.home #top .hero-feature-row634>div{padding:0 10px;}.home #top .hero-feature-row634 strong{font-size:11px;}.home #top .hero-feature-row634 p{font-size:10px;}}
@media(prefers-reduced-motion:reduce){.home #top .hero-thumb634 video{display:none;}.home #top .hero-thumb634 :is(.sky-stars,.mock-eq){animation:none!important;}}

/* fix635 — reference-scale hero. Keep original words, animation script and clips. */
.home #top {position:relative;isolation:isolate;padding-top:42px;padding-bottom:14px;background:radial-gradient(ellipse at 78% 42%,#00b9cd14,transparent 58%),linear-gradient(125deg,transparent 38%,#0790a806 38.1%,transparent 60%);}
.home #top>.wrap {width:calc(100% - clamp(40px,6.5vw,120px));max-width:1800px;}
.home #top .hero-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;min-height:570px;}
.home #top .hero-grid>div:first-child {position:relative;z-index:2;}
.home #top .eyebrow {font-size:clamp(12px,1vw,17px);letter-spacing:.04em;margin-bottom:24px;color:#00cad5;}
.home #top .eyebrow::after {content:"";display:inline-block;width:48px;height:1px;margin:0 0 5px 20px;background:linear-gradient(90deg,#00cad5,transparent);}
.home #top .hero-title {font-size:clamp(38px,3.85vw,72px);line-height:1.07;letter-spacing:-.035em;}
.home #top .hero-title .ht-em {display:block;margin-left:0;}
.home #top .lead {font-size:clamp(15px,1.23vw,22px);line-height:1.45;max-width:740px;margin-top:22px;}
.home #top .hero-actions {margin-top:26px;gap:18px;}
html body.home #top .hero-actions .btn {min-height:60px;padding:15px 34px;border-radius:4px;font-size:clamp(16px,1.15vw,20px);line-height:1.4;min-width:210px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:none;}
html body.home #top .hero-actions .btn.btn-teal {background:#06cbd6;color:#07212a;border:1px solid #08dce4;}
html body.home #top .hero-actions .btn:not(.btn-teal) {background:#122129;color:#eff6f7;border:1px solid #09bbc9;box-shadow:none;}
.home #top .hero-note {font-size:12px;color:var(--muted);}
.home #top .hero-showcase634 {margin:18px 0 12px;perspective:1700px;}
.home #top .hero-showcase634::before {inset:-7% -4%;background:radial-gradient(ellipse at 80% 25%,#00d4ee61,transparent 68%),radial-gradient(ellipse at 15% 80%,#02b9c638,transparent 65%);filter:blur(30px);animation:heroAura635 12s ease-in-out infinite alternate;opacity:.7;}
.home #top .hero-showcase634::after {content:"";position:absolute;inset:8% -2%;z-index:-1;background:linear-gradient(130deg,transparent 20%,#13b8cd12 40%,transparent 65%);filter:blur(12px);pointer-events:none;}
.home #top #dashPreview {aspect-ratio:1.62;grid-template-columns:21.5% minmax(0,1fr);grid-template-rows:12% minmax(0,1fr) 16%;padding:9px;border-color:#70bbc7;background:linear-gradient(145deg,#15232b,#101b22 58%,#172b33);box-shadow:0 18px 50px #0008,0 0 26px #00bddb35,inset 0 0 0 5px #21404a66;transform:rotateY(-9deg) rotateX(2deg) rotateZ(-.9deg);}
.home #top .hero-demo-sidebar634 {grid-row:1/3;}
.home #top .hero-demo-brand634 {height:16.66%;padding:0 6%;gap:7px;font-size:clamp(8px,1.6cqw,15px);}
.home #top .hero-demo-brand634 img {max-width:29px;width:3.5cqw;height:4.2cqw;}
.home #top .hero-demo-nav634 {font-size:clamp(8px,1.6cqw,14px);gap:1cqw;padding:3% 4%;}
.home #top .hero-demo-nav634>span {padding:10% 6%;gap:9%;}
.home #top .hero-demo-nav634>span>svg {width:2.6cqw;height:2.6cqw;max-width:23px;max-height:23px;}
.home #top .hero-demo-nav634 .hero-demo-guide634 {margin-top:6%;padding-top:14%;}
.home #top .hero-demo-status634 {gap:1.2cqw;padding:0 1.4cqw;}
.home #top .hero-demo-status634>span {font-size:clamp(7px,1.45cqw,13px);padding:1.1cqw 1.2cqw;gap:.8cqw;}
.home #top .hero-demo-status634>span>svg {width:2.2cqw;height:2.2cqw;max-width:20px;max-height:20px;}
.home #top .hero-demo-main634 {padding:2cqw 1.7cqw;gap:2cqw;}
.home #top .hero-demo-heading634 h2 {font-size:clamp(13px,2.4cqw,22px);}
.home #top .hero-demo-heading634 p {font-size:clamp(7px,1.5cqw,13px);}
.home #top .hero-demo-heading634>span {font-size:clamp(8px,1.6cqw,14px);padding:1.2cqw 2cqw;}
.home #top .hero-demo-cards634 {gap:1.7cqw;}
.home #top .hero-stream634 {background:linear-gradient(#1a2b35,#14232b);}
.home #top .hero-stream-copy634 {padding:1.2cqw 1.4cqw 1.5cqw;}
.home #top .hero-stream-copy634>strong {font-size:clamp(9px,1.9cqw,16px);}
.home #top .hero-stream-copy634>span {font-size:clamp(7px,1.4cqw,12px);margin-top:.9cqw;}
.home #top .hero-live-tags634>img {width:3.2cqw;height:3.2cqw;max-width:27px;max-height:27px;}
.home #top .hero-live-tags634>b {font-size:clamp(7px,1.5cqw,13px);padding:.8cqw 1.1cqw;}
.home #top .hero-demo-stats634 {grid-column:1/3;grid-template-columns:1fr 1fr 1fr 1.5fr;padding:.8cqw .3cqw .3cqw;gap:.8cqw;}
.home #top .hero-demo-stats634>div {padding:1.2cqw;gap:1.2cqw;background:linear-gradient(135deg,#19303a77,#14252c);}
.home #top .hero-demo-stats634>div>svg {width:3cqw;height:3cqw;max-width:28px;max-height:28px;}
.home #top .hero-demo-stats634 b {font-size:clamp(9px,1.9cqw,17px);}
.home #top .hero-demo-stats634 small {font-size:clamp(6px,1.2cqw,11px);margin-top:.7cqw;}
.home #top .hero-demo-stats634 .hero-demo-health634 b {font-size:clamp(8px,1.5cqw,13px);}
.home #top .hero-demo-health634>i {width:2.5cqw;height:2.5cqw;}
.home #top .hero-feature-row634 {margin-top:44px;margin-bottom:0;}
.home #top .hero-feature-row634>div {padding:0 26px;}
.home #top .hero-feature-row634>div:first-child {padding-left:0;}
.home #top .hero-feature-row634 svg {width:43px;height:43px;margin-bottom:13px;}
.home #top .hero-feature-row634 strong {font-size:clamp(13px,1.05vw,18px);}
.home #top .hero-feature-row634 p {font-size:clamp(11px,.98vw,16px);line-height:1.5;max-width:235px;margin-top:4px;}
@keyframes heroAura635 {from{transform:translate3d(-7px,7px,0) scale(.98);opacity:.58;}to{transform:translate3d(9px,-7px,0) scale(1.025);opacity:.8;}}
@media(max-width:1250px) and (min-width:761px){.home #top .hero-grid{gap:24px;min-height:470px;}.home #top .hero-title{font-size:clamp(36px,4vw,50px);}.home #top .lead{font-size:16px;}.home #top .hero-actions .btn{min-width:150px;min-height:48px;padding:10px 20px;font-size:15px;}.home #top .hero-feature-row634>div{padding:0 12px;}.home #top .hero-feature-row634 svg{width:32px;height:32px;}.home #top #dashPreview{transform:rotateY(-5deg) rotateZ(-.6deg);}}
@media(max-width:760px){.home #top{padding-top:26px;}.home #top>.wrap{width:calc(100% - 28px);}.home #top .hero-grid{grid-template-columns:1fr;min-height:0;gap:12px;}.home #top .hero-title{font-size:clamp(34px,8vw,48px);}.home #top .eyebrow{font-size:12px;margin-bottom:16px;}.home #top .lead{font-size:15px;margin-top:18px;}.home #top .hero-actions{gap:10px;margin-top:20px;}html body.home #top .hero-actions .btn{flex:1;min-width:0;min-height:48px;padding:10px 14px;font-size:15px;}.home #top #dashPreview{transform:none;padding:4px;}.home #top .hero-showcase634{margin:20px 0 0;}.home #top .hero-demo-brand634{font-size:7px;gap:3px;}.home #top .hero-demo-nav634{font-size:7px;}.home #top .hero-feature-row634{margin-top:28px;gap:24px 0;}.home #top .hero-feature-row634>div{padding:0 10px;}.home #top .hero-feature-row634>div:nth-child(4){padding-left:0;}.home #top .hero-feature-row634 svg{width:30px;height:30px;}.home #top .hero-feature-row634 strong{font-size:12px;}.home #top .hero-feature-row634 p{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.home #top .hero-showcase634::before{animation:none!important;transform:none!important;opacity:.65;}}
/* Keep the hero on the same 1400px content width as Features / Pricing below. */
.home #top>.wrap {width:calc(100% - clamp(32px,5vw,80px))!important;max-width:1400px!important;}
.home #top .hero-title {font-size:clamp(32px,3.2vw,52px);}
.home #top .lead {max-width:36rem;font-size:clamp(15px,1.1vw,18px);}
@media(min-width:1101px){.home #top{padding-top:42px;}.home #top .hero-grid{min-height:0;}}
@media(max-width:760px){.home #top>.wrap{width:calc(100% - 28px)!important;}}
.home #top .hero-actions .btn {min-width:240px!important;}
.home #top .hero-actions .btn.btn-teal::after {content:"→";font-size:24px;line-height:1;margin-left:14px;}
@media(max-width:1250px) and (min-width:761px){.home #top .hero-actions .btn{min-width:150px!important;}}
@media(max-width:760px){.home #top .hero-actions .btn{min-width:0!important;}.home #top .hero-actions .btn.btn-teal::after{font-size:18px;margin-left:8px;}}
