/* PREMIUM DESIGN TOKENS — shared home / diorama finish, progressively enhanced. */
:root{--premium-forest:#092b20;--premium-lawn:#5cbf2a;--premium-water:#38bdf8;--premium-sand:#f6f4ee;--premium-ease:cubic-bezier(.16,1,.3,1)}
.hero{background:radial-gradient(ellipse at 75% 10%,#21765160,transparent 55%),linear-gradient(140deg,#051b14,#092b20 50%,#164c32);isolation:isolate}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#a2e4c020 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(transparent,#000)}
.hero h1{letter-spacing:-.065em}.hero-planner{border:1px solid #c5ed913d!important;background:linear-gradient(135deg,#ffffff12,#ffffff03)!important;box-shadow:inset 0 1px #ffffff26,0 36px 80px #0003!important;overflow:visible}.premium-mascot{position:absolute;width:116px;height:116px;right:16px;top:-86px;pointer-events:none;filter:drop-shadow(0 12px 12px #0003);animation:premium-float 5s ease-in-out infinite}.premium-mascot img{width:100%;height:100%;object-fit:contain}.hero-plan-heading{padding-right:0}.hero-planner .mini-scene{background:radial-gradient(ellipse at center,#67bd6b26,transparent 70%);border-radius:20px}.hero-planner .mini-scene-art{filter:drop-shadow(0 24px 12px #0004)}
.card,.symptom,.service-topic-grid article{position:relative;isolation:isolate;transition:transform .45s var(--premium-ease),border-color .3s}.card:after,.service-topic-grid article:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(450px circle at var(--glow-x,50%) var(--glow-y,30%),#a6e87226,transparent 65%);opacity:0;transition:opacity .3s}.card:hover:after,.service-topic-grid article:hover:after{opacity:1}.button,.wa{position:relative;isolation:isolate;overflow:hidden}.button:before,.wa:before{content:'';position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#fff3 48%,transparent 60%);transform:translateX(-120%);transition:transform .6s var(--premium-ease)}.button:hover:before,.wa:hover:before{transform:translateX(100%)}.premium-ripple{position:absolute;width:20px;height:20px;border-radius:50%;background:currentColor;opacity:.12;transform:translate(-50%,-50%);animation:premium-ripple .55s ease-out forwards;pointer-events:none}.header.scrolled{box-shadow:0 8px 35px #092b2012}.estimate-form [aria-invalid=true]{animation:premium-invalid .25s ease-out}.estimate-form:has(.form-status[data-delivery=confirmed]){outline:2px solid #5cbf2a;outline-offset:6px}
.gat-yard-page .panel{gap:28px;background:var(--bg)}.gat-yard-page .control-section,.gat-yard-page .summary{border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--card);box-shadow:inset 0 1px 0 #ffffff14,0 12px 34px #092b2006}.gat-yard-page .intro h1{font-size:clamp(38px,4.2vw,64px);letter-spacing:-.055em}.gat-yard-page .stage{background:radial-gradient(ellipse at 50% 30%,#37694a,#092b20 75%)}.gat-yard-page .stage-note{background:#092b20c9;max-width:45%;text-align:center}.gat-yard-page .service{border-radius:16px;box-shadow:inset 0 1px #ffffff12}.gat-yard-page .service.selected{border-color:#78ad5e;box-shadow:inset 0 1px #ffffff20,0 0 0 3px #5cbf2a10}.gat-yard-page .progress{gap:5px}.gat-yard-page .progress a{border-radius:12px 12px 0 0;padding:12px 7px}.gat-yard-page .progress a[aria-current=step]{background:var(--soft)}.zone-focus{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.zone-focus button{min-width:60px;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);color:var(--ink);background:var(--soft);transition:background .25s,transform .25s}.zone-focus button[aria-pressed=true]{background:#092b20;color:#d8f2c0;border-color:#497953}.zone-focus button:active{transform:scale(.96)}.builder-delivery{margin:24px 0}.builder-delivery>.wa{width:100%;margin-top:14px;border:0;color:#092b20;background:#c5ed91;font-weight:750;min-height:56px;border-radius:16px}.builder-consent{display:flex;gap:12px;align-items:flex-start;min-height:44px;font-size:14px;color:var(--sub)}.builder-consent input{width:22px;height:22px;flex:none;accent-color:#497953}.builder-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}.gat-yard-page .backups{gap:10px}.gat-yard-page .secondary{border-radius:12px;font-size:14px}.gat-yard-page .wa{transition:transform .25s var(--premium-ease)}.gat-yard-page .wa:active{transform:scale(.98)}.gat-yard-page .field select{width:100%;min-height:48px;margin-top:8px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px}.gat-yard-page #yard-problem{margin-bottom:4px}.gat-yard-page .intro-top .eyebrow{letter-spacing:0;text-transform:none}
@media(hover:hover) and (pointer:fine){.premium-tilt{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));will-change:auto}.premium-tilt:hover{--lift:-5px}}
@media(max-width:860px){.gat-yard-page .app{display:block}.gat-yard-page .stage{height:58svh;min-height:420px;max-height:650px;position:relative}.gat-yard-page .panel{position:relative;border-radius:28px 28px 0 0;margin-top:-20px;z-index:3;padding:28px 16px 180px}.gat-yard-page .control-section,.gat-yard-page .summary{padding:20px}.gat-yard-page .progress{position:sticky;top:0;z-index:5;background:var(--bg);padding-block:8px}.gat-yard-page .stage-brand{top:22px;left:20px}.gat-yard-page .stage-brand strong{font-size:24px}.gat-yard-page .stage-note{top:20px;right:16px;max-width:40%;font-size:13px}.gat-yard-page .stage-bottom{bottom:36px;left:16px;right:16px}.gat-yard-page .view-group{backdrop-filter:none}.gat-yard-page .scene-meta{gap:8px}.gat-yard-page .scene-meta strong{font-size:16px}.gat-yard-page .scene-meta>span{max-width:42%;text-align:right}.gat-yard-page .sticky-inner{padding-inline:16px}.gat-yard-page .sticky-total{max-width:43%}.gat-yard-page .wa{font-size:14px}.gat-yard-page .embedded .stage{min-height:360px;height:360px}}
@media(max-width:780px){.premium-mascot{width:84px;height:84px;right:14px;top:-62px}.hero-planner{margin-top:76px!important}.hero-planner .hero-plan-heading{font-size:14px}.hero h1{font-size:clamp(43px,10vw,70px)}.hero-copy{padding-top:40px}.hero-badges{line-height:1.7}.card,.symptom{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.premium-mascot,.premium-ripple,.estimate-form [aria-invalid=true]{animation:none}.premium-tilt{transform:none!important}.button:before,.wa:before{display:none}.card,.symptom,.service-topic-grid article{transition:none}}
@keyframes premium-float{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes premium-ripple{to{transform:translate(-50%,-50%) scale(22);opacity:0}}@keyframes premium-invalid{33%{transform:translateX(-3px)}66%{transform:translateX(3px)}}
/* Conversion revision: phone first, optional planner below the fold. */
.hero-inner{min-height:650px!important}.hero-copy{width:min(1100px,calc(100% - 80px))!important;padding-block:76px!important}.hero h1{font-size:clamp(48px,7.2vw,98px)!important;max-width:1000px;line-height:1.04}.hero-copy>p{max-width:650px!important}.hero-copy .actions{max-width:650px}.hero-copy .hero-badges,.hero-copy .hero-quick-start{max-width:650px!important}.optional-builder{border:1px solid var(--line);border-radius:24px;background:var(--paper,#f6f4ee);margin-top:24px;overflow:hidden}.optional-builder>summary{min-height:60px;cursor:pointer;padding:20px 24px;font-weight:700}.optional-builder .hero-planner{position:relative!important;inset:auto!important;width:min(620px,calc(100% - 40px))!important;margin:80px auto 24px!important;color:#f6f4ee;background:linear-gradient(135deg,#143f2c,#092b20)!important}.optional-builder .hero-planner .hero-build{display:none}.optional-builder .premium-mascot{width:82px;height:82px;top:-60px}.price-factors{margin-top:32px;border-top:1px solid var(--line);padding-top:28px;max-width:900px}.price-factors h3{font-size:22px}.price-factors p{font-size:16px;line-height:1.7}.hero .motion-art{display:none!important}.hero .alive-landscape{opacity:.6}.mobile-actions{grid-template-columns:1fr 1fr!important}.mobile-actions>a{display:flex!important;justify-content:center;align-items:center;min-height:54px!important}.mobile-actions>a:first-child{background:#c5ed91;color:#092b20}.mobile-actions>a:last-child{background:#ffc93c;color:#092b20}.estimate-form .button{min-height:52px}.estimate-form input,.estimate-form select,.estimate-form textarea{min-height:48px}.estimate-form [type=checkbox]{min-height:22px}.quick-contact-fields{grid-template-columns:1fr 1fr}.eyebrow{color:#497953}.hero .eyebrow{color:#c5ed91}.hero-badges{color:#edf6e8!important}.symptom small{color:#52635b}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #167baf;outline-offset:4px}button,.button,.textlink,summary{min-height:44px}.textlink{display:inline-flex;align-items:center}.header .nav a{min-height:44px;display:inline-flex;align-items:center}
:root[data-theme=dark] .optional-builder{background:#103024}:root[data-theme=dark] .symptom small{color:#bfd2c3}:root[data-theme=dark] .eyebrow{color:#c5ed91}
@media(max-width:780px){.hero-inner{min-height:620px!important}.hero-copy{width:calc(100% - 40px)!important;padding:44px 0 80px!important}.hero h1{font-size:clamp(44px,10.5vw,64px)!important}.hero-copy .actions{flex-direction:column;align-items:stretch;gap:12px!important}.hero-copy .actions .button{text-align:center;justify-content:center;min-height:56px}.quick-contact-fields{grid-template-columns:1fr}.optional-builder .hero-planner{margin-top:68px!important}.mobile-actions{display:grid!important}.gat-faq-float{bottom:82px!important}.hero .hero-quick-start{margin-top:24px}.hero .alive-landscape{opacity:.4}}
.header .nav .button{display:none!important}.hero-copy .button{min-width:230px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow:before{content:'';height:1px;width:24px;background:currentColor}
.hero-copy .actions .button.ghost{background:transparent!important;color:#f6f4ee!important;border:1px solid #d8edcf80!important;box-shadow:none!important}.hero-copy .actions .button.ghost:hover{background:#ffffff0b!important}
@media(prefers-reduced-motion:no-preference){.hero .reveal-word{animation-duration:.25s;animation-delay:0s}.hero h1 em{animation-duration:.3s;animation-delay:.1s}.hero .actions{animation-duration:.25s;animation-delay:.15s}}
/* Owner revision: promote the planner to the top, always open. */
.hero-inner{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:42px;padding:40px;min-height:680px!important}.hero-copy{width:100%!important;padding:35px 0!important}.hero h1{font-size:clamp(48px,5.6vw,80px)!important}.hero-planner{position:relative!important;inset:auto!important;width:100%!important;margin:50px 0 0!important;padding:24px!important}.hero-planner .hero-build{display:flex!important}.hero-planner .hero-plan-note{font-size:14px}.top-builder{margin-top:28px;border:1px solid var(--line);border-radius:24px;overflow:hidden}.top-builder iframe{display:block;width:100%;min-height:850px}.hero .hero-quick-start{margin-top:24px}.hero-copy .actions .button{min-width:0}
@media(max-width:780px){.hero-inner{display:flex!important;flex-direction:column;gap:0;padding:0 20px 36px!important}.hero-copy{width:100%!important;padding:35px 0 24px!important}.hero h1{font-size:clamp(43px,10vw,64px)!important}.hero-planner{margin-top:56px!important;width:100%!important;padding:18px!important}.hero-planner .mini-scene{min-height:230px}.hero-copy .actions{flex-direction:row;flex-wrap:wrap}.hero-copy .actions .button{flex:1;font-size:14px;padding:14px 12px}.hero .hero-quick-start{display:none}.top-builder iframe{min-height:1000px}}
.verified-trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 32px;padding:22px 24px;background:var(--paper,#f6f4ee);color:var(--ink,#092b20);font-size:14px;border-block:1px solid var(--line)}.verified-trust-strip>span{display:flex;align-items:center;gap:8px}.verified-trust-strip>span:before{content:'✓';color:#497953}.verified-trust-strip>.license-placeholder:before{content:''}.license-placeholder{font-size:13px}.review-placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.review-placeholder-grid article{padding:24px;border:1px dashed var(--line);border-radius:24px;background:var(--paper)}.review-placeholder-grid h3{font-size:16px}.review-placeholder-grid p{font-size:14px}@media(max-width:780px){.review-placeholder-grid{grid-template-columns:1fr}.verified-trust-strip{justify-content:flex-start;gap:14px}}
.contact-main-call{display:inline-flex;align-items:center;justify-content:center;min-height:60px;font-size:clamp(18px,2vw,24px);padding:20px 26px;margin:12px 0 20px}.send-options #send-whatsapp{order:0}.send-options #send-sms{order:1}.send-options a[href^="tel:"]{order:2}.send-options .copy-request{order:3}.send-options a[href*="instagram"]{order:4}.send-options #send-email{order:5}@media(max-width:780px){.gat-faq-float{bottom:calc(84px + env(safe-area-inset-bottom))!important}.mobile-actions{padding-bottom:env(safe-area-inset-bottom)}.contact-main-call{width:100%;font-size:20px}}