:root{--ink:#111311;--paper:#f6f4ef;--warm:#ebe7de;--line:#d6d2c8;--muted:#6c706b;--orange:#f36d21;--dark:#0e100f;--dark2:#171917;--max:1460px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.header{height:94px;background:#f8f7f3;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:70}.header>.wrap{height:100%;display:grid;grid-template-columns:245px 1fr 150px;gap:30px;align-items:center}.brand img{width:220px;height:62px;object-fit:contain;object-position:left center}.header nav{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:24px}.header nav a{height:100%;display:inline-flex;align-items:center;position:relative;font-size:11px;letter-spacing:.075em;text-transform:uppercase;font-weight:800}.header nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:24px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .28s cubic-bezier(.2,.7,.2,1)}.header nav a:hover:after,.header nav a.active:after{transform:scaleX(1);transform-origin:left}.nav-cta{height:52px!important;padding:0 20px;background:var(--orange);color:#fff!important;transition:.25s}.nav-cta:hover{background:#c94f0d;transform:translateY(-1px)}.phone{border-left:1px solid var(--line);padding-left:18px}.phone small{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#8b8e89;font-weight:800;margin-bottom:6px}.phone b{font-family:Manrope,Manrope,Arial,sans-serif;font-size:22px}.mobile-menu{display:none;background:none;border:1px solid #c9c5bb;padding:11px 14px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:10px}.mobile-panel{display:none}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#858985}.eyebrow:before{content:"";width:38px;height:1px;background:var(--orange)}.display{font-family:Manrope,Manrope,Arial,sans-serif;font-weight:700;letter-spacing:-.035em;text-transform:uppercase;line-height:.88;margin:14px 0}.copy{font-size:15px;line-height:1.74;color:var(--muted)}.hero{padding:76px 0 66px;border-bottom:1px solid var(--line);background:#faf9f6}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:end}.hero h1{font-family:Manrope,Manrope,Arial,sans-serif;font-size:clamp(64px,6.3vw,104px);line-height:.84;letter-spacing:-.045em;text-transform:uppercase;margin:18px 0 24px;max-width:850px}.hero p{font-size:17px;line-height:1.68;color:#686c67;max-width:660px;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-actions a{display:inline-flex;align-items:center;gap:20px;padding:14px 16px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;border:1px solid #171917;transition:.25s}.hero-actions a:first-child{background:#111;color:#fff}.hero-actions a:hover{border-color:var(--orange);transform:translateY(-2px)}.hero-board{background:var(--dark);padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:350px}.hero-tile{position:relative;overflow:hidden;min-height:155px}.hero-tile:first-child{grid-row:span 2}.hero-tile img{transition:transform .65s cubic-bezier(.2,.7,.2,1);filter:saturate(.88)}.hero-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,10,9,.72))}.hero-tile span{position:absolute;z-index:2;left:14px;bottom:12px;color:#fff;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.hero-board:hover .hero-tile img{transform:scale(1.025)}.selector{background:var(--dark);color:#fff;border-bottom:1px solid #262926}.selector .wrap{display:grid;grid-template-columns:repeat(5,1fr)}.selector-card{min-height:132px;padding:20px 18px;border-right:1px solid #2a2d2a;position:relative;overflow:hidden;transition:background .28s cubic-bezier(.2,.7,.2,1)}.selector-card:first-child{border-left:1px solid #2a2d2a}.selector-card small{display:block;color:#727670;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:16px;transition:.25s}.selector-card strong{display:block;font-family:Manrope,Manrope,Arial,sans-serif;font-size:27px;line-height:.95;text-transform:uppercase;max-width:180px}.selector-card span{position:absolute;right:17px;bottom:17px;width:33px;height:33px;border:1px solid #4b504b;display:grid;place-items:center;transition:.28s}.selector-card:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:.3s}.selector-card:hover{background:#191c1a}.selector-card:hover:before{transform:scaleX(1);transform-origin:left}.selector-card:hover small{color:var(--orange)}.selector-card:hover span{background:var(--orange);border-color:var(--orange);transform:translate(3px,-3px) rotate(45deg)}.intro{padding:86px 0 46px}.intro-grid{display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:end}.intro h2{font-size:clamp(54px,5.2vw,86px);max-width:900px}.intro p{margin:0}.logic{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:42px}.logic-item{padding:20px 20px 22px;border-right:1px solid var(--line)}.logic-item:first-child{padding-left:0}.logic-item:last-child{border-right:0}.logic-item small{display:block;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#969992;font-weight:800;margin-bottom:7px}.logic-item strong{font-family:Manrope,Manrope,Arial,sans-serif;font-size:24px;text-transform:uppercase}.logic-item p{font-size:12px;line-height:1.55;color:var(--muted);margin:6px 0 0}.cards{padding:34px 0 96px}.system-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.system-card{grid-column:span 4;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden;min-height:475px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.system-card:nth-child(4),.system-card:nth-child(5){grid-column:span 6}.system-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px #14161414}.system-photo{height:255px;overflow:hidden;position:relative;background:#d8d5cd}.system-card:nth-child(n+4) .system-photo{height:290px}.system-photo img{transition:transform .75s cubic-bezier(.2,.7,.2,1)}.system-card:hover .system-photo img{transform:scale(1.035)}.system-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,9,8,.42))}.system-number{position:absolute;top:15px;left:15px;z-index:2;background:#fff;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:.11em}.system-card-copy{padding:23px 24px 24px;position:relative}.system-card-copy small{display:block;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#8d918c;font-weight:800}.system-card-copy h3{font-family:Manrope,Manrope,Arial,sans-serif;font-size:38px;text-transform:uppercase;line-height:.92;margin:8px 52px 11px 0}.system-card-copy p{font-size:12px;line-height:1.62;color:var(--muted);margin:0;max-width:92%}.system-card-arrow{position:absolute;right:22px;top:24px;width:38px;height:38px;border:1px solid #bbb7ad;display:grid;place-items:center;transition:.28s}.system-card:hover .system-card-arrow{background:var(--orange);color:#fff;border-color:var(--orange);transform:translate(3px,-3px) rotate(45deg)}.system-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:.32s}.system-card:hover:after{transform:scaleX(1);transform-origin:left}.compare{background:var(--dark);color:#fff;padding:92px 0}.compare-head{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:end;margin-bottom:38px}.compare-head h2{font-size:clamp(54px,5.2vw,84px)}.compare-head p{color:#a7aaa5;margin:0}.compare-table{border-top:1px solid #343835}.compare-row{display:grid;grid-template-columns:52px 1.1fr .8fr 1.6fr 44px;gap:24px;align-items:center;min-height:94px;border-bottom:1px solid #2e322f;padding:0 12px;position:relative;transition:.28s}.compare-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);transform:scaleY(0);transition:.28s}.compare-row:hover{background:#171a18;padding-left:20px}.compare-row:hover:before{transform:scaleY(1)}.compare-row .num{font-size:9px;color:#6f746e;font-weight:800}.compare-row .name strong{font-family:Manrope,Manrope,Arial,sans-serif;font-size:26px;text-transform:uppercase}.compare-row .name small,.compare-row .cell small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#6f746e;font-weight:800;margin-bottom:4px}.compare-row .cell{font-size:12px;line-height:1.45;color:#c4c7c2}.compare-row .go{width:34px;height:34px;border:1px solid #464b47;display:grid;place-items:center;transition:.28s}.compare-row:hover .go{background:var(--orange);border-color:var(--orange);transform:translate(3px,-3px)}.install{padding:92px 0 106px}.install-head{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:end;margin-bottom:30px}.install-head h2{font-size:clamp(54px,5.2vw,84px)}.install-head p{margin:0}.install-grid{display:grid;grid-template-columns:1.35fr .82fr .82fr;grid-template-rows:260px 260px;gap:12px}.install-card{position:relative;overflow:hidden;background:#ddd}.install-card:first-child{grid-row:span 2}.install-card:nth-child(4){grid-column:span 2}.install-card img{transition:transform .75s cubic-bezier(.2,.7,.2,1)}.install-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,9,8,.8))}.install-card:hover img{transform:scale(1.035)}.install-label{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:20px}.install-label small{display:block;color:#b9bcb7;font-size:8px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:4px}.install-label strong{font-family:Manrope,Manrope,Arial,sans-serif;font-size:27px;text-transform:uppercase;line-height:.95}.install-label span{width:36px;height:36px;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;transition:.28s}.install-card:hover .install-label span{background:var(--orange);border-color:var(--orange);transform:translate(3px,-3px)}.cta{background:var(--warm);padding:86px 0}.cta-grid{display:grid;grid-template-columns:1fr 420px;gap:90px;align-items:end}.cta h2{font-size:clamp(54px,5.2vw,86px)}.cta p{margin:0}.cta a{display:inline-flex;align-items:center;gap:24px;background:var(--orange);color:#fff;padding:15px 18px;margin-top:20px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;transition:.25s}.cta a:hover{background:#c94f0d;transform:translateY(-2px)}footer{background:#090b0a;color:#d6d9d3;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,.75fr);gap:44px}.footer-brand img{width:205px;height:auto;object-fit:contain;background:#fff;padding:5px}.footer-brand p{font-size:12px;line-height:1.7;color:#858983;max-width:360px}.footer-col small{display:block;color:#777a74;font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}.footer-col a,.footer-col span{display:block;font-size:12px;margin:9px 0}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #242725;margin-top:44px;padding-top:18px;color:#676b65;font-size:9px;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between}@media(max-width:1180px){.header>.wrap{grid-template-columns:210px 1fr 130px;gap:18px}.brand img{width:195px}.header nav{gap:16px}.header nav a{font-size:10px}.phone b{font-size:19px}.hero-grid,.intro-grid,.compare-head,.install-head,.cta-grid{grid-template-columns:1fr;gap:36px}.hero-board{max-width:760px}.system-card{grid-column:span 6}.system-card:nth-child(4),.system-card:nth-child(5){grid-column:span 6}.compare-row{grid-template-columns:42px 1fr .8fr 1.4fr 38px}.install-grid{grid-template-columns:1fr 1fr}.install-card:first-child{grid-row:span 1;grid-column:1/-1}.install-card:nth-child(4){grid-column:span 1}}@media(max-width:980px){.header>.wrap{display:flex;justify-content:space-between}.header nav,.phone{display:none}.mobile-menu{display:inline-flex}.mobile-panel{position:fixed;top:94px;left:0;right:0;background:#f8f7f3;border-bottom:1px solid var(--line);z-index:69;padding:18px 32px;grid-template-columns:1fr 1fr;gap:4px}.mobile-panel.open{display:grid}.mobile-panel a{padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.selector .wrap{grid-template-columns:1fr 1fr}.selector-card{border-bottom:1px solid #2a2d2a}.logic{grid-template-columns:1fr}.logic-item{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.logic-item:last-child{border-bottom:0}.compare-row{grid-template-columns:42px 1fr 1.3fr 38px}.compare-row .cell.fit{display:none}}@media(max-width:680px){.wrap{width:calc(100% - 30px)}.header{height:80px}.mobile-panel{top:80px;padding:16px}.brand img{width:178px;height:54px}.hero{padding:56px 0 48px}.hero h1{font-size:58px}.hero p{font-size:15px}.hero-board{grid-template-columns:1fr 1fr;min-height:300px}.hero-tile{min-height:125px}.selector .wrap{grid-template-columns:1fr}.selector-card{min-height:100px}.selector-card strong{font-size:24px}.intro{padding-top:64px}.intro h2,.compare-head h2,.install-head h2,.cta h2{font-size:50px}.system-grid{display:block}.system-card,.system-card:nth-child(4),.system-card:nth-child(5){margin-bottom:14px;min-height:0}.system-photo,.system-card:nth-child(n+4) .system-photo{height:230px}.compare{padding:70px 0}.compare-row{grid-template-columns:34px 1fr 38px;gap:13px;min-height:82px;padding:0 6px}.compare-row .cell{display:none}.compare-row .name strong{font-size:23px}.install-grid{display:block}.install-card,.install-card:first-child,.install-card:nth-child(4){height:300px;margin-bottom:10px}.install-card:first-child{height:390px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}}