@layer base{.app-body{min-height:100dvh;margin:0;background:#e8e7df;color:#101010}}@layer components{.app-shell{min-height:100dvh}.app-header{position:sticky;z-index:40;top:0;display:flex;align-items:center;justify-content:space-between;min-height:4.75rem;padding:.75rem max(1rem,env(safe-area-inset-left));border-bottom:1px solid rgb(255 255 255 / .12);background:#101010f5;color:#f2f2ee;backdrop-filter:blur(14px)}.app-brand{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none}.app-brand-mark{display:grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:50%;background:#42af32;color:#101010;font-weight:900;font-size:1.35rem}.app-brand strong,.app-brand small{display:block}.app-brand strong{font:800 .94rem/1 Archivo Variable,sans-serif;letter-spacing:.12em}.app-brand small{margin-top:.2rem;color:#bfc0b9;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.app-header-actions{display:flex;align-items:center;gap:.5rem}.app-language,.app-projects-button{min-height:2.7rem;border:1px solid rgb(255 255 255 / .18);background:transparent;color:#f2f2ee;font:750 .73rem/1 Archivo Variable,sans-serif;letter-spacing:.08em;text-transform:uppercase}.app-language{width:2.8rem}.app-projects-button{display:flex;align-items:center;gap:.45rem;padding:0 .8rem}.app-count{display:grid;min-width:1.25rem;min-height:1.25rem;place-items:center;border-radius:50%;background:#42af32;color:#101010;font-size:.65rem}.app-main{width:min(78rem,100%);margin:0 auto;padding:1.25rem 1rem 6rem}.app-intro{display:grid;gap:1.2rem;padding:1.25rem 0 1.5rem}.app-eyebrow,.app-step-number{color:#24751b;font:800 .72rem/1 Archivo Variable,sans-serif;letter-spacing:.14em;text-transform:uppercase}.app-intro h1{max-width:13ch;margin-top:.75rem;font-size:clamp(2.2rem,10vw,4.8rem);line-height:.92;letter-spacing:-.04em}.app-intro p:not(.app-eyebrow){max-width:41rem;margin-top:1rem;color:#555650;line-height:1.6}.app-impact{align-self:end;padding:1rem;border-left:4px solid #42af32;background:#101010;color:#f2f2ee}.app-impact strong,.app-impact span{display:block}.app-impact strong{font:750 1.6rem/1 Archivo Variable,sans-serif}.app-impact span{margin-top:.35rem;color:#bfc0b9;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.app-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 1rem;padding:0;list-style:none;border:1px solid #c7c6bd;background:#f2f2ee}.app-progress li{position:relative;display:grid;place-items:center;gap:.35rem;padding:.75rem .25rem;color:#77786f}.app-progress li:not(:last-child):after{content:"";position:absolute;top:1.35rem;right:-50%;width:100%;height:1px;background:#c7c6bd}.app-progress span{position:relative;z-index:1;display:grid;width:1.3rem;height:1.3rem;place-items:center;border-radius:50%;background:#d8d7ce;font-size:.68rem}.app-progress small{display:none;font-size:.66rem;font-weight:700}.app-progress .is-active{color:#101010}.app-progress .is-active span{background:#42af32}.app-card{border:1px solid #c7c6bd;background:#f8f7f2;box-shadow:0 1rem 3rem #10101012}.app-card-heading{display:grid;gap:.8rem;padding:1.25rem;border-bottom:1px solid #d4d3ca}.app-card-heading h2{margin-top:.35rem;font-size:clamp(1.55rem,6vw,2.4rem);line-height:1}.app-card-heading>p{max-width:34rem;color:#61625c;line-height:1.5}.app-use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d4d3ca}.app-use-grid button{min-height:9.5rem;padding:1rem;border:0;background:#f8f7f2;color:#101010;text-align:left;transition:background .18s,color .18s,transform .18s}.app-use-grid button:active{transform:scale(.985)}.app-use-grid button:hover,.app-use-grid button:focus-visible{background:#e9f3e5;outline:none}.app-use-grid button.is-selected{background:#101010;color:#f2f2ee}.app-use-grid span{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid currentColor;border-radius:50%;color:#24751b;font:800 .63rem/1 Archivo Variable,sans-serif;letter-spacing:.06em}.app-use-grid button.is-selected span{color:#42af32}.app-use-grid strong,.app-use-grid small{display:block}.app-use-grid strong{margin-top:1rem;font:750 .95rem/1.15 Archivo Variable,sans-serif}.app-use-grid small{margin-top:.45rem;color:#6b6c65;line-height:1.35}.app-use-grid button.is-selected small{color:#bfc0b9}.app-track-button{min-height:2.7rem;padding:0 .8rem;border:0;background:#42af32;color:#101010;font:800 .73rem/1 Archivo Variable,sans-serif;letter-spacing:.08em;text-transform:uppercase}.app-progress .is-complete span{background:#24751b;color:#f2f2ee}.app-form-grid{display:grid;gap:1.25rem;padding:1.25rem}.app-measurements{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.app-field label,.app-fieldset legend{display:block;margin-bottom:.55rem;color:#343530;font:750 .74rem/1 Archivo Variable,sans-serif;letter-spacing:.06em;text-transform:uppercase}.app-field input,.app-field textarea,.app-input-unit{width:100%;border:1px solid #bcbcb4;background:#fff;color:#101010;font:inherit}.app-field input,.app-field textarea{min-height:3.25rem;padding:.75rem .85rem}.app-field textarea{resize:vertical}.app-input-unit{display:flex;align-items:center}.app-input-unit input{min-width:0;border:0}.app-input-unit span{padding:0 .8rem;color:#6b6c65;font-weight:700}.app-field input:focus,.app-field textarea:focus,.app-input-unit:focus-within{outline:3px solid rgb(66 175 50 / .22);border-color:#24751b}.app-area-result{grid-column:1 / -1;display:flex;align-items:end;justify-content:space-between;padding:1rem;background:#101010;color:#f2f2ee}.app-area-result small{color:#bfc0b9;text-transform:uppercase;letter-spacing:.08em}.app-area-result strong{font:750 1.55rem/1 Archivo Variable,sans-serif}.app-fieldset{min-width:0;margin:0;padding:0;border:0}.app-segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #bcbcb4;background:#fff}.app-segmented button{min-height:3.25rem;border:0;background:transparent;color:#5b5c56;font-weight:750}.app-segmented button.is-selected{background:#101010;color:#f2f2ee}.app-load-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c9c8bf;border:1px solid #c9c8bf}.app-load-grid button{min-height:6.5rem;padding:1rem;border:0;background:#fff;color:#101010;text-align:left}.app-load-grid strong,.app-load-grid small{display:block}.app-load-grid small{margin-top:.4rem;color:#6b6c65;line-height:1.35}.app-load-grid button.is-selected{background:#e4f1df;box-shadow:inset 0 0 0 2px #24751b}.app-card-actions{display:flex;justify-content:space-between;gap:.75rem;padding:1.25rem;border-top:1px solid #d4d3ca}.app-button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid transparent;font:800 .76rem/1 Archivo Variable,sans-serif;letter-spacing:.055em;text-align:center;text-transform:uppercase;cursor:pointer}.app-button:disabled{cursor:wait;opacity:.6}.app-button-primary{background:#42af32;color:#101010}.app-button-primary:hover{background:#56c545}.app-button-secondary{border-color:#101010;background:transparent;color:#101010}.app-button-whatsapp{background:#167c3d;color:#fff}.app-result-hero{display:grid;gap:1.25rem;padding:1.5rem;background:#101010;color:#f2f2ee}.app-result-thickness{display:flex;align-items:baseline;gap:.4rem}.app-result-thickness strong{color:#42af32;font:800 clamp(4.5rem,20vw,8rem)/.8 Archivo Variable,sans-serif;letter-spacing:-.07em}.app-result-thickness span{color:#bfc0b9;font-weight:800}.app-result-hero h3{margin-top:.55rem;font-size:clamp(1.5rem,6vw,2.5rem)}.app-result-hero p:last-child{margin-top:.65rem;color:#bfc0b9;line-height:1.5}.app-spec-grid{display:grid;grid-template-columns:1fr;gap:1px;background:#d4d3ca}.app-spec-grid article{min-height:8.5rem;padding:1.25rem;background:#fff}.app-spec-grid small,.app-spec-grid strong,.app-spec-grid span{display:block}.app-spec-grid small{color:#24751b;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-spec-grid strong{margin-top:.75rem;font:750 1.25rem/1.1 Archivo Variable,sans-serif}.app-spec-grid span{margin-top:.45rem;color:#6b6c65;font-size:.85rem;line-height:1.4}.app-reasons{display:grid;gap:.65rem;margin:0;padding:1.25rem 1.25rem 1.25rem 2.75rem;background:#eef5eb;color:#394237}.app-reasons li{padding-left:.25rem;line-height:1.45}.app-design-grid{display:grid;gap:1.5rem;padding:1.25rem}.app-visualizer{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:#d9d8cf}.app-visualizer img{display:block;width:100%;height:100%;object-fit:cover}.app-visualizer-empty{display:grid;height:100%;place-content:center;justify-items:center;padding:2rem;color:#60615b;text-align:center;background-image:linear-gradient(45deg,#cdccc4 25%,transparent 25%),linear-gradient(-45deg,#cdccc4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cdccc4 75%),linear-gradient(-45deg,transparent 75%,#cdccc4 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.app-visualizer-empty span{display:grid;width:4rem;height:4rem;place-items:center;border:1px solid currentColor;border-radius:50%;font:800 .7rem/1 Archivo Variable,sans-serif}.app-visualizer-empty strong{margin-top:1rem;color:#101010;font-size:1.15rem}.app-visualizer-empty small{margin-top:.4rem}.app-floor-overlay{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}.app-floor-handle{position:absolute;z-index:3;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:#1010103d;box-shadow:0 0 0 1px #fffc;transform:translate(-50%,-50%);touch-action:none;cursor:grab}.app-floor-handle:after{content:"";position:absolute;inset:.78rem;border:3px solid #fff;border-radius:50%;background:#42af32;box-shadow:0 1px 5px #0000008c}.app-floor-handle:active{cursor:grabbing}.app-floor-handle:focus-visible{outline:3px solid #42af32;outline-offset:2px}.app-concept-label{position:absolute;z-index:4;right:.75rem;bottom:.75rem;padding:.35rem .5rem;background:#101010c7;color:#fff;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.app-photo-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.app-photo-note{margin-top:.65rem;color:#6b6c65;font-size:.78rem;line-height:1.4}.app-floor-controls{display:grid;gap:.8rem;margin-top:1rem;padding:1rem;border:1px solid #c5c5bd;background:#fff}.app-floor-control-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.app-floor-control-heading strong,.app-floor-control-heading small{display:block}.app-floor-control-heading strong{font-size:.88rem}.app-floor-control-heading small{margin-top:.25rem;color:#6b6c65;font-size:.75rem;line-height:1.35}.app-floor-control-heading button{flex:0 0 auto;padding:.35rem .5rem;border:1px solid #a8a9a1;background:transparent;color:#343530;font:750 .65rem/1 Archivo Variable,sans-serif;letter-spacing:.04em;text-transform:uppercase}.app-design-controls{display:grid;align-content:start;gap:1.2rem}.app-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.app-color-grid button{padding:.4rem;border:1px solid #c5c5bd;background:#fff;color:#101010}.app-color-grid button.is-selected{outline:3px solid #24751b;outline-offset:1px}.app-color-grid span{display:block;aspect-ratio:1;background:var(--swatch);background-image:radial-gradient(circle at 25% 25%,rgb(255 255 255 / .24) 0 1px,transparent 1.5px);background-size:5px 5px}.app-color-grid small{display:block;overflow:hidden;margin-top:.35rem;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.app-summary{padding:1.25rem;border-left:4px solid #42af32;background:#101010;color:#f2f2ee}.app-summary h3{margin-top:.65rem;font-size:1.35rem}.app-summary dl{display:grid;gap:.65rem;margin:1rem 0 0}.app-summary dl div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgb(255 255 255 / .12);padding-top:.6rem}.app-summary dt{color:#aeb0a9;font-size:.75rem}.app-summary dd{margin:0;text-align:right;font-size:.83rem;font-weight:700}.app-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.app-inline-status,.app-submit-status{padding:.8rem;border-left:3px solid #42af32;background:#e4f1df;color:#1d5517}.app-quote-form,.app-contact-grid{padding-bottom:0}.app-submit-status{margin:0 1.25rem 1.25rem}.app-dialog{width:min(44rem,calc(100% - 1.5rem));max-height:calc(100dvh - 1.5rem);padding:0;border:0;background:#f8f7f2;color:#101010;box-shadow:0 2rem 6rem #00000059}.app-dialog::backdrop{background:#101010a6;backdrop-filter:blur(3px)}.app-dialog-header{position:sticky;z-index:1;top:0;display:flex;justify-content:space-between;gap:1rem;padding:1.25rem;border-bottom:1px solid #d4d3ca;background:#f8f7f2}.app-dialog-header h2{margin-top:.4rem;font-size:1.5rem}.app-dialog-header>button{width:2.6rem;height:2.6rem;border:0;border-radius:50%;background:#101010;color:#fff;font-size:1.4rem}.app-project-list{display:grid;gap:1px;background:#d4d3ca}.app-project-item{display:grid;gap:1rem;padding:1.15rem;background:#fff}.app-project-item small,.app-project-item strong,.app-project-item span{display:block}.app-project-item small{color:#24751b;font-weight:800;text-transform:uppercase}.app-project-item strong{margin-top:.3rem;font-size:1.05rem}.app-project-item span{margin-top:.3rem;color:#6b6c65;font-size:.78rem}.app-project-item>div:last-child{display:flex;gap:.5rem}.app-empty-state{padding:3rem 1.25rem;color:#6b6c65;text-align:center}.app-empty-state strong{color:#101010}.app-empty-state p{margin-top:.5rem}.app-track-card{padding:1.25rem}.app-track-card h3{font-size:1.25rem}.app-track-card>p{margin-top:.5rem;color:#62635d;line-height:1.5}.app-timeline{display:grid;gap:0;margin:1.5rem 0 0;padding:0;list-style:none}.app-timeline li{position:relative;display:flex;gap:.9rem;min-height:4rem;color:#77786f}.app-timeline li:not(:last-child):after{content:"";position:absolute;top:1.7rem;left:.83rem;width:2px;height:calc(100% - .4rem);background:#d4d3ca}.app-timeline li>span{position:relative;z-index:1;display:grid;width:1.75rem;height:1.75rem;flex:0 0 auto;place-items:center;border-radius:50%;background:#d4d3ca;font-size:.7rem}.app-timeline strong,.app-timeline small{display:block}.app-timeline small{margin-top:.25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.app-timeline .is-done>span{background:#24751b;color:#fff}.app-timeline .is-active{color:#101010}.app-timeline .is-active>span{background:#42af32;color:#101010}}@media(min-width:640px){.app-header,.app-main{padding-inline:1.5rem}.app-intro{grid-template-columns:1fr auto;padding-block:2.5rem}.app-progress small{display:block}.app-card-heading{grid-template-columns:1fr minmax(15rem,28rem);align-items:end;padding:1.75rem}.app-use-grid{grid-template-columns:repeat(4,1fr)}.app-use-grid button{min-height:11rem;padding:1.25rem}.app-form-grid{grid-template-columns:1fr 1fr;padding:1.75rem}.app-fieldset-wide{grid-column:1 / -1}.app-load-grid{grid-template-columns:repeat(4,1fr)}.app-card-actions{padding:1.25rem 1.75rem}.app-result-hero{grid-template-columns:auto 1fr;align-items:center;padding:2rem}.app-spec-grid{grid-template-columns:repeat(3,1fr)}.app-design-grid{grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);padding:1.75rem}.app-contact-grid{grid-template-columns:1fr 1fr}.app-contact-grid .app-field:last-child{grid-column:1 / -1}.app-project-item{grid-template-columns:1fr auto;align-items:center}}@media(max-width:520px){.app-projects-button>span:first-child,.app-track-button span{display:none}.app-track-button:after{content:"↗";font-size:1rem}.app-action-grid{grid-template-columns:1fr}.app-color-grid{grid-template-columns:repeat(4,1fr)}}@layer components{.install-page{min-height:100dvh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:radial-gradient(circle at 85% 12%,rgb(66 175 50 / .2),transparent 30rem),#101010}.install-card{position:relative;width:min(38rem,100%);overflow:hidden;border:1px solid rgb(255 255 255 / .16);background:#f8f7f2;box-shadow:0 2rem 6rem #0006}.install-card:after{content:"";position:absolute;top:0;right:0;width:34%;height:.35rem;background:#42af32}.install-language{position:absolute;z-index:1;top:1rem;right:1rem;width:2.8rem;height:2.8rem;border:1px solid #bcbcb4;background:#fff;color:#101010;font:800 .7rem/1 Archivo Variable,sans-serif;letter-spacing:.08em}.install-brand{display:flex;align-items:center;gap:.9rem;padding:1rem 4.8rem 1rem 1rem;border-bottom:1px solid #d4d3ca}.install-brand img{width:3.75rem;height:3.75rem;border-radius:22%}.install-brand strong,.install-brand span{display:block}.install-brand strong{font:850 1.05rem/1 Archivo Variable,sans-serif;letter-spacing:.12em}.install-brand span{margin-top:.28rem;color:#686961;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.install-message{padding:2rem 1.25rem 1.5rem}.install-message h1{max-width:10ch;margin-top:.8rem;font-size:clamp(2.65rem,12vw,5.2rem);line-height:.88;letter-spacing:-.055em}.install-message>p:last-child{max-width:34rem;margin-top:1rem;color:#555650;line-height:1.55}.install-features{display:grid;margin:0;padding:0;border-block:1px solid #d4d3ca;list-style:none}.install-features li{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem 1.25rem;background:#fff}.install-features li+li{border-top:1px solid #e0dfd7}.install-features li>span{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:50%;background:#e4f1df;color:#24751b;font:800 .62rem/1 Archivo Variable,sans-serif}.install-features strong,.install-features small{display:block}.install-features strong{font:750 .9rem/1.2 Archivo Variable,sans-serif}.install-features small{margin-top:.28rem;color:#6b6c65;font-size:.77rem;line-height:1.35}.install-actions{display:grid;gap:.65rem;padding:1.25rem}.install-primary,.install-secondary{display:flex;min-height:3.6rem;align-items:center;justify-content:center;padding:.85rem 1rem;font:800 .78rem/1 Archivo Variable,sans-serif;letter-spacing:.06em;text-align:center;text-transform:uppercase}.install-primary{border:0;background:#42af32;color:#101010}.install-primary:hover{background:#56c545}.install-secondary{border:1px solid #101010;color:#101010;text-decoration:none}.install-status,.install-instructions{margin:0 1.25rem 1.25rem;color:#5e5f58;font-size:.78rem;line-height:1.45;text-align:center}.install-instructions{padding:.8rem;border-left:3px solid #42af32;background:#e4f1df;color:#1d5517;text-align:left}}@media(min-width:640px){.install-brand{padding:1.25rem 5.5rem 1.25rem 1.5rem}.install-message{padding:2.75rem 2rem 2rem}.install-features{grid-template-columns:repeat(3,1fr)}.install-features li{display:block;min-height:9rem;padding:1.25rem}.install-features li+li{border-top:0;border-left:1px solid #e0dfd7}.install-features strong{margin-top:.9rem}.install-actions{grid-template-columns:1.25fr .75fr;padding:1.5rem 2rem}.install-status,.install-instructions{margin-inline:2rem}}