/* Lovely Fit Homes — Home Tools. Uses existing palette, fonts and editorial rhythm. */
.home-tools-page{overflow:clip}
.home-tools-page button,.home-tools-page select,.home-tools-page textarea,.home-tools-page input{font:inherit}
.home-tools-page button{cursor:pointer}
.tools-hero{padding:88px 0 70px;background:#f8f3e9;border-bottom:1px solid var(--line)}
.tools-hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,.65fr);gap:8%;align-items:end}
.tools-hero h1{font-size:clamp(58px,7.6vw,119px);line-height:.98;max-width:900px;margin:22px 0 32px}
.tools-hero h1 em{font-style:italic;color:#745148}
.tools-hero p{max-width:620px;font-size:18px;line-height:1.7;color:var(--muted)}
.tools-hero .btn{margin-top:16px}
.hero-aside{border-left:1px solid var(--line);padding:0 0 6px 30px}
.hero-aside .smallnum{display:block;font-size:11px;letter-spacing:.18em;color:var(--wine);font-weight:700}
.aside-architecture{margin:25px 0;width:100%;height:170px;position:relative;background:#e2dfd3;overflow:hidden}
.aside-frame{position:absolute;inset:35px 27px 0 56px;border:17px solid #365246;border-bottom:0}
.aside-sun{position:absolute;border-radius:50%;width:76px;height:76px;background:#d2b288;top:-19px;right:0}
.aside-lines{position:absolute;width:80%;height:13px;bottom:42px;left:0;background:#8b7765;transform:rotate(-15deg)}
.hero-aside p{font-size:13px;margin:0}
.tool-page-grid{padding:55px 0}
.tools-start{display:grid;grid-template-columns:200px 1fr;gap:25px;align-items:start}
.tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}
.tool-tabs button{display:flex;align-items:flex-start;gap:12px;padding:24px 19px;background:transparent;border:0;border-right:1px solid var(--line);text-align:left;color:var(--ink)}
.tool-tabs button:last-child{border-right:0}
.tool-tabs button[aria-selected=true]{background:#e9e2d6;box-shadow:inset 0 -3px #375548}
.tool-tabs button:hover{background:#eae5da}
.tool-tabs b{font-size:10px;color:var(--wine);letter-spacing:.15em;margin-top:3px}
.tool-tabs span{font-size:14px;font-weight:700;line-height:1.4}
.tool-tabs small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:8px;line-height:1.5}
.tool-panel{padding:56px 0 74px;border-bottom:1px solid var(--line)}
.tool-panel[hidden]{display:none}
.panel-heading{max-width:800px;margin-bottom:36px}
.panel-heading h2,.lead-intro h2{font-size:clamp(42px,5vw,76px);margin:15px 0 20px;line-height:1.04}
.panel-heading p,.lead-intro p{font-size:16px;color:var(--muted);line-height:1.7}
.palette-stage{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(300px,.83fr);border:1px solid var(--line);background:#fffcf7}
.house-wrap{min-width:0;padding:35px;background:#e9e4d9}
.illustration-label{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700;color:#5c655b;margin-bottom:24px}
.home-scene{--facade:#365246;--trim:#e8dfcb;--door:#814c42;position:relative;min-height:320px;aspect-ratio:1.33;overflow:hidden;background:#d8e1dc}
.scene-sky{position:absolute;inset:0;background:linear-gradient(180deg,#dae1dd,#f0efe7)}
.scene-ground{position:absolute;bottom:0;height:29%;width:100%;background:#a2ab8a}
.scene-path{position:absolute;bottom:-7%;left:40%;width:26%;height:42%;clip-path:polygon(17% 0,75% 0,100% 100%,0 100%);background:#ccbdab;z-index:5}
.scene-roof{position:absolute;top:13%;left:12%;width:77%;height:34%;clip-path:polygon(0 100%,49% 0,100% 100%);background:#625b50;z-index:2}
.scene-house{position:absolute;top:35%;left:19%;height:47%;width:64%;background:var(--facade);z-index:3;box-shadow:8px 9px 0 rgba(37,48,37,.13)}
.scene-window{position:absolute;width:18%;height:36%;top:22%;border:8px solid var(--trim);background:#a5b9b6;box-shadow:inset 0 -9px #829795}
.scene-window.left{left:12%}.scene-window.right{right:12%}
.scene-window span{display:block;height:100%;width:50%;border-right:3px solid var(--trim)}
.scene-porch{position:absolute;left:40%;width:21%;bottom:0;height:75%;background:rgba(0,0,0,.08);border-top:7px solid var(--trim)}
.scene-door{position:absolute;inset:11% 12% 0;background:var(--door);border:5px solid var(--trim);border-bottom:0}
.scene-tree{position:absolute;bottom:14%;z-index:4;width:17%;height:47%;background:#526c51;border-radius:44% 50% 45% 50%;box-shadow:-10px 7px 0 #718768}
.tree-one{left:-4%}.tree-two{right:-5%;height:37%;width:19%}
.house-wrap .tool-note{margin:17px 0 0}
.palette-controls{padding:32px}
.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}
.palette-option{border:1px solid var(--line);background:transparent;padding:16px 13px;text-align:left;display:block;color:var(--ink)}
.palette-option.active{border-color:var(--ink);background:#f4efe5}
.palette-option:focus-visible,.tool-tabs button:focus-visible,.outline-button:focus-visible,.link-button:focus-visible{outline:3px solid #88694c;outline-offset:3px}
.palette-option .swatches{display:flex;gap:3px;margin-bottom:11px}
.palette-option i{display:block;width:27px;height:23px}
.palette-option strong{display:block;font-size:12px;line-height:1.5}
.palette-option small{display:block;font-size:10px;color:#677066;margin-top:3px}
.palette-summary{border-top:1px solid var(--line);padding-top:18px;margin:20px 0}
.palette-summary strong{font:normal 28px Georgia,serif}
.palette-summary p{font-size:13px;color:var(--muted);margin:5px 0}
.palette-controls .btn{font-size:10px}
.tool-note{font-size:12px!important;color:#57665d!important;line-height:1.6!important}
.tool-bottom-link{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:26px 0}
.tool-bottom-link p{margin:0;color:var(--muted);font-size:13px}
.tool-bottom-link a{font-size:12px;text-decoration:underline}
.adu-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.adu-fields{display:grid;gap:12px}
.adu-fields label,.brief-questions label,.tools-lead-form label{display:block;font-size:12px;font-weight:700}
.adu-fields select,.brief-fields select,.brief-questions textarea,.tools-lead-form textarea,.tools-lead-form input,.tools-lead-form select{width:100%;background:#fffefa;border:1px solid #aaaea5;border-radius:0;padding:14px;color:var(--ink);font-size:15px;line-height:1.5}
.adu-fields select:focus,.brief-questions textarea:focus,.brief-fields select:focus,.tools-lead-form input:focus,.tools-lead-form select:focus,.tools-lead-form textarea:focus{outline:2px solid #385a49;outline-offset:2px}
.adu-fields .btn{justify-self:start;margin-top:14px}
.adu-result{background:#e8e2d5;padding:38px}
.adu-result h3,.brief-result h3{font:normal 34px/1.2 Georgia,serif;margin:16px 0 20px}
.adu-result ol{padding-left:22px}
.adu-result li{margin:0 0 13px;line-height:1.6;font-size:14px}
.link-button{border:0;background:transparent;color:var(--ink);font-weight:700;text-decoration:underline;margin-top:10px;padding:10px 0;text-align:left}
.brief-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:40px}
.brief-questions fieldset{border:0;padding:0;margin:0 0 32px}
.brief-questions legend{font-size:12px;font-weight:700;margin-bottom:14px}
.choice-row{display:flex;flex-wrap:wrap;gap:8px}
.choice-row label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;border:1px solid var(--line);padding:10px 12px;background:#fffdfa}
.choice-row label:has(input:checked){border-color:var(--ink);background:#e6e5d9}
.choice-row input{accent-color:#355648}
.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}
.brief-fields label,.brief-questions>label{margin:20px 0 9px}
.brief-questions>textarea{min-height:75px}
.brief-questions>.btn{margin-top:19px}
.brief-result{background:#eee7db;padding:32px;align-self:start;position:sticky;top:112px}
.brief-result>p{font-size:14px;color:var(--muted)}
.brief-result pre{font:13px/1.65 'DM Sans',Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;overflow:auto;border-top:1px solid #cfc3b1;padding-top:15px;color:var(--ink)}
.brief-actions{display:flex;gap:8px;margin:18px 0 10px}
.outline-button{background:none;border:1px solid #6c7a70;color:var(--ink);padding:9px 12px;font-weight:700;font-size:11px}
.outline-button:disabled{opacity:.5;cursor:not-allowed}
.lead-section{padding:80px 0 105px}
.lead-intro{max-width:750px}
.lead-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:9%;padding:35px 0;border-top:1px solid var(--line)}
.lead-steps .step-number{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--wine)}
.lead-steps p{margin:5px 0 20px;font-family:Georgia,serif;font-size:23px;line-height:1.32}
.tools-lead-form{display:grid;gap:12px;background:#fffdfa;border:1px solid var(--line);padding:35px}
.tools-lead-form label{margin-top:8px}
.tools-lead-form .input-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.optional{font-weight:400;color:var(--muted)}
.tools-lead-form .consent-check{display:flex;gap:11px;font-size:12px;font-weight:400;align-items:flex-start}
.consent-check input{width:auto;flex:0 0 auto;margin-top:4px;accent-color:#355648}
.bot-trap{position:absolute;left:-9999px;opacity:0;height:1px;width:1px}
.submit-area{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px}
.submit-area button:disabled{opacity:.55}
.submit-area .formStatus{margin:0;flex:1 1 180px}
@media(max-width:1040px) and (min-width:761px){header nav{gap:9px}header nav a{font-size:10px}}
@media(max-width:980px){.tools-start{grid-template-columns:1fr}.tool-tabs{grid-template-columns:1fr}.tool-tabs button{border-right:0;border-bottom:1px solid var(--line)}.tool-tabs button:last-child{border-bottom:0}}
@media(max-width:760px){.tools-hero{padding:55px 0 50px}.tools-hero-grid,.palette-stage,.adu-layout,.brief-layout,.lead-grid{grid-template-columns:1fr}.tools-hero h1{font-size:clamp(52px,12vw,76px)}.hero-aside{display:none}.tool-page-grid{padding:38px 0}.tool-panel{padding:42px 0}.palette-stage{gap:0}.house-wrap{padding:18px}.home-scene{min-height:230px}.palette-controls{padding:22px}.palette-options{grid-template-columns:1fr 1fr}.adu-result{padding:25px}.brief-result{position:static}.lead-section{padding:55px 0 70px}.tools-lead-form{padding:22px}.tools-lead-form .input-pair,.brief-fields{grid-template-columns:1fr}.tool-bottom-link{display:block}.tool-bottom-link a{display:inline-block;margin-top:9px}}
@media(prefers-reduced-motion:reduce){.home-tools-page *{scroll-behavior:auto}}


/* 2026-10-31 Premium Home Studio refinement: material-first, progressive, no superficial gamification. */
.home-tools-page .tools-hero{background:#f8f3e9}
.home-tools-page .tools-hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(240px,.65fr);gap:7%;align-items:center}
.home-tools-page .tools-hero h1{font-size:clamp(52px,6.6vw,100px);letter-spacing:-.048em;line-height:1.02;max-width:870px}
.home-tools-page .tools-hero h1 em{font-weight:400;color:#6b5150}
.home-tools-page .hero-aside{padding:18px 0 20px 35px}
.home-tools-page .hero-aside blockquote{font:normal clamp(26px,2.4vw,37px)/1.17 'Libre Caslon Display',Georgia,serif;margin:28px 0;color:var(--ink)}
.home-tools-page .hero-aside p{font-size:13px;line-height:1.7}
.home-tools-page .tool-tabs{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
.home-tools-page .tool-tabs button{min-height:118px;padding:20px 20px 18px;border-right:1px solid var(--line);transition:background .15s ease}
.home-tools-page .tool-tabs button[aria-selected=true]{box-shadow:inset 0 -2px #375548;background:#f0eae0}
.home-tools-page .tool-tabs span{font-size:13px}
.home-tools-page .tool-tabs small{font-size:11px}
.home-tools-page .studio-notes-strip{margin-top:19px;padding:19px 22px;border:1px solid var(--line);background:#f2eee5;display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-tools-page .studio-notes-strip .notes-identity{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.home-tools-page .studio-notes-strip .notes-count{font-size:13px;font-weight:600;color:var(--ink)}
.home-tools-page .studio-notes-strip a{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.home-tools-page .house-wrap{padding:28px 26px;background:#eae6dc}
.home-tools-page .material-board{--facade:#365246;--trim:#e8dfcb;--door:#814c42;--roof:#57534e;border:1px solid #d5cebf;background:#faf8f2;box-shadow:0 18px 34px rgba(33,39,31,.055)}
.home-tools-page .board-register{padding:20px 22px;border-bottom:1px solid #d8d2c5;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.15em;color:#60685c;font-weight:700}
.home-tools-page .board-drawing{height:clamp(220px,26vw,345px);position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0,transparent 56px,rgba(85,88,78,.045) 57px),#f0efe8}
.home-tools-page .board-drawing:after{content:'';position:absolute;left:8%;right:8%;bottom:13%;border-bottom:1px solid #afa99b}
.home-tools-page .arch-wall{position:absolute;left:17%;right:18%;bottom:13%;height:64%;background:var(--facade);box-shadow:16px 0 0 rgba(34,34,30,.075);z-index:2;transition:background .2s}
.home-tools-page .arch-roof{position:absolute;left:12%;right:13%;height:10px;bottom:77%;background:var(--roof);z-index:3;transition:background .2s}
.home-tools-page .arch-reveal{position:absolute;left:13%;top:24%;height:76%;width:37%;border:12px solid var(--trim);border-bottom:0;transition:border-color .2s}
.home-tools-page .arch-window{position:absolute;left:18%;top:29%;height:63%;width:27%;background:#a6b5b1;box-shadow:inset 0 0 0 2px #7b918a}
.home-tools-page .arch-window:after{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:3px solid var(--trim)}
.home-tools-page .arch-door{position:absolute;right:16%;bottom:0;height:68%;width:22%;background:var(--door);border:10px solid var(--trim);border-bottom:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:background .2s,border-color .2s}
.home-tools-page .arch-door:before{content:'';position:absolute;right:12%;top:52%;width:3px;height:15px;background:#dbd2bf}
.home-tools-page .arch-plinth{position:absolute;left:16%;right:18%;height:9px;bottom:12%;background:#b8b5a9}
.home-tools-page .board-finish-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:13px;gap:7px;border-top:1px solid #d8d2c5}
.home-tools-page .board-finish-grid div{min-width:0}
.home-tools-page .board-finish-grid i{display:block;height:32px;width:100%;margin-bottom:8px}
.home-tools-page .finish-facade{background:var(--facade)}.home-tools-page .finish-trim{background:var(--trim)}.home-tools-page .finish-door{background:var(--door)}.home-tools-page .finish-roof{background:var(--roof)}
.home-tools-page .board-finish-grid span{font-size:9px;letter-spacing:.04em;color:#687066}
.home-tools-page .palette-options{gap:6px}
.home-tools-page .palette-option{min-height:104px}
.home-tools-page .palette-option.active{background:#ede9e0}
.home-tools-page .palette-option strong{font-size:12px;font-weight:700}
.home-tools-page .palette-context{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.home-tools-page .palette-context label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}
.home-tools-page .palette-context select{width:100%;background:#fffefa;border:1px solid #b8b8ad;padding:11px 12px;color:var(--ink);font-size:13px}
.home-tools-page .palette-context p{font-size:11px;color:var(--muted);line-height:1.6;margin:9px 0 0}
.home-tools-page .palette-summary strong{font:normal 25px/1.2 'Libre Caslon Display',Georgia,serif}
.home-tools-page .tool-bottom-link{border-top:1px solid var(--line);margin-top:30px}
.home-tools-page .adu-result,.home-tools-page .brief-result{background:#ece7dd}
.home-tools-page .brief-result{box-shadow:none;border-top:2px solid #355648}
.home-tools-page .tools-lead-form{box-shadow:none}
.home-tools-page .brief-actions .outline-button{min-height:40px}
.home-tools-page .btn,.home-tools-page .link-button,.home-tools-page .outline-button{transition:background .15s,border-color .15s}
.home-tools-page #brief-text{word-break:normal}
.home-tools-page .note-feedback{color:#385849;font-size:12px;margin:12px 0 0}
@media(max-width:980px){.home-tools-page .tools-hero-grid{grid-template-columns:1fr}.home-tools-page .hero-aside{border-left:0;border-top:1px solid var(--line);margin-top:25px;padding:18px 0}.home-tools-page .hero-aside blockquote{margin:10px 0;font-size:27px}.home-tools-page .tool-tabs button{min-height:83px}}
@media(max-width:760px){.home-tools-page .tools-hero h1{font-size:clamp(46px,10.6vw,67px)}.home-tools-page .hero-aside{display:block}.home-tools-page .studio-notes-strip{align-items:flex-start;flex-direction:column;padding:15px 17px;gap:9px}.home-tools-page .house-wrap{padding:15px}.home-tools-page .board-register{padding:12px 15px;font-size:8px}.home-tools-page .board-drawing{height:255px}.home-tools-page .arch-reveal{border-width:7px}.home-tools-page .arch-door{border-width:7px}.home-tools-page .board-finish-grid span{font-size:8px}.home-tools-page .palette-controls{padding:22px}.home-tools-page .palette-option{padding:12px 10px;min-height:92px}.home-tools-page .palette-option small{font-size:9px}}


/* Trade-introduction journey: quiet professional credibility, explicit visitor choice. */
.home-tools-page .studio-trades{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:82px 0 83px;gap:10%;align-items:start}
.home-tools-page .studio-trades-intro h2{font:normal clamp(43px,5.1vw,79px)/1.05 'Libre Caslon Display',Georgia,serif;letter-spacing:-.04em;margin:20px 0 26px;max-width:690px}
.home-tools-page .studio-trades-intro p{font-size:16px;line-height:1.78;color:#485b50;max-width:610px;margin:0 0 17px}
.home-tools-page .studio-trades-intro p:first-of-type{font-size:18px;color:var(--ink)}
.home-tools-page .studio-trade-link{display:inline-flex;gap:20px;margin-top:19px;padding-bottom:8px;border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700;text-decoration:none}
.home-tools-page .studio-trades-aside{background:#ede7da;padding:35px 33px;border-top:2px solid #385b49}
.home-tools-page .studio-trades-aside>div{border-bottom:1px solid #cfc8b9;display:grid;grid-template-columns:30px 1fr;gap:15px;padding:20px 0}
.home-tools-page .studio-trades-aside>div:last-of-type{border:0}
.home-tools-page .studio-trades-aside .trade-step{font:700 10px 'DM Sans',Arial,sans-serif;color:#80554e;letter-spacing:.09em;padding-top:6px}
.home-tools-page .studio-trades-aside div p{margin:0;color:var(--ink);font-size:13px;line-height:1.65}
.home-tools-page .studio-trades-aside .trade-disclaimer{padding-top:16px;margin:5px 0 0;font-size:11px;line-height:1.65;color:#657064}
.home-tools-page .trade-approval{border-left:3px solid #4d6656;padding:19px 19px 21px;background:#f0eee7;margin-top:8px}
.home-tools-page .trade-approval[hidden]{display:none}
.home-tools-page .trade-approval-head{font-size:10px!important;font-weight:700;color:var(--wine)!important;letter-spacing:.1em;margin:0 0 8px}
.home-tools-page .trade-approval>p:not(.trade-approval-head){font-size:12px;line-height:1.65;color:#3a4b40;margin:0 0 13px}
.home-tools-page .trade-approval .consent-check{line-height:1.5}
.home-tools-page .trade-approval .consent-check input{width:auto;flex:0 0 auto;margin-top:3px}
.home-tools-page .lead-intro p{max-width:650px}
@media(max-width:840px){.home-tools-page .studio-trades{grid-template-columns:1fr;gap:35px;padding:58px 0}.home-tools-page .studio-trades-aside{padding:27px}.home-tools-page .studio-trades-intro h2{font-size:clamp(42px,9vw,61px)}}