@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f6ef;--ink:#142e28;--muted:#68736a;--line:#dcded3;--gold:#d6a85c;--cream:#f0eadb;--white:#fffefa;--body:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,label:focus-visible{outline:3px solid #ab7637;outline-offset:5px}button{color:inherit}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(46px,4.5vw,68px);line-height:1.08}h2{font-size:clamp(34px,3.4vw,46px);line-height:1.15}h3{font-size:24px;letter-spacing:-.035em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#60775c}small{font-size:11px}button,a,input{transition:background .18s,color .18s,border-color .18s,transform .18s}.wrap{width:min(1260px,calc(100% - 96px));margin-inline:auto}.preview-banner{text-align:center;background:#e9e0cb;color:#514e3f;padding:8px 16px;font-size:10px;letter-spacing:.13em;font-weight:700}.preview-banner span{font-weight:400;letter-spacing:.035em;margin-left:14px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;gap:10px;align-items:center;text-decoration:none;font-family:var(--heading);font-size:27px;font-weight:800;letter-spacing:-1.5px;line-height:1.1}.wordmark svg{width:40px;stroke:var(--ink);stroke-width:2;fill:none}.wordmark-light{font-weight:400}.wordmark small{display:block;font-family:var(--body);font-size:8px;letter-spacing:1.6px;font-weight:500;margin-top:8px}.header nav{display:flex;gap:28px;align-items:center}.header nav a{text-decoration:none;font-size:13px}.text-button{background:none;border:0;padding:0;text-decoration:none;font-size:13px;cursor:pointer}.text-button:hover,.header nav a:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:16px 21px;border:1px solid transparent;border-radius:5px;text-decoration:none;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap}.button span{font-size:19px;font-weight:400;line-height:1}.button.dark{background:var(--ink);color:#faf8f0}.button.dark:hover{background:#2b4e40;transform:translateY(-1px)}.button.outline{background:transparent;border-color:#bfc7b9}.button.outline:hover{background:#eaece0}.button.small{padding:13px 17px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:54px;padding-top:24px;padding-bottom:72px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;margin-bottom:20px}.little-star{color:#a98544;font-size:18px;margin-right:7px;vertical-align:middle}.hero h1{margin-bottom:25px}.intro{font-size:16px;line-height:1.7;max-width:450px;color:var(--muted)}.zip-form{margin-top:30px;max-width:460px}.zip-form label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.zip-entry{display:flex;gap:8px;background:var(--white);border:1px solid #c5cabb;padding:6px;border-radius:7px}.zip-entry input{border:0;min-width:0;width:100%;background:transparent;padding:6px 13px;color:var(--ink);font-size:16px}.zip-entry input:focus{outline:0}.zip-entry:focus-within{outline:2px solid #a98544;outline-offset:3px}.zip-entry .button{gap:18px;padding:15px}.form-note{font-size:11px;color:var(--muted);margin-top:10px}.error{color:#a43c2f;font-size:12px;margin-top:9px}.hero-promises{display:flex;flex-wrap:wrap;gap:16px;padding-top:28px;margin-top:28px;border-top:1px solid var(--line);font-size:10px}.hero-promises b{font-size:9px;color:#819074;margin-right:5px}.hero-art{border-radius:8px;background:#18332f;overflow:hidden;color:#f9f2dd;box-shadow:0 22px 45px #27372e15;position:relative}.art-top{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;z-index:1}.art-top>span:last-child{font-size:9px;letter-spacing:0;opacity:.6}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d9c18a;margin-right:7px;vertical-align:middle}.house-scene{width:100%;height:auto}.scene-controls{margin-top:-4px;display:flex;padding:22px 26px 25px;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #ffffff15}.scene-controls small{font-size:8px;letter-spacing:1.4px;display:block;color:#b4c1ad;margin-bottom:7px}.scene-controls strong{font-size:16px;font-weight:400}.scene-swatches{display:flex;gap:9px}.swatch{width:25px;height:25px;border:3px solid #18332f;border-radius:50%;outline:1px solid transparent}.swatch.active{outline-color:#d3caad}.swatch.warm{background:#ffe3aa}.swatch.holiday{background:linear-gradient(90deg,#cb5b4e 50%,#8eaa7a 50%)}.swatch.blue{background:#91bada}.systems-section{background:#eeefe6;border-block:1px solid #e1e3d8;padding:70px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:32px}.section-heading>p{max-width:320px;color:var(--muted);font-size:14px;line-height:1.7}.section-heading .eyebrow{margin-bottom:15px}.availability{display:flex;gap:12px;padding:15px 20px;background:#e4e8dc;border:1px solid #d4dccb;border-radius:5px;font-size:12px;margin-bottom:24px;align-items:center}.pin-icon{font-size:25px;line-height:1}.availability strong{margin-right:6px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.system-card{padding:25px;background:var(--white);border:1px solid #d9dece;border-radius:7px;display:flex;flex-direction:column;position:relative}.system-card.selected{border-color:#657d55;box-shadow:0 0 0 2px #657d55}.system-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:24px}.system-number{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.tiny-label{font-size:8px;background:#eef0e5;padding:4px 7px;border-radius:20px;color:#63725b}.system-card h3{font-size:31px;margin-bottom:10px}.system-desc{color:var(--muted);font-size:13px;min-height:42px;line-height:1.6}.line-art{height:82px;margin-top:13px;display:flex;align-items:center;justify-content:space-between;color:#8b9d7d;gap:12px}.line-art>span{font-family:Georgia,serif;font-size:64px;line-height:1}.sample-track{height:5px;flex:1;max-width:180px;background:radial-gradient(circle,#f4dfae 2px,transparent 3px) 0 0/14px 5px;border-block:1px solid #c1c8b4;box-shadow:0 4px 17px #ccb97a30}.sample-track.wider{background-size:19px 5px}.system-card dl{margin:8px 0 25px;font-size:10px}.system-card dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e5e6dd;padding:12px 0}.system-card dl>div:last-child{border-bottom:1px solid #e5e6dd}.system-card dt{color:var(--muted)}.system-card dd{margin:0;text-align:right;font-weight:500}.system-card>.button{margin-top:auto;width:100%;justify-content:space-between}.source-link{font-size:10px;text-align:center;color:var(--muted);margin-top:13px;text-decoration:none}.source-link:hover{text-decoration:underline}.future{background:#e7eadd;border:1px dashed #bdc8af}.future-mark{height:107px;display:grid;place-items:center;font-size:67px;font-weight:400;color:#a5b297}.future-copy{font-size:12px;color:#64715d;line-height:1.8;margin-bottom:25px}.section-note{font-size:10px;color:var(--muted);margin-top:22px;max-width:900px;line-height:1.7}.planner-section{padding-block:85px;display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}.planner-intro h2{margin-bottom:23px}.planner-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:300px}.planner-note{display:flex;gap:15px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}.planner-note>span{color:#8c9b7b;font-size:25px}.planner-note strong{color:var(--ink);font-weight:500}.selected-plan{margin-top:35px;border-left:2px solid #b9c3a9;padding-left:17px}.selected-plan small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.selected-plan p{font-family:var(--heading);font-size:20px;letter-spacing:-.6px;margin:5px 0}.selected-plan>span{font-size:11px;color:var(--muted)}.planner-workspace{background:var(--white);padding:21px;border:1px solid var(--line);border-radius:8px}.planner-tabs{display:flex;gap:6px;margin-bottom:17px}.planner-tabs button{border:0;flex:1;background:transparent;padding:9px;border-radius:4px;font-size:12px}.planner-tabs button.active{background:var(--ink);color:#fffdf5}.photo-stage{position:relative;width:100%;background:#edf0e5;min-height:300px;border:1px dashed #b9c5aa;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:10/7}.photo-placeholder{text-align:center;padding:25px;display:flex;align-items:center;flex-direction:column;gap:9px}.photo-placeholder svg{width:65px;height:50px;stroke:#7a9066;fill:none;stroke-width:1.5;margin-bottom:5px}.photo-placeholder strong{font-size:15px;font-weight:500}.photo-placeholder>span{font-size:10px;color:var(--muted)}.photo-placeholder .button{margin-top:8px;font-size:11px;padding:12px 17px;cursor:pointer}.photo-stage img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#152b25}.photo-stage svg#roofline-overlay{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:manipulation}.photo-hint{font-size:10px;color:var(--muted);margin-top:10px}.photo-tools{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:16px 0}.photo-tools .text-button{font-size:10px}.planner-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:20px 0}.planner-bottom label{font-size:12px;font-weight:500}.planner-bottom label span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.number-input{display:flex;align-items:center;border:1px solid #cbd0c1;border-radius:4px;padding-right:12px;gap:5px}.number-input input{width:85px;border:0;padding:10px;background:transparent;font-size:14px;color:var(--ink)}.number-input span{color:var(--muted);font-size:12px}.save-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:18px}.save-row>span{font-size:10px;color:var(--muted);max-width:210px}.save-row .button{font-size:11px;padding:13px 17px;gap:15px}.price-section{background:var(--ink);color:#faf5e5;padding:75px 0}.price-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.price-layout .eyebrow{color:#bac5aa}.price-layout h2{font-size:45px;margin-bottom:25px}.price-layout em{color:#d4c598}.price-layout>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#c2cbbc;max-width:350px}.inline-link{display:inline-flex;gap:25px;font-size:11px;margin-top:27px;text-decoration:underline;text-underline-offset:7px}.price-receipt{border:1px solid #83907a66;border-radius:5px;padding:27px 30px;background:#1b3730}.receipt-top{font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#c4c9b1}.price-receipt ul{padding:0;list-style:none;margin:22px 0}.price-receipt li{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:11px 0;border-bottom:1px solid #ffffff13;color:#e1e6d6}.price-receipt li>span:last-child{color:#899a7d;font-size:9px}.receipt-total{display:flex;justify-content:space-between;gap:12px;align-items:center}.receipt-total strong{font-size:13px;font-weight:500}.receipt-total span{font-size:10px;color:#c4bf9f}.price-receipt>p{font-size:10px!important;color:#a6b5a0!important;margin-top:16px;line-height:1.6!important}.process{padding-block:80px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:0;list-style:none;margin:40px 0 0}.process-grid li{border-top:1px solid #cfd6c4;padding-top:20px}.process-grid li>span{font-size:12px;color:#91a081}.process-grid h3{font-size:19px;margin:20px 0 12px}.process-grid p{font-size:12px;color:var(--muted);line-height:1.8}.help-section{background:#e9e5d5;border-radius:7px;padding:43px 50px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;margin-bottom:60px}.help-section h2{font-size:34px}.help-section>div>p:not(.eyebrow){font-size:13px;color:#6c715f;line-height:1.8;margin-bottom:22px}.help-section .eyebrow{font-size:8px;margin-bottom:15px}.faq{max-width:850px;padding-bottom:70px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:13px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#7f9170;font-size:17px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:15px;max-width:700px}.footer{background:#e9ece2;border-top:1px solid #d9dece;padding-block:35px}.footer>.wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer strong{font-family:var(--heading);font-size:24px;letter-spacing:-1.3px;font-weight:800}.footer strong span{font-weight:400}.footer p,.footer a{font-size:10px;color:var(--muted);line-height:1.8}.footer>div>div>p{margin-top:6px}.footer a{text-decoration:none}dialog{border:1px solid var(--line);border-radius:10px;max-width:580px;width:calc(100% - 32px);padding:40px;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #142e2840}dialog::backdrop{background:#142e2880;backdrop-filter:blur(3px)}dialog h2{font-size:34px}dialog>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:16px;line-height:1.7}.dialog-close{position:absolute;top:13px;right:17px;border:0;background:none;font-size:27px}.help-choices{display:grid;gap:10px;margin:25px 0}.help-choices button{text-align:left;position:relative;padding:16px 15px 16px 50px;border:1px solid #cfd5c4;border-radius:5px;background:var(--white)}.help-choices button:hover,.help-choices button.selected{background:#e6ecd9;border-color:#8c9b79}.help-choices span{position:absolute;left:16px;top:18px;font-size:10px;color:#859675}.help-choices strong{font-size:13px;display:block;font-weight:500}.help-choices small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}[hidden]{display:none!important}
@media(min-width:1500px){.hero{gap:80px}.hero-art{max-width:610px}.hero-copy{padding-bottom:10px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header nav{gap:18px}.hero{gap:28px}.hero h1{font-size:51px}.hero-promises{gap:11px;font-size:9px}.hero .intro{font-size:14px}.zip-entry .button{font-size:11px;padding:14px 11px;gap:10px}.system-card{padding:21px}.system-top{align-items:flex-start;flex-direction:column;gap:7px}.system-card dl{font-size:9px}.planner-section{gap:40px}.price-layout{gap:60px}.receipt-total{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:800px){.header{height:92px}.header nav{display:none}.hero{grid-template-columns:1fr 1fr;gap:24px;align-items:start}.hero-copy{padding-top:13px}.hero h1{font-size:42px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero .intro{font-size:13px}.zip-entry{flex-direction:column;gap:5px}.zip-entry input{height:39px}.zip-form{margin-top:20px}.form-note{font-size:9px}.hero-promises{margin-top:20px;padding-top:18px;gap:8px;flex-direction:column}.hero-art{margin-top:12px}.scene-controls{padding:17px;flex-wrap:wrap}.scene-controls strong{font-size:13px}.art-top{left:15px;right:15px;top:16px;font-size:6px}.art-top>span:last-child{font-size:7px}.section-heading{gap:25px}.section-heading>p{max-width:240px;font-size:12px}.system-grid{grid-template-columns:1fr 1fr}.future{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 35px}.future .system-top{grid-column:1/-1;flex-direction:row;margin-bottom:5px}.future .future-mark{display:none}.future .system-desc{grid-column:1;min-height:auto}.future .future-copy{grid-column:2;grid-row:2/span 2;margin-bottom:0;align-self:center}.future .button{margin-top:10px}.future .source-link{align-self:center}.planner-section{grid-template-columns:1fr;gap:28px;padding-block:65px}.planner-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.planner-intro .eyebrow{grid-column:1/-1}.planner-intro h2{grid-column:1;grid-row:2/span 2;margin-bottom:10px}.planner-intro>p:not(.eyebrow){grid-column:2;grid-row:2;max-width:none}.planner-note{grid-column:2;grid-row:3;margin-top:15px;padding-top:15px}.selected-plan{grid-column:1/-1;margin-top:15px}.price-layout{grid-template-columns:1fr 1fr;gap:35px}.price-layout h2{font-size:34px}.price-layout>div>p:not(.eyebrow){font-size:12px}.price-receipt{padding:22px}.price-receipt li{font-size:10px}.receipt-top{font-size:7px}.process-grid{grid-template-columns:1fr 1fr;gap:25px}.help-section{padding:35px;gap:30px}.help-section h2{font-size:29px}.footer>.wrap{align-items:flex-start;gap:20px}.footer a{max-width:90px}}@media(max-width:580px){.wrap{width:calc(100% - 36px)}.preview-banner{font-size:8px;letter-spacing:1px;padding:9px}.preview-banner span{display:block;margin-left:0;margin-top:3px;letter-spacing:.02em;font-size:9px}.header{height:87px;gap:12px}.wordmark{font-size:23px;gap:7px}.wordmark svg{width:31px}.wordmark small{font-size:6px;letter-spacing:1px;margin-top:5px}.header>.button{font-size:10px;padding:11px 12px;gap:12px}.hero{grid-template-columns:1fr;gap:28px;padding-top:12px;padding-bottom:42px}.hero-copy{padding-top:0}.hero h1{font-size:49px;margin-bottom:20px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:16px}.hero .intro{font-size:14px;max-width:370px}.zip-form{margin-top:24px;max-width:none}.zip-entry{flex-direction:row;gap:5px}.zip-entry input{height:auto;padding:10px}.zip-entry .button{font-size:11px;padding:14px 12px;gap:10px}.form-note{font-size:10px}.hero-promises{flex-direction:row;justify-content:space-between;font-size:8px;gap:5px;margin-top:22px;padding-top:20px}.hero-art{margin-top:0;max-height:465px}.house-scene{margin-top:-15px}.scene-controls{padding:17px 22px;flex-wrap:nowrap;position:relative;background:#18332f}.scene-controls small{font-size:7px}.scene-controls strong{font-size:14px}.art-top{font-size:7px;left:22px;right:22px;top:20px}.art-top>span:last-child{font-size:8px}.systems-section{padding:44px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:25px}.section-heading>p{max-width:none;font-size:13px}.section-heading h2{font-size:34px}.eyebrow{font-size:9px;letter-spacing:1.2px}.availability{padding:14px;font-size:11px;align-items:flex-start}.availability strong{display:block;margin-bottom:2px}.system-grid{grid-template-columns:1fr;gap:15px}.system-card{padding:23px}.system-top{flex-direction:row;margin-bottom:18px}.system-number,.tiny-label{font-size:8px}.system-card h3{font-size:31px}.system-desc{font-size:13px;min-height:auto}.system-card dl{font-size:11px;margin-top:0}.line-art{height:70px}.system-card>.button{font-size:12px}.future{display:flex;gap:0}.future .system-top{margin-bottom:18px}.future .future-mark{display:none}.future .future-copy{margin-top:17px;margin-bottom:23px;font-size:12px}.section-note{font-size:10px}.planner-section{padding-block:48px}.planner-intro{display:block}.planner-intro h2{font-size:36px;margin-bottom:17px}.planner-intro h2 br{display:none}.planner-intro h2 em:before{content:' '}.planner-intro>p:not(.eyebrow){font-size:13px}.planner-note{font-size:11px;margin-top:20px;padding-top:20px}.selected-plan{margin-top:20px}.planner-workspace{padding:14px}.photo-stage{min-height:220px}.photo-placeholder{padding:20px}.photo-placeholder strong{font-size:13px}.photo-placeholder>span{font-size:9px}.photo-tools{gap:15px;justify-content:space-between}.photo-tools .text-button{font-size:9px}.planner-bottom label{font-size:11px}.planner-bottom label span{font-size:9px}.number-input input{width:67px}.save-row{flex-direction:column;align-items:stretch;gap:12px}.save-row>span{max-width:none}.save-row .button{font-size:12px;justify-content:space-between}.price-section{padding:45px 0}.price-layout{grid-template-columns:1fr;gap:30px}.price-layout h2{font-size:37px}.price-layout>div>p:not(.eyebrow){font-size:13px;max-width:none}.price-receipt{padding:24px}.price-receipt li{font-size:12px}.receipt-top{font-size:8px}.receipt-total{flex-direction:row;align-items:center;gap:8px}.receipt-total strong{font-size:11px}.receipt-total span{font-size:9px}.process{padding-block:48px}.process-grid{gap:25px 20px;margin-top:25px}.process-grid h3{font-size:17px;margin-top:14px}.process-grid p{font-size:11px}.help-section{padding:28px;grid-template-columns:1fr;gap:22px;margin-bottom:30px}.help-section h2{font-size:31px}.help-section>div>p:not(.eyebrow){font-size:12px}.faq{padding-bottom:40px}.faq summary{font-size:12px}.footer>.wrap{flex-wrap:wrap;gap:23px}.footer strong{font-size:24px}.footer>div>p{font-size:9px}.footer a{max-width:none;width:100%;font-size:10px}dialog{padding:32px 24px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Education and additional-system candidate, added after the reference review. */
.future{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:6px 35px;padding:24px 28px}.future .system-top{grid-column:1/-1;flex-direction:row;margin:0 0 12px}.future h3{grid-column:1;font-size:27px;margin:0}.future .system-desc{grid-column:1;font-size:12px;min-height:0}.future .future-mark{display:none}.future .future-copy{grid-column:2;grid-row:2/span 2;margin:0;align-self:center}.future>.button{grid-column:3;grid-row:2;margin:0;align-self:center}.future .source-link{grid-column:3;grid-row:3;align-self:center;margin:0;font-size:9px}.learn-section{padding-block:75px 0}.learn-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.spacing-demo{background:#19322c;color:#f5e8c9;padding:24px;border-radius:7px}.spacing-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#b7c4ac}.spacing-top>span:last-child{letter-spacing:0}.spacing-house{position:relative;background:linear-gradient(#808573,#535f50);height:170px;margin-top:25px;border-radius:3px;overflow:hidden}.spacing-eave{height:14px;background:#c2b493;border-bottom:4px solid #d6cbaa;box-shadow:0 2px 10px #fae8b144}#spacing-lights{display:flex;justify-content:space-around;position:absolute;top:12px;left:4px;right:4px;z-index:1}#spacing-lights i{position:relative;width:4px;height:4px;border-radius:50%;background:#fff0c4;box-shadow:0 0 7px 2px #fff0c488}#spacing-lights i:after{content:'';position:absolute;top:3px;left:50%;transform:translateX(-50%);width:48px;height:110px;clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);background:linear-gradient(#ffe3a950,transparent)}.spacing-window{position:absolute;left:18%;top:53px;width:95px;height:83px;background:linear-gradient(90deg,transparent 46%,#3f5041 46%,#3f5041 52%,transparent 52%),linear-gradient(transparent 46%,#3f5041 46%,#3f5041 52%,transparent 52%),#8f8d6c;border:6px solid #3d4d3e}.spacing-door{position:absolute;right:19%;bottom:0;width:61px;height:117px;background:#344b3d;border:5px solid #b2ad8b}.spacing-door:after{content:'';position:absolute;right:5px;top:65px;width:3px;height:3px;background:#b8a77b;border-radius:50%}.spacing-select{display:flex;margin:18px 0 15px;gap:7px}.spacing-select button{flex:1;background:transparent;border:1px solid #61735a;color:#c9d1bc;font-size:11px;border-radius:4px;padding:8px}.spacing-select button.active{background:#e6dcc0;color:#273a2c;border-color:#e6dcc0}#spacing-description{font-size:12px}.demo-note{font-size:9px;color:#adbaa2;line-height:1.7;margin-top:10px}.learn-details article{display:flex;gap:20px;padding-block:23px;border-bottom:1px solid var(--line)}.learn-details article:first-child{padding-top:0}.learn-details article>span{font-size:11px;color:#879977;padding-top:5px}.learn-details h3{font-size:20px;margin-bottom:10px}.learn-details p{font-size:12px;line-height:1.8;color:var(--muted)}
@media(max-width:1100px){.header nav{gap:18px}.header nav a,.header nav button{font-size:12px}.learn-layout{gap:40px}.future{gap:6px 20px}.future .button{font-size:11px;gap:12px}.future h3{font-size:25px}}@media(max-width:800px){.system-grid{grid-template-columns:1fr 1fr}.system-card[data-system="Celebright"]{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.system-card[data-system="Celebright"] .system-top{grid-column:1/-1}.system-card[data-system="Celebright"] h3{grid-column:1}.system-card[data-system="Celebright"] .system-desc{grid-column:1}.system-card[data-system="Celebright"] .line-art{grid-column:1}.system-card[data-system="Celebright"] dl{grid-column:2;grid-row:2/span 3;font-size:10px}.system-card[data-system="Celebright"] .button{grid-column:1}.system-card[data-system="Celebright"] .source-link{grid-column:2;align-self:center}.future{grid-template-columns:1fr 1fr}.future .future-copy{grid-column:2}.future>.button{grid-column:1;grid-row:4;margin-top:15px}.future .source-link{grid-column:2;grid-row:4}.learn-layout{gap:25px}.learn-details article{gap:12px;padding-block:16px}.learn-details h3{font-size:17px}.learn-details p{font-size:11px}.spacing-demo{padding:20px}.spacing-window{left:10%;width:77px}.spacing-door{right:12%}}
@media(max-width:580px){.system-card[data-system="Celebright"]{display:flex;grid-column:auto}.system-card[data-system="Celebright"] dl{font-size:11px}.future{display:flex;padding:23px;gap:0}.future .system-top{margin-bottom:18px}.future h3{margin-bottom:10px}.future .future-copy{margin:17px 0 20px}.future>.button{margin-top:0}.future .source-link{margin-top:13px}.learn-section{padding-top:45px}.learn-layout{grid-template-columns:1fr;gap:28px}.learn-details h3{font-size:19px}.learn-details p{font-size:12px}.learn-details article{gap:18px;padding-block:19px}.learn-section h2{font-size:34px}.spacing-house{height:180px}.spacing-window{left:16%;width:95px}.spacing-door{right:18%}.demo-note{font-size:10px}}
@media(max-width:580px){.system-grid{grid-template-columns:minmax(0,1fr)}.system-card{min-width:0}.future{grid-column:1/-1}}