/* Home hero: mint browser-scene reference; existing copy and media remain live. */
#top.growth-hero {
  padding:clamp(46px,3.4vw,70px) clamp(24px,5.9vw,122px) 28px;
  background:radial-gradient(ellipse at 66% 38%,#bef5e357,transparent 57%),radial-gradient(ellipse at 3% 75%,#c4f7e951,transparent 39%),linear-gradient(125deg,#fdfffe 6%,#f8fffc 48%,#eefff7);
  color:#0a101b;
}
#top.growth-hero::before { background:none; opacity:1; inset:auto -8% -55% -18%; height:85%; border-radius:48% 60% 0 0; background:linear-gradient(145deg,#a6ebcd44,#e4fff121); transform:rotate(20deg); }
#top .growth-hero-orb-one { width:44vw; height:40vw; max-width:820px; max-height:750px; top:10%; right:6%; border:0; border-radius:44% 52% 47% 40%; background:#a7ead94a; box-shadow:0 0 0 24px #c2f7e63b; transform:rotate(17deg); filter:none; }
#top .growth-hero-orb-two { width:40vw; height:27vw; left:-27%; bottom:14%; border:1px solid #c2f6df; background:linear-gradient(145deg,#d8fcee60,#b6f3dc50); transform:rotate(26deg); }
#top .growth-hero-inner { width:min(100%,1840px); grid-template-columns:minmax(0,37fr) minmax(0,63fr); align-items:center; gap:clamp(24px,2.4vw,50px); }
#top .growth-copy { padding:0; }
#top .growth-eyebrow { margin-bottom:24px; padding:6px 19px 6px 9px; gap:10px; border:1px solid #bdf0d9; background:#e4fcf0d4; color:#087947; box-shadow:inset 0 1px 2px #fff9,0 6px 20px #11996c09; font-size:clamp(11px,.86vw,15px); }
#top .growth-eyebrow :is(svg,i.la-site-icon) { width:28px!important; height:28px!important; padding:5px!important; border-radius:50%!important; border:0!important; color:#00b75d!important; background:#c8f8e2!important; box-shadow:none!important; animation:none!important; }
#top .growth-copy h1 { max-width:none; font-family:Manrope,Inter,system-ui,sans-serif!important; font-size:clamp(38px,3.42vw,70px); font-weight:850; letter-spacing:-.044em; line-height:1.08; color:#080d17; }
#top .growth-copy h1 span,#top .growth-copy h1 i { color:#00aa4e; }
#top .growth-copy h1 span svg { bottom:-15px; height:14px; width:100%; overflow:visible; transform:rotate(-1deg); }
#top .growth-copy h1 span::after { content:''; position:absolute; right:-30px; bottom:8%; width:18px; height:18px; background:linear-gradient(12deg,transparent 43%,#00b54f 46% 57%,transparent 60%); transform:rotate(-18deg); }
#top .growth-copy>p { margin-top:32px; max-width:650px; font-size:clamp(14px,1.08vw,20px); line-height:1.5; color:#5b6c84; letter-spacing:-.013em; }
#top .growth-actions { gap:16px; flex-wrap:nowrap; margin-top:30px; }
#top .growth-primary,#top .growth-tour { min-height:clamp(46px,3.25vw,65px); padding:0 clamp(16px,1.3vw,28px); border-radius:999px; font-size:clamp(12px,.95vw,17px); font-weight:750; gap:12px; white-space:nowrap; }
#top .growth-primary.is-soon { border:1px solid #00b866; color:#fff; background:linear-gradient(150deg,#29df8c 0%,#00b45f 42%,#009a50 100%); box-shadow:inset 0 2px 2px #ffffff78,inset 0 0 0 3px #ffffff16,0 10px 22px #008e4f20; }
#top .growth-primary.is-soon .soon-dot { width:12px; height:12px; background:#fff; box-shadow:0 0 0 5px #ffffff21; }
#top .growth-tour { border-color:#e4eaf2; background:#ffffffed; box-shadow:0 8px 22px #38526808; }
#top .growth-tour i { width:34px; height:34px; background:#e0faef; color:#1bb581; font-size:12px; }
#top .growth-trust { margin-top:30px; gap:14px; grid-template-columns:repeat(4,minmax(0,1fr)); }
#top .growth-trust span { grid-template-columns:34px minmax(0,1fr); gap:8px; font-size:clamp(9px,.65vw,12px); line-height:1.4; }
#top .growth-trust svg.la-site-icon { width:34px!important; height:34px!important; border-radius:50%!important; padding:7px!important; box-shadow:0 4px 9px #10b9810b!important; animation:none!important; }
#top .growth-platforms { margin-top:25px; gap:12px; }
#top .growth-plat { padding:9px 17px; border-radius:999px; font-size:clamp(11px,.85vw,15px); border-color:#e5ece8; box-shadow:0 7px 15px #437b650a; }
#top .growth-plat svg { width:20px; height:20px; }
#top .growth-plat svg.plat-apple { color:#111827; }
#top .growth-plat svg.plat-windows { color:#f67a14; }
#top .hero-obsolete-chrome { display:none; }
#top .growth-product { min-height:clamp(425px,35vw,690px); height:100%; perspective:1600px; overflow:visible; }
#top .growth-product-glow { inset:4% -3% -1% -6%; background:radial-gradient(ellipse,#7addb254,#c7f9e629 62%,transparent 75%); filter:blur(15px); }
#top .growth-dashboard-shell { z-index:2; left:0; right:auto; top:4%; bottom:auto; width:106%; height:auto; aspect-ratio:1.64; padding-top:30px; border:2px solid #e4e2f5; border-radius:25px; background:#fff; box-shadow:0 26px 38px #346c6320,0 6px 8px #528d7610; transform:rotateY(-5deg) rotateX(2deg) rotateZ(2deg); transform-origin:50% 50%; }
#top .growth-product:hover .growth-dashboard-shell { transform:rotateY(-5deg) rotateX(2deg) rotateZ(2deg); box-shadow:0 26px 38px #346c6320,0 6px 8px #528d7610; }
#top .growth-dashboard-shell::before { content:''; position:absolute; z-index:2; top:0; left:0; right:0; height:30px; border-bottom:1px solid #eeeef8; background:linear-gradient(100deg,#eeedff,#f5f5ff 65%,#f7f4ff); }
#top .growth-dashboard-shell::after { content:''; position:absolute; z-index:3; top:8px; left:16px; width:52px; height:13px; background:radial-gradient(circle at 6px 6px,#ff6267 0 4px,transparent 5px),radial-gradient(circle at 23px 6px,#ffbf29 0 4px,transparent 5px),radial-gradient(circle at 40px 6px,#2dce67 0 4px,transparent 5px); }
#top .hero-media-track { position:relative; }
#top .growth-dashboard { width:100%; height:100%; object-fit:cover; object-position:left top; }
#top .hero-video-player { background:#fafbff; }
#top .hero-media-next { right:9px; width:29px; height:41px; font-size:26px; opacity:.75; }
#top .hero-media-dots { padding:6px 10px; bottom:10px; }
#top .hero-scene-leaves { position:absolute; z-index:0; left:-13%; top:-7%; width:126%; height:113%; pointer-events:none; }
#top .hero-scene-chat { position:absolute; z-index:1; top:0; left:-8%; width:70px; height:70px; display:grid; place-items:center; border:8px solid #d6fdea94; border-radius:23px; background:#8ae7bd90; transform:rotate(-20deg); box-shadow:0 10px 20px #7ddeaf10; }
#top .hero-scene-chat svg { width:48px; height:48px; }
#top .hero-scene-arrow { position:absolute; z-index:4; top:-36px; left:37%; width:90px; height:46px; }

