:root{--ink:#15181d;--muted:#68707a;--line:#dfe3e7;--soft:#f2f4f6;--paper:#fff;--metal:#cfd5da;--blue:#71808e;--max:1180px;--shadow:0 16px 50px rgba(21,24,29,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:48px 48px;z-index:-1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.skip-link{position:fixed;left:12px;top:-60px;background:#fff;color:#111;padding:10px 14px;z-index:9999;border:1px solid #111}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,227,231,.8)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{width:86px;height:58px;display:flex;align-items:center;overflow:hidden}.brand img{width:58px;height:58px;object-fit:contain;border-radius:14px}.main-nav{display:flex;align-items:center;gap:6px}.main-nav a{padding:10px 13px;font-size:14px;font-weight:650;color:#444b53;border-radius:10px}.main-nav a:hover,.main-nav a:focus-visible{background:#f0f2f4;color:#111}.main-nav .nav-cta{background:#181c21;color:#fff;padding-inline:17px}.menu-toggle{display:none;border:0;background:#181c21;color:#fff;width:44px;height:44px;border-radius:12px;padding:10px}.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0}.hero{padding:70px 0 52px;background:linear-gradient(135deg,#f8f9fa 0%,#eef1f3 58%,#dfe4e8 100%);border-bottom:1px solid #e0e4e7;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#737d87;margin:0 0 12px}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0 0 22px}.hero-lead{font-size:clamp(20px,2.2vw,28px);line-height:1.35;max-width:650px;margin:0 0 16px;font-weight:600;letter-spacing:-.02em}.hero-text{max-width:600px;color:#59616a;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-weight:750;font-size:14px;border:1px solid transparent}.btn-primary{background:#171a1f;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.12)}.btn-ghost{background:rgba(255,255,255,.68);border-color:#cbd1d6}.hero-meta{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:22px;color:#626b74;font-size:12px;font-weight:650}.hero-visual{position:relative}.visual-frame{border-radius:24px;overflow:hidden;background:#d4d8dc;box-shadow:var(--shadow);aspect-ratio:4/5}.visual-frame img{width:100%;height:100%;object-fit:cover}.metal-chip{position:absolute;left:-18px;bottom:22px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);padding:13px 16px;border:1px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:0 12px 35px rgba(0,0,0,.12);display:grid}.metal-chip strong{font-size:13px}.metal-chip span{font-size:11px;color:#69717a}.product-strip{padding:24px 0;background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid figure{margin:0;border-radius:16px;overflow:hidden;background:#e8eaec;min-width:0}.gallery-grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.15/1}.section{padding:94px 0}.section-soft{background:#f5f6f7;border-block:1px solid #e3e6e8}.two-col,.info-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.04em;margin:0}.rich-copy{color:#59616a;font-size:16px}.rich-copy p{margin:0 0 18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.feature-grid article{background:#fff;border:1px solid #e0e4e7;border-radius:18px;padding:25px;box-shadow:0 8px 28px rgba(20,25,30,.04)}.feature-no{display:block;font-size:11px;letter-spacing:.1em;color:#87909a;font-weight:800;margin-bottom:35px}.feature-grid h3{margin:0 0 10px;font-size:19px}.feature-grid p{margin:0;color:#69717a;font-size:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head>p{max-width:440px;color:#6a727b;margin:0}.color-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.color-layout>div:first-child p:last-child{color:#656e77;max-width:620px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.swatches>div{border:1px solid #e0e3e6;padding:16px;border-radius:16px;display:flex;align-items:center;gap:11px;background:#fff}.swatch{width:30px;height:30px;border-radius:50%;border:1px solid #c8ccd0;display:block}.swatch.white{background:#f8f8f7}.swatch.anthracite{background:#3a3f44}.swatch.black{background:#101214}.swatch.custom{background:linear-gradient(135deg,#ddd,#888,#222)}.swatches b{font-size:12px}.section-dark{background:#171a1f;color:#fff}.section-head.dark>p{color:#aeb6bd}.section-dark .eyebrow{color:#aeb6bd}.gallery-main{grid-template-columns:repeat(4,1fr)}.gallery-main figure:first-child{grid-column:span 2;grid-row:span 2}.gallery-main figure:first-child img{aspect-ratio:1/1}.gallery-main img{aspect-ratio:1.15/1}.about .notice{display:grid;gap:4px;background:#f2f4f6;color:#343a40;border-left:3px solid #68737d;padding:18px 20px;border-radius:10px;margin-top:26px}.notice span{color:#6b737c;font-size:14px}.info-grid h3{font-size:20px;color:#222;margin:0 0 8px}.faq details{border-top:1px solid #dfe3e6;padding:20px 0}.faq details:last-child{border-bottom:1px solid #dfe3e6}.faq summary{cursor:pointer;font-size:17px;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:23px;line-height:1;font-weight:400;color:#818991}.faq details[open] summary:after{content:'−'}.faq details p{max-width:760px;color:#68717a;margin:13px 0 0}.contact-section{padding:60px 0 90px;background:#eef1f3}.contact-card{background:#171a1f;color:#fff;border-radius:24px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;box-shadow:0 20px 50px rgba(20,24,29,.14)}.contact-card .eyebrow{color:#9ea8b1}.contact-card h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px}.contact-card p{color:#b8c0c7}.contact-actions{display:grid;gap:10px}.contact-item{display:flex;align-items:center;gap:14px;padding:14px 15px;border:1px solid #353b42;border-radius:13px;background:#20242a}.contact-item:hover{background:#272c32}.contact-item small{display:block;color:#9ea7b0;font-size:11px}.contact-item strong{display:block;font-size:14px}.icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:0 0 40px}.wa-icon,.phone-icon,.mail-icon{position:relative;display:block;width:21px;height:21px}.wa-icon:before{content:"";position:absolute;inset:1px;border:2px solid currentColor;border-radius:50%}.wa-icon:after{content:"";position:absolute;width:6px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;left:1px;bottom:1px;transform:skew(-18deg)}.phone-icon:before{content:"";position:absolute;width:11px;height:17px;border:2px solid currentColor;border-top-color:transparent;border-right-color:transparent;border-radius:4px 4px 10px 10px;left:4px;top:1px;transform:rotate(-35deg)}.mail-icon:before{content:"";position:absolute;inset:3px 1px;border:2px solid currentColor;border-radius:4px}.mail-icon:after{content:"";position:absolute;width:10px;height:10px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);left:5px;top:1px}.contact-item:nth-child(1) .icon{background:#2b3036}.contact-item:nth-child(2) .icon{background:#123c29;color:#55d88c}.contact-item:nth-child(3) .icon{background:#30353b;color:#d8dde1}.site-footer{background:#111418;color:#dce1e5;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:50px}.footer-logo{width:70px;height:70px;object-fit:contain;border-radius:12px;background:#fff;margin-bottom:12px}.footer-grid p{color:#919ba4;max-width:360px;font-size:13px}.footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#aeb6bd}.footer-grid>div:not(:first-child) a{display:block;color:#aab3bb;font-size:13px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #2a2f34;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#707982;font-size:11px}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:10px}.float-btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.7)}.float-btn.whatsapp{background:#159447}.float-btn.call{background:#1b2026}.float-btn .wa-icon,.float-btn .phone-icon{width:23px;height:23px}.error-page{min-height:100vh;display:grid;place-items:center;background:#eef1f3;padding:30px}.error-page main{max-width:650px;text-align:center}.error-page h1{font-size:clamp(34px,6vw,62px);line-height:1.05;letter-spacing:-.05em}.error-page .footer-logo{margin-inline:auto}.error-page p:not(.eyebrow){color:#626b74}.error-page .hero-actions{justify-content:center}@media(max-width:900px){.hero-grid,.two-col,.info-grid,.color-layout,.contact-card{grid-template-columns:1fr}.hero-grid{gap:34px}.two-col,.info-grid{gap:25px}.feature-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>p{margin-top:14px}.footer-grid{grid-template-columns:1fr 1fr}.gallery-main{grid-template-columns:repeat(2,1fr)}.gallery-main figure:first-child{grid-column:span 2;grid-row:auto}.gallery-main figure:first-child img{aspect-ratio:1.3/1}}
@media(max-width:720px){.container{width:min(var(--max),calc(100% - 28px))}.header-inner{min-height:68px}.brand{width:70px;height:52px}.brand img{width:52px;height:52px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:14px;right:14px;top:62px;background:#fff;border:1px solid #dfe3e7;border-radius:16px;padding:8px;box-shadow:0 18px 45px rgba(0,0,0,.14);flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav a{padding:13px 14px}.main-nav .nav-cta{background:#171a1f}.hero{padding:44px 0 34px}.hero h1{font-size:46px}.hero-lead{font-size:20px}.hero-actions{display:grid}.btn{width:100%}.hero-meta{gap:8px 14px}.metal-chip{left:12px;bottom:12px}.product-strip{padding:14px 0}.top-gallery{grid-template-columns:repeat(2,1fr);gap:9px}.top-gallery figure:nth-child(3){display:none}.section{padding:66px 0}.section h2{font-size:34px}.feature-grid{margin-top:25px}.feature-grid article{padding:21px}.feature-no{margin-bottom:25px}.swatches{gap:9px}.swatches>div{padding:12px}.gallery-main{gap:9px}.contact-section{padding:36px 0 70px}.contact-card{padding:26px 20px;border-radius:18px;gap:25px}.contact-card h2{font-size:34px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-bottom{display:grid}.floating-actions{right:13px;bottom:13px}.float-btn{width:49px;height:49px}.rich-copy{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}