/* Homepage only. Base colors arrive from widget-config via generated theme.css. */
.sumhaus-home{--home-gold:color-mix(in srgb,var(--sh-accent) 82%,#774407);--home-gold-light:color-mix(in srgb,var(--sh-accent) 55%,#fff3ce);--home-ink:color-mix(in srgb,var(--sh-text) 80%,#001e23);--home-deep:color-mix(in srgb,var(--sh-text) 72%,#001e23);margin:0;background:var(--sh-background);color:var(--home-ink);font:18px/1.45 Arial,Helvetica,sans-serif;color-scheme:light;overflow-wrap:anywhere}
.sumhaus-home *{box-sizing:border-box}
.sumhaus-home h1,.sumhaus-home h2,.sumhaus-home h3,.tagline,.calculator-link,.sumhaus-home footer{font-family:Georgia,'Times New Roman',serif}
.sumhaus-home a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
.sumhaus-home a:focus-visible,.sumhaus-home button:focus-visible,.sumhaus-home code:focus-visible{outline:3px solid var(--sh-accent);outline-offset:5px}
.skip-link{position:absolute;z-index:3;left:16px;top:-100px;background:var(--sh-surface);padding:12px}.skip-link:focus{top:16px}
.hero{background:var(--sh-surface) url('./watercolor-ivory.webp') center/cover no-repeat;border-bottom:2px solid var(--sh-accent)}
.hero-inner{position:relative;max-width:1200px;min-height:445px;margin:auto;padding:124px 104px 84px}
.wordmark{font-size:clamp(45px,6.1vw,82px);font-weight:400;letter-spacing:.16em;line-height:1.1;margin:0;max-width:80%}
.subline{display:flex;align-items:center;gap:24px;margin:17px 0 0;color:var(--home-gold);font-size:18px;letter-spacing:.26em;text-transform:uppercase;line-height:1.5}
.subline:before{content:'';display:block;width:55px;height:2px;flex-shrink:0;background:currentColor}
.tagline{font-size:clamp(26px,3.5vw,43px);line-height:1.25;font-style:italic;margin:58px 0 0;max-width:85%}
.monogram{position:absolute;right:48px;top:52px;width:112px;height:auto}
.page-inner{max-width:1200px;margin:auto;padding:38px 64px 24px}
.calculators h2{font-size:53px;font-weight:400;line-height:1.1;margin:4px 24px 24px}
.calculator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.calculator-card{min-width:0;min-height:292px;border:1px solid var(--sh-accent);border-radius:17px;padding:38px 27px 24px;background:linear-gradient(to bottom,color-mix(in srgb,var(--sh-surface) 82%,transparent),var(--sh-surface) 118px),url('./watercolor-ivory.webp') right top/auto 190px no-repeat,var(--sh-surface);box-shadow:0 10px 18px color-mix(in srgb,var(--sh-accent) 16%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--sh-surface) 80%,transparent)}
.calculator-card-live{border-width:2px;padding:37px 26px 23px}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--home-gold);margin:0 0 8px;line-height:1.5}
.calculator-card h3{font-size:27px;font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0 0 14px}
.card-description{font-size:17px;line-height:1.38;color:var(--sh-muted);margin:0 0 10px}
.calculator-link{display:inline-block;font-size:21px;font-weight:400;line-height:1.4;text-decoration-color:var(--sh-accent)}
.calculator-link span{margin-left:4px}
.owners{margin-top:32px;border:2px solid var(--sh-accent);border-radius:17px;padding:34px 42px 30px;color:var(--sh-surface);background:linear-gradient(90deg,color-mix(in srgb,var(--home-deep) 40%,transparent),color-mix(in srgb,var(--home-deep) 40%,transparent)),url('./watercolor-teal.webp') center/cover,var(--home-deep);box-shadow:0 9px 20px color-mix(in srgb,var(--sh-accent) 14%,transparent)}
.owners .eyebrow{color:var(--home-gold-light);margin-bottom:6px}
.owners h2{font-size:clamp(29px,3.25vw,41px);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
.owners-intro{margin:0 0 16px;font-size:18px}
.embed-line{display:flex;align-items:center;gap:18px;border:1px solid var(--home-gold-light);border-radius:12px;padding:9px 11px 9px 22px;background:color-mix(in srgb,var(--home-deep) 88%,transparent);min-width:0}
.embed-line code{display:block;flex:1;min-width:0;overflow-wrap:anywhere;font:16px/1.5 'Courier New',monospace;user-select:all}
.embed-line button{flex-shrink:0;min-height:38px;padding:6px 27px;border:1px solid var(--home-gold-light);border-radius:5px;background:linear-gradient(135deg,#f6d798,var(--sh-accent));color:var(--home-ink);font:italic 18px Arial,sans-serif;cursor:pointer}
.embed-line button:hover{filter:brightness(1.08)}
.copy-status{font-size:14px;margin:0;min-height:16px;line-height:1.3}.copy-status:not(:empty){padding-top:5px;min-height:26px}
.attribution-note,.branded-note,.contact,.copy-help{font-size:17px;line-height:1.5;margin:0}
.branded-note,.contact a{color:var(--home-gold-light)}
.sumhaus-home footer{border-top:1px solid var(--sh-accent);margin-top:28px;padding:13px 2px 0;font-size:14px;letter-spacing:.13em}
[hidden]{display:none!important}
@media(min-width:1600px){.hero{background-size:100% auto}}
@media(max-width:1000px){.hero-inner{padding:110px 32px 65px;min-height:390px}.monogram{right:32px;width:88px;top:36px}.page-inner{padding:32px}.calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.calculator-card{min-height:245px}.tagline{max-width:90%}.owners{padding:30px}.calculators h2{margin-left:0;font-size:45px}.subline{font-size:15px}}
@media(max-width:600px){.hero{background-position:65% top}.hero-inner{min-height:350px;padding:135px 24px 38px;background:linear-gradient(0deg,color-mix(in srgb,var(--sh-surface) 86%,transparent),transparent 90%)}.monogram{width:64px;right:24px;top:24px}.wordmark{font-size:clamp(32px,10.4vw,55px);max-width:100%;letter-spacing:.13em}.subline{font-size:10px;letter-spacing:.2em;gap:12px;margin-top:12px}.subline:before{width:28px}.tagline{font-size:29px;max-width:100%;margin-top:30px;line-height:1.2}.page-inner{padding:28px 20px 22px}.calculators h2{font-size:39px;margin:0 0 20px}.calculator-grid{grid-template-columns:minmax(0,1fr);gap:16px}.calculator-card{min-height:0;padding:29px 25px 25px}.calculator-card-live{padding:28px 24px 24px}.calculator-card h3{font-size:29px}.card-description{font-size:17px;max-width:34ch}.owners{margin-top:28px;padding:27px 23px}.owners h2{font-size:31px;line-height:1.14}.owners-intro{font-size:17px;margin-top:14px}.embed-line{flex-wrap:wrap;padding:14px;gap:12px}.embed-line code{flex-basis:100%;font-size:13px}.embed-line button{min-height:44px;width:100%}.attribution-note,.branded-note,.contact{font-size:16px}.copy-status{min-height:18px}.sumhaus-home footer{font-size:12px;letter-spacing:.08em;margin-top:24px;padding-top:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(forced-colors:active){.hero,.calculator-card,.owners{background:Canvas;color:CanvasText}.eyebrow,.owners .eyebrow,.branded-note,.contact a{color:CanvasText}.embed-line{background:Canvas}.embed-line button{background:ButtonFace;color:ButtonText}}