:root{font-family:Inter,system-ui,sans-serif;font-size:16px;color:#0E3B43;background:#0E3B43;color-scheme:light;--ink:#0E3B43;--muted:#395B60;--teal:#1F8A80;--sand:#FFFCF7;--orange:#E8743B;--amber:#E0A030;--hero-h:49.3vh}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #0E6E66;outline-offset:4px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}#app{position:relative;isolation:isolate;overflow:hidden;min-height:100svh}.coast,.daylight{position:fixed;inset:0;z-index:-3;pointer-events:none}.coast{background:url(assets/coastal-background.jpeg) center center/cover no-repeat;filter:blur(2px) saturate(.72);transform:scale(1.015)}.daylight{z-index:-2;background:radial-gradient(ellipse at 100% 0%,rgba(255,217,160,.35),rgba(255,217,160,0) 62%),radial-gradient(ellipse at center,rgba(14,59,67,0) 48%,rgba(14,59,67,.25) 100%)}.top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 28px;z-index:6}.wordmark{font-size:20px;font-weight:500;letter-spacing:.14em;white-space:nowrap}.wordmark b{font-weight:600}.identity>small{display:block;font-size:12px;letter-spacing:.13em;margin-top:5px}.top-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;max-width:640px;flex-wrap:wrap}.top-controls button{background:rgba(255,252,247,.96);border:1px solid #80B4AC;border-radius:999px;padding:10px 13px;min-height:44px;font-size:14px;font-weight:500;box-shadow:0 4px 14px rgba(14,59,67,.12)}.top-controls button[aria-pressed="true"]{background:#0E6E66;border-color:#0E6E66;color:#fff}.sample{font-size:12px;background:rgba(255,252,247,.96);padding:8px 12px;border-radius:30px;margin-right:4px}.sample:before{content:"";display:inline-block;width:6px;height:6px;background:#1F8A80;border-radius:50%;margin-right:7px;vertical-align:middle}.scene{position:relative;display:flex;justify-content:center;padding-top:max(6vh,calc(var(--hero-h)*.12 + 9px));min-height:calc(var(--hero-h)*1.3 + 230px)}.hero-wrap{position:relative;width:calc(var(--hero-h)*1244/1265);flex:none}.engine{position:relative;width:100%;height:var(--hero-h);perspective:1200px}.tilt{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .15s ease-out}.breathing{position:absolute;inset:0;animation:breathe 6s ease-in-out infinite;transform-origin:50% 85%;isolation:isolate}.droplet-fallback,#living{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.droplet-fallback{clip-path:url(#image-cutout);opacity:1}.rock-shadow{position:absolute;bottom:1%;left:15%;width:70%;height:4%;border-radius:50%;background:rgba(14,59,67,.35);filter:blur(30px);pointer-events:none}#living{z-index:1}#ring{position:absolute;left:50%;top:50%;width:calc(var(--hero-h)*1.24);height:calc(var(--hero-h)*1.24);transform:translate(-50%,-50%);overflow:visible;pointer-events:none;z-index:3}#ring path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.facet-outline{stroke:#9FD8CF;stroke-width:14px}.facet-bed{stroke:rgba(255,255,255,.45);stroke-width:12px}.facet-fill{stroke:url(#ring-gradient);stroke-width:12px;filter:drop-shadow(0 0 18px rgba(63,191,174,.75));transition:stroke-dasharray 900ms ease-out;opacity:.55}.facet-fill.scored{opacity:1}.facet-sweep{stroke:#fff;stroke-width:5px;opacity:0;stroke-dasharray:8 100}.facet-sweep.flash{animation:facet-sweep 900ms ease-out}.pillar-buttons{position:absolute;inset:0;z-index:4;pointer-events:none}.pillar{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);border:1px solid #9FD8CF;border-radius:999px;min-height:44px;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.3;box-shadow:0 4px 14px rgba(14,59,67,.15);pointer-events:auto}.pillar svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:#1F8A80;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pillar b{font-weight:600;font-variant-numeric:tabular-nums;margin-left:2px}.pillar.scored{border-color:#1F8A80;box-shadow:0 4px 14px rgba(14,59,67,.15),0 0 14px rgba(127,214,200,.4)}.section-buttons{position:absolute;inset:0;z-index:5;pointer-events:none}.section{position:absolute;transform:translate(-50%,-50%);background:rgba(255,255,255,.92);border:0;border-radius:999px;padding:8px 14px;min-height:44px;font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 4px 14px rgba(14,59,67,.2);pointer-events:auto}.section:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1F8A80;margin-right:7px;vertical-align:middle}.section.active{background:#0E6E66;color:#fff;box-shadow:0 0 18px rgba(127,214,200,.65)}.section.active:before{background:#7FD6C8}.section.active:after{content:"";position:absolute;inset:0;border:2px solid #7FD6C8;border-radius:999px;animation:active-ring 1.5s ease-out infinite}.section.pulse{animation:section-pop .4s ease-out}.lawn{left:56%;top:32%}.planting{left:40%;top:50%}.patio{left:71%;top:50%}.walls{left:64%;top:77%}.drainage{left:27%;top:74%}.ring-caption{text-align:center;font-size:12px;color:rgba(14,59,67,.7);margin:calc(var(--hero-h)*.24 + 12px) -60px 12px;font-weight:500}.hero-caption{text-align:center;font-size:16px;line-height:1.5;background:rgba(255,252,247,.96);padding:9px 16px;border-radius:999px;box-shadow:0 4px 14px rgba(14,59,67,.12);margin:0 -40px}.rain-test{border:0;border-radius:999px;padding:7px 12px;background:#0E6E66;color:white;font-weight:600;min-height:44px}.time-lapse{width:100%;max-width:390px;margin:14px auto 18px;padding:14px 18px;background:rgba(255,252,247,.96);border-radius:20px;box-shadow:0 4px 16px rgba(14,59,67,.15);text-align:center}.time-title{display:block;font-size:12px;font-weight:600;letter-spacing:.13em;margin-bottom:5px}.time-lapse input{width:100%;accent-color:#1F8A80;display:block;margin:12px 0 0;height:8px}.time-stops{display:flex;justify-content:space-between;gap:8px}.time-stops button{background:none;border:0;padding:10px 0;min-height:44px;font-size:16px;white-space:nowrap}.time-stops button[aria-pressed="true"]{color:#0E6E66;font-weight:700}.time-lapse small{display:block;font-size:12px;line-height:1.5}.daily,.figures,.question-area,.detail{background:rgba(255,252,247,.96);border-radius:20px;box-shadow:0 12px 40px rgba(14,59,67,.18)}.daily{position:fixed;z-index:5;left:24px;top:44vh;width:205px;text-align:left;border:0;padding:22px}.daily small{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:12px}.daily>span{display:block;font-size:18px;line-height:1.6}.daily .daily-link{font-size:16px;color:#0E6E66;margin-top:16px;font-weight:600}.figures{position:fixed;right:24px;top:40vh;width:230px;padding:20px;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.figures-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em}.figures-heading small{font-size:12px}.metric{width:100%;background:none;border:0;text-align:left;padding:0;margin:0;grid-row:3}.metric>span{display:block;font-size:16px;margin-bottom:4px}.metric>b{display:block;font-size:21px;line-height:1.25;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.main-price{grid-column:1/-1;grid-row:2}.metric.main-price>b{font-size:36px;font-weight:700;color:#0E3B43;line-height:1.2}.metric.unknown>b,.metric.main-price.unknown>b{font-size:22px;letter-spacing:0}.percentages{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #C9DCD4;padding-top:10px;font-size:14px}.percentages b{display:block;font-size:16px;margin-top:3px;font-weight:600;font-variant-numeric:tabular-nums}.score-button{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:12px 0 0;border:0;border-top:1px solid #C9DCD4;background:none;text-align:left;isolation:isolate;position:relative}.score-button:before{content:"";position:absolute;left:0;top:4px;width:85px;height:85px;border-radius:50%;background:radial-gradient(ellipse,rgba(127,214,200,.5),transparent 70%);z-index:-1}.score-button>b{font-size:64px;line-height:1;font-weight:600;color:#1F8A80;letter-spacing:-.06em;font-variant-numeric:tabular-nums;-webkit-text-stroke:.35px #0E3B43}.score-button>span{font-size:16px;font-weight:600}.score-button small{display:block;font-size:12px;line-height:1.5;margin-top:3px;font-weight:400}.price-status{grid-column:1/-1;display:block;font-size:12px;line-height:1.5}.price-status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#1F8A80;margin-right:7px}.estimated .price-status:before{background:#E0A030}.baseline-link{grid-column:1/-1;background:none;border:0;text-align:left;text-decoration:underline;text-underline-offset:3px;padding:0;min-height:34px;font-size:12px;line-height:1.5}.question-area{max-width:850px;width:calc(100% - 550px);min-width:440px;margin:10px auto 26px;padding:26px;text-align:center;position:relative;z-index:4}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#0E6E66;font-weight:600;margin-bottom:9px}h1{font-family:Fraunces,Georgia,serif;font-size:40px;font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:0 0 13px}#question-hint{font-size:16px;line-height:1.6;margin:0 0 18px}.answers{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:10px;margin-bottom:16px;min-height:44px}.chip{font-size:16px;border:1px solid #80B4AC;background:#FFFCF7;border-radius:14px;min-height:48px;padding:12px 17px;color:#0E3B43;box-shadow:0 3px 10px rgba(14,59,67,.06);text-align:center}.chip:hover{border-color:#0E6E66;background:#E5F5EE}.chip.option{flex:1;min-width:210px;max-width:420px;text-align:left}.chip b{font-size:16px;font-weight:600}.chip small{display:block;font-size:14px;line-height:1.6;margin-top:7px;color:#395B60}.chip .points{display:block;font-size:14px;font-weight:600;line-height:1.6;margin-top:5px;color:#0E6E66}.chip .points.negative{color:#9C3C2B}.chip.primary,.primary{background:#E8743B;border:1px solid #E8743B;color:#072B31;font-weight:600}.chip.primary:hover,.primary:hover{background:#ED8C5C}.primary{padding:12px 18px;border-radius:12px;min-height:48px}.brief-form{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #80B4AC;border-radius:14px;padding:6px 7px 6px 14px;box-shadow:0 4px 14px rgba(14,59,67,.07)}.brief-form input{width:100%;min-width:0;flex:1;border:0;background:none;font-size:16px;color:#0E3B43;padding:10px 0}.brief-form input::placeholder{color:#526C70}.brief-form button{border:0;background:#E4F2EC;border-radius:9px;width:44px;height:44px;flex:none;display:grid;place-items:center;font-size:24px;color:#0E6E66}.brief-form .send{background:#E8743B;color:#072B31}.has-main-action .brief-form .send,.has-detail .brief-form .send{background:#E4F2EC;color:#0E6E66}.input-foot{display:flex;justify-content:center;gap:6px 14px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:12px;line-height:1.6}.input-foot button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;padding:7px 0;font-size:14px;color:#0E6E66;min-height:36px}.echoes{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:14px}.echo{border:1px solid #80B4AC;border-radius:999px;background:#E4F2EC;color:#0E5C55;font-size:14px;padding:8px 12px;min-height:44px}.echo.assumed{background:#FFF0CE;border-color:#E0A030;color:#694300}.change-receipt{font-size:14px;color:#0E5C55;line-height:1.6;margin-bottom:12px}.change-receipt:empty,.error:empty{display:none}.error{font-size:16px;color:#9C3C2B;line-height:1.5}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;font-size:12px;line-height:1.6;color:#0E3B43}footer>*{background:rgba(255,252,247,.96);border:0;border-radius:999px;padding:7px 12px;font:inherit;text-align:center}footer span:last-child{white-space:nowrap}.detail{position:absolute;z-index:20;left:50%;transform:translateX(-50%);top:100px;width:min(740px,calc(100% - 530px));min-width:440px;padding:27px;border:1px solid #9FD8CF;min-height:300px}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.detail-head small{font-size:12px;color:#0E6E66;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.detail-head h2{font-family:Fraunces,Georgia,serif;font-size:32px;font-weight:400;line-height:1.2;margin:7px 0 0;letter-spacing:-.025em}.detail-head>button{flex:none;border:0;width:44px;height:44px;border-radius:50%;background:#E4F2EC;font-size:28px}.detail p{font-size:16px;line-height:1.65;margin:12px 0}.detail h3{font-size:18px;font-weight:600;margin:22px 0 12px}.detail .answers{margin-top:20px}.detail table{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}.detail th{text-align:left;font-size:14px;font-weight:600;padding:0 0 12px;color:#395B60}.detail td{padding:14px 0;border-top:1px solid #CDDDD5;vertical-align:top}.detail td small{display:block;font-size:14px;line-height:1.6;color:#395B60;margin-top:5px}.detail th:last-child,.detail td:last-child{text-align:right;white-space:nowrap;padding-left:14px}.total-strip{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:17px;background:#E4F2EC;border-radius:14px;margin-top:18px;font-size:14px}.total-strip b{display:block;font-size:24px;font-weight:600;margin-top:5px;font-variant-numeric:tabular-nums}.detail .subtle{font-size:14px;line-height:1.6;color:#395B60}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:16px 0 4px;color:#0E6E66;font-size:16px;line-height:1.6}.technical-grid{display:grid;grid-template-columns:auto 1fr;gap:15px 20px;font-size:16px;line-height:1.6;margin:20px 0}.technical-grid>span:nth-child(odd){font-weight:600}.pillar-row{border-top:1px solid #CDDDD5;padding:15px 0;display:flex;justify-content:space-between;gap:18px;font-size:16px}.pillar-row small{display:block;font-size:14px;line-height:1.6;margin-top:6px;color:#395B60}.pillar-row>b{white-space:nowrap;font-weight:600}.score-large{font-size:64px;color:#0E6E66;font-weight:600;line-height:1.2;margin:16px 0;letter-spacing:-.05em}.score-large small{font-size:18px;letter-spacing:0;color:#395B60}.ledger{list-style:none;padding:0;margin:18px 0;font-size:16px;line-height:1.7}.ledger li{padding:10px 0;border-top:1px solid #CDDDD5}.ledger b{color:#0E6E66;font-weight:600}.edit-form{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.edit-form input{width:145px;border:1px solid #80B4AC;border-radius:10px;padding:12px;background:#fff;color:#0E3B43;font-size:18px}.price-comparison{display:flex;justify-content:space-between;gap:20px;padding:20px 0;margin:20px 0;border-block:1px solid #CDDDD5;font-size:16px}.price-comparison b{display:block;font-size:30px;line-height:1.6;font-weight:600}.price-comparison .old b{text-decoration:underline;text-decoration-color:#E0A030;text-decoration-thickness:3px}.share-image{width:100%;max-height:650px;object-fit:contain;display:block;border-radius:14px}.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.has-detail .question-area{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.point-float{position:absolute;z-index:9;max-width:250px;padding:9px 14px;background:#FFFCF7;border-radius:999px;border:1px solid #7FD6C8;color:#0E6E66;font-size:16px;font-weight:600;box-shadow:0 4px 18px rgba(14,59,67,.18);pointer-events:none;white-space:nowrap;animation:point-rise 1.2s ease-out forwards}.point-float.negative{color:#9C3C2B;border-color:#E06A55;background:#FFF4EF}.answer-pop{position:fixed!important;z-index:99;pointer-events:none;animation:answer-pop .4s ease-out both;margin:0!important;transform:none}.settle{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);padding:10px 14px;border:1px solid #9FD8CF;border-radius:999px;background:#FFFCF7;color:#0E6E66;min-height:44px;z-index:8;font-size:14px}#growth{transition:opacity 1s}.rain-line{stroke:#B7DEF1;stroke-width:3;stroke-linecap:round;opacity:.45;animation:rainfall 1.1s linear infinite}.water-flow{fill:none;stroke:#8CD6D8;stroke-width:7;stroke-linecap:round;stroke-dasharray:13 16;animation:water-flow 1.6s linear infinite}.water-pool{fill:#8AC7D9;opacity:.45}.grow-plant{transform-box:fill-box;transform-origin:center bottom;transition:transform 1s,opacity 1s}.build-layer{transform-box:fill-box;transform-origin:left center}.construction .dig-layer{animation:dig-out .8s ease-out both}.construction .membrane-layer{animation:roll-out .6s .12s ease-out both}.construction .base-layer{animation:pour-in .7s .3s ease-out both}.construction .bedding-layer{animation:roll-out .6s .45s ease-out both}.construction .slab{animation:slab-settle .45s ease-out both}.construction .joints{animation:roll-out .55s 1s ease-out both}.construction .priced-pebble{animation:pebble-roll .9s .2s ease-out both}.plant-sway{transform-origin:center bottom}.growth-change .plant-sway{animation:plant-breathe 1.2s ease-in-out}.wildlife{fill:none;stroke:#214D47;stroke-width:4;stroke-linecap:round;opacity:.75}.pebble-tick{font-family:inherit;font-size:17px;fill:#0E5C55}.calm *,.calm *:before,.calm *:after{animation:none!important;transition:none!important}.calm .tilt{transform:none!important}.calm .point-float{display:none}.calm .settle{display:none!important}@keyframes breathe{50%{transform:scale(1.015)}}@keyframes active-ring{from{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@keyframes section-pop{50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes answer-pop{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}100%{opacity:0;transform:scale(1)}}@keyframes point-rise{0%{opacity:0;transform:translate(-50%,0)}15%,75%{opacity:1}100%{opacity:0;transform:translate(-50%,-40px)}}@keyframes facet-sweep{0%{opacity:0;stroke-dashoffset:0}20%{opacity:1}100%{opacity:0;stroke-dashoffset:-100}}@keyframes rainfall{from{transform:translate(0,-20px)}to{transform:translate(-10px,65px)}}@keyframes water-flow{to{stroke-dashoffset:-58}}@keyframes dig-out{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@keyframes roll-out{from{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}@keyframes pour-in{from{opacity:0;transform:translateY(-120px) scaleY(.3)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes slab-settle{from{transform:translateY(-85px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pebble-roll{from{opacity:0;transform:translate(120px,-300px) rotate(35deg)}70%{opacity:1;transform:translate(-12px,-8px) rotate(-4deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}@keyframes plant-breathe{50%{transform:scale(1.02)}}
@media(min-width:1600px){.daily{left:6vw;width:235px}.figures{right:6vw;width:250px}.question-area{max-width:900px}}@media(max-width:1150px){.top{padding:18px 22px}.sample{display:none}.top-controls{max-width:410px;gap:5px}.top-controls button{font-size:12px;padding:9px 11px}.identity>small{font-size:10px}.wordmark{font-size:17px}.daily{left:18px;width:190px;padding:18px}.figures{right:18px;width:220px;padding:18px}.question-area{width:calc(100% - 490px);padding:24px}.hero-caption{margin-inline:-12px}.detail{width:calc(100% - 490px);padding:24px}.pillar{gap:6px;padding:10px 12px}.section{padding:8px 12px}}
@media(max-width:900px){:root{--hero-h:min(58vh,540px)}.top{position:relative;flex-wrap:wrap;justify-content:center;text-align:center;padding:18px}.top-controls{justify-content:center;max-width:none}.identity>small{font-size:12px}.wordmark{font-size:20px}.top-controls button{font-size:14px}.scene{padding-top:50px;display:block;min-height:0}.hero-wrap{margin:auto;max-width:75vw}.engine{height:auto;aspect-ratio:1244/1265}.breathing{animation:none}#ring{width:124%;height:auto;aspect-ratio:1}.pillar{font-size:14px}.pillar svg{width:20px}.pillar b{font-size:14px}.section{font-size:14px;min-height:44px}.ring-caption{margin-top:calc(var(--hero-h)*.23 + 16px)}.daily{position:relative;top:auto;left:auto;width:calc(100% - 36px);max-width:650px;margin:25px auto;display:block}.daily>span{font-size:16px}.daily small{margin-bottom:5px}.daily .daily-link{margin-top:8px}.figures{position:relative;top:auto;right:auto;width:calc(100% - 36px);max-width:650px;margin:20px auto;grid-template-columns:repeat(3,1fr)}.figures-heading{grid-column:1/-1}.metric{grid-row:2}.main-price{grid-column:auto;grid-row:2}.metric.main-price>b{font-size:30px}.percentages{grid-column:1/3;grid-row:3;justify-content:flex-start;gap:30px}.score-button{grid-column:3;grid-row:3/6;margin-top:0;padding:0;border:0;gap:8px}.score-button>b{font-size:54px}.score-button>span{font-size:14px}.price-status,.baseline-link{grid-column:1/3}.question-area{min-width:0;width:calc(100% - 36px);max-width:650px;margin:24px auto}.detail{min-width:0;width:calc(100% - 36px);max-width:700px;top:100px}.hero-caption{font-size:14px}.time-lapse{max-width:390px}.time-lapse small{font-size:12px}footer{flex-wrap:wrap;justify-content:center;padding:16px}h1{font-size:36px}}
@media(max-width:540px){:root{--hero-h:390px}.hero-wrap{width:76vw}.hero-caption{margin-inline:-8px}.pillar{font-size:12px;gap:4px;padding:8px;max-width:170px;white-space:normal;text-align:left}.pillar svg{width:17px;height:17px;flex-basis:17px}.pillar b{font-size:12px;white-space:nowrap}.section{font-size:12px;padding:8px 10px}.section:before{width:5px;height:5px;margin-right:4px}.ring-caption{margin-top:75px}.time-lapse{padding:12px}.time-stops button{font-size:14px}.figures{gap:14px}.metric.main-price>b{font-size:24px}.metric>b{font-size:19px}.metric>span{font-size:14px}.score-button{flex-direction:column;align-items:flex-start;gap:4px}.score-button>b{font-size:52px}.question-area{padding:22px 18px}h1{font-size:32px}.chip.option{min-width:100%}.technical-grid{grid-template-columns:1fr;gap:5px}.technical-grid>span:nth-child(even){margin-bottom:13px}.detail-head h2{font-size:28px}.detail{padding:22px 18px}.total-strip{gap:14px}.total-strip b{font-size:22px}.brief-form{padding-left:12px}.brief-form input{font-size:14px}.brief-form button{width:40px;height:44px}.top-controls #depth{display:none}.input-foot{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.tilt{transform:none!important}}

/* Outdoor readability and compact, always-visible tablet figures. */
.figures{padding:16px;gap:6px 10px;max-height:calc(60vh - 14px);overflow-y:auto}.figures .metric>span{margin-bottom:2px}.figures .percentages{padding-top:8px}.figures .percentages b{display:inline;font-size:14px;margin:0 0 0 5px}.figures .score-button{padding-top:8px}.figures .baseline-link{min-height:30px}.ring-caption{position:relative;border-radius:999px;background:rgba(255,252,247,.96);padding:5px 12px;margin-left:0;margin-right:0;box-shadow:0 3px 12px rgba(14,59,67,.1)}.facet-fill{opacity:0}.facet-fill.scored{opacity:1}.facet-bed,.facet-fill{pointer-events:stroke;cursor:pointer}@media(max-width:900px){.figures{max-height:none;overflow:visible;padding:20px;gap:14px}.figures .percentages b{display:block;margin:4px 0 0}.figures .score-button{padding:0}}

/* v7: sharp photography, light on the glass, and state-independent ring anchors. */
:root{--hero-h:49.3vh}
.scene{padding-top:80px;min-height:0;height:calc(88px + var(--hero-h)*1.12)}
.hero-wrap{width:calc(var(--hero-h)*1244/1265);height:var(--hero-h);max-width:none}
.engine{height:var(--hero-h);aspect-ratio:auto}
.droplet-fallback{filter:contrast(1.12) saturate(1.1);opacity:1;image-rendering:auto;transition:none}
.rock-shadow{left:12%;bottom:.6%;width:76%;height:7%;background:rgba(14,59,67,.58);filter:blur(25px)}
#glass-surface{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}
#app{--glass-tone:#7FD6C8}
#app[data-clarity="cloudy"]{--glass-tone:#5E7F80}
.glass-tint{fill:none;stroke:var(--glass-tone);stroke-width:18;opacity:.72;transition:stroke 900ms ease-out,opacity 900ms ease-out}
.glass-edge{fill:none;stroke:#E3FFF8;stroke-width:3.5;opacity:.85;transition:stroke 900ms ease-out,opacity 900ms ease-out}
.glass-inner-glow{fill:none;stroke:#7FD6C8;stroke-width:45;filter:url(#rim-bloom);opacity:0;transition:opacity 900ms ease-out}
.specular-core{fill:none;stroke:url(#specular-light);stroke-width:10;stroke-linecap:round;opacity:.65;transition:opacity 900ms ease-out,stroke-width 900ms ease-out}
.specular-aura{fill:none;stroke:#FFFFFF;stroke-width:22;stroke-linecap:round;filter:url(#rim-bloom);opacity:.25;transition:opacity 900ms ease-out}
.refraction-ripple{opacity:.15;transform-origin:center;animation:surface-ripple 12s ease-in-out infinite}
.glass-light-sweep{opacity:0;fill:none;stroke-linecap:round}
#rock-caustics{opacity:.44;transform-box:fill-box;transform-origin:center;animation:caustic-drift 8s ease-in-out infinite;transition:opacity 900ms ease-out}
.rock-sparkles{opacity:0;transition:opacity 900ms ease-out}
.rock-sparkle{opacity:.7;transform-box:fill-box;transform-origin:center;animation:rock-sparkle 6s ease-in-out infinite}
[data-clarity="cloudy"] .glass-edge{stroke:#5E7F80;opacity:.9}
[data-clarity="cloudy"] .glass-tint{stroke-width:24;opacity:.9}
[data-clarity="cloudy"] .specular-core,[data-clarity="cloudy"] .specular-aura,[data-clarity="cloudy"] .refraction-ripple{opacity:0}
[data-clarity="cloudy"] #rock-caustics{opacity:.16}
[data-clarity="crystal"] .glass-edge{stroke:#FFFFFF;stroke-width:4;opacity:1}
[data-clarity="crystal"] .glass-inner-glow{opacity:.75}
[data-clarity="crystal"] .specular-core{stroke:#FFFFFF;stroke-width:13;opacity:1}
[data-clarity="crystal"] .specular-aura{opacity:.6}
[data-clarity="crystal"] .refraction-ripple{opacity:.24}
[data-clarity="crystal"] .glass-light-sweep{animation:crystal-sweep 6s ease-in-out infinite}
[data-clarity="crystal"] #rock-caustics{opacity:.65}
[data-clarity="crystal"] .rock-sparkles{opacity:1}
.facet-fill,.facet-fill.scored{opacity:.88;transition:stroke-dasharray 900ms ease-out,opacity 900ms ease-out;filter:drop-shadow(0 0 18px rgba(63,191,174,.75))}
[data-clarity="cloudy"] .facet-fill,[data-clarity="cloudy"] .facet-fill.scored{stroke:#5E7F80;opacity:.23;filter:none}
[data-clarity="cloudy"] .facet-bed{opacity:.4}
[data-clarity="cloudy"] .facet-outline{stroke:#5E7F80;opacity:.5}
[data-clarity="crystal"] .facet-fill{opacity:1;filter:drop-shadow(0 0 20px rgba(127,214,200,.9))}
#pillar-buttons{position:absolute;inset:0}
#pillar-buttons .pillar{left:calc(50% + var(--hero-h)*var(--badge-x));top:calc(var(--hero-h)*var(--badge-y));bottom:auto;right:auto;transform:translate(-50%,-50%);font-variant-numeric:tabular-nums}
.pillar.materials{--badge-x:.43;--badge-y:.08}
.pillar.soils{--badge-x:.68;--badge-y:.44}
.pillar.emissions{--badge-x:.56;--badge-y:.88}
.pillar.biodiversity{--badge-x:-.50;--badge-y:.94}
.pillar.water{--badge-x:-.69;--badge-y:.58}
.pillar.people{--badge-x:-.32;--badge-y:.08}
.section,.section.active{background:transparent;color:#FFFFFF;border:1px solid rgba(255,255,255,.7);font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.45);box-shadow:0 3px 9px rgba(14,59,67,.1);-webkit-backdrop-filter:none;backdrop-filter:none}
.section:before,.section.active:before{background:#1F8A80;box-shadow:0 0 0 1px rgba(255,255,255,.5)}
.section.active{border-color:#B7FFF0}
.section.active:after{border-color:rgba(127,214,200,.65)}
.section:hover,.section:active,.section:focus-visible,.section.pulse{background:rgba(255,255,255,.3)}
.figures{top:clamp(190px,29vh,260px);max-height:calc(100svh - clamp(190px,29vh,260px) - 16px)}
.question-area{width:calc(100% - 520px);max-width:1000px;padding:16px 22px;margin:-4px auto 18px}
.question-area h1{margin-bottom:8px}
.question-area #question-hint{line-height:1.45;margin-bottom:10px}
.question-area .echoes:empty{display:none}
.question-area .answers{gap:8px;margin-bottom:10px;min-height:44px}
.question-area .chip:not(.option){min-height:44px;padding:10px 16px;line-height:1.25}
.question-area .brief-form{padding:4px 6px 4px 14px}
.question-area .input-foot{margin-top:6px;line-height:1.4}
.question-area .input-foot button{min-height:28px;padding:4px 0;line-height:1.4}
#app[data-step="opening"] .question-area .eyebrow,#app[data-step="opening"] #question-hint,#app[data-step="opening"] #input-note{display:none}
#app[data-step="opening"] .question-area h1{font-size:clamp(30px,2.4vw,38px);line-height:1.15;white-space:nowrap}
.garden-details{width:calc(100% - 520px);max-width:600px;min-width:440px;margin:18px auto 24px;position:relative;z-index:4;text-align:center}
.garden-details .ring-caption{display:table;margin:0 auto 12px}
.garden-details .hero-caption{margin:0;font-size:14px;line-height:1.5}
.garden-details .time-lapse{margin:14px auto 0}
.calm .glass-light-sweep{opacity:0!important}
.calm .rock-sparkle{opacity:.65}
@keyframes caustic-drift{0%,100%{transform:translate(-8px,0) scale(1)}50%{transform:translate(10px,-4px) scale(1.035)}}
@keyframes surface-ripple{0%,100%{transform:translate(-12px,8px)}50%{transform:translate(14px,-9px)}}
@keyframes crystal-sweep{0%{opacity:0;transform:translateX(0)}3%{opacity:.45}20%{opacity:.45;transform:translateX(1400px)}21%,100%{opacity:0;transform:translateX(1400px)}}
@keyframes rock-sparkle{0%,30%,100%{opacity:.15;transform:scale(.55)}15%{opacity:.95;transform:scale(1.1)}}
@media(max-width:1150px) and (min-width:901px){.pillar.emissions{--badge-x:.44}.pillar.biodiversity{--badge-x:-.48}.question-area{width:calc(100% - 490px)}#app[data-step="opening"] .question-area h1{font-size:32px;white-space:normal}.garden-details{width:calc(100% - 490px)}}
@media(max-width:900px){:root{--hero-h:min(49.3vh,calc(75vw*1265/1244))}.scene{padding-top:50px;height:calc(58px + var(--hero-h)*1.12);display:flex}.hero-wrap{width:calc(var(--hero-h)*1244/1265);height:var(--hero-h);max-width:none}.engine{height:var(--hero-h);aspect-ratio:auto}.pillar{font-size:14px;max-width:220px;white-space:nowrap}.pillar.materials{--badge-x:.27;--badge-y:.06}.pillar.soils{--badge-x:.45;--badge-y:.43}.pillar.emissions{--badge-x:.34;--badge-y:.91}.pillar.biodiversity{--badge-x:-.34;--badge-y:.96}.pillar.water{--badge-x:-.45;--badge-y:.59}.pillar.people{--badge-x:-.27;--badge-y:.06}.daily{position:relative;top:auto;left:auto;width:calc(100% - 36px);margin:20px auto}.figures{position:relative;top:auto;right:auto;max-height:none}.question-area{width:calc(100% - 36px);min-width:0;padding:20px;margin:8px auto 20px}.garden-details{width:calc(100% - 36px);min-width:0;margin-bottom:24px}#app[data-step="opening"] .question-area h1{font-size:32px;white-space:normal}.detail{top:100px}.top{position:relative}}
@media(max-width:540px){.pillar{font-size:12px;gap:4px;padding:8px;white-space:normal;max-width:165px;min-height:44px}.pillar b{font-size:12px}.pillar.materials{--badge-x:.265}.pillar.soils{--badge-x:.36}.pillar.emissions{--badge-x:.29}.pillar.biodiversity{--badge-x:-.29}.pillar.water{--badge-x:-.36}.pillar.people{--badge-x:-.265}.section,.section.active{font-size:12px;padding:8px 10px}.question-area{padding:20px 18px}#app[data-step="opening"] .question-area h1{font-size:30px}.garden-details{margin-bottom:24px}}

/* v8: label contrast, outline-only pricing, and the job's three stages. */
.section,.section.active{background:rgba(14,59,67,.38);border:1px solid rgba(255,255,255,.75);color:#fff;font-family:Inter,system-ui,sans-serif;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6),1px 0 #0E3B43,-1px 0 #0E3B43,0 1px #0E3B43,0 -1px #0E3B43}
.section:hover,.section:active,.section:focus-visible,.section.pulse{background:rgba(14,59,67,.5)}
.section .cell-name{position:relative}
.cell-tick{margin-left:6px;font-size:14px;flex:none}
.section.done{border-color:#7FD6C8;box-shadow:0 0 13px rgba(127,214,200,.7)}
.section.active:after{display:none}
#patio-priced-outline{fill:none;stroke:#7FD6C8;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(127,214,200,.95));opacity:0;transition:opacity 250ms ease-out}
.patio-priced #patio-priced-outline{opacity:1}
.stage-switch{position:absolute;left:50%;top:54px;transform:translateX(-50%);z-index:7;display:flex;padding:2px;background:rgba(255,252,247,.96);border:1px solid #9FD8CF;border-radius:999px;box-shadow:0 3px 12px rgba(14,59,67,.15)}
.stage-switch button{background:transparent;border:0;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;line-height:16px;min-height:24px}
.stage-switch button[aria-pressed="true"]{background:#0E6E66;color:white}
.stage-switch button[aria-disabled="true"]{color:#395B60}
.top-controls .sample{display:none}
.task-cell{display:flex;align-items:center;justify-content:center;gap:0;max-width:158px;width:max-content;white-space:normal;text-align:center;font-size:14px;line-height:1.25;padding:8px 10px}
.task-cell:before{flex:none;margin-right:6px}
.task-cell.done{background:rgba(14,110,102,.55);box-shadow:0 0 15px rgba(127,214,200,.7)}
.task-cell.slot-0{left:49%;top:23%}
.task-cell.slot-1{left:69%;top:40%}
.task-cell.slot-2{left:27%;top:54%}
.task-cell.slot-3{left:76%;top:59%}
.task-cell.slot-4{left:25%;top:77%}
.task-cell.slot-5{left:75%;top:82%}
#coach-strip{margin:8px 0 16px}
.coach-chip{width:100%;border:1px solid #1F8A80;border-radius:14px;background:#E4F2EC;color:#0E3B43;padding:13px 16px;text-align:left;font-size:16px;font-weight:500;line-height:1.6;box-shadow:0 0 14px rgba(127,214,200,.18)}
.coach-chip small{display:block;margin-top:5px;color:#0E5C55;font-size:14px;line-height:1.6}
#card-coach{grid-column:1/-1;grid-row:3;text-align:left;border:1px solid #80B4AC;border-radius:10px;background:#E4F2EC;color:#0E5C55;padding:7px 9px;min-height:32px;font-size:12px;line-height:1.5;font-weight:600}
.figures.has-coach .metric:not(.main-price){grid-row:4}
.inline-why{font-size:12px;line-height:1.5;min-height:28px;border:0;background:none;color:#0E6E66;text-decoration:underline;text-underline-offset:3px;padding:3px 6px}
#score-why{margin:0 0 8px}
.one-line-reason{color:#0E3B43}
[data-stage="deliver"] .brief-form,[data-stage="deliver"] .input-foot,[data-stage="handover"] .brief-form,[data-stage="handover"] .input-foot{display:none}
[data-stage="deliver"] .daily,[data-stage="handover"] .daily{display:none}
[data-stage="handover"] #sell{font-variant-numeric:tabular-nums}
@media(max-width:900px){.stage-switch{position:relative;left:auto;top:auto;transform:none;width:max-content;margin:0 auto 6px}.stage-switch button{font-size:14px;min-height:32px;padding:5px 12px}.figures.has-coach .metric:not(.main-price){grid-row:2}#card-coach{grid-row:auto}.task-cell{font-size:13px;max-width:150px}.task-cell.slot-1{left:73%;top:40%}.task-cell.slot-2{left:25%;top:54%}.task-cell.slot-3{left:77%;top:60%}}
@media(max-width:540px){.task-cell{font-size:12px;max-width:132px;padding:7px 8px}.task-cell.slot-0{left:47%;top:22%}.task-cell.slot-1{left:73%;top:42%}.task-cell.slot-2{left:22%;top:52%}.task-cell.slot-3{left:77%;top:64%}.task-cell.slot-4{left:22%;top:77%}.task-cell.slot-5{left:74%;top:85%}}
/* A continuous navy text halo supplies AA contrast even over white paving. */
.section,.section.active{-webkit-text-stroke:1px #0E3B43;paint-order:stroke fill}

#floating-points{position:fixed;inset:0;z-index:40;pointer-events:none}

/* Ecology stays with the quote and the garden, in the same living screen. */
.ecology-area{position:relative;z-index:4;width:calc(100% - 520px);max-width:1000px;min-width:440px;margin:0 auto 18px;padding:20px 22px;background:rgba(255,252,247,.96);border:1px solid rgba(127,214,200,.75);border-radius:20px;box-shadow:0 12px 40px rgba(14,59,67,.18)}
.ecology-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px;text-align:left}
.ecology-heading .eyebrow{display:block;font-size:11px;letter-spacing:.12em;margin-bottom:5px}
.ecology-heading h2{font-family:Fraunces,Georgia,serif;font-size:29px;line-height:1.1;letter-spacing:-.025em;font-weight:400;margin:0}
.ecology-heading>small{font-size:12px;line-height:1.6;text-align:right;color:#395B60;flex:none}
.ecology-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ecology-chip{position:relative;display:flex;align-items:center;gap:10px;padding:12px 11px;min-height:100px;text-align:left;border:1px solid #9ABAAE;border-radius:14px;background:#FFFCF7;box-shadow:0 3px 9px rgba(14,59,67,.04)}
.ecology-chip:hover,.ecology-chip:focus-visible{background:#EDF5E9;border-color:#1F8A80}
.ecology-chip.selected{background:#E4F1E8;border-color:#1F8A80;box-shadow:inset 0 0 0 1px #1F8A80,0 0 15px rgba(127,214,200,.16)}
.eco-icon{display:block;width:48px;height:42px;flex:0 0 48px;overflow:visible}
.eco-chip-copy{display:block;flex:1;min-width:0}
.ecology-chip .eco-chip-copy>b{display:block;font-size:15px;line-height:1.35;font-weight:600}
.ecology-chip .eco-chip-copy>small{font-size:12px;line-height:1.4;margin-top:2px;color:#395B60}
.eco-chip-values{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:6px;font-size:14px;line-height:1.4}
.eco-chip-values strong{color:#0E3B43;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums}
.eco-chip-values>span{color:#0E625A;font-weight:600}
.eco-select{align-self:flex-start;border:1px solid #9ABAAE;border-radius:50%;width:20px;height:20px;flex:none;display:grid;place-items:center;font-size:16px;line-height:1;color:#0E625A}
.selected .eco-select{background:#0E6E66;border-color:#0E6E66;color:#fff;font-size:13px}
.ecology-coach{margin:16px 0 0;font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.5;color:#0E3B43;text-align:center}
.ecology-total{font-size:12px;line-height:1.6;margin:7px 0 0;color:#395B60;text-align:center;min-height:19px}
.ecology-lines{grid-column:1/-1;border-top:1px solid #C9DCD4;padding-top:7px;min-width:0}
.eco-lines-title{font-size:11px;line-height:1.5;font-weight:600;color:#0E625A;margin-bottom:3px}
.eco-lines-list{max-height:94px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:#8CB8AC transparent}
.eco-lines-list>div{display:flex;align-items:baseline;gap:8px;justify-content:space-between;padding:3px 0;font-size:12px;line-height:1.5}
.eco-lines-list b{flex:none;font-weight:600;font-variant-numeric:tabular-nums}
.figures.has-ecology{gap:5px 10px;padding:14px}
.figures.has-ecology .score-button>b{font-size:59px}
.quote-ecology{margin:20px 0;border-top:1px solid #C9DCD4;padding-top:4px}
.quote-ecology>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #E0E7DC;font-size:16px;line-height:1.5}
.quote-ecology small{display:block;color:#395B60;font-size:12px}
.quote-ecology b{flex:none;font-weight:600}
.quote-ecology p{font-size:14px;color:#0E625A}
.eco-arrival{opacity:1;animation:habitat-arrive 1.2s ease-out both;pointer-events:none}
.eco-bee{animation:bee-drift 6s 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.butterfly-wings{transform-box:fill-box;transform-origin:center;animation:butterfly-open 5s 1.2s ease-in-out infinite}
.eco-bird{transform-box:fill-box;transform-origin:center bottom;animation:bird-perch 7s 1.2s ease-in-out infinite}
.eco-bat{transform-box:fill-box;transform-origin:center;animation:bat-hover 9s 1.2s ease-in-out infinite}
@keyframes habitat-arrive{from{opacity:0}to{opacity:1}}
@keyframes bee-drift{0%,100%{transform:translate(0,0) rotate(-3deg)}45%{transform:translate(17px,-11px) rotate(4deg)}70%{transform:translate(7px,5px) rotate(0)}}
@keyframes butterfly-open{0%,75%,100%{transform:scaleX(1)}82%{transform:scaleX(.25)}88%{transform:scaleX(.95)}94%{transform:scaleX(.45)}}
@keyframes bird-perch{0%,80%,100%{transform:rotate(0)}88%{transform:rotate(-5deg)}94%{transform:rotate(3deg)}}
@keyframes bat-hover{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(8px,-8px) rotate(2deg)}}
@media(min-width:1500px){.ecology-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.ecology-chip{gap:7px;padding:11px 9px}.ecology-chip .eco-icon{width:38px;flex-basis:38px}.ecology-chip .eco-select{width:18px;height:18px}}
@media(max-width:1150px) and (min-width:901px){.ecology-area{width:calc(100% - 490px)}.ecology-chip{gap:6px;padding:10px 8px}.ecology-chip .eco-icon{width:36px;flex-basis:36px}.ecology-chip .eco-select{display:none}}
@media(max-width:900px){.ecology-area{width:calc(100% - 36px);max-width:650px;min-width:0;margin:0 auto 20px;padding:20px}.figures.has-ecology{padding:20px;gap:12px}.ecology-lines{grid-column:1/3}.eco-lines-list{max-height:125px}}
@media(max-width:600px){.ecology-choices{grid-template-columns:1fr}.ecology-heading h2{font-size:27px}.ecology-heading>small{font-size:11px}.ecology-chip{min-height:90px}.ecology-chip .eco-chip-copy>b{font-size:16px}.ecology-chip .eco-icon{width:50px;flex-basis:50px}.ecology-coach{font-size:18px}}
@media(prefers-reduced-motion:reduce){.eco-arrival,.eco-arrival *{animation:none!important;transition:none!important}}

/* v9: original brand assets, contained task labels, and clear completion gates. */
.identity{display:flex;align-items:center;gap:11px}
.brand-motif{display:block;width:54px;height:48px;object-fit:contain;flex:none}
.identity-copy>small{display:block;font-size:12px;letter-spacing:.13em;margin-top:5px}
.task-cell{display:flex;align-items:center;justify-content:center;width:92px;max-width:92px;min-height:38px;padding:2px 4px;font-size:14px;line-height:1.15;letter-spacing:-.025em;white-space:normal}
.task-cell:before{position:absolute;left:4px;top:50%;width:4px;height:4px;margin:0;transform:translateY(-50%)}
.task-cell .cell-name{display:block;max-width:100%;font-size:14px;line-height:1.15}
.task-cell .cell-tick{position:static;display:inline-block;font-size:10px;margin:0 0 0 2px;line-height:1}
.task-cell.slot-0{left:48.5%;top:25%;width:88px;max-width:88px}
.task-cell.slot-1{left:60%;top:42%;width:90px;max-width:90px}
.task-cell.slot-2{left:31%;top:54%;width:82px;max-width:82px;padding:2px}
.task-cell.slot-3{left:66.8%;top:50%;width:68px;max-width:68px;min-height:34px;padding:1px}
.task-cell.slot-4{left:44%;top:66%;width:88px;max-width:88px}
.task-cell.slot-5{left:59.5%;top:75%;width:86px;max-width:86px}
[data-stage="handover"] .task-cell.slot-3{left:56%;top:75%;width:106px;max-width:106px;min-height:38px;padding:2px 4px}
[data-stage="handover"] .task-cell.slot-4{left:44%;top:62%;width:90px;max-width:90px}
[data-stage="handover"] .task-cell.slot-5{left:66.8%;top:50%;width:68px;max-width:68px;min-height:34px;padding:1px}
.chip.primary:disabled{background:#E3CFC0;border-color:#C7B4A7;color:#395B60;cursor:not-allowed;box-shadow:none}
.sample-tick-link{border:0;background:transparent;font-size:14px;min-height:44px;color:#0E6E66;text-decoration:underline;text-underline-offset:3px;padding:8px}
.quote-costs tfoot th{border-top:2px solid #9FD8CF;padding-top:12px}
.quote-costs tfoot th:last-child{text-align:right;white-space:nowrap}
.eco-animal{opacity:1;filter:drop-shadow(0 1px 1px rgba(255,252,247,.95)) drop-shadow(0 3px 3px rgba(14,59,67,.45))}
.eco-hedgehog{transform-box:fill-box;transform-origin:center bottom;animation:hedgehog-breathe 7s 1.2s ease-in-out infinite}
.eco-butterfly{animation:butterfly-drift 8s 1.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes hedgehog-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-1deg)}}
@keyframes butterfly-drift{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(6px,-8px) rotate(3deg)}}
@media(max-width:1150px){.identity-copy>small{font-size:10px}.brand-motif{width:46px;height:42px}}
@media(max-width:900px){.identity-copy>small{font-size:12px}.task-cell,.task-cell .cell-name{font-size:14px}.brand-motif{width:50px;height:46px}}

.task-cell:after{content:"";display:block;position:absolute;left:50%;top:50%;width:100%;min-width:44px;height:44px;transform:translate(-50%,-50%);border:0;border-radius:999px;background:transparent;animation:none}
[data-stage="deliver"] .task-cell.slot-3 .cell-name,[data-stage="handover"] .task-cell.slot-5 .cell-name{line-height:1.05}
[data-stage="handover"] .task-cell.slot-2{width:92px;max-width:92px}
[data-stage="deliver"] .task-cell.slot-4:before,[data-stage="handover"] .task-cell.slot-2:before{display:none}

/* Compact outer badges keep the garden in focus, with full-size tap areas. */
#pillar-buttons .pillar{padding:6px 8px;gap:5px;min-height:34px;font-size:14px;line-height:1.25;white-space:nowrap;max-width:none}
#pillar-buttons .pillar svg{width:16px;height:16px;flex:0 0 16px}
#pillar-buttons .pillar b{font-size:13px;line-height:1.25;margin-left:1px}
#pillar-buttons .pillar:after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);border-radius:999px;background:transparent}