:root{--green:#2D5016;--green2:#203d20;--ink:#263527;--wood:#8B5A2B;--orange:#E8833A;--orange-hover:#cd6a24;--cream:#FAF7F2;--sand:#F0EDE4;--muted:#6D776B;--line:#DADCD3;--heading:Georgia,'Times New Roman',serif;--body:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--radius:6px;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--cream);font:400 15px/1.65 var(--body);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid var(--orange)!important;outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-style:italic;color:var(--green)}.wrap{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}.skip{position:fixed;top:-80px;left:16px;z-index:999;background:#fff;padding:12px}.skip:focus{top:10px}.progress{height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;position:fixed;z-index:90;top:0;left:0;right:0;pointer-events:none}.header{height:79px;position:sticky;top:0;z-index:60;background:rgba(250,247,242,.95);border-bottom:1px solid rgba(45,80,22,.11);backdrop-filter:blur(18px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-symbol{font-size:29px;line-height:1;color:var(--green)}.brand-name{font-weight:800;font-size:27px;line-height:.9;letter-spacing:-1.8px;color:var(--green);display:flex;align-items:flex-end;gap:5px}.brand-name-sub{font-size:10px;letter-spacing:.6px;margin-bottom:2px}.brand-name small{color:#998367;letter-spacing:.05em;font-weight:500;font-size:9px;margin-left:4px;margin-bottom:1px}.nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto}.nav a{font-size:12px;font-weight:550;color:#435042;transition:color .2s}.nav a:hover{color:var(--orange)}.nav-actions{display:flex;gap:20px;align-items:center}.header-phone{font-size:12px;white-space:nowrap;font-weight:600}.header-phone:hover{color:var(--green)}.btn{min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid transparent;border-radius:var(--radius);padding:14px 24px;font-weight:650;font-size:13px;line-height:1.2;white-space:nowrap;transition:transform .28s cubic-bezier(.2,.65,.18,1),background .23s,border-color .23s,color .23s,box-shadow .28s}.btn:hover{transform:translateY(-3px);box-shadow:0 11px 28px rgba(28,42,23,.10)}.btn-orange{background:var(--orange);color:#2D251A}.btn-orange:hover{background:var(--orange-hover);color:white}.btn-dark{background:var(--green);color:#fff}.btn-dark:hover{background:var(--green2)}.btn-outline{background:transparent;border-color:#aeb5a7;color:var(--green)}.btn-outline:hover{background:#fff;border-color:var(--green)}.btn-outline-light{background:transparent;border-color:#b7c7aa;color:#fff}.btn-cream{background:#e7edda;color:var(--green)}.btn-cream:hover{background:#f5f7ef}.btn-header{min-height:42px;padding:11px 16px;gap:14px}.btn-arrow{font-size:18px;font-weight:400;line-height:1;transition:transform .2s}.btn:hover .btn-arrow{transform:translate(2px,-2px)}.menu-toggle{display:none;border:0;background:none;padding:10px;width:40px;gap:5px;flex-direction:column}.menu-toggle span{width:22px;height:2px;background:var(--green);display:block;transition:transform .2s}
/* Hero */
.hero{position:relative;background:var(--cream);overflow:hidden}.hero-layout{display:grid;grid-template-columns:49% 51%;min-height:652px}.hero-copy{padding:92px 54px 85px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.overline,.kicker{font-size:11px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--green)}.hero-eyebrow{display:flex;gap:9px;align-items:center;color:#617557;letter-spacing:.09em}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;flex:none}.hero h1{font:400 clamp(45px,4.85vw,69px)/1.08 var(--heading);letter-spacing:-.046em;margin:28px -40px 23px 0;color:#1e3322}.hero h1 em{color:var(--green)}.hero-lead{max-width:465px;color:#636e60;font-size:15px;line-height:1.85;margin-bottom:31px}.hero-cta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero-cta .btn{min-height:58px}.hero-chips{display:flex;gap:0;margin-top:48px;padding-top:22px;border-top:1px solid #daddd4}.hero-chips span{display:flex;flex-direction:column;font-size:11px;color:#697265;padding:0 18px;border-right:1px solid #daddd4;min-width:0}.hero-chips span:first-child{padding-left:0}.hero-chips span:last-child{padding-right:0;border-right:none}.hero-chips b{font-size:15px;color:#314732;font-weight:680;white-space:nowrap}.hero-picture{position:relative;min-height:650px;margin-right:calc((var(--wrap) - 100vw)/2)}.hero-image-wrap{position:absolute;inset:0;overflow:hidden;background:#738269}.hero-image-wrap:after{position:absolute;content:"";inset:0;box-shadow:inset 0 0 100px rgba(20,44,26,.12);background:linear-gradient(90deg,transparent 65%,rgba(34,46,34,.1))}.hero-picture img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.hero-image-wrap:hover img{transform:scale(1.035)}.hero-floating{position:absolute;z-index:1;right:25px;bottom:45px;padding:23px 24px;background:rgba(250,247,242,.93);backdrop-filter:blur(13px);width:230px}.floating-mark{display:block;font-size:10px;letter-spacing:.18em;color:var(--wood);font-weight:700;margin-bottom:14px}.hero-floating strong{font:400 23px/1.27 var(--heading)}.floating-line{display:block;width:42px;background:var(--orange);height:2px;margin-top:18px}.hero-photo-note{position:absolute;z-index:2;bottom:8px;left:20px;background:rgba(15,35,18,.51);color:#fff;padding:4px 8px;font-size:9px}.hero-edge-label{position:absolute;z-index:2;right:24px;top:26px;writing-mode:vertical-rl;color:#e5f0df;font-weight:700;font-size:10px;letter-spacing:.2em}.hero-scroll{position:absolute;bottom:15px;left:calc((100vw - min(100vw - 64px,var(--wrap)))/2);display:flex;align-items:center;gap:15px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#80917c}.scroll-line{height:1px;width:46px;background:#91a28a}.trust-bar{background:#e9ecdf;border-bottom:1px solid #d9ddce}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.trust-grid>div{padding:3px 30px;border-right:1px solid #cbd4c4}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-size:17px;color:#274426;font-weight:650;line-height:1.3}.trust-grid span{font-size:11px;color:#687767;margin-top:5px}
/* General */
.section{padding:110px 0;position:relative}.about-section,.colors-section,.reassurance-section{background:var(--cream)}.about-section:before,.colors-section:before,.reassurance-section:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(250,247,242,.96),rgba(250,247,242,.96)),url('/img/basket.svg');background-size:cover,170px 170px;opacity:.4}.section>.wrap{position:relative}.section-lead{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:44px}.section-lead .kicker{grid-column:1/-1;margin-bottom:-23px}.section h2,.contacts-section h2{font:400 clamp(39px,4.5vw,58px)/1.13 var(--heading);letter-spacing:-.045em}.section-lead p{max-width:440px;color:#6a7569;font-size:15px;line-height:1.85;padding-bottom:6px}.kicker{margin-bottom:26px}.kicker-light{color:#bfd0a8}.section h3{font:400 22px/1.24 var(--heading);letter-spacing:-.025em}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-figure{min-height:540px;position:relative;background:#e7e5dc;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-figure img{width:100%;height:100%;object-fit:contain}.measure{font-size:11px;font-weight:750;letter-spacing:.12em;color:#4c614b;position:absolute}.measure-top{top:32px;left:50%;transform:translateX(-50%)}.measure-side{left:23px;top:50%;transform:rotate(-90deg) translate(-50%,-50%);transform-origin:left center}.product-figure-label{position:absolute;bottom:23px;left:24px;letter-spacing:.1em;font-size:10px;color:#657264}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{position:relative;background:#fff;border:1px solid #e7e8df;padding:27px 24px 24px;min-height:250px;display:flex;flex-direction:column;transition:background .25s,transform .25s,border-color .25s}.feature:hover{background:#f7f5ed;border-color:#c8d0c2;transform:translateY(-3px)}.feature-number{font-weight:750;font-size:10px;color:var(--wood);letter-spacing:.12em}.feature-icon{position:absolute;right:24px;top:24px;color:var(--green);font-size:24px;line-height:1}.feature h3{margin-top:auto;padding-top:30px;margin-bottom:10px}.feature p{font-size:12px;line-height:1.75;color:#717b6e}
/* Calc */
.calculator-section{background:#e6ebdf}.calc-shell{padding:58px 62px 62px;background:var(--green);color:#fff;border-radius:3px;overflow:hidden;position:relative}.calc-shell:after{position:absolute;content:"";pointer-events:none;width:550px;height:550px;border:1px solid #ffffff12;border-radius:50%;top:-300px;right:-100px}.calc-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:39px}.calc-heading h2{color:white}.calc-heading h2 em{color:#d9bc9d}.calc-heading p{color:#b9cbb1;margin-top:18px;max-width:560px;line-height:1.8}.calc-heading-mark{font:italic 65px/.67 var(--heading);color:rgba(229,238,213,.13);text-align:right;align-self:end}.calc-grid{display:grid;grid-template-columns:43% 57%;background:#365a2e;border:1px solid #66805a}.calc-controls{padding:33px 32px 32px 0;display:flex;flex-direction:column;gap:25px}.form-field label,.lead-form label:not(.consent){display:block;font-weight:650;font-size:12px;letter-spacing:.03em;margin-bottom:10px}.form-field small{display:block;color:#b6c7ae;font-size:10px;margin-top:8px}.big-input{position:relative}.big-input input{width:100%;height:82px;color:#fff;font-size:52px;font-family:var(--heading);background:transparent;border:0;border-bottom:1px solid #adc2a2;border-radius:0;outline:none;padding:5px 70px 4px 0}.big-input input:focus{border-color:#fff}.big-input span{position:absolute;right:10px;bottom:15px;font-size:17px;color:#d9e8d3}.calc-controls select{width:100%;height:51px;padding:10px 15px;background:#f1f3e9;border:none;border-radius:2px;color:#263d24}.check-delivery{display:flex;align-items:center;gap:13px;font-size:12px;color:#e3f0dd;cursor:pointer}.check-delivery input{accent-color:var(--orange);width:18px;height:18px}.check-box{display:none}.calc-submit{width:100%;max-width:280px;margin-top:6px}.calc-result{padding:28px 34px 30px;border-left:1px solid #78926e;position:relative}.result-label{font-size:10px;letter-spacing:.14em;color:#c3d6b9;font-weight:700}.result-number{display:flex;align-items:center;gap:20px;margin:8px 0 8px}.result-number strong{font:400 clamp(74px,8vw,112px)/1 var(--heading);letter-spacing:-.07em;color:white;max-width:100%;overflow-wrap:anywhere}.result-number span{color:#d0dfc4;font-size:12px;line-height:1.5}.result-facts{display:grid;gap:5px;margin-bottom:23px}.result-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #65815b;padding:8px 0}.result-facts span{color:#bed0b6;font-size:11px}.result-facts strong{font-size:12px;font-weight:650;text-align:right}.layout-heading{display:flex;justify-content:space-between;color:#cfe0c5;font-size:10px;font-weight:650;letter-spacing:.1em;gap:12px;margin-bottom:12px}.tile-preview{height:180px;overflow:hidden;display:grid;grid-template-columns:repeat(15,15px);grid-auto-rows:15px;gap:3px;align-content:start}.tiny-tile{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1d341c;padding:1px;min-width:0;aspect-ratio:1;max-height:20px;transform-origin:center}.tiny-tile:nth-child(2n){transform:rotate(90deg)}.tiny-tile i{background:var(--swatch,#c89766);opacity:.94}.tiny-tile i:nth-child(2){filter:brightness(.85)}.tiny-tile i:nth-child(3){filter:brightness(1.11)}.layout-note{font-size:10px;color:#c2d3b7;margin-top:10px;margin-bottom:18px}.calc-result .btn{width:100%}
/* Anatomy */
.anatomy-section{padding:105px 0;background:linear-gradient(115deg,#f3f2e9 0%,#ecefe4 100%);overflow:hidden}.anatomy-grid{display:grid;grid-template-columns:44% 56%;min-height:600px;align-items:center}.anatomy-text{padding:30px 20px 40px 0;position:relative;z-index:2}.anatomy-text h2{margin-bottom:20px}.anatomy-text>p{color:#637261;line-height:1.85;max-width:430px}.anatomy-points{margin-top:30px;border-top:1px solid #cdd4c7;max-width:430px}.anatomy-points>div{display:flex;gap:25px;padding:16px 0;border-bottom:1px solid #cdd4c7;align-items:center}.anatomy-points span{font-size:12px;color:var(--wood)}.anatomy-points b{font-size:13px;font-weight:600}.anatomy-scroll-note{font-size:11px;margin-top:24px;color:var(--muted)}.anatomy-visual{min-height:600px;position:relative}.explode-stage{position:absolute;inset:0;isolation:isolate;--explosion:0}.explode-glow{position:absolute;width:78%;aspect-ratio:1;top:8%;left:10%;border-radius:50%;background:radial-gradient(circle,#f9f9ed,transparent 71%)}.explode-top,.explode-base,.explode-oil{position:absolute;width:62%;aspect-ratio:1;left:18%;top:18%;transition:transform .4s;filter:drop-shadow(15px 26px 16px #1f36202b);will-change:transform}.explode-top{z-index:3;transform:translateY(calc(var(--explosion) * -88px)) rotate(-19deg) skew(3deg,3deg)}.explode-base{z-index:1;transform:translateY(calc(30px + var(--explosion) * 103px)) rotate(-19deg) skew(3deg,3deg)}.explode-top img,.explode-base img{height:100%;width:100%;object-fit:contain}.explode-oil{z-index:2;top:44%;width:50%;left:25%;aspect-ratio:auto;min-height:24px;display:flex;align-items:center;justify-content:center;opacity:calc(var(--explosion) * 1);transform:translateY(calc(var(--explosion) * 22px))}.explode-oil span{background:#e3c395;border:1px solid #e4b377;color:#63451e;font-size:9px;letter-spacing:.13em;padding:9px 12px;white-space:nowrap}.explode-caption{position:absolute;bottom:26px;right:20px;color:#687466;font-size:10px;font-weight:700;letter-spacing:.12em}
/* Colors */
.colors-section{padding-bottom:90px}.colors-lead{margin-bottom:32px}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.color-card{min-width:0;background:#fff;border:1px solid #e4e5de;transition:transform .28s,box-shadow .28s}.color-card:hover{transform:translateY(-6px);box-shadow:0 18px 37px #19321a0e}.color-image{position:relative;overflow:hidden;background:#e9e6dd;aspect-ratio:1.2}.color-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.color-card:hover .color-image img{transform:scale(1.055)}.color-card-detail{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:21px 23px}.color-card-detail span{font-size:10px;color:var(--wood);letter-spacing:.11em}.color-card-detail h3{margin-top:6px}.round-arrow{border:1px solid #d6dfd1;background:#fff;color:var(--green);width:42px;height:42px;border-radius:50%;font-size:20px;transition:background .2s,color .2s}.round-arrow:hover{background:var(--green);color:white}.individual-color{margin-top:27px;border-top:1px solid #d4d8ce;padding:27px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.individual-color strong{font:400 25px var(--heading)}.individual-color p{font-size:12px;color:var(--muted);margin-top:3px}.text-link{border:0;border-bottom:1px solid var(--green);background:transparent;padding:9px 0;color:var(--green);font-weight:650;font-size:12px;display:inline-flex;align-items:center;gap:20px}.text-link:hover{color:var(--orange);border-color:var(--orange)}
/* Steps */
.install-section{background:#edefe6}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.step-card{background:#fff}.step-image{overflow:hidden;aspect-ratio:4/3;background:#cbd4c6}.step-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.step-card:hover img{transform:scale(1.06)}.step-desc{padding:25px 23px 28px}.step-desc>span{font-size:10px;color:var(--wood);letter-spacing:.11em;font-weight:750}.step-desc h3{margin:14px 0 10px}.step-desc p{font-size:12px;color:#657363;line-height:1.8}.video-btn{margin-top:29px}
/* Specs */
.specs-section{background:#f7f5ee}.specs-layout{display:grid;grid-template-columns:40% 60%;gap:35px}.specs-note{margin:21px 0 30px;color:var(--muted);max-width:310px}.spec-table{border-top:1px solid #cbd3c5}.spec-table>div{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d7ded1;padding:18px 0;font-size:13px}.spec-table span{color:#6d776c}.spec-table strong{font-weight:650;text-align:right;max-width:51%}
/* Lead */
.lead-section{background:#244326;color:#fff;overflow:hidden}.lead-layout{display:grid;grid-template-columns:1fr 1.07fr;gap:50px}.lead-copy{padding-top:46px;position:relative}.lead-copy h2{color:#fff;margin:0 0 25px}.lead-copy h2 em{color:#d6bc9b}.lead-copy p{max-width:380px;color:#c2d3b9;line-height:1.85}.lead-decoration{position:absolute;bottom:12px;left:0;display:flex;align-items:center;gap:17px;color:#a4be97;font-size:10px;font-weight:750;line-height:1.6;letter-spacing:.15em}.lead-star{font-size:78px;line-height:1;font-weight:400}.form-card{background:#faf8f3;color:var(--ink);padding:42px 45px 37px}.form-kicker{font-size:10px;color:var(--wood);font-weight:750;letter-spacing:.14em}.form-card h3{font-size:30px;margin:12px 0}.form-card>p{font-size:12px;color:#707a70;margin-bottom:21px}.lead-form label:not(.consent){margin:14px 0 7px}.lead-form label b{color:var(--orange)}.lead-form input:not([type="checkbox"]),.lead-form select,.lead-form textarea,.modal-lead input:not([type="checkbox"]),.modal-lead textarea,.modal-lead select{border:1px solid #ced3c8;background:#fff;border-radius:3px;width:100%;min-height:46px;padding:11px 13px;color:#213420;font-size:13px}.lead-form textarea{resize:vertical}.lead-form :is(input,textarea,select)::placeholder{color:#9aa39a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.consent{display:flex;align-items:start;gap:10px;color:#636e64;font-size:11px;line-height:1.6;margin:20px 0 19px;cursor:pointer}.consent input{flex:none;margin-top:4px;accent-color:var(--green)}.consent a{color:var(--green);text-decoration:underline}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-submit{width:100%}.form-disclaimer{display:block;color:#8a9489;font-size:10px;text-align:center;margin-top:12px}.form-status{margin-top:12px;line-height:1.5;font-size:12px}.form-status:not(:empty){padding:12px;border-radius:3px}.form-status.error{background:#fff0e5;color:#903f16}.form-status.success{background:#e5eddf;color:#28541e}
/* Trust, contacts, footer */
.reassurance-section{padding-bottom:115px}.reassure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reassure{border:1px solid #e2e6dc;background:#fff;padding:36px;min-height:226px}.reassure-icon{font-size:32px;color:var(--green)}.reassure h3{margin:25px 0 12px}.reassure p{color:var(--muted);font-size:12px}.contacts-section{padding:90px 0;background:#2f4e33;color:#fff;min-height:calc(100vh - 190px);min-height:calc(100svh - 190px);display:flex;align-items:center}.contacts-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:85px}.contacts-section h2{font-size:clamp(36px,4.1vw,55px)}.contacts-section em{color:#d6bd97}.contact-values{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-values>div:not(.contact-actions){border-bottom:1px solid #688168;padding-bottom:23px;min-width:0}.contact-values small{display:block;color:#bad2b2;font-size:10px;letter-spacing:.16em;margin-bottom:9px}.contact-values a,.contact-values strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.contact-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:13px}.footer{background:#e9ede4;padding:42px 0}.footer-row{display:flex;justify-content:space-between;gap:40px}.footer-brand .brand-name{font-size:26px}.footer-row p,.footer-right small{color:#70816e;font-size:11px}.footer-row p{margin-top:9px}.footer-right{text-align:right}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:18px;font-size:11px;margin-bottom:17px}.footer-links a:hover{text-decoration:underline}.mobile-cta{display:none}.site-modal{position:fixed;max-height:min(86vh,900px);width:min(530px,calc(100vw - 28px));border:0;padding:39px 38px;background:var(--cream);box-shadow:0 20px 90px #0005;overflow:auto}.site-modal::backdrop{background:rgba(12,30,16,.7);backdrop-filter:blur(3px)}.modal-close{position:absolute;right:19px;top:15px;font-size:27px;color:var(--green);background:transparent;border:0}.site-modal h2{font:400 34px/1.15 var(--heading);margin:10px 0 14px}.site-modal p{font-size:13px;color:#596c58;margin-bottom:17px}.site-modal .lead-form{display:grid;gap:3px}.site-modal label{font-size:12px}.site-modal .consent{display:flex}.modal-lead textarea{min-height:80px}.modal-detail{background:#eef1e7;border-left:3px solid var(--green);padding:12px 14px;margin:15px 0;font-size:12px}.cookie{position:fixed;z-index:85;left:25px;bottom:20px;width:min(560px,calc(100vw - 50px));padding:17px 20px;display:flex;gap:20px;align-items:center;background:#fff;box-shadow:0 5px 25px #0002;font-size:11px;line-height:1.6}.cookie[hidden]{display:none}.cookie a{text-decoration:underline}.cookie button{padding:8px 13px;background:var(--green);color:#fff;border:0}.reveal{opacity:1;transform:none;transition:transform .85s cubic-bezier(.19,1,.22,1),opacity .75s}.js-motion .reveal{opacity:0;transform:translateY(35px)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}.hero-copy>*{animation:heroEnter .85s both}.hero-copy>*:nth-child(2){animation-delay:.13s}.hero-copy>*:nth-child(3){animation-delay:.25s}.hero-copy>*:nth-child(4){animation-delay:.36s}.hero-copy>*:nth-child(5){animation-delay:.46s}@keyframes heroEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1270px){.hero-picture{margin-right:-32px}.nav{gap:18px}.nav-wrap{gap:17px}.header-phone{display:none}.hero-copy{padding-right:30px}.hero h1{font-size:58px}}
@media(max-width:1050px){.nav{display:none;position:absolute;top:79px;left:0;right:0;padding:19px 32px 24px;background:#faf7f2;border-bottom:1px solid #d6ddd0;box-shadow:0 18px 25px #0001;flex-direction:column;align-items:stretch}.nav.is-open{display:flex}.nav a{font-size:15px;padding:7px 0}.nav-actions{margin-left:auto}.menu-toggle{display:flex}.hero-layout{grid-template-columns:52% 48%}.hero h1{font-size:50px}.hero-chips b{font-size:12px}.hero-chips span{padding:0 11px}.calc-shell{padding:42px 36px}.anatomy-grid{grid-template-columns:47% 53%}.contacts-layout{gap:38px}}
@media(max-width:768px){html{scroll-padding-top:75px}.wrap{width:min(calc(100% - 36px),620px)}.header{height:68px}.nav{top:68px}.brand-symbol{font-size:25px}.brand-name{font-size:24px}.btn-header{font-size:11px;padding:10px 13px;min-height:39px}.hero-layout{display:flex;flex-direction:column}.hero-copy{padding:58px 0 37px}.hero h1{font-size:clamp(42px,8.2vw,60px);margin-right:0}.hero-lead{font-size:14px}.hero-cta{gap:9px}.hero-cta .btn{min-height:51px;flex:1;padding:12px 13px;gap:10px;font-size:12px}.hero-chips{margin-top:33px;justify-content:space-between}.hero-chips span{font-size:10px}.hero-chips b{font-size:12px}.hero-picture{height:470px;min-height:0;margin:0 -18px}.hero-scroll{display:none}.hero-floating{right:17px;bottom:32px;width:190px;padding:17px}.hero-floating strong{font-size:19px}.hero-photo-note{font-size:8px}.trust-grid{grid-template-columns:repeat(2,1fr);gap:0;padding:14px 0}.trust-grid>div{padding:15px 16px!important;border-bottom:1px solid #cdd6c6}.trust-grid>div:nth-child(even){border-right:none}.trust-grid>div:nth-child(n+3){border-bottom:none}.trust-grid strong{font-size:15px}.section{padding:73px 0}.section-lead{display:block;margin-bottom:30px}.section-lead .kicker{margin-bottom:18px}.section h2,.contacts-section h2{font-size:clamp(37px,7vw,48px)}.section-lead p{margin-top:21px;font-size:13px}.about-grid{display:block}.product-figure{min-height:0;aspect-ratio:1}.feature-grid{margin-top:12px}.feature{min-height:205px;padding:20px}.feature h3{font-size:20px}.feature p{font-size:11px}.calculator-section{padding:0}.calc-shell{padding:50px 18px 35px}.calc-grid{display:block}.calc-heading-mark{font-size:51px}.calc-heading h2{font-size:40px}.calc-controls{padding:22px 19px}.calc-result{border-left:0;border-top:1px solid #78926e;padding:27px 19px}.big-input input{height:72px}.calc-heading p{font-size:13px}.anatomy-grid{grid-template-columns:1fr;min-height:0}.anatomy-text{padding:0}.anatomy-visual{min-height:460px}.explode-top,.explode-base{top:15%}.explode-caption{bottom:14px}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-card-detail{padding:14px}.color-card-detail h3{font-size:19px}.color-image{aspect-ratio:1}.individual-color{display:block}.individual-color .text-link{margin-top:18px}.steps-grid{grid-template-columns:1fr;gap:12px}.step-card{display:grid;grid-template-columns:42% 58%;min-height:165px}.step-image{height:100%;aspect-ratio:auto}.step-desc{padding:19px}.step-desc h3{font-size:19px;margin:8px 0}.specs-layout{grid-template-columns:1fr;gap:25px}.specs-note{margin:15px 0}.lead-layout{grid-template-columns:1fr;gap:36px}.lead-copy{padding-top:0}.lead-decoration{display:none}.form-card{padding:28px 23px}.reassure-grid{grid-template-columns:1fr}.reassure{min-height:0;padding:24px}.reassure h3{margin-top:10px}.contacts-layout{grid-template-columns:1fr;gap:36px}.contact-values{gap:15px}.footer-row{display:block}.footer-right{text-align:left;margin-top:26px}.footer-links{justify-content:flex-start}.footer{padding-bottom:100px}.mobile-cta{display:flex;gap:8px;position:fixed;bottom:0;left:0;right:0;padding:10px 13px calc(10px + env(safe-area-inset-bottom));z-index:65;background:#fff;box-shadow:0 -7px 22px #0011001b;justify-content:space-between}.mobile-cta a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;color:var(--green);font-size:10px;font-weight:700;min-width:75px}.mobile-cta a span{font-size:23px;line-height:1.3}.mobile-cta .mobile-primary{background:var(--orange);border-radius:3px;color:#2c281e;flex:1;font-size:13px;min-height:45px}.cookie{bottom:82px;left:11px;width:calc(100vw - 22px)}.site-modal{padding:34px 23px}}
@media(max-width:480px){.brand-name small{display:none}.hero h1{font-size:43px}.hero-cta .btn{font-size:11px}.hero-picture{height:390px}.hero-chips{gap:7px}.hero-chips span{padding:0 8px}.hero-chips b{font-size:10px;white-space:normal}.trust-grid strong{font-size:13px}.trust-grid span{font-size:10px}.feature-grid{gap:8px}.feature{padding:16px;min-height:207px}.feature h3{font-size:18px}.feature p{font-size:10px}.calc-heading-mark{display:none}.calc-shell{padding-top:43px}.calc-heading h2{font-size:37px}.result-number strong{font-size:78px}.color-card-detail h3{font-size:17px}.round-arrow{width:34px;height:34px}.step-card{display:block}.step-image{aspect-ratio:4/3;height:auto}.step-desc{padding:22px}.form-row{gap:9px}.contact-values{grid-template-columns:1fr}.contact-actions{grid-column:auto}.contact-values>div:not(.contact-actions){padding-bottom:16px}.section h2,.contacts-section h2{font-size:39px}}
@media(max-width:350px){.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.hero h1{font-size:38px}.hero-chips{flex-wrap:wrap}.hero-chips span{flex:1 0 30%}.color-grid{gap:7px}.color-card-detail{padding:10px}.color-card-detail span{font-size:8px}.color-card-detail h3{font-size:15px}.feature-grid{grid-template-columns:1fr}.feature{min-height:140px}.nav-actions{gap:6px}.btn-header{padding:9px}.section h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.explode-top{transform:translateY(-54px) rotate(-19deg) skew(3deg,3deg)}.explode-base{transform:translateY(88px) rotate(-19deg) skew(3deg,3deg)}}

/* XYLA Home: фирменная типографика и адаптивный знак — выпуск 2.3 */
.brand{display:inline-flex;flex:0 0 auto;align-items:center;line-height:0;isolation:isolate}
.brand-logo{display:block;width:183px;height:auto;max-width:none;object-fit:contain;transition:transform .32s cubic-bezier(.2,.65,.18,1),opacity .24s}
.brand:hover .brand-logo{transform:translateY(-1px);opacity:.93}
.footer-brand .brand-logo{width:218px}
@media(max-width:1050px){.brand-logo{width:182px}}
@media(max-width:768px){.brand-logo{width:153px}.footer-brand .brand-logo{width:203px}}
@media(max-width:480px){.brand-logo{width:157px}.btn-header{display:none}.nav-wrap{gap:10px}.menu-toggle{flex-shrink:0}.footer-brand .brand-logo{width:194px}}
@media(max-width:350px){.brand-logo{width:150px}.nav-wrap{gap:6px}}
@media(prefers-reduced-motion:reduce){.brand-logo{transition:none}.brand:hover .brand-logo{transform:none}}