#top .hero-scene-stat svg { width:100%; height:100%; }

#top .growth-proof-grid { margin-top:10px; gap:14px; grid-template-columns:repeat(5,minmax(0,1fr)); }
#top .growth-proof-grid>button { min-height:148px; padding:16px 18px 17px; border:1px solid #e4eceb; border-radius:21px; background:#ffffffed; box-shadow:0 5px 17px #58797405; }
#top .growth-proof-grid>button::before { display:none; }
#top .growth-proof-grid>button::after { content:'→'; position:absolute; display:grid; place-items:center; width:28px; height:28px; right:15px; bottom:28px; color:#192c39; border:1px solid #e0e6ed; border-radius:50%; background:#fff; font-size:19px; }
#top .growth-proof-grid .proof-card-head { margin-bottom:11px; }
#top .growth-proof-grid button :is(svg.la-site-icon,i.la-site-icon) { width:40px!important; height:40px!important; padding:9px!important; border-radius:12px!important; box-shadow:none!important; animation:none!important; }
#top .growth-proof-grid .proof-badge { padding:4px 10px; border-radius:999px; background:color-mix(in srgb,var(--proof-accent) 7%,white); border:1px solid color-mix(in srgb,var(--proof-accent) 25%,white); font-size:11px; line-height:1.1; }
#top .growth-proof-grid b { font-size:clamp(12px,.93vw,18px); line-height:1.23; letter-spacing:-.025em; }
#top .growth-proof-grid small { padding-right:25px; margin-top:7px; font-size:clamp(10px,.75vw,14px); line-height:1.43; color:#687a92; }
html[dir="rtl"] #top .growth-hero-inner { direction:ltr; }
html[dir="rtl"] #top .growth-copy { direction:rtl; text-align:right; }
html[dir="rtl"] #top .growth-copy h1 { letter-spacing:0; }
html[dir="rtl"] #top .growth-proof-grid>button { direction:rtl; text-align:right; }
html[dir="rtl"] #top .growth-proof-grid small { padding-right:0; padding-left:25px; }
html[dir="rtl"] #top .growth-proof-grid>button::after { right:auto; left:15px; transform:rotate(180deg); }
@media(min-width:1800px) { #top .growth-proof-grid>button { min-height:178px; padding:19px 22px; } #top .growth-proof-grid button :is(svg.la-site-icon,i.la-site-icon) { width:47px!important; height:47px!important; } #top .growth-proof-grid .proof-badge { font-size:13px; } #top .growth-trust span { grid-template-columns:44px minmax(0,1fr); } #top .growth-trust svg.la-site-icon { width:44px!important; height:44px!important; } }
@media(max-width:1100px) and (min-width:901px) { #top.growth-hero { padding-inline:30px; } #top .growth-hero-inner { grid-template-columns:40fr 60fr; gap:22px; } #top .growth-trust { gap:8px; } #top .growth-actions { gap:9px; } #top .growth-primary,#top .growth-tour { padding-inline:14px; font-size:11px; } }
@media(max-width:900px) {
 #top.growth-hero { padding:40px 24px 24px; }
 #top .growth-hero-inner { grid-template-columns:minmax(0,1fr)!important; gap:20px; }
 #top .growth-copy { text-align:center; padding:0; }
 #top .growth-copy h1 { font-size:clamp(36px,6.8vw,58px); }
 #top .growth-copy>p { max-width:620px; font-size:15px; margin-top:27px; }
 #top .growth-actions { justify-content:center; }
 #top .growth-trust { max-width:600px; margin-inline:auto; }
 #top .growth-platforms { justify-content:center; }
 #top .growth-product { min-height:0!important; height:auto!important; padding-top:28px!important; margin:0 8px 20px; }
 #top .growth-dashboard-shell { position:relative!important; top:auto!important; left:auto!important; right:auto!important; bottom:auto!important; width:100%!important; aspect-ratio:1.64; transform:rotateZ(1deg); padding-top:25px; border-radius:18px; }
 #top .growth-dashboard-shell::before { height:25px; }
 #top .growth-dashboard-shell::after { top:6px; }
 #top .growth-product:hover .growth-dashboard-shell { transform:rotateZ(1deg); }

 #top .hero-scene-chat { width:47px; height:47px; left:-18px; top:6px; border-width:5px; border-radius:15px; }
 #top .hero-scene-chat svg { width:32px; height:32px; }
 #top .hero-scene-arrow { display:none; }

 #top .growth-proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[dir="rtl"] #top .growth-copy { text-align:center; }
}
@media(max-width:760px) {
 #top.growth-hero { padding:25px 18px 24px!important; }
 #top .growth-hero-inner { gap:20px; }
 #top .growth-eyebrow { margin-bottom:18px; }
 #top .growth-copy h1 { font-size:clamp(31px,7.2vw,46px); line-height:1.12; }
 #top .growth-copy h1 span::after { display:none; }
 #top .growth-copy>p { font-size:14px; line-height:1.55; }
 #top .growth-actions { margin-top:24px; }
 #top .growth-actions>* { white-space:normal!important; min-height:48px!important; border-radius:999px; font-size:12px!important; }
 #top .growth-trust { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:360px; margin-top:24px; gap:14px 20px; text-align:left; }
 #top .growth-trust span { font-size:10px; }
 #top .growth-platforms { margin-top:22px; }
 #top .growth-platforms .growth-plat { font-size:11px!important; }
 #top .growth-plat svg { width:16px!important; height:16px!important; }
 #top .growth-proof-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px; margin-top:0; }
 #top .growth-proof-grid>button { padding:13px 12px; min-height:152px; border-radius:17px; }
 #top .growth-proof-grid>button:last-child { grid-column:1/-1; min-height:133px; }
 #top .growth-proof-grid b { font-size:13px; }
 #top .growth-proof-grid small { font-size:11px; }
 #top .growth-proof-grid .proof-badge { font-size:9px; }
 #top .growth-proof-grid>button::after { width:23px; height:23px; right:10px; bottom:17px; }
}
@media(prefers-reduced-motion:reduce) { #top .growth-dashboard-shell,#top .growth-proof-grid>button { transition:none; } }
/* Clear the old dark hero fade and retain the reference's three-line headline. */
#top.growth-hero::after { display:none; }
@media(min-width:901px) {
 #top .growth-hero-inner { grid-template-columns:minmax(0,39fr) minmax(0,61fr); }
 #top .growth-copy h1 { font-size:clamp(38px,3.2vw,68px); }
}
/* The reference tilts the frame gently; the media itself stays fully visible. */
#top .growth-dashboard { object-fit:contain; background:#fff; }
@media(min-width:901px) {
 #top .growth-dashboard-shell,#top .growth-product:hover .growth-dashboard-shell { top:10%; transform:rotateY(-2deg) rotateX(1deg) rotateZ(1deg); }
}

#top .hero-scene-note { position:absolute; z-index:4; left:calc(37% + 73px); top:-45px; width:165px; color:#314542; text-align:center; font-family:'Bradley Hand','Segoe Print','Comic Sans MS',cursive!important; font-size:clamp(15px,1.12vw,22px); font-weight:600; font-style:italic; line-height:1.2; letter-spacing:.015em; transform:rotate(-5deg); }
html[dir="rtl"] #top .hero-scene-note { direction:rtl; }
@media(max-width:900px) { #top .hero-scene-note { top:0; left:auto; right:18px; width:145px; font-size:15px; } }
@media(max-width:760px) { #top .hero-scene-note { top:-6px; right:3px; width:140px; font-size:13px; } }

@media(min-width:901px) { #top .hero-scene-note { top:-15px; } #top .hero-scene-arrow { top:-6px; } }

/* Keep the first two sections connected without a large empty band. */
#top.growth-hero { padding-bottom:22px; border-bottom:1px solid #dceee5; }
#top + #messages.pad.mockup-live-suite { padding-top:24px!important; }
@media(max-width:760px) { #top + #messages.pad.mockup-live-suite { padding-top:20px!important; } }