:root{--ink:#15252a;--dark:#102024;--dark2:#172f33;--muted:#667579;--light:#f5f6f3;--paper:#fdfdfb;--line:#dce3df;--accent:#c6ff62;--accent2:#9bdf54;--radius:22px;--sh:0 24px 64px rgba(12,35,36,.09);--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fafbf9;color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #70a4b5;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.047em}h2{font-size:clamp(2.5rem,5.5vw,5.25rem);font-weight:650}h3{font-weight:650}.container{width:min(1248px,calc(100% - 80px));margin-inline:auto}.section{padding:118px 0}.skip-link{position:absolute;left:12px;top:-70px;background:#fff;padding:12px;z-index:300}.skip-link:focus{top:12px}.announce{height:32px;display:flex;align-items:center;justify-content:center;gap:10px;color:#dae6e4;background:#173037;font-size:10px;font-weight:800;letter-spacing:.125em;text-transform:uppercase}.announce__dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.announce__sep{opacity:.45}.site-header{height:83px;position:sticky;top:0;background:rgba(249,251,248,.96);z-index:80;border-bottom:1px solid #e5e9e6;backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.brand-mark{width:26px;height:26px;display:flex;align-items:flex-end;gap:3px;transform:rotate(-15deg)}.brand-mark span{display:block;width:6px;border-radius:3px;background:#7da748;height:18px}.brand-mark span:first-child{height:12px;background:#203b40}.brand-mark span:last-child{height:25px;background:#b4da70}.brand-name{font-size:29px;font-weight:850;letter-spacing:-.085em;line-height:1}.brand-period{color:#8fbd49}.brand-divider{height:22px;width:1px;background:#c9cfca;margin:0 8px}.brand-sub{color:#647475;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;margin-top:3px}.nav{display:flex;gap:32px;align-items:center}.nav>a{font-size:13px;color:#344a4e;font-weight:680;transition:color .2s}.nav>a:hover{color:#62892e}.nav-actions{display:flex;gap:16px;align-items:center}.nav-phone{font-size:13px;font-weight:800;letter-spacing:-.025em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;border-radius:999px;padding:17px 24px;font-size:14px;font-weight:800;line-height:1.3;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-align:center}.btn span{font-size:19px;font-weight:550;line-height:1}.btn:hover{transform:translateY(-2px)}.btn--small{padding:12px 18px;font-size:12px;gap:14px}.btn--dark{background:#152a30;color:#fff}.btn--dark:hover{background:#26454b}.btn--accent{background:var(--accent);color:#142626;box-shadow:0 10px 24px rgba(186,251,93,.17)}.btn--accent:hover{background:#dcff9d;box-shadow:0 14px 36px rgba(186,251,93,.24)}.btn--glass{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2)}.btn--glass:hover{background:rgba(255,255,255,.17)}.btn--wide{width:100%;justify-content:space-between}.menu-btn{display:none;width:42px;height:42px;border:1px solid #d8dfdd;border-radius:12px;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px}.menu-btn span{display:block;width:18px;height:2px;background:#243b3d;border-radius:5px}
/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 48% 72% at 89% 46%,rgba(49,101,97,.55),transparent 68%),linear-gradient(115deg,#0d1d22 10%,#162c31 63%,#1d383a 100%);color:#fff}.hero-grid{position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 12%,black 84%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(36px);pointer-events:none}.hero-orb--one{width:390px;height:390px;right:-120px;top:-110px;background:rgba(176,255,96,.1)}.hero-orb--two{width:270px;height:270px;left:31%;bottom:-130px;background:rgba(89,172,154,.11)}.hero__inner{min-height:635px;display:grid;grid-template-columns:.99fr 1.01fr;align-items:center;gap:30px;padding-top:48px;padding-bottom:57px}.eyebrow{color:#668452;font-size:11px;font-weight:850;letter-spacing:.19em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px}.eyebrow--light{color:var(--accent)}.eyebrow__line{display:block;height:1px;width:24px;background:currentColor}.hero h1{font-size:clamp(3.7rem,6.35vw,6.6rem);letter-spacing:-.075em;line-height:1.02;margin:25px 0 30px;font-weight:700}.hero h1 em{font-weight:450;letter-spacing:-.065em;color:var(--accent);font-style:normal;font-family:Georgia,serif}.hero-stop{color:var(--accent)}.hero-lead{color:#c4d0cd;max-width:520px;font-size:16px;line-height:1.9;margin-bottom:31px}.hero-lead b{color:#f8fcfa}.hero-cta{display:flex;flex-wrap:wrap;gap:10px}.hero-footnote{display:flex;align-items:center;gap:10px;color:#b5c3be;margin-top:36px;font-size:11px;letter-spacing:.02em}.footnote-icon{color:var(--accent);display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #789767;border-radius:50%;font-size:12px}.hero-stage{height:520px;position:relative;isolation:isolate;perspective:900px}.stage-rings{position:absolute;inset:5% 0;display:grid;place-items:center;opacity:.65;pointer-events:none}.stage-rings span{position:absolute;aspect-ratio:1;border:1px solid rgba(204,250,210,.17);border-radius:50%;width:68%;transform:rotate(-25deg) scaleX(1.1)}.stage-rings span:nth-child(2){width:88%;opacity:.56}.stage-rings span:nth-child(3){width:110%;opacity:.34}.hero-device{position:absolute;display:grid;place-items:center;border-radius:30px;box-shadow:0 26px 48px rgba(4,17,20,.25),inset 0 1px 0 rgba(255,255,255,.7);background:linear-gradient(140deg,#fdfefe,#e8eeec);border:1px solid rgba(255,255,255,.4);transition:transform .3s ease;overflow:hidden}.hero-device img{width:90%;height:86%;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(14,37,36,.16))}.hero-device--main{width:65%;height:57%;top:13%;right:8%;transform:rotate(5deg)}.hero-device--main:hover{transform:rotate(2deg) translateY(-5px)}.hero-device--side{width:45%;height:35%;left:0;top:39%;transform:rotate(-9deg)}.hero-device--side:hover{transform:rotate(-4deg) translateY(-4px)}.hero-device--bottom{width:43%;height:26%;right:4%;bottom:0;transform:rotate(7deg)}.hero-device--bottom:hover{transform:rotate(2deg) translateY(-4px)}.stage-caption{position:absolute;color:#aaccb7;font-weight:800;font-size:9px;letter-spacing:.18em;display:flex;gap:10px;align-items:center;z-index:5}.stage-caption--top{top:3%;right:13%}.stage-caption--bottom{bottom:8%;left:2%}.stage-caption__led{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}.stage-cross{font-size:15px}.hero-bottomline{border-top:1px solid rgba(236,255,244,.16);background:rgba(1,9,11,.2)}.hero-bottomline__inner{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:18px}.hero-bottomline__inner div{font-size:12px;color:var(--accent);font-weight:750}.hero-bottomline__inner span{color:#d4e0dc;font-size:10px;letter-spacing:.1em;margin-left:9px}.hero-bottomline__inner a{font-size:26px;line-height:1;color:var(--accent)}
/* Sections */
.section-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.section-top h2{margin:15px 0 0}.serif-italic{font-family:Georgia,Times,serif;font-weight:400;font-style:italic;letter-spacing:-.07em}.section-intro{color:var(--muted);max-width:335px;margin-bottom:8px;font-size:15px;line-height:1.85}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border-radius:24px;padding:25px 25px 21px;min-height:560px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .26s,box-shadow .26s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--sh)}.product-card--dark{color:#fff;background:#20353a}.product-card--sand{background:#f0ede5}.product-card--mint{background:#e5eeea}.product-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;font-weight:780;letter-spacing:.13em;opacity:.85}.pill{background:rgba(17,40,42,.08);border-radius:99px;padding:6px 9px;font-size:9px;white-space:nowrap}.pill--light{background:rgba(255,255,255,.15)}.product-img-wrap{height:240px;position:relative;display:grid;place-items:center;isolation:isolate}.product-halo{position:absolute;width:78%;height:70%;border-radius:50%;background:#fff;opacity:.36;filter:blur(40px);z-index:-1}.product-card--dark .product-halo{background:#aae28b;opacity:.08}.product-img{width:86%;max-height:205px;object-fit:contain;filter:drop-shadow(0 18px 13px rgba(12,28,27,.2));transition:transform .3s}.product-card:hover .product-img{transform:scale(1.055)}.product-img--pro{width:98%}.product-img--it800{width:83%;max-height:224px}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.product-meta h3{font-size:25px;letter-spacing:-.05em;margin:0 0 2px}.product-meta p{margin:0;font-size:12px;color:inherit;opacity:.65}.product-code{font-size:8px;letter-spacing:.09em;font-weight:850;opacity:.5;white-space:nowrap}.product-desc{font-size:13px;line-height:1.75;opacity:.8;margin:18px 0 18px;min-height:68px}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.product-tags span{font-size:10px;padding:6px 9px;border:1px solid currentColor;border-radius:50px;opacity:.68}.product-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;background:transparent;border:0;border-top:1px solid currentColor;padding:17px 0 0;color:inherit;font-size:12px;font-weight:850}.product-link span{font-size:22px}.product-link:hover{text-decoration:underline;text-underline-offset:3px}.under-products{margin-top:22px;display:flex;gap:10px;color:#718080;font-size:12px;line-height:1.7}.icon-inline{color:#719b43;font-size:17px;line-height:1}
/* Systems */
.systems-section{background:#12252a;color:#eaf1ed;padding-bottom:100px}.section-top--light .section-intro{color:#aabfba}.section-top--light h2{color:#f7fbf9}.system-list{display:grid;gap:14px}.system-card{min-height:360px;display:grid;grid-template-columns:95px 1.07fr .93fr;border:1px solid #344b4f;border-radius:23px;overflow:hidden;position:relative;background:#1a3035}.system-number{padding:30px 0 0 29px;color:#c5ff7b;font-size:22px;font-weight:750;letter-spacing:-.055em}.system-number span{font-size:10px;color:#7e9993;vertical-align:top;margin-left:4px;font-weight:600}.system-content{padding:39px 30px 33px 0;z-index:1}.system-label{color:#a9c49a;font-size:10px;letter-spacing:.14em;font-weight:850;margin-bottom:12px}.system-content h3{font-size:clamp(2rem,3.65vw,3.4rem);margin:0 0 16px}.system-content p{max-width:460px;color:#bac9c4;font-size:13px;line-height:1.85;margin:0 0 18px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}.chips span{display:inline-block;border-radius:99px;padding:6px 9px;border:1px solid #446367;color:#d0e1d7;font-size:10px;white-space:normal}.text-arrow{border:0;background:none;padding:0;color:var(--accent);font-size:13px;font-weight:850;display:inline-flex;gap:20px;align-items:center}.text-arrow:hover{text-decoration:underline;text-underline-offset:5px}.text-arrow span{font-size:19px}.system-visual{position:relative;min-height:345px;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-boiler{background:radial-gradient(circle at 50% 55%,#365751 0%,#2b4847 33%,#1c3839 68%,#193338 100%)}.line-art--big{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:170px;letter-spacing:-.1em;color:rgba(255,255,255,.038);font-weight:900}.boiler-unit{height:210px;width:166px;border-radius:19px;background:linear-gradient(140deg,#fefefe,#d3dfdc);transform:rotate(10deg);box-shadow:25px 35px 35px rgba(0,0,0,.27),inset 2px 2px 2px #fff;position:relative;display:flex;justify-content:center;align-items:center}.boiler-screen{height:91px;width:116px;display:grid;place-items:center;background:#dde9de;border:6px solid #ebf5ed;border-radius:7px;color:#283e3d;font-size:32px;font-weight:450;letter-spacing:-.06em}.boiler-button{position:absolute;bottom:20px;width:28px;height:5px;border-radius:5px;background:#b9c7c3}.visual-label{position:absolute;bottom:19px;left:24px;z-index:5;font-size:9px;letter-spacing:.16em;color:#b9d0c9;font-weight:800}.visual-floor{background:#dee6e1;color:#548a73}.floor-visual-card{position:relative;z-index:2;width:79%;padding:34px 20px 26px;border-radius:20px;background:#f8faf8;box-shadow:0 19px 45px rgba(17,51,47,.15);transform:rotate(4deg)}.floor-visual-card img{width:100%;height:130px;object-fit:contain}.floor-visual-card>span{font-size:9px;font-weight:850;letter-spacing:.16em;color:#708078}.visual-floor .visual-label{color:#607a70}.circuit-art{position:absolute;inset:auto 5% -40px;opacity:.47;width:90%;height:auto;z-index:1;stroke:#709d92;fill:#709d92}.visual-smart{background:radial-gradient(circle at 48% 45%,#406f65,#233f44 58%,#203a41)}.orbit{position:absolute;border:1px dashed rgba(172,240,188,.3);border-radius:50%;aspect-ratio:1}.orbit--first{width:230px}.orbit--second{width:340px;opacity:.6}.orbit--third{width:450px;opacity:.25}.node{position:absolute;display:grid;place-items:center;color:#c4e4d5;background:#385950;border:1px solid #8daf9b;box-shadow:0 12px 22px rgba(4,22,22,.2);width:47px;height:47px;border-radius:17px;font-size:19px}.node--a{top:16%;left:23%}.node--b{top:26%;right:18%}.node--c{bottom:24%;left:28%}.node--center{border-radius:50%;height:126px;width:126px;background:linear-gradient(135deg,#c0ff71,#88d665);color:#1b362f;border:6px solid rgba(255,255,255,.13);font-size:20px;font-weight:850;letter-spacing:-.06em}.node--center span{font-weight:600}.systems-note{color:#93aba4;font-size:12px;line-height:1.7;max-width:860px;margin:20px 0 0}
/* Selector */
.selector{background:#f1f5ef}.selector-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.selector-copy h2{margin:20px 0 24px}.selector-copy>p{color:#6d7b75;max-width:460px;font-size:15px;line-height:1.9}.selector-note{display:flex;gap:14px;align-items:flex-start;margin-top:35px;border-top:1px solid #d5e0d9;padding-top:22px;max-width:430px;color:#7b8b82;font-size:12px}.selector-note>span{color:#6b8e49;font-size:20px;line-height:1}.selector-box{background:#fff;border-radius:23px;border:1px solid #dee7df;padding:35px;box-shadow:0 24px 48px rgba(54,91,64,.07)}.selector-box__head{display:flex;align-items:center;justify-content:space-between;color:#8c9c90;font-size:10px;font-weight:780;letter-spacing:.13em;margin-bottom:16px}.selector-bullet{color:#aacc7c;letter-spacing:.45em}.selector-box h3{font-size:27px;letter-spacing:-.06em;margin-bottom:24px}.select-options{display:grid;gap:9px;margin-bottom:24px}.select-options label{position:relative;display:flex;align-items:center;gap:12px;padding:15px 14px;border:1px solid #e4e9e3;border-radius:14px;cursor:pointer;transition:background .2s,border .2s}.select-options label:has(input:checked){background:#f0f9e3;border-color:#afd388}.select-options label:focus-within{outline:2px solid #8dc063}.select-options input{position:absolute;opacity:0;width:0;height:0}.select-indicator{width:19px;height:19px;flex:none;border:1.7px solid #a5b3a7;border-radius:50%;display:grid;place-items:center}.select-options label:has(input:checked) .select-indicator{border-color:#6e9e32}.select-options label:has(input:checked) .select-indicator:after{content:"";background:#79a744;width:9px;height:9px;border-radius:50%}.select-options label>span:nth-of-type(2){flex:1;color:#2a413a;font-size:13px;font-weight:800}.select-options small{display:block;font-size:11px;color:#819087;font-weight:450;margin-top:2px}.select-options b{color:#8ca68a;font-size:16px;font-weight:450}.selector-fine{font-size:10px;text-align:center;color:#97a29b;margin:14px 0 0}
/* Benefits and FAQ */
.benefits{background:#fff}.benefits-header h2{margin:20px 0 45px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.benefit{border-top:1px solid #dbe2dc;padding-top:25px}.benefit-icon{height:58px;width:58px;display:grid;place-items:center;border-radius:18px;background:#eff5e9;color:#4e7a45;font-size:29px;margin-bottom:30px}.benefit h3{font-size:20px;letter-spacing:-.03em;margin:0 0 12px}.benefit p{font-size:14px;color:#7d8a83;line-height:1.8;max-width:330px}.faq-section{background:#f5f7f3}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%}.faq-layout h2{margin:19px 0}.faq-list{border-top:1px solid #d7e1d9}.faq-list details{border-bottom:1px solid #d7e1d9}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:750;cursor:pointer;padding:21px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:27px;color:#7c9863;font-weight:350;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:#6e8074;line-height:1.85;margin:0 0 23px;max-width:680px}
/* Contact & footer */
.contact-band{background:linear-gradient(115deg,#163137,#234941);color:#f6f9f6;position:relative;overflow:hidden}.contact-band:after{content:"";width:380px;height:380px;position:absolute;right:25%;top:-190px;border:1px solid rgba(190,248,175,.15);border-radius:50%;box-shadow:0 0 0 60px rgba(176,225,158,.025),0 0 0 120px rgba(176,225,158,.025);pointer-events:none}.contact-band__inner{padding:68px 0;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1}.contact-band h2{font-size:clamp(2.5rem,4.4vw,4.35rem);margin:17px 0 0}.contact-band h2 em{font-family:Georgia,serif;font-style:italic;font-weight:450;letter-spacing:-.07em;color:var(--accent)}.contact-band__right{width:280px;flex:0 0 auto;display:grid;gap:15px}.contact-band__phone{color:#d7e6db;font-size:14px;font-weight:750;text-align:center}.footer{background:#f9faf8;padding:63px 0 0}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-bottom:60px}.brand--footer{margin-bottom:23px}.footer-top p{font-size:13px;max-width:325px;color:#7b8b82;line-height:1.8}.footer-links{display:flex;flex-direction:column;align-items:start;gap:10px}.footer-links>span{font-size:10px;letter-spacing:.17em;color:#92a299;font-weight:850;margin-bottom:8px}.footer-links a{font-size:13px;font-weight:680;color:#3a514b}.footer-links a:hover{color:#638a3e}.footer-bottom{border-top:1px solid #e0e8e2;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8b9a91;font-size:10px}.mobile-cta{display:none}
/* Contact dialog */
.contact-overlay[hidden]{display:none}.contact-overlay{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:18px}.contact-backdrop{position:absolute;inset:0;background:rgba(5,25,27,.7);backdrop-filter:blur(6px)}.contact-dialog{position:relative;background:#fbfdf9;color:#263f38;border-radius:28px;padding:40px;width:min(470px,100%);max-height:min(90vh,790px);overflow:auto;box-shadow:0 40px 120px #001b1b66}.dialog-close{border:1px solid #dfebe2;background:#fff;width:38px;height:38px;position:absolute;right:22px;top:21px;display:grid;place-items:center;border-radius:50%;font-size:26px;color:#486256}.dialog-decoration{position:absolute;right:54px;top:95px;font-size:72px;color:#e0eadc;line-height:1;pointer-events:none}.contact-dialog h2{font-size:clamp(2.1rem,5vw,3.2rem);max-width:380px;margin:16px 0 18px}.dialog-selected{background:#edf6e5;border-radius:12px;padding:10px 13px;font-size:12px;color:#60814b}.dialog-selected b{color:#1b3d2b}.dialog-lead{font-size:13px;color:#72867a;line-height:1.75;margin:16px 0 24px}.dialog-option{display:flex;align-items:center;gap:15px;padding:14px 12px;border-radius:13px;border:1px solid #dfe8e1;background:#fff;margin-bottom:8px;transition:background .2s,transform .2s}.dialog-option:hover{background:#f0f6ec;transform:translateX(2px)}.dialog-option__icon{width:39px;height:39px;display:grid;place-items:center;background:#eaf2e4;border-radius:11px;color:#638a46;font-size:19px}.dialog-option>span:nth-child(2){flex:1}.dialog-option b{display:block;font-size:13px}.dialog-option small{display:block;color:#94a298;font-size:12px;margin-top:1px}.dialog-option strong{font-size:20px;color:#789f64}.copy-subject{width:100%;border:0;background:none;color:#719260;font-size:12px;font-weight:750;padding:14px}.copy-subject span{font-size:20px;margin-left:10px}body.dialog-open{overflow:hidden}
/* Motion and responsiveness */
@media(prefers-reduced-motion:no-preference){.hero-stage{animation:stageIn .9s .1s both}.hero-copy{animation:stageIn .6s both}.stage-caption__led{animation:softpulse 2.5s infinite}@keyframes stageIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes softpulse{50%{box-shadow:0 0 23px var(--accent);opacity:.75}}}
@media(max-width:1120px){.container{width:min(100% - 56px,1248px)}.nav{gap:17px}.nav-phone{display:none}.brand-sub{display:none}.brand-divider{display:none}.hero h1{font-size:clamp(3.3rem,6.1vw,6rem)}.hero__inner{gap:0}.product-card{padding:20px}.product-meta h3{font-size:22px}.system-card{grid-template-columns:70px 1.1fr .9fr}.system-number{padding-left:20px}.system-content{padding-right:14px}.selector-layout{gap:6%}}
@media(max-width:800px){.container{width:min(100% - 36px,680px)}.announce{font-size:9px}.announce__sep,.announce span:last-child{display:none}.site-header{height:69px}.brand-name{font-size:27px}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fbfdfb;border-bottom:1px solid #dce4dc;padding:22px 18px 25px;box-shadow:0 20px 35px rgba(0,0,0,.07)}.nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:16px}.nav a{font-size:16px}.nav-actions{margin-left:auto}.nav-actions .btn{display:none}.menu-btn{display:flex}.hero__inner{grid-template-columns:1fr;min-height:auto;padding:72px 0 55px}.hero h1{font-size:clamp(3.35rem,9.4vw,6rem)}.hero-copy{max-width:650px}.hero-lead{max-width:560px}.hero-stage{margin-top:25px;height:440px}.hero-bottomline__inner{flex-wrap:wrap;gap:10px;min-height:70px;padding:15px 0}.hero-bottomline__inner div{font-size:10px}.hero-bottomline__inner span{font-size:9px}.hero-bottomline__inner a{display:none}.section{padding:76px 0}.section-top{align-items:start;flex-direction:column;gap:18px;margin-bottom:30px}.section-top h2{font-size:clamp(2.7rem,6vw,4.6rem)}.section-intro{max-width:600px}.products-grid{grid-template-columns:1fr 1fr}.products-grid .product-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;min-height:330px}.products-grid .product-card:last-child>.product-topline{grid-column:1/-1}.products-grid .product-card:last-child>.product-img-wrap{grid-row:2/7;grid-column:1;height:auto}.products-grid .product-card:last-child>.product-meta,.products-grid .product-card:last-child>.product-desc,.products-grid .product-card:last-child>.product-tags,.products-grid .product-card:last-child>.product-link{grid-column:2}.product-card{min-height:570px}.system-card{grid-template-columns:65px 1fr;min-height:auto}.system-visual{grid-column:1/-1;min-height:270px}.system-content{padding:32px 25px 33px 0}.system-number{padding-top:32px}.system-content h3{font-size:clamp(2.2rem,6vw,3.2rem)}.selector-layout{grid-template-columns:1fr;gap:30px}.selector-copy h2{font-size:clamp(2.7rem,6vw,4.3rem)}.selector-note{margin-top:20px}.benefits-grid{gap:18px}.faq-layout{grid-template-columns:1fr;gap:20px}.contact-band__inner{flex-direction:column;align-items:stretch;gap:30px}.contact-band__right{width:100%}.footer-top{grid-template-columns:1.1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:start}}
@media(max-width:540px){.container{width:calc(100% - 32px)}.announce{font-size:8px}.hero__inner{padding:54px 0 35px}.hero h1{font-size:clamp(3rem,12.3vw,4.7rem);margin:21px 0}.hero-lead{font-size:14px;line-height:1.8}.hero-cta{gap:9px}.hero-cta .btn{width:100%;justify-content:space-between}.hero-footnote{margin-top:22px}.hero-stage{height:310px;margin:20px -4px 0}.hero-device{border-radius:18px}.hero-device--main{top:12%;right:8%;width:69%;height:54%}.hero-device--side{top:41%;width:45%;height:35%}.hero-device--bottom{right:4%;bottom:1%;height:27%;width:47%}.stage-caption{font-size:7px}.stage-caption--top{right:6%}.stage-caption--bottom{bottom:3%;left:1%}.hero-bottomline__inner{justify-content:center}.hero-bottomline__inner div{flex:1;min-width:90px;text-align:center;font-size:10px}.hero-bottomline__inner span{display:block;margin:3px 0 0;font-size:8px}.section{padding:65px 0}.section-top h2,.benefits-header h2,.faq-layout h2{font-size:clamp(2.6rem,10vw,3.6rem)}.products-grid{grid-template-columns:1fr}.products-grid .product-card:last-child{display:flex;grid-column:auto;min-height:510px}.products-grid .product-card:last-child>.product-img-wrap{height:235px}.product-card{min-height:510px;padding:22px}.product-img-wrap{height:222px}.product-desc{min-height:auto}.system-card{grid-template-columns:57px 1fr}.system-number{padding-left:13px;font-size:19px}.system-number span{display:block;margin-left:0}.system-content{padding:30px 16px 30px 0}.system-content h3{font-size:2.4rem}.system-content p{font-size:12px}.system-visual{min-height:240px}.visual-floor .floor-visual-card img{height:90px}.selector-box{padding:23px}.selector-box h3{font-size:24px}.benefits-grid{grid-template-columns:1fr;gap:20px}.benefit{padding-top:20px}.benefit-icon{margin-bottom:16px}.benefit p{max-width:unset}.contact-band__inner{padding:59px 0 65px}.contact-band h2{font-size:2.55rem}.footer{padding-top:50px;padding-bottom:73px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/-1}.footer-links a{overflow-wrap:anywhere}.mobile-cta{display:flex;align-items:center;gap:10px;position:fixed;bottom:0;left:0;right:0;background:rgba(250,251,249,.98);border-top:1px solid #dce5df;padding:9px 15px max(9px,env(safe-area-inset-bottom));z-index:70}.mobile-cta .btn{flex:1;padding:14px 18px;justify-content:space-between;font-size:13px}.mobile-cta__phone{display:grid;place-items:center;background:#e7eee6;width:50px;height:49px;border-radius:999px;font-size:20px;color:#244b3d}.contact-dialog{padding:30px 24px;border-radius:20px}.contact-dialog h2{font-size:2.3rem}.dialog-decoration{font-size:45px;right:55px;top:90px}}
