/* Homepage-only banner. Shared styles and the Studio application stay intact. */
.home-conversion .header{position:fixed;z-index:50;background:rgba(2,6,23,.96)}
.home-conversion .header-inner{gap:24px;height:82px}
.home-conversion .header-studio{flex-shrink:0;border:1px solid #58c8ff;border-radius:30px;background:#050f21;min-width:130px;min-height:46px;gap:20px}
.home-conversion .header-studio:hover{background:#123b5b;border-color:#a4e7ff}
.home-conversion #main{padding-top:82px}
.home-conversion .studio-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(210px,.87fr) auto;align-items:center;gap:24px;max-width:1600px;margin:10px 24px 0;padding:26px 36px;border:1px solid #69e8ff;border-radius:22px;background:radial-gradient(ellipse at 51% 5%,#8affefc7,transparent 32%),linear-gradient(108deg,#65e2f2 0%,#12cced 48%,#0487ff 100%);color:#001323;overflow:hidden}
.studio-banner::after{content:"";position:absolute;z-index:-1;width:470px;height:470px;border:1px solid #d2ffff55;border-radius:45%;right:-40px;top:-390px;transform:rotate(-25deg);box-shadow:0 26px 0 -25px #c7ffff88,0 72px 0 -71px #c7ffff77;pointer-events:none}
.studio-banner-copy{min-width:0}.studio-banner-label{font-size:12px;line-height:1.4;letter-spacing:.075em;font-weight:700}
.home-conversion .studio-banner h2{font-size:clamp(27px,3vw,45px);font-weight:700;line-height:1.12;letter-spacing:-.045em;margin:13px 0 12px;max-width:720px;color:#001323}
.studio-banner-trial{font-size:clamp(17px,1.7vw,25px);line-height:1.3;letter-spacing:-.025em}
.studio-banner-examples{margin:0;min-width:0;position:relative;padding:4px 0 16px}
.studio-banner-pictures{display:flex;align-items:center;justify-content:center;gap:8px}
.studio-banner-pictures img{display:block;position:relative;width:53%;aspect-ratio:1.06;height:auto;object-fit:cover;border-radius:13px;box-shadow:0 7px 18px #04293c35}
.studio-banner-product{transform:rotate(-7deg)}.studio-banner-coffee{transform:rotate(6deg)}
.studio-banner-examples figcaption{position:absolute;bottom:-4px;left:0;right:0;text-align:center;color:#073c54;font-size:10px;line-height:1.4}
.studio-banner-action{text-align:center;max-width:230px}
.home-conversion .studio-banner .hero-studio-open{gap:16px;min-height:56px;padding:17px 25px;background:#020c1a;border:1px solid #020c1a;color:#fff;border-radius:40px;font-size:15px;white-space:nowrap;box-shadow:0 5px 16px #0345701a}
.home-conversion .studio-banner .hero-studio-open:hover{background:#0c2946;border-color:#143e62;transform:translateY(-2px)}
.studio-banner-action p{margin-top:11px;font-size:10px;line-height:1.55;color:#07314a}
.business-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #23344b}
.business-hero-art,.business-hero-shade{position:absolute;inset:0;z-index:-1}
.business-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 51%}
.business-hero-shade{background:linear-gradient(90deg,#020918e6 0%,#020918cc 31%,#02091826 55%,#02091808 100%)}
.business-hero-content{padding-block:60px 50px;min-height:510px;display:flex;align-items:center}
.hero-business{width:51%;min-width:0}
.home-conversion .business-hero h1{font-size:clamp(45px,4.85vw,72px);line-height:1.11;letter-spacing:-.05em;font-weight:500;max-width:720px}
.business-hero h1>span{color:#19c7ef}
.home-conversion .business-hero .hero-description{font-size:clamp(15px,1.6vw,21px);line-height:1.55;max-width:590px;margin-top:25px;color:#c2d2e6}
.business-hero .hero-business-actions{align-items:center;gap:22px;margin-top:27px}
.business-hero .hero-business-actions .button{border-radius:32px;border-color:#54b9ec;background:#030b1bd4;min-height:54px;font-size:14px;padding:15px 25px;gap:24px}
.business-hero .hero-business-actions .button:hover{background:#14364e}
.business-hero .hero-business-actions .text-link{font-size:12px;gap:10px;min-height:44px;white-space:normal}
.home-conversion .business-hero .hero-proof{gap:12px 18px;margin-top:28px;padding-top:17px;max-width:520px}
.home-conversion .business-hero .hero-proof>span{font-size:10px;flex-basis:100%}
.home-conversion .business-hero .hero-proof a{font-size:11px}
.home-conversion .header-studio:focus-visible,.studio-banner a:focus-visible,.business-hero a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(min-width:1650px){.home-conversion .studio-banner{margin-inline:auto}.business-hero-content{min-height:600px}}
@media(max-width:1200px){.home-conversion .studio-banner{gap:22px;padding:25px 28px;grid-template-columns:minmax(0,1.6fr) minmax(180px,.8fr) auto}.home-conversion .studio-banner h2{font-size:33px}.studio-banner-trial{font-size:19px}.home-conversion .studio-banner .hero-studio-open{font-size:13px;padding-inline:18px;gap:12px}.business-hero-content{min-height:490px;padding-block:44px}.home-conversion .business-hero h1{font-size:clamp(40px,4.8vw,58px)}}
@media(max-width:1100px){.home-conversion .header-inner{gap:18px}.home-conversion .nav{gap:16px;font-size:12px}.home-conversion .header-studio{min-width:114px;padding-inline:15px}.home-conversion .studio-banner{grid-template-columns:minmax(0,1fr) 245px;gap:12px 24px;padding:24px 28px}.studio-banner-examples{grid-column:2;grid-row:1/3;padding:0 0 20px}.studio-banner-action{display:flex;align-items:center;gap:16px;max-width:none;grid-column:1;text-align:left}.studio-banner-action p{margin-top:0;font-size:9px}.home-conversion .studio-banner .hero-studio-open{min-height:45px;padding-block:12px}.home-conversion .studio-banner h2{font-size:34px;margin:9px 0}.studio-banner-trial{font-size:19px}.hero-business{width:56%}.business-hero .hero-business-actions{gap:15px}.business-hero .hero-business-actions .button{font-size:12px;padding-inline:20px}}
@media(max-width:900px){.home-conversion .header-inner{height:76px;gap:14px}.home-conversion #main{padding-top:76px}.home-conversion .header-studio{margin-left:auto}.home-conversion .menu-button{display:block;flex-shrink:0}.home-conversion .nav{display:none;position:absolute;top:76px;left:0;right:0;max-height:calc(100dvh - 76px);overflow-y:auto;padding:16px 24px;background:#061329;border-bottom:1px solid #29405c;flex-direction:column;align-items:stretch;gap:0}.home-conversion .nav.open{display:flex}.home-conversion .nav a{font-size:17px;padding:13px}.home-conversion .studio-banner{margin-inline:18px;grid-template-columns:minmax(0,1fr) 210px;gap:16px 22px}.home-conversion .studio-banner h2{font-size:30px}.studio-banner-action{gap:12px}.studio-banner-action p{font-size:9px}.studio-banner-trial{font-size:17px}.business-hero-content{min-height:460px}.home-conversion .business-hero h1{font-size:40px}.home-conversion .business-hero .hero-description{font-size:16px}.business-hero .hero-business-actions{align-items:flex-start;flex-direction:column;gap:7px}.business-hero-art img{object-position:57% center}}
@media(max-width:700px){.home-conversion .studio-banner{margin:8px 14px 0;padding:22px;grid-template-columns:minmax(0,1fr);gap:16px;border-radius:20px}.home-conversion .studio-banner h2{font-size:clamp(28px,7.3vw,39px);margin-block:10px 8px;max-width:470px}.studio-banner-label{font-size:10px}.studio-banner-trial{font-size:17px;max-width:330px}.studio-banner-examples{grid-column:1;grid-row:auto;max-width:285px;width:100%;justify-self:center;padding:3px 0 18px}.studio-banner-pictures{gap:14px}.studio-banner-pictures img{width:46%;aspect-ratio:1.25;border-radius:11px}.studio-banner-examples figcaption{bottom:-2px;font-size:9px}.studio-banner-action{display:block;max-width:none;text-align:center;grid-column:1}.home-conversion .studio-banner .hero-studio-open{width:100%;min-height:48px;font-size:14px}.studio-banner-action p{font-size:10px;margin-top:10px;line-height:1.5}.studio-banner-action p br{display:none}.business-hero-content{padding-block:34px 38px;min-height:0}.hero-business{width:100%;max-width:520px}.home-conversion .business-hero h1{font-size:clamp(34px,8.6vw,48px);line-height:1.12;max-width:520px}.home-conversion .business-hero .hero-description{font-size:15px;margin-top:18px;max-width:360px}.business-hero .hero-business-actions{flex-direction:row;align-items:center;gap:16px;margin-top:22px}.business-hero .hero-business-actions .button{font-size:12px;min-height:48px;padding:12px 17px;gap:16px}.business-hero .hero-business-actions .text-link{font-size:11px;gap:6px}.home-conversion .business-hero .hero-proof{display:none}.business-hero-art img{object-position:center 52%;opacity:.65}.business-hero-shade{background:linear-gradient(90deg,#020918e6,#02091892),linear-gradient(0deg,#02061755,transparent)}}
@media(max-width:370px){.home-conversion .header-inner{gap:10px}.home-conversion .brand{font-size:22px;gap:6px}.home-conversion .brand svg{width:30px}.home-conversion .header-studio{min-width:96px;font-size:12px;gap:12px;padding:10px 13px}.home-conversion .menu-button{width:36px}.home-conversion .studio-banner{padding:19px}.home-conversion .studio-banner h2{font-size:27px}.studio-banner-trial{font-size:16px}.business-hero .hero-business-actions{gap:10px}.business-hero .hero-business-actions .button{font-size:11px;padding-inline:13px;gap:10px}.business-hero .hero-business-actions .text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-conversion .header-studio,.home-conversion .studio-banner .hero-studio-open{transition:none;transform:none}}
/* Readability and proportions against the approved banner reference. */
.studio-banner .studio-banner-label,.studio-banner .studio-banner-trial{color:#002134}
.studio-banner-pictures img{width:calc(50% - 4px);max-width:166px}
.home-conversion .business-hero-content{padding-block:44px 36px}
.home-conversion .business-hero .hero-proof{width:100%;max-width:none;display:flex;flex-wrap:wrap;align-items:center}
@media(min-width:1201px){.home-conversion .studio-banner{padding-block:22px}.home-conversion .business-hero-content{width:calc(100% - 136px);max-width:1400px}.home-conversion .business-hero .hero-proof>span{flex-basis:auto}}
@media(max-width:700px){.home-conversion .business-hero-content{padding-block:34px 38px}.studio-banner-pictures img{width:46%;max-width:150px}.home-conversion .business-hero .hero-proof{display:none}}