.home-design{--home-ink:#183e43;--home-rust:#a64d2e;--home-sand:#f0e1c9;background:radial-gradient(at 85% 0,#f3e5ce 0,#0000 42%)}.home-design .home-kicker{letter-spacing:.15em;text-transform:uppercase;color:var(--home-ink);font-size:.66rem;font-weight:700}.home-hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:68px;max-width:1280px;margin:auto;padding:64px 32px 72px;display:grid}.home-intro-kicker{align-items:center;gap:10px;display:flex}.home-intro-kicker span{background:var(--home-rust);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #a64d2e12}.home-design .home-title{letter-spacing:-.035em;color:var(--home-ink);margin-top:25px;font-size:clamp(3rem,5.6vw,5rem);font-weight:400;line-height:1.02}.home-title em{color:var(--home-rust)}.home-intro-body{color:#4d5f5e;max-width:390px;margin-top:26px;font-size:1rem;line-height:1.7}.home-design .home-primary{background:var(--home-ink);color:#fffaf0;border-radius:8px;min-height:54px;margin-top:28px;padding-inline:25px;box-shadow:0 5px #183e4314}.home-design .home-primary:hover{background:#24545a;transform:translateY(-2px)}.home-sketch{background:#f0e1c9;border:1px solid #d0bfa6;border-radius:3px 52px 3px 3px;min-width:0;margin:0;padding:22px 24px 28px;transform:rotate(1.5deg);box-shadow:10px 12px 0 -1px #e8d7bc,10px 12px #d0bfa6}.home-sketch-top{border-bottom:1px solid #bfae955c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.home-switch{background:#fffaf066;border:1px solid #cbb99c;border-radius:6px;gap:2px;padding:3px;display:inline-flex}.home-switch button{color:#4d5b52;cursor:pointer;border-radius:3px;min-height:40px;padding:0 12px;font-size:.72rem;transition:background-color .16s,color .16s}.home-switch button[aria-pressed=true]{background:var(--home-ink);color:#fffaf0}.home-switch button:hover:not([aria-pressed=true]){background:#fffaf0}.home-sketch-art{width:100%;height:auto;margin:6px 0 12px;display:block}.home-sketch figcaption{border-left:3px solid var(--home-rust);background:#fffaf0;padding:18px 20px;box-shadow:0 6px 16px #513e2310}.home-sketch-title{font-family:var(--font-display);color:var(--home-ink);margin-top:9px;font-size:1.8rem;line-height:1.1}.home-sketch-prompt{color:#56615a;min-height:2.65rem;margin-top:8px;font-size:.83rem;line-height:1.6}.home-sketch-scene{animation:.22s ease-out both home-sketch-in}@keyframes home-sketch-in{0%{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}.home-method{background:var(--home-ink);color:#fffaf0}.home-method-inner{max-width:1280px;margin:auto;padding:35px 32px 28px}.home-method h2{font-size:1.8rem;line-height:1.2}.home-steps{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:28px;display:grid}.home-steps li{padding-left:51px;position:relative}.home-step-number{color:#efc5a3;border:1px solid #e7b99066;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.7rem;display:grid;position:absolute;top:1px;left:0}.home-steps h3{color:#fffaf0;margin-top:0}.home-design .home-steps p{color:#d4dfd9;font-size:.82rem;line-height:1.6}.home-feedback-note{color:#d4dfd9;border-top:1px solid #fffaf026;margin-top:25px;padding-top:15px;font-size:.7rem;line-height:1.6}.home-outcomes{max-width:1280px;margin:auto;padding:45px 32px 24px}.home-outcomes h2{color:var(--home-ink)}.home-paths{border-top:1px solid #cbbda8;border-bottom:1px solid #cbbda8;grid-template-columns:1fr 1fr;margin-top:24px;display:grid}.home-path{padding:25px 28px 25px 0;transition:background-color .18s;display:block}.home-path-work{border-left:1px solid #cbbda8;padding-left:28px}.home-path:hover{background:#eadbc544}.home-path .font-display{color:var(--home-ink)}.home-path svg{width:36px;height:36px;color:var(--home-rust);border:1px solid #cbbda8;border-radius:50%;padding:8px;transition:transform .18s}.home-path:hover svg{transform:translate(2px,-2px)}.home-demo{max-width:1280px;margin:auto;padding:0 32px 36px}.home-demo>details{background:#fffaf0;border:1px solid #cbbda8;border-radius:4px}.home-demo>details>summary{color:var(--home-ink)}@media (width<=1000px){.home-hero{gap:38px;padding-block:45px 55px}.home-sketch{padding:16px}.home-sketch-top{gap:7px}.home-design .home-title{font-size:3.5rem}}@media (width<=760px){.home-hero{grid-template-columns:1fr;gap:36px;padding:32px 24px 42px}.home-intro{max-width:520px}.home-design .home-title{max-width:12ch;margin-top:20px;font-size:clamp(2.9rem,9.2vw,4.4rem)}.home-intro-body{max-width:345px;margin-top:20px;font-size:.95rem}.home-design .home-primary{margin-top:22px}.home-sketch{width:calc(100% - 8px);max-width:510px;margin-inline:auto;transform:none;box-shadow:6px 7px 0 -1px #e8d7bc,6px 7px #d0bfa6}.home-sketch-top{gap:10px}.home-switch{margin-left:auto}.home-sketch-art{max-height:215px}.home-sketch figcaption{padding:14px 16px}.home-method-inner{padding:30px 24px 24px}.home-method h2{font-size:1.65rem}.home-steps{grid-template-columns:1fr;gap:22px;margin-top:24px}.home-steps p{margin-top:5px}.home-outcomes{padding:32px 24px 16px}.home-paths{grid-template-columns:1fr;margin-top:20px}.home-path{padding:20px 0}.home-path-work{border-top:1px solid #cbbda8;border-left:0}.home-demo{padding:0 24px 20px}}@media (prefers-reduced-motion:reduce){.home-design *,.home-design :before,.home-design :after{transition:none!important;animation:none!important}.home-design .home-primary:hover,.home-design .home-path:hover svg{transform:none}}
