@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#23477c;--dark:#17365f;--green:#80b52b;--green-dark:#68951f;--ink:#17263b;--muted:#6e7b8d;--line:#e5eaf0;--soft:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 44px));margin:auto}.top-strip{background:var(--dark);color:#d9e5f3;font-size:10px;letter-spacing:.5px}.top-inner{height:33px;display:flex;align-items:center;justify-content:space-between}.site-header{height:88px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 5px 24px #142b4910}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:205px;height:75px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;color:#536176}.main-nav>a:not(.nav-cta){padding:12px 0;position:relative}.main-nav>a:not(.nav-cta):after{content:'';position:absolute;bottom:3px;left:0;width:0;height:2px;background:var(--green);transition:.25s}.main-nav>a:hover:after,.main-nav>a.active:after{width:100%}.main-nav>a.active{color:var(--navy)}.nav-cta{background:var(--green);color:white;padding:14px 18px;border-radius:3px}.nav-toggle{display:none;border:0;background:none;color:var(--navy);font-size:26px}.hero{background:linear-gradient(115deg,#f5f8fc,#fff 58%,#f3f7ed);overflow:hidden}.hero-grid{min-height:550px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.hero-copy{padding:55px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green-dark);font-size:10px;font-weight:800;letter-spacing:1.8px}.eyebrow i{width:24px;height:2px;background:var(--green)}h1,h2,h3,p{overflow-wrap:break-word}.hero h1,.page-hero h1{font:800 clamp(43px,5vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-2.8px;color:var(--dark);margin:22px 0}.hero h1 em,.section h2 em,.page-hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p,.lead{color:var(--muted);font-size:14px;line-height:1.9;max-width:530px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--green-dark);transform:translateY(-2px)}.btn-outline{border-color:#cbd5e1;color:var(--navy)}.btn-outline:hover{border-color:var(--green);color:var(--green-dark)}.hero-note{margin-top:43px;color:#8793a2;font-size:9px;font-weight:800;letter-spacing:1.3px}.hero-art{height:420px;position:relative;display:grid;place-items:center}.art-ring{position:absolute;width:350px;height:350px;border:1px solid #23477c22;border-radius:50%;box-shadow:0 0 0 35px #80b52b0b,0 0 0 70px #23477c08}.paper{position:absolute;width:260px;height:325px;border-radius:4px;box-shadow:0 25px 55px #19355d2b}.paper-back{background:#dce6f1;transform:rotate(12deg) translate(30px,-4px)}.paper-mid{background:var(--green);transform:rotate(-9deg) translate(-18px,4px)}.paper-front{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transform:rotate(2deg);border:1px solid #e8edf2;color:var(--navy)}.paper-front b{font:800 75px Manrope;letter-spacing:-8px}.paper-front strong{font:800 26px Manrope}.paper-front small{font-size:11px;letter-spacing:3px;color:var(--green);font-weight:800}.floating-tag{position:absolute;bottom:25px;right:0;background:white;padding:15px 18px;box-shadow:0 12px 35px #18365b18;font-size:11px;font-weight:700;color:var(--navy)}.hero-foot{padding:0 0 18px;color:#8793a2;font-size:9px;font-weight:800;letter-spacing:1.5px}.hero-foot span{display:inline-block;width:90px;height:2px;background:var(--green);margin:0 14px;vertical-align:middle}.trust-row{border-block:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.trust-grid>div{display:flex;align-items:center;gap:15px;padding:0 20px;border-right:1px solid var(--line)}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border:0}.trust-grid b{font:800 27px Manrope;color:var(--green)}.trust-grid span{font-size:11px;line-height:1.6;color:var(--muted);font-weight:600}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section h2,.contact-grid h2{font:800 clamp(34px,4vw,47px)/1.15 Manrope;color:var(--dark);letter-spacing:-1.7px;margin:16px 0}.head-side{max-width:330px}.head-side p{font-size:13px;line-height:1.8;color:var(--muted)}.text-link,.card-link{display:inline-block;color:var(--navy);font-size:11px;font-weight:800;border-bottom:1px solid var(--green);padding-bottom:7px;margin-top:9px}.slider-wrap{position:relative}.product-slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 14px}.product-slider::-webkit-scrollbar{display:none}.product-card{border:1px solid var(--line);background:#fff;scroll-snap-align:start;min-width:0;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #18365b16}.product-image{height:215px;background:#f2f5f8;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:20px;mix-blend-mode:multiply;transition:.3s}.product-card:hover .product-image img{transform:scale(1.05)}.product-image>span{position:absolute;right:13px;top:13px;background:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--navy)}.product-info{padding:20px}.product-info small{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--green-dark);font-weight:800}.product-info h3{font:800 17px Manrope;color:var(--navy);margin:10px 0}.product-info p{font-size:12px;line-height:1.8;color:var(--muted);min-height:42px}.slider-arrow{position:absolute;right:0;top:-70px;width:38px;height:38px;border:1px solid var(--line);background:#fff;color:var(--navy);font-size:19px;cursor:pointer}.slider-arrow.prev{right:47px}.slider-arrow:hover{background:var(--navy);color:white}.empty-products{text-align:center;background:var(--soft);border:1px dashed #cbd5e1;padding:55px 20px;color:var(--muted)}.empty-products h3{color:var(--navy);font:800 20px Manrope}.why-section{background:#f5f7fa}.why-grid,.contact-grid,.about-grid,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.why-art{height:430px;background:var(--navy);position:relative;display:grid;place-items:center;overflow:hidden}.why-circle{position:absolute;width:320px;height:320px;border:1px solid #ffffff2e;border-radius:50%;box-shadow:0 0 0 38px #ffffff08,0 0 0 75px #ffffff06}.why-art>b{font:800 125px Manrope;color:white;letter-spacing:-14px;z-index:1}.why-art>b span{color:var(--green);font-size:70px;vertical-align:top}.why-art small{position:absolute;bottom:28px;left:28px;color:#bdcbdc;font-size:9px;letter-spacing:2px}.benefit{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid #e0e6ed}.benefit>b{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#e8f1dc;color:var(--green-dark);display:grid;place-items:center}.benefit strong{font:800 13px Manrope;color:var(--navy)}.benefit p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.7}.why-grid .btn{margin-top:22px}.cta-band{background:var(--green);color:white;overflow:hidden}.cta-inner{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative}.eyebrow.light{color:#eff8e5}.cta-inner h2{font:800 36px/1.15 Manrope;margin:14px 0 8px}.cta-inner p{font-size:13px;color:#f0f8e6}.btn-light{background:white;color:var(--navy);z-index:1}.btn-light:hover{background:var(--navy);color:white}.watermark{position:absolute;right:170px;top:-45px;font:800 270px Manrope;color:#ffffff12;letter-spacing:-30px}.contact-grid{align-items:start}.contact-line{display:flex;gap:13px;align-items:center;margin-top:23px}.contact-line>b{width:42px;height:42px;background:#edf4e5;color:var(--green-dark);display:grid;place-items:center}.contact-line small{display:block;font-size:9px;color:#98a4b2;letter-spacing:1.3px;font-weight:800;margin-bottom:5px}.contact-line strong{font-size:12px;color:var(--navy)}.contact-card{background:#f6f8fa;border:1px solid var(--line);padding:32px}.contact-card>small{font-size:9px;letter-spacing:1.6px;color:var(--green-dark);font-weight:800}.contact-card h3{font:800 24px Manrope;color:var(--navy);margin:12px 0 5px}.contact-card>p{font-size:12px;color:var(--muted);margin:0 0 20px}.contact-card label{display:block;font-size:11px;font-weight:800;color:var(--navy);margin:14px 0 7px}.contact-card input,.contact-card textarea{width:100%;padding:13px;border:1px solid #dfe5eb;background:white;font:12px 'DM Sans';outline:none}.contact-card input:focus,.contact-card textarea:focus{border-color:var(--green)}.contact-card textarea{resize:vertical}.contact-card button{margin-top:17px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.site-footer{background:#142b49;color:#c3d0df}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px;padding:58px 0}.footer-logo{width:200px;height:78px;object-fit:contain;background:white;padding:5px}.footer-grid p{font-size:11px;line-height:1.9;color:#aab9ca;max-width:290px}.footer-grid h3{color:white;font:800 13px Manrope;margin:8px 0 20px}.footer-grid>div>a:not(.footer-cta){display:block;font-size:11px;color:#aab9ca;margin:12px 0}.footer-cta{display:inline-block;background:var(--green);padding:12px 15px;color:white;font-size:10px;font-weight:800}.footer-bottom{border-top:1px solid #ffffff1a;padding:17px 0;font-size:10px;color:#90a2b8}.footer-bottom .container{display:flex;justify-content:space-between;gap:20px}.page-hero{background:linear-gradient(115deg,#f3f7fb,#f7f9f3);padding:75px 0;position:relative;overflow:hidden}.page-hero:after{content:'VP';position:absolute;right:8%;top:-55px;font:800 250px Manrope;color:#23477c08;letter-spacing:-25px}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-size:57px;margin:17px 0 12px}.page-hero p{max-width:590px;color:var(--muted);font-size:14px;line-height:1.8}.breadcrumbs{font-size:10px;color:#929eac;margin-top:28px}.breadcrumbs a{color:var(--navy);font-weight:700}.page-hero.compact{padding:55px 0}.page-hero.compact h1{font-size:45px}.listing-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.listing-head h2{font:800 29px Manrope;color:var(--navy);margin:10px 0 0}.listing-head select{padding:12px 30px 12px 13px;border:1px solid var(--line);background:white;color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.about-art{height:370px;background:#eef3f8;display:grid;place-items:center;position:relative}.logo-panel{background:white;padding:24px;box-shadow:0 20px 55px #18365b1a}.logo-panel img{width:270px}.about-art>small{position:absolute;bottom:20px;left:24px;color:var(--navy);font-size:9px;letter-spacing:2px;font-weight:800}.values-section{background:#f5f7fa;padding:75px 0}.values-section h2{font:800 38px Manrope;color:var(--navy);margin:14px 0 30px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-grid article{background:white;padding:26px;border:1px solid var(--line)}.value-grid b,.quality-steps article>b{color:var(--green);font:800 26px Manrope}.value-grid h3,.quality-steps h3{font:800 16px Manrope;color:var(--navy)}.value-grid p,.quality-steps p{font-size:12px;line-height:1.8;color:var(--muted)}.quality-intro{margin-bottom:45px}.quality-steps{border-top:1px solid var(--line)}.quality-steps article{display:flex;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.quality-steps h3{margin:0 0 6px}.quality-steps p{margin:0}.detail-image{background:#f2f5f8;min-height:400px;display:grid;place-items:center}.detail-image img{width:100%;height:400px;object-fit:contain;padding:30px}.notice{padding:12px;margin:12px 0;font-size:12px}.notice.success{background:#e9f5df;color:#426d17}.notice.error{background:#fff0f0;color:#a22}
@media(max-width:900px){.main-nav{gap:15px}.brand img{width:175px}.why-grid,.contact-grid,.about-grid,.detail-grid{gap:35px}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:25px}}
@media(max-width:700px){.container{width:calc(100% - 34px)}.top-inner{justify-content:center}.top-inner span:last-child{display:none}.site-header{height:73px}.brand img{width:160px;height:65px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:73px;left:0;right:0;background:white;padding:15px 22px 22px;box-shadow:0 15px 25px #142b4920;align-items:stretch;flex-direction:column;gap:4px}.main-nav.is-open{display:flex}.main-nav>a:not(.nav-cta){padding:12px 0}.nav-cta{text-align:center;margin-top:7px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 0 5px}.hero h1{font-size:48px}.hero-art{height:315px;transform:scale(.78);margin:-10px 0}.paper{width:230px;height:290px}.art-ring{width:300px;height:300px}.floating-tag{right:-5px;bottom:10px}.hero-foot{padding-bottom:16px}.trust-grid{grid-template-columns:1fr 1fr;row-gap:18px;padding:20px 0}.trust-grid>div{padding:0 7px;border:0}.trust-grid>div:first-child{padding-left:7px}.trust-grid b{font-size:22px}.section{padding:65px 0}.section-head{display:block}.head-side{margin-top:18px}.product-slider{grid-auto-columns:85%;gap:14px}.slider-arrow{top:-62px}.why-grid,.contact-grid,.about-grid,.detail-grid,.quality-intro{grid-template-columns:1fr;gap:32px}.why-art{height:320px}.why-art>b{font-size:100px}.cta-inner{min-height:280px;align-items:flex-start;justify-content:center;flex-direction:column;padding:42px 0}.cta-inner h2{font-size:30px}.watermark{right:-20px;top:0;font-size:170px}.contact-card{padding:24px 19px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px;padding:45px 0}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom .container{display:block;line-height:2}.footer-bottom span{display:block}.page-hero{padding:55px 0}.page-hero h1{font-size:45px}.page-hero.compact h1{font-size:36px}.product-grid,.value-grid{grid-template-columns:1fr}.listing-head{align-items:flex-start;flex-direction:column;gap:15px}.about-art{height:290px}.logo-panel img{width:220px}.values-section{padding:60px 0}.values-section h2{font-size:32px}.detail-image,.detail-image img{height:290px;min-height:290px}.form-two{grid-template-columns:1fr}}