/* Product-only illustrations and motion, aligned with current RAVENTIQ Mail. */
.section-hero {
 position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) 292px; gap:24px; align-items:center;
 min-width:0; min-height:190px; padding:24px 124px 24px 30px; margin:0 0 24px; overflow:hidden;
 border:1px solid #426a80; border-radius:20px;
 background:radial-gradient(ellipse at 95% 12%,#6c8bd336,transparent 55%),radial-gradient(ellipse at 4% 100%,#26c9b91c,transparent 60%),linear-gradient(112deg,#153c47,#172e45 58%,#22334f);
 box-shadow:0 14px 36px #020c1b30,inset 0 1px #d3fff51a;
}
.section-hero::before {content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b6ddf90a 1px,transparent 1px),linear-gradient(90deg,#b6ddf90a 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 30%,#000);}
.section-hero::after {content:'';position:absolute;inset:0 auto auto 8%;height:1px;width:32%;background:linear-gradient(90deg,transparent,#b5fff280,transparent);}
.section-hero-copy {min-width:0;}
.section-hero-kicker {display:block;color:#b0f5e8;font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.6;}
.section-hero h2 {margin:10px 0 8px;font-size:clamp(23px,2vw,30px);line-height:1.16;letter-spacing:-.035em;color:#f0f8ff;}
.section-hero-copy p {margin:0;max-width:65ch;font-size:13px;line-height:1.7;color:#c1d8e7;}
.section-hero-art {width:292px;height:152px;display:grid;place-items:center;pointer-events:none;}
.section-hero-art svg {display:block;width:292px;height:auto;overflow:visible;}
.section-hero-overview {min-height:300px;grid-template-columns:1.25fr 1fr;padding:30px 38px;}
.section-hero-overview h2 {font-size:clamp(32px,3.4vw,46px);line-height:1.12;letter-spacing:-.045em;}
.section-hero-overview h2 span {color:#8ef2df;}
.section-hero-overview p {max-width:390px;}
.section-hero-overview .section-hero-art {height:235px;width:min(100%,385px);justify-self:center;}
.section-hero-overview .section-hero-art svg {width:100%;}
.section-hero .welcome-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;}
.motion-toggle {position:absolute;right:14px;top:14px;display:none;align-items:center;gap:7px;min-height:44px;padding:10px 12px;font-size:11px;color:#a3f4e7;background:#152c40e6;border:1px solid #587b90;border-radius:10px;z-index:2;}
.motion-toggle svg {width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;}
.motion-toggle[aria-pressed=true] .motion-play,.motion-toggle[aria-pressed=false] .motion-pause {display:none;}
.scene-card {fill:#d5e7ef;stroke:#b6d6e5;stroke-width:1;}
.scene-card-back {fill:#557c96;stroke:#9bc5d452;stroke-width:1;}
.scene-edge {stroke:#f8feff;stroke-width:1.5;stroke-linecap:round;}
.scene-paper {fill:#e8f6f7;}
.scene-lines {fill:none;stroke:#769baa;stroke-width:3;stroke-linecap:round;}
.scene-divider {fill:none;stroke:#8eafbf;stroke-width:1.5;}
.scene-light-lines {fill:none;stroke:#aff7e8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.scene-accent {fill:#57b7b3;stroke:#318d98;stroke-width:.5;}
.scene-avatar {fill:#92d7d1;}.scene-ink {fill:#4a8f99;}
.scene-tag {fill:#214958;stroke:#7eafb9;stroke-width:1;}
.scene-type {fill:#c2f8ef;font:600 12px system-ui,sans-serif;letter-spacing:.04em;}
.scene-ground {fill:#021428;opacity:.18;}
.scene-halo {fill:none;stroke:#8bc8e12b;stroke-width:1;}.scene-halo-inner {stroke:#91e7d71c;}
.scene-live {fill:#a8f2de;}.scene-folder {fill:#2d7180;stroke:#8cd5d0;stroke-width:1.5;}
.scene-envelope {fill:none;stroke:#83aebc;stroke-width:1.5;}
.scene-plane,.scene-pencil {fill:#50b7b5;stroke:#b6ffef;stroke-width:2;stroke-linejoin:round;}
.scene-lock {fill:none;stroke:#4c8e9c;stroke-width:6;}
.scene-connection {fill:none;stroke:#6cb6b8;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 7;}
.scene-float {--scene-tilt:-7deg;--scene-peak:-5deg;transform:rotate(var(--scene-tilt));transform-origin:160px 100px;transform-box:view-box;filter:drop-shadow(0 7px 6px #020c2340);}
.scene-drift {--scene-tilt:-10deg;--scene-peak:-7deg;transform:rotate(var(--scene-tilt));transform-origin:80px 90px;transform-box:view-box;}
.scene-drift-late {--scene-tilt:8deg;--scene-peak:5deg;transform:rotate(var(--scene-tilt));transform-origin:245px 135px;transform-box:view-box;}
.scene-orbit {transform-origin:161px 102px;transform-box:view-box;}
@media (prefers-reduced-motion:no-preference) {
 .motion-toggle {display:inline-flex;}
 .scene-float {animation:section-float 8s ease-in-out infinite;}
 .scene-drift {animation:section-drift 7s ease-in-out infinite;}
 .scene-drift-late {animation:section-drift 9s ease-in-out -3s infinite;}
 .scene-orbit {animation:section-orbit 28s linear infinite;}
 .scene-signal {animation:section-signal 6s ease-in-out infinite;}
 .is-motion-paused .scene-motion {animation-play-state:paused;}
}
@keyframes section-float {0%,100%{transform:translateY(0) rotate(var(--scene-tilt));}50%{transform:translateY(-5px) rotate(var(--scene-peak));}}
@keyframes section-drift {0%,100%{transform:translateY(0) rotate(var(--scene-tilt));}50%{transform:translateY(4px) rotate(var(--scene-peak));}}
@keyframes section-orbit {to{transform:rotate(360deg);}}
@keyframes section-signal {0%,100%{transform:translateX(0);opacity:.5;}50%{transform:translateX(32px);opacity:1;}}
@media(max-width:1100px) {
 .section-hero {grid-template-columns:minmax(0,1fr) 188px;gap:14px;padding-right:76px;}
 .section-hero-art,.section-hero-art svg {width:188px;}
 .motion-toggle {width:44px;padding:10px;}.motion-toggle span {display:none;}
 .section-hero-overview {grid-template-columns:1.25fr 1fr;padding:30px;}
}
@media(min-width:701px) and (max-width:950px) {
 .section-hero {grid-template-columns:minmax(0,1fr) 136px;gap:16px;padding:24px;}
 .section-hero-art,.section-hero-art svg {width:136px;}
 .section-hero-art {height:120px;margin-top:30px;}
 .section-hero-overview .section-hero-art {width:136px;height:150px;}
 .section-hero-overview h2 {font-size:34px;}
}
@media(max-width:700px) {
 .section-hero {grid-template-columns:minmax(0,1fr) 92px;min-height:150px;padding:18px;gap:8px;margin-bottom:18px;border-radius:16px;}
 .section-hero-kicker {font-size:8px;letter-spacing:.1em;}
 .section-hero h2 {font-size:21px;margin:8px 0;}
 .section-hero-copy p {font-size:11px;line-height:1.6;}
 .section-hero-art {width:92px;height:84px;align-self:end;margin-top:30px;}
 .section-hero-art svg {width:108px;}
 .motion-toggle {top:8px;right:8px;}
 .section-hero-overview {grid-template-columns:minmax(0,1fr) 92px;min-height:245px;}
 .section-hero-overview h2 {font-size:29px;}
 .section-hero-overview .section-hero-art {width:92px;height:84px;align-self:center;}
 .section-hero-overview .section-hero-art svg {width:108px;}
 .section-hero-overview .welcome-actions {width:calc(100% + 100px);gap:8px;}
 .section-hero-overview .welcome-actions .btn {flex:1 1 150px;justify-content:center;}
}
@media(forced-colors:active) {.section-hero-art,.motion-toggle {display:none;}.section-hero {grid-template-columns:1fr;}}