:root{--bg:#f8fafc;--surface:#ffffff;--text:#0f172a;--muted:#475569;--line:#e2e8f0;--accent:#0ea5e9;--accent-600:#0284c7;--accent-50:#e0f2fe;--shadow:0 10px 30px rgba(15,23,42,.08)}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Poppins,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-container{width:min(1200px,96vw);margin-inline:auto}.pf-header{position:sticky;top:0;z-index:50;background:#fffc;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);padding:0;margin:0}.pf-header .pf-container{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem!important;width:100%;margin-inline:0}.pf-logo{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:.2px}.pf-logo img{height:37px;width:auto;display:block}.pf-nav{display:flex;align-items:center;gap:1.5rem;padding:0!important;margin:0!important}.pf-nav a,.pf-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;font:inherit;font-size:1.02rem;color:var(--text);text-decoration:none;padding:.58rem 0;border-radius:.5rem;line-height:1.1;cursor:pointer;transition:all .2s ease}.pf-nav a:hover,.pf-nav button:hover{background:none;color:var(--accent);opacity:.8;transition:all .2s ease}.pf-cta{background:#0ea5e9!important;color:#fff!important;border-radius:.6rem;padding:.72rem 1.2rem!important;box-shadow:0 4px 14px #0ea5e94d;font-weight:600;font-size:16px;transition:all .2s ease}.pf-cta:hover{background:var(--accent-600);transform:translateY(-1px);box-shadow:0 6px 18px #0ea5e966}.pf-dropdown{position:relative;margin:0!important;padding:0!important}.pf-dropdown .pf-menu{position:absolute;left:50%;transform:translate(-50%);top:calc(100% + .4rem);min-width:260px;background:var(--surface);border:1px solid var(--line);border-radius:.6rem;box-shadow:var(--shadow);padding:.35rem;list-style:none;margin:0}.pf-dropdown .pf-menu[hidden]{display:none}.pf-dropdown .pf-menu a{display:block;border-radius:.45rem;padding:.55rem .65rem;white-space:nowrap}.pf-dropdown .pf-menu a:hover{background:var(--accent-50);color:var(--accent-600)}.pf-hero{position:relative;height:64vh;min-height:420px;border-bottom:1px solid var(--line);overflow:hidden;background:#eaf6ff}.pf-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.pf-hero img.is-active{opacity:1}.pf-hero-copy{position:absolute;inset:auto 0 0 0;padding:2.2rem 0 2.6rem;background:linear-gradient(180deg,#f8fafc00,#f8fafce6 38%,#f8fafc)}.pf-hero-copy .pf-container{display:grid;gap:.8rem}.pf-hero-copy h1{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:.3px}.pf-hero-copy p{margin:0 0 .4rem;color:var(--muted);max-width:68ch}.pf-hero-actions{display:flex;gap:.7rem;align-items:center}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:.6rem;border:1px solid var(--accent);background:var(--accent);color:#fff;text-decoration:none;cursor:pointer;transition:transform .05s ease,background .2s ease}.pf-btn:hover{background:var(--accent-600)}.pf-btn:active{transform:translateY(1px)}.pf-btn--ghost{background:#fff;color:var(--accent-600);border-color:var(--accent-50)}.pf-btn--ghost:hover{background:var(--accent-50)}.pf-intro{padding:2.2rem 0 2.8rem}.pf-intro .pf-container{display:grid;grid-template-columns:320px 1fr;gap:1.5rem}.pf-intro-text h2{margin:.3rem 0 .4rem;font-size:clamp(1.3rem,2.2vw,1.7rem)}.pf-intro-text p{color:var(--muted)}.pf-materials{position:sticky;top:76px;align-self:start;height:calc(64vh - 76px);min-height:320px;background:var(--surface);border:1px solid var(--line);border-radius:.8rem;box-shadow:var(--shadow);overflow:hidden}.pf-materials-track{height:100%;overflow:auto;padding:.6rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.pf-swatch{margin:0;border:1px solid var(--line);border-radius:.6rem;overflow:hidden;background:var(--surface)}.pf-swatch img{display:block;width:100%;height:78px;object-fit:cover}.pf-swatch figcaption{font-size:.8rem;color:var(--muted);padding:.35rem .45rem}.pf-page{padding:2.2rem 0 0}.pf-page h1{margin:0 0 .8rem;font-size:clamp(1.5rem,2.2vw,2rem)}.pf-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.pf-card{grid-column:span 4;display:block;background:var(--surface);border:1px solid var(--line);border-radius:.7rem;overflow:hidden;box-shadow:var(--shadow)}.pf-card img{display:block;width:100%;height:240px;object-fit:cover}.pf-solution{padding:2.2rem 0 3rem}.pf-solution .pf-container{display:grid;grid-template-columns:320px 1fr;gap:1.6rem}.pf-solution .pf-materials{top:90px;height:calc(70vh - 90px)}.pf-solution-body{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;box-shadow:var(--shadow);padding:1.4rem 1.2rem}.pf-solution-body h1{margin:0 0 .4rem}.pf-lead{color:var(--muted)}.pf-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.materials-action-stack{display:flex;flex-direction:column;align-items:center;gap:16px}.materials-action-btn{position:relative;width:min(320px,100%);min-height:60px;padding:0 18px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;color:#334155;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;text-decoration:none;letter-spacing:.01em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffffff2,#f8fafce6) padding-box,linear-gradient(125deg,#cbd5e1d9,#94a3b873,#e2e8f0d9) border-box;box-shadow:0 8px 20px #0f172a1a,inset 0 1px #ffffffd9;transition:transform .22s ease,box-shadow .22s ease,color .22s ease,background .22s ease;isolation:isolate;overflow:hidden}.materials-action-btn:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,#fff0,#fffffff2,#fff0);opacity:.75;pointer-events:none}.materials-action-btn:after{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:radial-gradient(circle at 50% 90%,rgba(14,165,233,.22),transparent 62%);opacity:0;transform:scale(.94);transition:opacity .22s ease,transform .22s ease;z-index:-1;pointer-events:none}.materials-action-btn:hover{transform:translateY(-2px);color:#0f172a;box-shadow:0 14px 28px #0f172a29,0 0 0 1px #38bdf824,inset 0 1px #ffffffeb}.materials-action-btn:hover:after{opacity:1;transform:scale(1)}.materials-action-btn:active{transform:translateY(0)}.materials-action-btn.is-active{color:#fff;background:linear-gradient(145deg,#1e293bf5,#0f172af5) padding-box,linear-gradient(120deg,#38bdf899,#94a3b859,#38bdf899) border-box;box-shadow:0 12px 26px #02061757,inset 0 1px #ffffff29}.materials-action-btn.is-active:after{opacity:.8;transform:scale(1.02)}.materials-action-btn:focus-visible{outline:2px solid rgba(14,165,233,.65);outline-offset:2px}.materials-action-btn--primary{background:#0ea5e9;border-color:#0ea5e9;color:#fff;box-shadow:0 8px 20px #0ea5e959}.materials-action-btn--primary:before,.materials-action-btn--primary:after{display:none}.materials-action-btn--primary:hover{background:#0284c7;border-color:#0284c7;color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px #0284c766}.pf-footer{border-top:1px solid var(--line);background:#fff}.pf-footer .pf-container{color:var(--muted);font-size:.85rem;width:100%;padding:0 1rem}.pf-footer-content{display:flex;align-items:center;justify-content:space-between;min-height:50px}.pf-footer p{margin:0;font-weight:400}.pf-instagram-link{display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;padding:8px;border-radius:8px;transition:all .2s ease;position:relative}.pf-instagram-link:hover{color:var(--accent);background:var(--accent-50);transform:translateY(-1px)}.pf-instagram-link svg{transition:transform .2s ease}.pf-instagram-link:hover svg{transform:scale(1.1)}@media (max-width: 768px){.pf-footer-content{flex-direction:column;gap:.75rem;text-align:center;padding:1rem 0}}@media (max-width: 1024px){.pf-intro .pf-container,.pf-solution .pf-container{grid-template-columns:1fr}.pf-materials{position:relative;top:auto;height:auto;border-radius:.7rem}.pf-materials-track{display:flex;overflow:auto;height:auto}.pf-swatch{min-width:120px;flex:0 0 120px}.pf-card{grid-column:span 6}}@media (max-width: 1024px){[style*="gridTemplateColumns: '2fr 1fr'"],[style*="gridTemplateColumns: '7fr 5fr'"]{display:block!important}[style*="minmax(7.8vw, 1fr)"]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important}[style*="width: '7.8vw'"]{width:80px!important;height:80px!important}[style*="position: 'sticky'"]{position:relative!important}}@media (max-width: 768px){.contact-form-grid{grid-template-columns:1fr!important}[style*="width: '300px'"]{width:100%!important;max-width:300px!important}.materials-action-stack{gap:12px}.materials-action-btn{min-height:56px;width:min(320px,calc(100% - 20px));font-size:15px}[style*="gridTemplateColumns: '2fr 1fr'"]{grid-template-columns:1fr!important;min-height:auto!important}[style*="padding: '60px 50px'"]{padding:40px 30px!important}}@media (max-width: 640px){.pf-nav{gap:.4rem}.pf-hero{min-height:360px}.pf-card img{height:180px}.pf-card{grid-column:span 12}.pf-hero-actions{flex-wrap:wrap}[style*="marginBottom: '3rem'"]{margin-bottom:2rem!important}[style*="fontSize: '38px'"]{font-size:28px!important}[style*="fontSize: '20px'"]{font-size:18px!important}[style*="padding: '20px 50px'"]{padding:20px!important}[style*="paddingLeft: '50px'"]{padding-left:20px!important}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-fast{0%{transform:translate(0)}to{transform:translate(-50%)}}.menu__item{transition:all .3s ease;font-family:Inter,Poppins,Segoe UI,system-ui,-apple-system,sans-serif}.flowing-menu-section .menu__item+.menu__item{border-top:1px solid #fff}.flowing-menu-section .menu__item-link{line-height:1}.menu__item:hover{transform:scale(1.02)}.menu__item-link:hover{color:#060010!important}.menu__item-link:focus:not(:focus-visible){color:#fff!important}.marquee{transition:transform .4s cubic-bezier(.16,1,.3,1)!important}.menu__item-link:hover+.marquee{transform:translateZ(0)!important}.pf-mobile-menu-btn{display:none;flex-direction:column;justify-content:center;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;z-index:1000}.pf-mobile-menu-btn span{display:block;height:3px;width:100%;background:var(--text);margin:3px 0;transition:.3s;border-radius:2px}.pf-mobile-menu-btn:hover span{background:var(--accent)}@media (max-width: 800px){html,body{overflow-x:hidden;max-width:100vw}*{max-width:100%}.pf-mobile-menu-btn{display:flex}.pf-nav{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:left .3s ease;z-index:999;padding:2rem;box-shadow:2px 0 10px #0000001a}.pf-nav-mobile-open{left:0}.pf-nav a{font-size:1.5rem;padding:1rem 2rem;text-align:center;width:100%;border-bottom:1px solid var(--line)}.pf-nav .pf-cta{font-size:1.2rem;padding:1rem 2rem;width:auto;margin-top:1rem}.pf-dropdown{width:100%;text-align:center}.pf-dropdown button{font-size:1.5rem;padding:1rem 2rem;width:100%;background:none;border:none;border-bottom:1px solid var(--line);cursor:pointer;color:var(--text)}.pf-dropdown .pf-menu{position:static;transform:none;left:auto;width:100%;background:var(--accent-50);margin-top:1rem;border-radius:.5rem}.pf-dropdown .pf-menu a{font-size:1.2rem;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.pf-header .pf-container{padding:.5rem 1rem}.pf-logo span{display:none}.pf-logo img{height:30px}.pf-hero{min-height:300px;height:50vh}.pf-hero-copy{padding:1.5rem 0 2rem}.pf-hero-copy h1{font-size:1.8rem;margin-bottom:.5rem}.pf-hero-copy p{font-size:.9rem;margin-bottom:1rem}.pf-hero-actions{flex-direction:column;gap:.8rem;align-items:stretch}.pf-btn{padding:.8rem 1.5rem;font-size:.9rem;text-align:center}.pf-materials{display:none!important}.pf-intro .pf-container{display:block;padding:1.5rem 1rem}.pf-intro-text h2{font-size:1.5rem;margin-bottom:1rem}.pf-intro-text p{font-size:.9rem;margin-bottom:1.5rem}.pf-solution .pf-container{display:block;padding:1.5rem 1rem}.pf-solution-body{padding:1.5rem 1rem;margin-top:1rem}.pf-solution-body h1{font-size:1.8rem;margin-bottom:1rem}.pf-grid{display:block;gap:1rem}.pf-card{margin-bottom:1rem;grid-column:span 12}.pf-card img{height:200px}.contact-form-grid{grid-template-columns:1fr!important;gap:1rem!important}.contact-image{display:none!important}.contact-section-grid{grid-template-columns:1fr!important;min-height:auto!important}.contact-form-container{padding:40px 20px!important}.materials-showcase-grid{display:block!important}.materials-colors-container{display:none!important}.materials-text-content{padding:20px!important;position:static!important;text-align:center}.materials-text-content div[style*="fontSize: '38px'"]{font-size:28px!important}.materials-text-content p[style*="fontSize: '20px'"]{font-size:16px!important;margin:15px 10px!important}.pf-page{padding:1rem 0}.pf-page h1{font-size:1.6rem;margin:0 1rem 1rem}.pf-container{width:100%;max-width:100vw;padding:0 1rem;margin-inline:0;box-sizing:border-box}.hero-section{width:100%!important;max-width:100%!important;left:0!important;right:0!important}.pf-hero{width:100%;max-width:100%}section{max-width:100%;overflow-x:hidden}.pf-footer-content{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem 0}.marquee-container{padding:1rem 0;width:100%;max-width:100%;overflow:hidden}.menu__item{min-width:180px!important;margin:0 .5rem;flex-shrink:0}.menu__item-link{font-size:.9rem!important;padding:.8rem 1rem!important}.product-description-container{left:50%!important;right:auto!important;transform:translate(-50%)!important;bottom:1rem!important;max-width:90%!important;padding:0 1rem}.flowing-menu-section{margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;width:100vw!important;max-width:100vw!important}.menu__item{width:100%!important;box-shadow:none!important;border-top:1px solid #fff!important;border-left:none!important;border-right:none!important;border-bottom:none!important;margin:0!important}.flowing-menu-section nav{width:100%!important;margin:0!important;padding:0!important}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}