.contact-stage{position:relative;z-index:2;margin-top:-72px;padding-bottom:78px;scroll-margin-top:25px}
.contact-stage .contact-layout{grid-template-columns:minmax(325px,.84fr) minmax(0,1.16fr);border:1px solid #b9cfe4;border-radius:28px;background:#fff;box-shadow:0 22px 65px #071a4930}
.contact-stage .contact-side{min-width:0;padding:clamp(30px,3.5vw,54px) clamp(28px,3.6vw,53px) 235px;background:radial-gradient(circle at 110% 94%,#1179a966,transparent 38%),linear-gradient(145deg,#123b67,#061a38 72%)}
.contact-stage .contact-side:after{width:260px;height:260px;right:-120px;bottom:-100px;background:radial-gradient(circle,#1aa6c755,transparent 67%)}
.contact-stage .contact-side .eyebrow{color:#7bd9ff}
.contact-stage .contact-side h2{position:relative;z-index:1;margin:20px 0 18px;color:#fff;font:700 clamp(38px,3.8vw,57px)/.98 Barlow,Arial,sans-serif}
.contact-stage .contact-side h2 span{color:#ffe126}
.contact-stage .contact-side p{position:relative;z-index:1;max-width:390px;color:#d4e8f8;font-size:13px;line-height:1.65}
.contact-benefits{position:relative;z-index:1;display:grid;gap:0;margin:28px 0 25px;padding:0;list-style:none}
.contact-benefits li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 11px;border-top:1px solid #ffffff2c;padding:13px 0;color:#dcefff}
.contact-benefits li:before{content:'✓';grid-row:span 2;display:grid;place-items:center;width:22px;height:22px;border:1px solid #88d9ff;border-radius:50%;color:#ffe126;font-size:12px}
.contact-benefits b{display:block;color:#fff;font-size:12px}
.contact-benefits span{font-size:11px;line-height:1.5}
.contact-washi-start{position:relative;z-index:2;display:inline-flex;align-items:center;gap:18px;min-height:43px;border:0;border-radius:100px;padding:10px 17px;background:#ffe126;color:#071a49;font:800 11px Montserrat,Arial,sans-serif;cursor:pointer}
.contact-washi-start span{font-size:17px}
.contact-washi-start:hover{background:#ffed61}
.contact-washi-start:focus-visible{outline:3px solid #8ce4ff;outline-offset:3px}
.contact-stage .contact-side-mascot{right:0;bottom:-15px;width:190px;height:245px;object-fit:contain;object-position:bottom right;pointer-events:none}
.contact-stage .form-side{min-width:0;padding:clamp(30px,3.5vw,54px) clamp(28px,4vw,62px);background:linear-gradient(145deg,#fff,#f8fbff)}
.contact-stage .form-side .eyebrow{color:#0b73aa}
.contact-stage .form-side h2{margin:17px 0 10px;color:#0b2b50;font:700 clamp(38px,3.7vw,56px)/1 Barlow,Arial,sans-serif}
.contact-form-intro{max-width:550px;color:#3e5871;font-size:13px;line-height:1.65}
.contact-preview-notice{margin:20px 0 0;border-left:3px solid #18a6cd;padding:10px 13px;background:#edf8ff;color:#19496b;font-size:11px;line-height:1.5}
.contact-stage .fields{gap:15px 17px;margin-top:23px}
.contact-stage .fields label{color:#1b3854;font-size:11px}
.contact-stage .fields :is(input,textarea,select){min-height:46px;border-color:#bfd2e6;border-radius:11px;font-size:12px}
.contact-stage .fields :is(input,textarea,select):focus-visible{outline:3px solid #54c7ed;outline-offset:1px}
.contact-stage .form-side #demo-send{margin-top:1px}
.contact-stage .demo-note{max-width:500px}
@media(max-width:900px){.contact-stage{margin-top:-35px}.contact-stage .contact-layout{grid-template-columns:1fr}.contact-stage .contact-side{padding-bottom:155px}.contact-stage .contact-side-mascot{width:150px;height:190px}.contact-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.contact-benefits li{display:block}.contact-benefits li:before{margin-bottom:8px}}
@media(max-width:600px){.contact-stage{margin-top:0;padding-top:22px;padding-bottom:55px}.contact-stage .contact-layout{border-radius:21px}.contact-stage .contact-side{padding:26px 23px 125px}.contact-stage .contact-side h2{font-size:40px}.contact-stage .contact-side p{font-size:12px}.contact-benefits{grid-template-columns:1fr;gap:0;margin:20px 0 16px}.contact-benefits li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 9px;padding:10px 0}.contact-benefits li:before{margin:0}.contact-stage .contact-side-mascot{width:110px;height:145px;right:5px;bottom:-5px}.contact-washi-start{margin-right:88px}.contact-stage .form-side{padding:28px 23px 31px}.contact-stage .form-side h2{font-size:39px}.contact-stage .fields{grid-template-columns:1fr;gap:13px}.contact-stage .fields label.wide{grid-column:auto}}
@media(max-width:360px){.contact-stage .contact-side h2,.contact-stage .form-side h2{font-size:36px}.contact-stage .contact-side{padding-right:18px;padding-left:18px}.contact-stage .form-side{padding-right:18px;padding-left:18px}.contact-washi-start{margin-right:78px}}
