/* "Get inspired" hero-screen section */
.insp{padding:56px 0 88px;background:#fff}
.insp>.container{max-width:none;padding-inline:clamp(16px,5.5vw,120px)}
.insp-panel{position:relative;max-width:none;margin:0;border-radius:36px;background:#EAF0EE;overflow:hidden;display:grid;grid-template-columns:1fr 640px;align-items:center;min-height:660px;padding:0 clamp(24px,4vw,72px) 0 clamp(40px,6vw,110px);gap:24px}
.insp-copy{padding:56px 0;max-width:640px;position:relative;z-index:2}
.insp-copy h2{margin:0;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.06;letter-spacing:-.02em;color:#0B0F0E}
.insp-copy p{margin:24px 0 0;font-size:calc(20px*var(--ts));line-height:1.5;color:#0B0F0E}
.insp-cta{margin-top:32px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.insp-btn{display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 30px;border-radius:16px;background:var(--blue);color:#0B0F0E;font-weight:700;font-size:19px;text-decoration:none;transition:transform .2s,background .2s}
.insp-btn:hover{background:var(--blue-dark);color:#fff;transform:translateY(-2px)}
.insp-or{display:flex;align-items:center;gap:16px;font-size:19px;color:#0B0F0E}
.insp-btn2{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 24px;border-radius:14px;background:#CDEFF3;color:#0B0F0E;font-weight:700;font-size:18px;text-decoration:none;transition:transform .2s}
.insp-btn2:hover{transform:translateY(-2px)}
.insp-btn:focus-visible,.insp-btn2:focus-visible{outline:3px solid #0B0F0E;outline-offset:3px}
.insp-phones{position:relative;width:640px;height:660px}
.insp-burst{position:absolute;left:390px;top:22px}
.insp-phone{position:absolute;width:300px;height:560px;box-sizing:border-box;padding:7px;border-radius:46px;background:#0B0F0E;box-shadow:0 18px 40px rgba(30,27,22,.22)}
.insp-phone .scr{position:relative;width:100%;height:100%;border-radius:40px;background:#F7FAF9;overflow:hidden}
.insp-p1{left:0;top:40px;transform:rotate(-6deg)}
.insp-p2{left:315px;top:84px;transform:rotate(5deg)}
.insp-icon{position:absolute;left:-110px;top:478px;width:210px;height:auto;transform:rotate(-10deg);z-index:3}
.insp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.insp-abs{position:absolute}
.insp-ui{font-size:12px;color:#4A5552}
.insp-pill{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(30,27,22,.08);display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;color:#0B0F0E}
@media(max-width:1200px){.insp-panel{grid-template-columns:1fr 520px;padding-left:48px}.insp-phones{zoom:.82}}
@media(max-width:900px){
  .insp-panel{grid-template-columns:1fr;padding:0 24px;border-radius:28px;min-height:0}
  .insp-copy{padding:40px 0 8px}
  .insp-phones{width:640px;height:660px;zoom:.7;margin:0 auto}
}
@media(max-width:560px){.insp-phones{zoom:.5;margin-left:-20px}.insp-icon{left:-60px}}
@media(prefers-reduced-motion:no-preference){.insp-p1,.insp-p2{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.insp-panel:hover .insp-p1{transform:rotate(-4deg) translateY(-6px)}.insp-panel:hover .insp-p2{transform:rotate(3deg) translateY(-6px)}}
@media(max-width:560px){.insp-btn2{font-size:16px;padding:0 16px;gap:8px}.insp-or{gap:10px}}

/* photo frame (replaces the phone mockups) */
.insp-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);padding:0 0 0 clamp(40px,6vw,110px);gap:clamp(24px,4vw,64px)}
.insp-frame{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;height:100%;min-height:560px;padding:clamp(16px,2.2vw,32px);box-sizing:border-box}
.insp-ph{border-radius:24px;background:#dfe9e6 center/cover no-repeat}
.insp-ph2{margin-top:56px;margin-bottom:-0px}
.insp-ph1{margin-bottom:56px}
.insp-ben{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:10px}
.insp-ben li{position:relative;padding-left:30px;font-weight:600;color:#0B0F0E;font-size:1.05rem}
.insp-ben li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:#12aaba url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1D35' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
@media(max-width:900px){
  .insp-panel{grid-template-columns:1fr;padding:0}
  .insp-copy{padding:40px 24px 0}
  .insp-frame{min-height:340px}
  .insp-ph1,.insp-ph2{margin:0}
}