/* An illustrated owner voices the questions; real copy stays selectable HTML. */
.why-website{padding-top:76px}.why-intro{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;margin-bottom:46px}.why-lead .eyebrow{margin:0 0 22px}.why-lead h2{font-size:clamp(42px,4.1vw,60px);font-weight:580;line-height:1.18;letter-spacing:-.055em;margin:0}.why-intro-copy{font-size:18px;line-height:1.9;word-break:keep-all;color:#59616e;max-width:450px;margin:26px 0 0}.owner-question-scene{position:relative;isolation:isolate;background:#f4f3ee;height:405px;width:100%;max-width:700px;margin:0 auto}.owner-character{position:absolute;left:54%;bottom:0;transform:translateX(-50%);width:312px;height:390px;object-fit:contain;mix-blend-mode:multiply;z-index:1}.owner-question{position:absolute;z-index:2;margin:0;padding:18px 22px;border:1px solid #dedfdc;border-radius:22px;font-size:18px;line-height:1.6;font-weight:450;letter-spacing:-.025em;word-break:keep-all;background:#fff;color:#283446;box-shadow:0 12px 32px #2034520a}.owner-question::after{content:"";position:absolute;width:15px;height:15px;background:inherit;bottom:-8px;left:50px;transform:rotate(45deg);border-right:1px solid #dedfdc;border-bottom:1px solid #dedfdc}.owner-question strong{font-weight:650;color:#203f80}.owner-question--need{left:0;top:0;max-width:370px}.owner-question--need::after{left:auto;right:42px}.owner-question--manage{right:0;top:155px;max-width:230px;background:#e8eefb;border-color:#d5dff0;font-size:17px}.owner-question--manage::after{left:26px;border-color:#d5dff0}.owner-question--use{left:10px;bottom:16px;max-width:245px;background:#263f77;border-color:#263f77;color:#fff;font-size:17px}.owner-question--use::after{left:auto;right:-7px;bottom:25px;border-color:#263f77;transform:rotate(-45deg)}
@media(min-width:1101px) and (max-width:1250px){.why-intro{gap:28px;grid-template-columns:.85fr 1.15fr}.owner-question--manage{top:205px}.owner-question--need{font-size:17px;max-width:340px}.owner-question--use{left:0;bottom:0;max-width:210px}.owner-character{width:248px;height:310px}}
@media(max-width:1100px){.why-intro{grid-template-columns:1fr;gap:32px}.why-lead{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;align-items:end}.why-lead .eyebrow{grid-column:1/-1}.why-lead h2{font-size:48px}.why-intro-copy{margin:0;font-size:17px}.owner-question-scene{max-width:680px}}
@media(max-width:760px){.why-website{padding-top:58px}.why-intro{gap:20px;margin-bottom:30px}.why-lead{display:block}.why-lead .eyebrow{margin-bottom:18px}.why-lead h2{font-size:35px;line-height:1.25}.why-intro-copy{font-size:16px;line-height:1.85;margin-top:22px}.why-intro-copy br{display:none}.owner-question-scene{height:452px;max-width:380px}.owner-character{width:240px;height:300px;bottom:0;left:54%}.owner-question{font-size:16px;padding:16px 18px;border-radius:18px;line-height:1.65}.owner-question--need{left:0;top:0;max-width:100%}.owner-question--need::after{right:38px}.owner-question--manage{right:0;top:112px;max-width:246px;font-size:16px}.owner-question--manage::after{left:36px}.owner-question--use{left:0;bottom:0;max-width:232px;font-size:16px}.owner-question--use::after{right:-7px;bottom:24px}}
@media(max-width:360px){.why-lead h2{font-size:32px}.owner-question--need{font-size:16px;padding:15px 16px}.owner-question--manage{top:124px;font-size:16px}.owner-question-scene{height:464px}.owner-character{left:57%}.owner-question--use{max-width:214px}}