.smart-page{background:#f5f2ec;color:#203029}
.smart-page h1,.smart-page h2,.smart-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.smart-page h2{font-size:clamp(34px,3.4vw,50px);line-height:1.15;margin:0 0 24px;letter-spacing:-.035em}
.smart-page h3{font-size:28px;line-height:1.25;letter-spacing:-.025em}
.smart-page .section{padding:100px 6.5vw}
.smart-page p{line-height:1.75}
.smart-page .cta{min-height:48px;padding:13px 20px;border-radius:4px;background:#294331;color:#fff;font-size:14px;gap:23px}
.smart-page .cta:hover{background:#3d5945}
.smart-hero{display:grid;grid-template-columns:1fr 1fr;min-height:595px}
.smart-hero-copy{padding:90px 5vw 65px 6.5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.smart-hero h1{font-size:clamp(46px,4.8vw,72px);line-height:1.1;letter-spacing:-.045em;margin:0 0 28px}
.smart-hero h1 em{color:#64705d}
.smart-lead{font-size:19px;color:#4c5c4f;max-width:410px;margin:0 0 30px}
.smart-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px}
.smart-text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:14px;text-decoration:underline;text-decoration-color:#29433150;text-underline-offset:7px;text-decoration-thickness:1px}
.smart-text-link:hover{text-decoration-color:currentColor}
.smart-base{font-size:12px;letter-spacing:.04em;color:#52604f;margin:32px 0 0}
.smart-hero .smart-hero-image{position:relative;margin:0;min-width:0;display:flex;flex-direction:column;background:#e8e3d9}
.smart-hero-image img{width:100%;height:100%;min-height:545px;flex:1;object-fit:cover;object-position:65% center;border-radius:0}
.smart-hero-image figcaption{font-size:12px;line-height:1.6;padding:11px 22px;color:#4c5c4f}
.smart-page .smart-experience{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center;background:#20342b;color:#f4eddf}
.smart-experience .eyebrow{color:#d6dfd2}
.smart-experience-copy>p:not(.eyebrow){font-size:17px;color:#e0e4d9;max-width:410px;margin-bottom:27px}
.smart-experience .cta{background:#f4ecdc;color:#203029}
.smart-experience .cta:hover{background:#fff7e8}
.smart-experience-copy small{display:block;max-width:390px;font-size:13px;line-height:1.75;color:#d6dfd2;margin-top:18px}
.smart-demo-image{position:relative;display:block;background:#f8f6f0;border-radius:10px;overflow:hidden}
.smart-demo-image img{display:block;width:100%;height:auto;aspect-ratio:1.33;object-fit:contain;transition:transform 600ms ease}
.smart-demo-corner{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:#f4f0e7ed;color:#203029;padding:16px 20px;font-size:14px}
.smart-demo-corner b{font-size:21px;font-weight:400}
.smart-systems{display:grid;grid-template-columns:1fr 1.25fr;gap:8vw}
.smart-section-intro>p:not(.eyebrow){font-size:17px;max-width:330px;color:#4c5c4f}
.smart-system-list>a{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;column-gap:18px;padding:26px 0;border-top:1px solid #29433130}
.smart-system-list>a:last-child{border-bottom:1px solid #29433130}
.smart-system-list h3{font-size:27px;margin:0 0 8px}
.smart-system-list p{font-size:16px;color:#4c5c4f;margin:0;max-width:440px}
.smart-index{font-size:12px;line-height:2.6;color:#52604f}
.smart-arrow{font-size:22px;color:#762d4c}
.smart-system-list>a>div,.smart-arrow{transition:transform 320ms ease}
.smart-page .smart-planning{background:#eee9df}
.smart-planning .section-top{display:flex;justify-content:space-between;align-items:end;gap:7vw;margin-bottom:42px}
.smart-planning .section-top h2{margin:0}
.smart-planning .section-top>p{font-size:17px;max-width:390px;color:#4c5c4f;margin:0}
.smart-property-options{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-bottom:42px}
.smart-property-options article{border-top:1px solid #29433130;padding-top:28px}
.smart-property-options .eyebrow{display:block;margin-bottom:16px}
.smart-property-options h3{margin:0 0 14px}
.smart-property-options p{font-size:16px;color:#4c5c4f;max-width:440px;margin:0}
.smart-questions{max-width:920px;margin:0 auto}
.smart-questions details{border-bottom:1px solid #29433130}
.smart-questions details:first-child{border-top:1px solid #29433130}
.smart-questions summary{list-style:none;display:flex;gap:20px;justify-content:space-between;align-items:center;cursor:pointer;padding:21px 0;font-size:17px;min-height:64px;line-height:1.5}
.smart-questions summary::-webkit-details-marker{display:none}
.smart-questions summary>span{font-size:24px;transition:transform 250ms ease;flex:none;color:#52604f}
.smart-questions details[open] summary>span{transform:rotate(45deg)}
.smart-questions details>p{font-size:16px;color:#4c5c4f;max-width:780px;padding-bottom:24px;margin:0}
.smart-page .smart-closing{display:flex;justify-content:space-between;align-items:center;gap:7vw;background:#dfe3d7}
.smart-closing h2{max-width:700px;font-size:clamp(34px,3.1vw,46px)}
.smart-closing p:not(.eyebrow){max-width:570px;font-size:17px;color:#4c5c4f;margin-bottom:0}
.smart-closing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;flex-shrink:0}
.smart-closing-actions small{font-size:13px;color:#52604f}
.smart-page .menu-strokes{fill:none;stroke:currentColor}
@media(hover:hover) and (pointer:fine){.smart-demo-image:hover img{transform:scale(1.018)}.smart-system-list>a:hover>div{transform:translateX(4px)}.smart-system-list>a:hover .smart-arrow{transform:translate(2px,-2px)}}
@media(max-width:1050px){.smart-hero{grid-template-columns:1fr 1fr}.smart-hero-copy{padding-top:65px;padding-bottom:55px}.smart-hero h1{font-size:52px}.smart-lead{font-size:18px}.smart-hero-image img{min-height:555px}.smart-page .smart-experience{gap:5vw}.smart-systems{gap:5vw}.smart-closing{flex-wrap:wrap}}
@media(max-width:800px){
 .smart-page .section{padding:70px 24px}
 .smart-hero{grid-template-columns:1fr;min-height:0}
 .smart-hero-copy{padding:52px 24px 44px}
 .smart-hero h1{font-size:clamp(43px,10vw,64px);margin-bottom:22px}
 .smart-lead{font-size:18px;max-width:470px;margin-bottom:25px}
 .smart-actions{gap:7px 23px}
 .smart-base{margin-top:23px}
 .smart-hero-image img{height:330px;min-height:0;max-height:430px;flex:none;object-position:center 57%}
 .smart-hero-image figcaption{padding:10px 24px;font-size:12px}
 .smart-page .smart-experience{grid-template-columns:1fr;gap:34px}
 .smart-experience h2{font-size:38px}
 .smart-demo-image{max-width:600px}
 .smart-demo-image img{aspect-ratio:1.4}
 .smart-systems{grid-template-columns:1fr;gap:26px}
 .smart-section-intro>p:not(.eyebrow){max-width:470px}
 .smart-system-list>a{gap:13px;padding:23px 0;grid-template-columns:24px minmax(0,1fr) 20px}
 .smart-system-list h3{font-size:25px}
 .smart-planning .section-top{display:block;margin-bottom:34px}
 .smart-planning .section-top>p{margin-top:23px;max-width:470px}
 .smart-property-options{grid-template-columns:1fr;gap:30px;margin-bottom:34px}
 .smart-property-options h3{font-size:27px}
 .smart-questions summary{font-size:16px;padding:19px 0}
 .smart-page .smart-closing{display:block}
 .smart-closing-actions{margin-top:27px}
}
@media(prefers-reduced-motion:reduce){.smart-demo-image img,.smart-system-list>a>div,.smart-arrow,.smart-questions summary>span{transition:none!important}.smart-demo-image:hover img,.smart-system-list>a:hover>div,.smart-system-list>a:hover .smart-arrow{transform:none}}
