/* Selected Studio reference cues: split composition, blue depth, moving logo strip. */
.hero{position:relative;background:#f7fbff;isolation:isolate}
.hero:before{content:'';position:absolute;width:56%;height:100%;right:0;top:0;background:linear-gradient(145deg,#eaf5ff 0%,#d5eaff 55%,#b8dcfb 100%);clip-path:polygon(26% 0,100% 0,100% 100%,0 100%);z-index:-1}
.hero:after{content:'';position:absolute;width:450px;height:450px;border:1px solid #ffffff9c;border-radius:50%;right:-180px;top:-220px;z-index:-1;box-shadow:0 0 0 65px #ffffff24,0 0 0 130px #ffffff18}
.hero-inner{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;max-width:1320px;min-height:610px;padding:72px 54px;gap:32px;text-align:left}
.hero h1{font-size:clamp(38px,4vw,56px);line-height:1.4;letter-spacing:-.055em}
.hero h1>span{display:block;font-size:1.85em;line-height:1.14;margin-top:10px;color:#1179d8}
.hero-actions{justify-content:flex-start;margin-top:37px}
.hero-actions .hero-primary{min-width:326px;min-height:78px;font-size:19px;justify-content:center;background:#147edf;box-shadow:0 10px 25px #096dc729}
.hero-art.device-art{width:100%;max-width:none;padding-top:44px}
.device-stage:before{background:radial-gradient(ellipse,#28649c40,transparent 72%)}
.laptop-lid{box-shadow:0 0 0 1px #d7dae0,0 18px 32px #295b8714,inset 0 0 0 1px #363b43}
.customer-strip{padding:29px 0 32px;background:white;border-bottom:1px solid #e8f0f7;overflow:hidden}
.customer-strip-heading{max-width:1160px;margin:0 auto 24px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.customer-strip-heading p{font-size:12px;color:#425c76;font-weight:700;margin:0}.customer-strip-heading p>span{font-size:10px;color:#8294a6;font-weight:400;margin-left:16px}
.logo-motion-toggle{display:grid;place-items:center;width:28px;height:28px;border:1px solid #cfdce8;border-radius:50%;background:#fff;color:#577692;font-size:11px;flex-shrink:0}.logo-motion-toggle:hover{background:#eef6ff}.logo-motion-toggle:focus-visible{outline:3px solid #92caff;outline-offset:3px}
.logo-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.logo-track{display:flex;width:max-content;animation:logo-drift 32s linear infinite;will-change:transform}
.logo-group{list-style:none;display:flex;align-items:center;gap:64px;padding:0 32px;margin:0;flex-shrink:0}
.sample-logo{width:165px;height:48px;display:flex;align-items:center;justify-content:center;gap:11px;color:#5b7085;white-space:nowrap;user-select:none}.sample-logo>span{font-size:34px;line-height:1;color:#7494af}.sample-logo b{font-family:Arial,sans-serif;font-size:20px;letter-spacing:.02em}.sample-logo small{font-size:13px}.logo-style-1 b{font-family:Georgia,serif;letter-spacing:-.03em}.logo-style-2 b{font-weight:400;letter-spacing:.1em}.logo-style-3 b{font-style:italic}.logo-style-4 b{font-size:19px;letter-spacing:.08em}.logo-style-5 b{font-family:Georgia,serif}
.customer-strip:hover .logo-track,.customer-strip:focus-within .logo-track,.customer-strip.is-paused .logo-track{animation-play-state:paused}
@keyframes logo-drift{to{transform:translateX(-50%)}}
.about .section-kicker,.features .section-kicker,.pricing .section-kicker{display:flex;align-items:center;gap:10px}.about .section-kicker:before,.features .section-kicker:before,.pricing .section-kicker:before{content:'';width:8px;height:8px;background:#2489e4;border-radius:2px}
.problem-grid article{border:1px solid #dce8f3;box-shadow:0 10px 28px #245b8607;border-radius:20px}.problem-grid .number{color:#2988d9}.problem-grid h3{color:#173a5b}
.flow{background:linear-gradient(115deg,#173954,#174c78)}
.closing{background:linear-gradient(115deg,#eef7ff,#dcefff)}
@media(min-width:1500px){.hero-inner{min-height:660px}.hero h1{font-size:56px}}
@media(max-width:1100px){.hero-inner{min-height:540px;padding:58px 34px;gap:22px}.hero h1{font-size:4vw}.hero-actions .hero-primary{min-width:290px;min-height:72px;font-size:17px;padding:18px 23px!important}.hero-art.device-art{width:100%}}
@media(max-width:800px){.hero-inner{display:flex;min-height:0;padding:46px 28px 42px;gap:34px;text-align:center}.hero h1{font-size:clamp(36px,6.5vw,50px)}.hero h1>span{font-size:1.65em;margin-top:3px}.hero-actions{justify-content:center;margin-top:27px}.hero-art.device-art{width:100%;max-width:490px;padding-top:0}.hero:before{width:100%;height:45%;top:auto;bottom:0;clip-path:polygon(0 24%,100% 0,100% 100%,0 100%)}.hero:after{display:none}.customer-strip-heading{margin-bottom:19px}.logo-group{gap:30px;padding:0 15px}.sample-logo{width:150px}.customer-strip{padding:24px 0}}
@media(max-width:560px){.hero-inner{padding:36px 20px 32px;gap:30px}.hero h1{font-size:clamp(35px,10.5vw,56px)}.hero-actions .hero-primary{min-width:0;min-height:70px;width:100%;max-width:350px;font-size:17px}.customer-strip-heading{padding:0 20px}.customer-strip-heading p>span{display:block;margin:3px 0 0;font-size:9px}.sample-logo{width:135px;height:38px}.sample-logo b{font-size:17px}.sample-logo>span{font-size:29px}.logo-group{gap:22px;padding:0 11px}.customer-strip{padding:19px 0 23px}.logo-track{animation-duration:27s}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;transform:none;will-change:auto}.logo-window{overflow-x:auto}.logo-group[aria-hidden]{display:none}.logo-motion-toggle{display:none}}