/* Homepage only. Copy and media each form one grid item, preventing stretched text rows. */
.refined-hero{background:radial-gradient(ellipse at 72% 38%,#e8edf5 0,transparent 55%),#f5f5f7;padding:0;overflow:hidden}
.refined-hero>.shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:clamp(32px,5vw,76px);width:min(1240px,calc(100% - 80px));max-width:1240px;min-height:0;padding-block:clamp(40px,6vh,76px);align-items:center}
.refined-hero-copy{min-width:0;text-align:start;padding-block:16px}
.refined-hero .hero-kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.17em;line-height:1.6;color:#636b78;margin:0 0 26px}
.refined-hero .hero-kicker::before{content:"";width:24px;height:2px;background:#0071e3;flex-shrink:0}
.refined-hero h1{font-size:clamp(38px,4.1vw,62px);line-height:1.1;letter-spacing:-.045em;margin:0;max-width:100%;overflow-wrap:break-word;text-wrap:balance;color:#161c26}
.refined-hero h1 em{font-style:normal;color:#0768ce;background:linear-gradient(110deg,#064caa,#008af0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.refined-hero .hero-description{font-size:clamp(16px,1.4vw,19px);line-height:1.7;color:#68707b;max-width:32ch;margin:24px 0 28px;text-wrap:pretty}
.refined-hero .hero-pro-actions{margin:0;gap:18px;justify-content:flex-start;align-items:center}
.refined-hero .pro-button{padding:14px 23px;font-size:14px;line-height:1.5;border-radius:99px;background:#0071e3;color:#fff;box-shadow:0 7px 20px #0071e31f;transition:background .2s,transform .2s}
.refined-hero .pro-button:hover{background:#005fca;transform:translateY(-2px)}
.refined-hero .pro-link{font-size:14px;line-height:1.5;color:#066aca;display:inline-flex;gap:8px;align-items:center}
.refined-hero-types{display:flex;gap:12px 20px;flex-wrap:wrap;border-top:1px solid #d9dfe7;margin-top:36px;padding-top:20px}
.refined-hero-types a{font-size:12px;line-height:1.5;color:#606b79;text-decoration:none;transition:color .2s}
.refined-hero-types a:hover{color:#0071e3;text-decoration:underline;text-underline-offset:4px}
.refined-hero-visual{min-width:0;width:100%;margin:0}
.refined-hero-frame{position:relative;border-radius:28px;padding:8px;background:#fff9;border:1px solid #fff;box-shadow:0 28px 65px -30px #24374d55,0 2px 8px #24374d08}
.refined-hero .display-hero-image{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;border-radius:21px;margin:0;mix-blend-mode:normal}
.refined-hero-caption{position:absolute;inset-inline:24px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;background:#ffffffed;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:14px;color:#263749;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 6px 20px #00000008}
.refined-hero-caption:hover{background:#fff;color:#0065c9}
.refined-hero-caption>span:last-child{font-size:20px;color:#0071e3}
.refined-hero .image-note{font-size:10px;line-height:1.5;color:#747c88;margin:14px 12px 0;text-align:center;padding:0}
@media(min-width:1000px) and (max-height:800px){.refined-hero>.shell{max-width:1120px;padding-block:28px}.refined-hero h1{font-size:clamp(36px,3.6vw,52px)}}
@media(max-width:800px){.refined-hero>.shell{display:grid;grid-template-columns:1fr;gap:30px;width:calc(100% - 48px);max-width:580px;padding-block:32px}.refined-hero-copy{padding:0;text-align:center}.refined-hero .hero-kicker{justify-content:center;margin-bottom:18px}.refined-hero h1{font-size:clamp(34px,7vw,48px)}.refined-hero .hero-description{margin:18px auto 22px}.refined-hero .hero-pro-actions{justify-content:center}.refined-hero-types{justify-content:center;margin-top:24px;padding-top:16px}.refined-hero .display-hero-image{margin:0;max-height:none}.refined-hero-frame{border-radius:22px;padding:6px}.refined-hero .display-hero-image{border-radius:17px}.refined-hero-caption{inset-inline:18px;bottom:18px;padding:12px 14px}.refined-hero .image-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.refined-hero a{transition:none}.refined-hero .pro-button:hover{transform:none}}
