/* V9.5 home banners (top hero + handwritten bottom CTA), copied verbatim from seatping.css for the V2 home. */
.home-hero{position:relative;min-height:500px;overflow:hidden;background:linear-gradient(90deg,#f6fbff 0%,#eef7ff 42%,#e5f1ff 100%);border-bottom:1px solid #e2edf8}
.home-hero::before{content:"";position:absolute;inset:0;background:url('assets/hero_stage_hq.webp') center right/cover no-repeat;opacity:.64}
.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,251,255,.99) 0%,rgba(246,251,255,.95) 34%,rgba(246,251,255,.55) 58%,rgba(246,251,255,.08) 100%)}
.home-hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:52px 42px 34px;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr);align-items:center;gap:34px}
.home-hero-copy{padding:16px 0}
.home-hero-copy h1{font-size:52px;line-height:1.08;margin:16px 0 18px;letter-spacing:-.035em}
.home-hero-copy h1 strong{color:#1478ff}
.home-hero-copy p{font-size:18px;line-height:1.7;color:#536786;max-width:520px;margin:0 0 24px}
.home-hero-copy .btn{height:52px;padding:0 28px;font-size:16px}
.home-benefit-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;color:#425a7c;font-size:13px;font-weight:800}
.home-benefit-row span{display:flex;align-items:center;gap:7px}
.home-benefit-row i{width:24px;height:24px;border-radius:8px;background:#eaf4ff;color:#1478ff;display:grid;place-items:center;font-style:normal}
.hero-device-zone{position:relative;min-height:405px}
.home-bottom-cta{position:relative;overflow:hidden;min-height:150px;border:1px solid #d8e7f7;border-radius:20px;background:linear-gradient(90deg,#eff7ff 0%,#e9f5ff 55%,#e7f2ff 100%);display:grid;grid-template-columns:1.05fr .55fr .8fr;align-items:center;padding:24px 30px;gap:20px}
.home-bottom-cta::after{content:"";position:absolute;right:0;top:0;bottom:0;width:42%;background:url('assets/bottom_cta_visual_right.webp') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%)}
.home-bottom-cta-copy,.home-bottom-cta-action{position:relative;z-index:2}
.home-bottom-cta h2{margin:0 0 8px;font-size:25px;line-height:1.25}
.home-bottom-cta h2 strong{color:#1478ff}
.home-bottom-cta p{margin:0;color:#61708e;font-size:13px;line-height:1.55}
.home-bottom-cta-action{justify-self:center}
.home-bottom-cta .btn{height:52px;padding:0 32px;font-size:16px}
@media(max-width:1000px){.home-hero-inner{grid-template-columns:1fr;padding-top:34px}
.hero-device-zone{min-height:360px}
.home-hero-copy h1{font-size:44px}
.home-bottom-cta{grid-template-columns:1fr .45fr;min-height:185px}
.home-bottom-cta::after{width:50%}
.home-bottom-cta-action{justify-self:start}}
@media(max-width:700px){.home-hero-inner{padding:28px 20px}
.home-hero-copy h1{font-size:36px}
.home-hero-copy p{font-size:15px}
.home-bottom-cta{grid-template-columns:1fr;min-height:260px;padding:26px 22px}
.home-bottom-cta::after{width:100%;opacity:.35;mask-image:linear-gradient(180deg,transparent 0,#000 34%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34%)}
.home-bottom-cta-copy,.home-bottom-cta-action{z-index:2}}
.home-hero{min-height:510px;background:linear-gradient(90deg,#f9fcff 0%,#f5faff 44%,#eef6ff 100%);border-bottom:0}
.home-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(186,215,255,.30),rgba(186,215,255,0) 36%),radial-gradient(circle at 25% 75%,rgba(211,236,255,.35),rgba(211,236,255,0) 40%);opacity:1}
.home-hero::after{display:none}
.home-hero-inner{max-width:1280px;min-height:510px;padding:42px 40px 28px;grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr);gap:22px}
.home-hero-copy{padding:8px 0 0}
.home-hero-copy h1{font-size:54px;line-height:1.04;margin:17px 0 20px;letter-spacing:-.045em}
.home-hero-copy p{max-width:535px;font-size:17px;line-height:1.7;margin-bottom:24px}
.home-hero-copy .btn{height:54px;padding:0 30px;font-size:16px}
.home-benefit-row{margin-top:28px;gap:26px}
.home-benefit-row span{font-size:13px}
.home-benefit-row i{width:28px;height:28px;border-radius:9px;font-size:15px}
.hero-device-zone{min-height:430px;display:flex;align-items:center;justify-content:center}
.hero-showcase-art{display:block;width:min(100%,610px);height:auto;max-height:430px;object-fit:contain;filter:drop-shadow(0 22px 36px rgba(29,65,119,.10))}
.home-bottom-cta{min-height:156px;grid-template-columns:1.1fr .55fr .8fr;padding:25px 34px}
.home-bottom-cta h2{font-size:27px}
.home-bottom-cta p{font-size:12px}
.home-bottom-cta .btn{min-width:190px}
.home-bottom-cta::after{width:43%;background-position:center right}
@media(max-width:1000px){.home-hero-inner{grid-template-columns:1fr;min-height:auto}
.hero-device-zone{min-height:350px}}
@media(max-width:700px){.home-hero-inner{padding:28px 20px}
.home-hero-copy h1{font-size:38px}
.hero-showcase-art{max-height:330px}
.home-bottom-cta{grid-template-columns:1fr;min-height:260px}
.home-bottom-cta::after{width:100%;opacity:.3}}
.home-bottom-cta{overflow:hidden}
.home-bottom-cta::after{background-image:url('assets/bottom_cta_visual_right_clean.webp')!important;background-size:cover;background-position:center right;mask-image:linear-gradient(90deg,transparent 0,#000 34%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.home-bottom-cta-action{z-index:3}
.home-bottom-cta-action .btn{position:relative;z-index:4}
@media(min-width:1700px){.public-wrap,.home-hero-inner,.top-inner,.footer-inner{max-width:1380px}
.home-hero-inner{grid-template-columns:minmax(470px,.9fr) minmax(600px,1.1fr)}}
@media(max-width:700px){.home-bottom-cta::after{background-position:70% center}}
.home-bottom-cta{grid-template-columns:1.15fr .42fr .78fr;gap:26px;padding:25px 34px;isolation:isolate}
.home-bottom-cta::after{width:36%!important;right:0;background-image:url('assets/bottom_cta_person_hq.webp')!important;background-size:cover!important;background-position:center 42%!important;mask-image:linear-gradient(90deg,transparent 0%,#000 22%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%)!important;z-index:0}
.home-bottom-cta-copy{max-width:540px;z-index:2}
.home-bottom-cta-action{justify-self:center;align-self:center;z-index:3;transform:translateX(-10px)}
.home-bottom-cta-action .btn{min-width:190px;white-space:nowrap}
@media(max-width:1000px){.home-bottom-cta{grid-template-columns:1fr auto;min-height:180px}
.home-bottom-cta::after{width:42%!important}
.home-bottom-cta-action{transform:none}}
@media(max-width:700px){.home-bottom-cta{grid-template-columns:1fr;min-height:280px}
.home-bottom-cta::after{width:100%!important;height:54%;top:auto}
.home-bottom-cta-action{justify-self:start}}
.v9-home-hero{min-height:520px;background:linear-gradient(90deg,#fbfdff 0%,#f3f9ff 48%,#edf6ff 100%)}
.v9-home-hero .home-hero-inner{min-height:520px;padding-top:34px;padding-bottom:22px;grid-template-columns:minmax(430px,.92fr) minmax(560px,1.08fr);gap:24px}
.v9-home-hero .home-hero-copy h1{font-size:55px;line-height:1.03;margin:18px 0 18px}
.v9-home-hero .home-hero-copy p{font-size:17px;line-height:1.72}
.v9-home-hero .hero-showcase-art{width:min(100%,650px);max-height:448px;object-fit:contain}
.home-benefit-row .nav-icon{width:25px;height:25px;border-radius:8px;background:#eaf4ff;color:#1478ff;padding:5px}
.home-benefit-row .nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-benefit-row i{display:none}
.v9-bottom-cta{grid-template-columns:1.08fr .48fr .82fr;min-height:168px;padding:26px 34px;background:linear-gradient(90deg,#edf7ff 0%,#eaf5ff 56%,#e7f3ff 100%)}
.v9-bottom-cta::after{display:none!important}
.v9-bottom-cta .cta-visual{position:absolute;right:0;top:0;bottom:0;width:46%;background:url('assets/bottom_cta_handwriting_person.webp') center right/cover no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 22%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%);z-index:1}
.v9-bottom-cta .home-bottom-cta-copy,.v9-bottom-cta .home-bottom-cta-action{z-index:3}
.v9-bottom-cta .home-bottom-cta-action{justify-self:center;transform:none}
.v9-bottom-cta .btn{min-width:190px}
@media(min-width:1700px){.home-hero-inner{max-width:1400px}}
@media(max-width:1000px){.v9-bottom-cta{grid-template-columns:1fr auto;min-height:210px}
.v9-bottom-cta .cta-visual{width:48%;opacity:.9}}
@media(max-width:700px){.v9-home-hero .home-hero-inner{grid-template-columns:1fr}
.v9-home-hero .home-hero-copy h1{font-size:38px}
.v9-bottom-cta{grid-template-columns:1fr;min-height:310px;padding-bottom:150px}
.v9-bottom-cta .cta-visual{width:100%;height:48%;top:auto;bottom:0;mask-image:linear-gradient(180deg,transparent 0,#000 25%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 25%)}}
.v9-home-hero{min-height:540px;overflow:hidden;background:linear-gradient(90deg,#fbfdff 0%,#f8fbff 46%,#eef7ff 100%)}
.v9-home-hero .home-hero-inner{max-width:1320px;min-height:540px;grid-template-columns:minmax(430px,.88fr) minmax(600px,1.12fr);padding:42px 36px 22px;gap:24px;align-items:center}
.v9-home-hero .home-hero-copy{padding-left:4px}
.v9-home-hero .home-hero-copy h1{font-size:58px;line-height:1.04;letter-spacing:-2px;margin:18px 0 20px}
.v9-home-hero .home-hero-copy h1 strong{color:#1478ff}
.v9-home-hero .home-hero-copy p{font-size:18px;line-height:1.72;color:#516684;margin-bottom:24px}
.v9-home-hero .home-hero-copy>.btn{height:56px;padding:0 30px;font-size:17px;border-radius:12px}
.v9-home-hero .hero-device-zone{height:470px;display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible}
.v9-home-hero .hero-showcase-art{width:min(100%,705px);height:470px;max-height:none;object-fit:contain;object-position:right bottom;filter:saturate(1.02) contrast(1.01)}
.home-benefit-row{margin-top:34px;gap:26px}
.home-benefit-row span{font-size:13px;white-space:nowrap}
.home-benefit-row .nav-icon{width:20px;height:20px}
.v9-bottom-cta{grid-template-columns:minmax(410px,1.08fr) minmax(190px,.4fr) minmax(460px,.86fr);min-height:176px;padding:28px 36px;overflow:hidden}
.v9-bottom-cta .cta-visual{width:43%;background-image:url('assets/bottom_cta_visual_v91.webp');background-size:cover;background-position:center 58%;mask-image:linear-gradient(90deg,transparent 0%,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%)}
.v9-bottom-cta .home-bottom-cta-copy{max-width:520px}
.v9-bottom-cta .home-bottom-cta-copy h2{font-size:25px;line-height:1.25}
.v9-bottom-cta .home-bottom-cta-copy p{font-size:12px}
.v9-bottom-cta .home-bottom-cta-action{justify-self:start;margin-left:12px}
.v9-bottom-cta .btn{height:52px;min-width:180px}
@media(max-width:1000px){.v9-home-hero .home-hero-inner{grid-template-columns:1fr}
.v9-home-hero .hero-device-zone{height:390px}
.v9-home-hero .hero-showcase-art{height:390px}
.v9-bottom-cta{grid-template-columns:1fr 190px;min-height:220px}
.v9-bottom-cta .cta-visual{width:52%;opacity:.88}}
@media(max-width:700px){.v9-home-hero .home-hero-inner{padding-left:20px;padding-right:20px}
.v9-home-hero .home-hero-copy h1{font-size:40px}
.v9-home-hero .hero-device-zone{height:310px}
.v9-home-hero .hero-showcase-art{height:310px}
.v9-bottom-cta{grid-template-columns:1fr;min-height:340px;padding:24px 22px 170px}
.v9-bottom-cta .cta-visual{width:100%;height:52%;top:auto;bottom:0;background-position:center 52%;mask-image:linear-gradient(180deg,transparent 0%,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%)}}
/* V2 additions: 14px text floor, inline SVG icons, hero heading moved to h2 below the banner */
.home-benefit-row, .home-benefit-row span { font-size: 15px; }
.home-benefit-row span { display: inline-flex; align-items: center; gap: 6px; }
.home-benefit-row svg { width: 18px; height: 18px; flex: none; }
.home-bottom-cta p, .v9-bottom-cta .home-bottom-cta-copy p { font-size: 15px; }
.hero .hero-h { font-size: var(--fs-hero); font-weight: 800; line-height: 1.18; letter-spacing: -0.03em; }
@media (max-width: 860px) { .hero .hero-h { font-size: 32px; } }
@media (max-width: 760px) { .v9-bottom-cta .cta-visual { background-position: left 58% !important; -webkit-mask-image: none !important; mask-image: none !important; } }
