@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--o:#f36b21;--ink:#111;--muted:#6b6b6b;--line:#e8e8e8;--soft:#f6f5f3}*{box-sizing:border-box}body{color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}button{font:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}.header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-bottom:1px solid #eee;align-items:center;gap:25px;height:78px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{text-align:left;align-items:center;gap:10px;margin-right:auto;display:flex}.brand img{object-fit:cover;border-radius:9px;width:45px;height:45px}.brand span{flex-direction:column;display:flex}.brand b,.flogo{font:800 16px Manrope}.brand small{letter-spacing:.15em;color:#777;font-size:8px}.header nav{gap:2px;display:flex}.header nav button{color:#555;padding:10px;font-size:13px}.header nav button:hover{color:var(--o)}.headwa,.primary{background:var(--o);color:#fff;border-radius:999px;padding:13px 19px;font-weight:700}.hamb{font-size:25px;display:none}.hero{background:linear-gradient(135deg,#fff 0 57%,#faf6f1 100%);grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:calc(100vh - 78px);padding:8vw 7vw;display:grid}.hero-copy{max-width:720px}.eyebrow{letter-spacing:.2em;color:#888;margin:0 0 17px;font-size:11px;font-weight:800}.orange{color:var(--o)}h1,h2,h3{font-family:Manrope}h1{letter-spacing:-.055em;margin:0 0 25px;font-size:clamp(40px,5vw,70px);line-height:1.02}h2{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(31px,4vw,50px);line-height:1.08}h3{font-size:19px}.lead,.heading>p,.card p,.product p,.aboutgrid p,.contact p,.training p{color:var(--muted);line-height:1.7}.lead{max-width:620px;font-size:17px}.actions{flex-wrap:wrap;gap:12px;margin:30px 0;display:flex}.secondary{border:1px solid #ddd;border-radius:999px;padding:13px 19px;font-weight:700}.trust{color:#777;flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.hero-art{justify-content:center;display:flex;position:relative}.hero-art>img{object-fit:cover;border:10px solid #fff;border-radius:32px;width:min(520px,95%);height:480px;transform:rotate(2deg);box-shadow:25px 30px 65px #0002}.badge{color:#fff;background:#111;border-radius:15px;flex-direction:column;gap:4px;padding:17px 20px;display:flex;position:absolute;bottom:5px;left:4%}.badge b{font:800 19px Manrope}.badge span{color:var(--o);letter-spacing:.14em;font-size:8px}.section{padding:95px 7vw}.heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.heading>p{max-width:460px}.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card,.product{border:1px solid var(--line);background:#fff;border-radius:22px;transition:all .3s;overflow:hidden}.card:hover,.product:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0000000d}.card>img{object-fit:cover;width:100%;height:205px}.card>div,.product>div{padding:25px}.card p,.product p{font-size:14px}.card button,.product button{color:var(--o);font-size:13px;font-weight:800}.dark{color:#fff;background:#111;padding:90px 7vw}.darkgrid{grid-template-columns:1fr 1fr;gap:70px;display:grid}.darkgrid p{color:#aaa;line-height:1.8}.product-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.product>img{object-fit:cover;width:100%;height:210px}.portfolio{background:var(--soft)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filters button{border:1px solid #ddd;border-radius:999px;padding:9px 13px;font-size:12px}.filters .active{color:#fff;background:#111;border-color:#111}.gallery{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.gallery button{text-align:left;background:#fff;border:1px solid #e5e5e5;border-radius:18px;padding:0;transition:all .3s;overflow:hidden}.gallery button:hover{transform:translateY(-4px)}.gallery img{object-fit:cover;width:100%;height:205px}.gallery strong,.gallery small{padding:12px 14px 0;display:block}.gallery small{color:#888;padding-top:3px;padding-bottom:15px;font-size:10px}.training{color:#fff;background:#171717;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:90px 7vw;display:grid}.training p{color:#aaa}.courses{border:1px solid #333;grid-template-columns:1fr 1fr;display:grid}.courses div{border:1px solid #333;padding:20px;font-weight:700}.courses span{float:right;color:var(--o)}.aboutgrid{grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;display:grid}.aboutgrid article{border:1px solid var(--line);border-radius:20px;padding:28px}.aboutgrid small{color:var(--o);font-weight:800}.aboutgrid .wide{grid-column:span 2}.contact{background:#f4eee8;grid-template-columns:1fr 1fr;gap:70px;padding:90px 7vw;display:grid}.details div{border-bottom:1px solid #ddd;flex-direction:column;gap:7px;padding:20px 0;display:flex}.details small{letter-spacing:.15em;color:#888;font-size:9px;font-weight:800}.details b{font-size:15px}.floatwa{z-index:30;color:#fff;background:#16a05d;border-radius:50%;width:58px;height:58px;font-size:25px;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 30px #0003}footer{color:#fff;background:#0b0b0b;padding:60px 7vw 20px}.footgrid{grid-template-columns:2fr 1fr 1.4fr 1.2fr;gap:35px;padding-bottom:45px;display:grid}.footgrid p,.footgrid button{color:#999;text-align:left;margin:7px 0;font-size:13px;line-height:1.6;display:block}.footgrid h4{letter-spacing:.12em;text-transform:uppercase;color:#888;font-size:11px}.flogo{font-size:27px}.bottom{color:#666;border-top:1px solid #292929;padding-top:18px;font-size:10px}.mobile{z-index:100;color:#fff;background:#111;flex-direction:column;padding:25px;display:flex;position:fixed;inset:0}.close{color:#fff;align-self:flex-end;font-size:35px}.mobile>div{flex-direction:column;margin:auto 0;display:flex}.mobile>div button{text-align:left;color:#fff;padding:5px 0;font:700 34px Manrope}.mobile>div button:hover{color:var(--o)}.mobilewa{background:var(--o);color:#fff;border-radius:999px;padding:15px;font-weight:800}@media (width<=1050px){.header nav{display:none}.headwa{margin-left:auto}.hamb{display:block}.hero{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.header{height:68px;padding:0 16px}.headwa{display:none}.hero{padding:58px 20px 70px}.hero-art>img{height:340px}.section,.dark,.training,.contact{padding:70px 20px}.heading,.darkgrid,.training,.contact{grid-template-columns:1fr;gap:20px;display:grid}.service-grid,.product-grid,.aboutgrid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:160px}.aboutgrid .wide{grid-column:auto}.courses{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.bottom{line-height:1.6}}.contact-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.contact-actions a,.contact-actions button{border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.contact-actions a{color:#fff;background:#111;text-decoration:none}.contact-actions button{color:#fff;background:#16a05d}.floatwa{justify-content:center;align-items:center;gap:6px;width:auto;min-width:58px;padding:0 17px;font-size:12px;font-weight:800;display:flex}.floatwa span{font-size:11px}@media (width<=700px){.floatwa{width:54px;min-width:54px;height:54px;padding:0;bottom:14px;right:14px}.floatwa span{display:none}}
