/* Avanza AI Studio v21 — quieter, more spacious hero with chaos-to-calm comparison */
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero{min-height:100svh;padding-top:138px;padding-bottom:84px;background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.98),transparent 29%),radial-gradient(circle at 10% 78%,rgba(255,255,255,.78),transparent 30%),linear-gradient(180deg,#f8f8f6 0%,#efefec 100%)}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-grid{grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);grid-template-areas:"copy visual" "assurances visual";align-items:center;gap:22px clamp(56px,7vw,118px)}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-copy{grid-area:copy;max-width:610px;align-self:center}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero h1{max-width:650px;font-size:clamp(4.3rem,5.7vw,6.1rem);line-height:.92}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-text{max-width:540px;margin-top:34px;font-size:clamp(1rem,1.16vw,1.12rem);line-height:1.74;color:#5a5e65}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-actions{gap:14px;margin-top:38px}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-agent-visual{grid-area:visual;position:relative;display:grid;width:min(100%,760px);min-height:650px;place-items:center;justify-self:end;isolation:isolate}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-calm-comparison{position:relative;width:100%;min-height:inherit}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-transition-label{position:absolute;top:12px;left:50%;z-index:5;display:inline-flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid rgba(12,13,15,.09);border-radius:999px;color:#666a71;font-size:.56rem;font-weight:800;letter-spacing:.12em;background:rgba(255,255,255,.72);box-shadow:0 16px 35px rgba(11,12,14,.06),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transform:translateX(-50%);white-space:nowrap}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-transition-label i,body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-footnote i{width:36px;height:1px;background:rgba(12,13,15,.14)}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-card{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(241,241,238,.72));box-shadow:0 28px 70px rgba(11,12,14,.11),inset 0 1px 0 rgba(255,255,255,.95)}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-card::before{position:absolute;inset:0;content:"";pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.4),transparent 42%)}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-card header{position:relative;z-index:2;padding:20px 22px 0}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-card small{display:block;color:#8a8e95;font-size:.56rem;font-weight:800;letter-spacing:.14em}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-card strong{display:block;margin-top:8px;color:#15181b;font-size:1.08rem;font-weight:700;letter-spacing:-.03em}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-card p{margin-top:8px;color:#71757c;font-size:.73rem;line-height:1.6}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-before{top:122px;left:0;z-index:2;width:285px;min-height:352px;background:linear-gradient(180deg,rgba(237,237,234,.88),rgba(229,229,227,.78))}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-after{top:78px;right:0;z-index:3;width:min(100%,585px);min-height:548px}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-stage-before,body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-stage-after{position:relative;display:grid;width:100%;place-items:center;background:transparent;pointer-events:none;overflow:visible}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-stage-before{min-height:220px;margin:0 auto 12px}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-stage-after{min-height:360px;margin:-6px auto 4px}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-video-before{width:108%;max-width:330px;filter:drop-shadow(0 24px 28px rgba(8,10,14,.13)) drop-shadow(0 8px 10px rgba(8,10,14,.06));transform:translate3d(0,0,0) scale(.92)}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-video-after{width:117%;max-width:760px;filter:drop-shadow(0 32px 38px rgba(8,10,14,.14)) drop-shadow(0 10px 12px rgba(8,10,14,.06));transform:translate3d(1.5%,0,0) scale(1.025)}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-outcome-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 22px 22px}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-outcome-strip>div{padding:13px 14px;border:1px solid rgba(12,13,15,.08);border-radius:16px;background:rgba(255,255,255,.54)}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-outcome-strip small{display:block;color:#8a8e95;font-size:.51rem;font-weight:800;letter-spacing:.12em}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-outcome-strip strong{display:block;margin-top:6px;color:#16181b;font-size:.8rem;letter-spacing:-.02em}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-outcome-strip span{display:block;margin-top:4px;color:#757980;font-size:.62rem;line-height:1.45}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-assurances{grid-area:assurances;display:grid;gap:0;width:min(100%,560px);margin-top:10px}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-assurances span{padding:13px 0;border-top:1px solid rgba(11,12,14,.1);color:#555960;font-size:.75rem;font-weight:600}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-assurances span:last-child{border-bottom:1px solid rgba(11,12,14,.1)}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-assurances i{display:inline-block;min-width:30px;margin-right:8px;color:#111}
body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-footnote{position:relative;bottom:auto;margin-top:26px;gap:14px}
@media (max-width:1240px){body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:24px 40px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-agent-visual{width:min(100%,690px);min-height:610px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-before{width:260px;min-height:332px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-after{width:min(100%,540px);min-height:522px}}
@media (max-width:980px){body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero{padding-top:126px;padding-bottom:72px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "assurances";gap:28px;text-align:center}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-copy{max-width:740px;justify-self:center}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero h1 .hero-phrase{white-space:normal}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-text,body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-assurances{margin-inline:auto}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-actions,body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-assurances{justify-content:center}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-agent-visual{width:min(100%,700px);min-height:610px;margin-inline:auto;justify-self:center}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-before{left:22px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-after{right:22px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-assurances span{text-align:left}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-footnote{justify-content:center}}
@media (max-width:720px){body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero{padding-top:112px;padding-bottom:66px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero h1{font-size:clamp(3.2rem,13.8vw,4.35rem)}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-text{margin-top:24px;font-size:.98rem}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-actions{display:grid;width:min(100%,390px);margin:28px auto 0}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-actions .button{width:100%}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-agent-visual{min-height:510px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-transition-label{top:4px;font-size:.5rem;padding:9px 12px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-transition-label i,body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-footnote i{width:18px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-before{top:84px;left:0;width:178px;min-height:250px;border-radius:20px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-before header{padding:14px 14px 0}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-before strong{font-size:.86rem}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-before p{font-size:.62rem}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-after{top:128px;right:0;width:min(100%,calc(100% - 34px));min-height:388px;border-radius:24px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-after header{padding:16px 16px 0 18px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-after strong{font-size:.96rem}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-after p{font-size:.66rem}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-stage-before{min-height:128px;margin-top:-4px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-stage-after{min-height:240px;margin:-8px auto 0}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-video-before{width:118%;max-width:225px;transform:scale(.94)}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-video-after{width:126%;max-width:510px;transform:translate3d(1%,0,0) scale(1.03)}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-outcome-strip{grid-template-columns:1fr;padding:0 16px 16px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-outcome-strip>div{padding:11px 12px;border-radius:14px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-assurances{width:min(100%,390px)}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-assurances span{padding:12px 0;font-size:.71rem}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-footnote{display:none}}
@media (max-width:430px){body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-agent-visual{min-height:472px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-before{left:-2px;width:168px;min-height:240px}body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-compare-after{width:calc(100% - 26px);min-height:372px}}
@media (prefers-reduced-motion:reduce){body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-video-before,body[data-build="avanza-ai-studio-v21-hero-calm-comparison"] .hero-shape-video-after{animation:none;transform:translate3d(0,0,0) scale(1)}}