/* Cleaning 2 | bold flat style, hard shadows. Rebrand via :root. */
:root{--ink:#0d2b22;--lime:#c6f432;--mint:#e1f2e8;--paper:#f8f9f4;--mute:#4a6257;--aq:#7de2d1;
--fd:'Unbounded','Arial Black',system-ui,sans-serif;--fb:'Hanken Grotesk','Segoe UI',system-ui,sans-serif;--ease:cubic-bezier(.22,.8,.2,1);--bd:2px solid var(--ink)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 1.05rem/1.65 var(--fb);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}button{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--fd);font-weight:700;line-height:1.1;letter-spacing:-.03em}
h1{font-size:clamp(2.2rem,5vw,4.1rem)}h2{font-size:clamp(1.7rem,3.2vw,2.6rem)}h3{font-size:1.1rem;line-height:1.25}
.wrap{width:min(1240px,92%);margin-inline:auto}section{padding:5.5rem 0}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;background-color:var(--lime)}svg{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr{position:absolute;left:-9999px}
.btn{display:inline-flex;align-items:center;gap:.7rem;padding:.9rem 1.7rem;border:var(--bd);border-radius:99px;background:var(--lime);color:var(--ink);font:700 .95rem var(--fd);letter-spacing:-.01em;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn svg{transition:transform .3s var(--ease)}.btn:hover svg{transform:translateX(4px)}
.btn.dk{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--lime)}.btn.dk:hover{box-shadow:7px 7px 0 var(--lime)}.btn.wh{background:#fff}
.ul{position:relative;font-weight:700;background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 100%/100% 35%;transition:background-size .3s var(--ease)}.ul:hover{background-size:100% 100%}
.tag{display:inline-block;padding:.3rem 1rem;border:var(--bd);border-radius:99px;background:var(--aq);font-weight:700;font-size:.9rem;margin-bottom:1.2rem}
.box{background:#fff;border:var(--bd);border-radius:22px;box-shadow:6px 6px 0 var(--ink);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.box:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--ink)}
.sh{max-width:680px;margin-bottom:3rem}.sh p{color:var(--mute);margin-top:1rem}.sh.c{margin-inline:auto;text-align:center}
/* top bar + header */
.top{background:var(--ink);color:var(--paper);font-size:.9rem}.top .wrap{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;flex-wrap:wrap}.top a:hover{color:var(--lime)}@media(max-width:700px){.top .wrap{justify-content:center}.top .e{display:none}}
header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:var(--bd)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.6rem;font:700 1.35rem var(--fd);letter-spacing:-.05em}.logo i{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:var(--bd);border-radius:12px;background:var(--lime);transform:rotate(-8deg);transition:transform .4s var(--ease)}.logo:hover i{transform:rotate(8deg) scale(1.08)}
nav>ul{display:flex;gap:2rem}nav a.nl{position:relative;font-weight:700;padding:.3rem 0}nav a.nl::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:var(--lime);border:1px solid var(--ink);border-radius:4px;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}nav a.nl:hover::after,nav a.on::after{transform:scaleX(1)}
.hr{display:flex;align-items:center;gap:1rem}#nt,.burger{display:none}.burger{width:2.9rem;height:2.9rem;border:var(--bd);border-radius:12px;place-items:center;background:var(--lime);cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.burger .x{display:none}#nt:checked~.hr .burger .o{display:none}#nt:checked~.hr .burger .x{display:block}
@media(max-width:1020px){.burger{display:grid}.hr .btn{display:none}nav{order:5;width:100%;display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}#nt:checked~nav{grid-template-rows:1fr}nav>ul{overflow:hidden;min-height:0;flex-direction:column;gap:0}nav li{border-top:1px solid rgba(13,43,34,.2)}nav a.nl{display:block;padding:1rem 0;font:700 1.15rem var(--fd)}nav a.nl::after{display:none}nav a.on{background:var(--lime);padding-left:1rem}}
/* hero */
.hero{position:relative;color:#fff;padding:7rem 0 9rem;overflow:hidden;border-bottom:var(--bd)}.hero>img{position:absolute;inset:0;z-index:-2}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,43,34,.92),rgba(13,43,34,.55) 60%,rgba(13,43,34,.2))}
.hero .tag{color:var(--ink)}.hero p.l{font-size:1.2rem;max-width:520px;margin:1.4rem 0 2.2rem;color:#e3efe8}.hero h1{max-width:760px}.acts{display:flex;gap:1.2rem;flex-wrap:wrap}
.seal{position:absolute;right:6%;bottom:7rem;width:150px;height:150px;border-radius:50%;background:var(--lime);border:var(--bd);display:grid;place-items:center;color:var(--ink)}.seal svg.t{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);animation:spin 18s linear infinite;stroke:none;fill:var(--ink)}.seal svg.c{width:2.4rem;height:2.4rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.seal{display:none}}
/* steps (sub hero) */
.sub{margin-top:-5rem;padding:0 0 2rem;position:relative;z-index:2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}@media(max-width:860px){.steps{grid-template-columns:1fr}}.step{padding:1.8rem;display:flex;gap:1.2rem;align-items:flex-start}.step b{flex:none;width:3.2rem;height:3.2rem;display:grid;place-items:center;border:var(--bd);border-radius:50%;background:var(--lime);font:700 1.2rem var(--fd);transition:transform .4s var(--ease)}.step:hover b{transform:rotate(360deg)}.step p{color:var(--mute);margin-top:.3rem}
/* about */
.ab{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center}.ai{position:relative}.ai .m{aspect-ratio:4/4.6;border:var(--bd);border-radius:28px;overflow:hidden;box-shadow:10px 10px 0 var(--lime),10px 10px 0 2px var(--ink)}.ai img{transition:transform 1.2s var(--ease)}.ai:hover img{transform:scale(1.05)}.ai .st{position:absolute;left:-1.5rem;bottom:2rem;padding:1rem 1.4rem;background:var(--aq);border:var(--bd);border-radius:18px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-4deg)}.ai .st b{font:700 2rem var(--fd);display:block;line-height:1}
.ck{display:grid;gap:1rem;margin:1.6rem 0 2rem}.ck li{display:flex;gap:.8rem;font-weight:600}.ck svg{background:var(--lime);border:var(--bd);border-radius:50%;padding:.2rem;width:1.7rem;height:1.7rem}
.nums{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;border-top:var(--bd);border-bottom:var(--bd)}.nums div{padding:1rem 0;text-align:center;border-right:var(--bd)}.nums div:last-child{border:0}.nums b{display:block;font:700 1.8rem var(--fd)}.nums span{font-size:.88rem;color:var(--mute)}@media(max-width:860px){.ab{grid-template-columns:1fr;gap:3rem}}
/* services bento */
.sv{background:var(--mint);border-block:var(--bd)}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}.tile{position:relative;overflow:hidden;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;border:var(--bd);border-radius:22px;box-shadow:6px 6px 0 var(--ink);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.tile:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--ink)}
.tile .ico{width:3.6rem;height:3.6rem;display:grid;place-items:center;border:var(--bd);border-radius:50%;background:#fff;color:var(--ink);transition:transform .5s var(--ease)}.tile:hover .ico{transform:rotate(-12deg) scale(1.12)}.tile p{margin:.5rem 0 1rem;opacity:.85}.tile .go{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}.tile .go svg{transition:transform .3s var(--ease)}.tile:hover .go svg{transform:translateX(6px)}
.t1{background:var(--lime)}.t2{background:#fff}.t3{background:var(--ink);color:var(--paper)}.t3 .ico{color:var(--ink)}.t4{background:var(--aq)}.t5{background:#fff}.t6{background:var(--lime)}
.tile.w{grid-column:span 2;color:#fff;background:var(--ink);min-height:300px}.tile.w>img{position:absolute;inset:0;z-index:0;opacity:.55;transition:transform 1.2s var(--ease)}.tile.w:hover>img{transform:scale(1.06)}.tile.w>*:not(img){position:relative;z-index:1}.tile.w .ico{color:var(--ink)}
@media(max-width:960px){.bento{grid-template-columns:1fr 1fr}}@media(max-width:640px){.bento{grid-template-columns:1fr}.tile.w{grid-column:auto}}
/* clients marquee */
.cl{background:var(--ink);color:var(--paper);padding:3rem 0;overflow:hidden;border-bottom:var(--bd)}.cl h2{font-size:1.1rem;text-align:center;margin-bottom:2rem;color:var(--lime)}.mq{display:flex;width:max-content;animation:mq 28s linear infinite}.mq span{padding:0 2.5rem;font:700 1.6rem var(--fd);opacity:.8;white-space:nowrap}.mq span:hover{color:var(--lime);opacity:1}@keyframes mq{to{transform:translateX(-50%)}}
/* reviews */
.rv{display:grid;grid-template-columns:1.3fr 1fr;gap:1.6rem}@media(max-width:900px){.rv{grid-template-columns:1fr}}.big{padding:2.6rem;background:var(--lime);grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between}.big blockquote{font:700 clamp(1.4rem,2.6vw,2rem)/1.3 var(--fd);letter-spacing:-.02em;margin:1.2rem 0 2rem}.rev{padding:1.8rem}.rev blockquote{margin:.8rem 0 1.2rem}
.stars{display:flex}.stars svg{fill:var(--ink);stroke:none;width:1.1rem}.who{display:flex;gap:.9rem;align-items:center}.who img{width:3.2rem;height:3.2rem;border-radius:50%;border:var(--bd)}.who small{display:block;opacity:.75}
/* contact */
.ct{padding:0;border-block:var(--bd)}.cg{display:grid;grid-template-columns:1fr 1.15fr}@media(max-width:900px){.cg{grid-template-columns:1fr}}.cl2{background:var(--ink);color:var(--paper);padding:clamp(2.5rem,6vw,5rem)}.cl2 p{opacity:.8;margin-top:1rem;max-width:420px}.big-tel{display:block;margin:2rem 0;font:700 clamp(1.6rem,3vw,2.4rem) var(--fd);color:var(--lime)}.info{display:grid;gap:1rem}.info li{display:flex;gap:.9rem;align-items:center}.info svg{color:var(--lime)}
.cr{padding:clamp(2.5rem,6vw,5rem);background:var(--paper)}label.l{display:block;margin:0 0 .35rem;font-weight:700;font-size:.92rem}input,textarea,select{font:inherit;color:var(--ink);width:100%;padding:.85rem 1.1rem;border:var(--bd);border-radius:14px;background:#fff;outline:0;margin-bottom:1rem;transition:box-shadow .3s}input:focus,textarea:focus,select:focus{box-shadow:4px 4px 0 var(--lime),4px 4px 0 2px var(--ink)}.fr{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.fr{grid-template-columns:1fr}}
/* faq */
.fq{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:start}@media(max-width:900px){.fq{grid-template-columns:1fr;gap:2rem}}details{border-bottom:var(--bd);padding:1.3rem 0}details:first-of-type{border-top:var(--bd)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font:700 1.05rem var(--fd);letter-spacing:-.02em}summary::-webkit-details-marker{display:none}summary::after{content:"+";flex:none;width:2.2rem;height:2.2rem;display:grid;place-items:center;border:var(--bd);border-radius:50%;background:var(--lime);transition:transform .3s var(--ease)}details[open] summary::after{transform:rotate(135deg)}details p{margin-top:.8rem;color:var(--mute);max-width:600px}
/* footer */
.cta{background:var(--lime);border-top:var(--bd);padding:3.5rem 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
footer{background:var(--ink);color:#b8cdc2;padding:4.5rem 0 1.5rem}footer .logo{color:#fff}footer h4{color:#fff;font-size:1rem;margin-bottom:1rem}footer li{margin-bottom:.55rem}footer a{transition:color .3s,padding .3s}footer li a:hover{color:var(--lime);padding-left:.3rem}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2.5rem}@media(max-width:860px){.fg{grid-template-columns:1fr 1fr}}.word{font:700 clamp(3rem,16vw,13rem)/1 var(--fd);letter-spacing:-.06em;color:#14392e;margin-top:2.5rem;text-align:center;overflow:hidden}.copy{padding-top:1.4rem;border-top:1px solid #1d4637;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.9rem}
/* inner */
.ph{background:var(--mint);border-bottom:var(--bd);padding:4.5rem 0;position:relative;overflow:hidden}.ph::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:var(--lime);border:var(--bd);animation:fl 8s ease-in-out infinite}@keyframes fl{50%{transform:translateY(24px)}}.ph p.s{margin-top:1rem;max-width:560px;color:var(--mute)}.crumb{margin-top:1.4rem;font-weight:700}.crumb a:hover{text-decoration:underline}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}.g2{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}@media(max-width:980px){.g3,.g4{grid-template-columns:1fr 1fr}}@media(max-width:640px){.g3,.g4,.g2{grid-template-columns:1fr}}
.imf{aspect-ratio:4/3;border:var(--bd);border-radius:24px;overflow:hidden;box-shadow:8px 8px 0 var(--ink)}.imf img{transition:transform 1.2s var(--ease)}.imf:hover img{transform:scale(1.06)}
.val{padding:1.8rem}.val .ico{width:3.2rem;height:3.2rem;display:grid;place-items:center;border:var(--bd);border-radius:50%;background:var(--lime);margin-bottom:1rem;transition:transform .4s var(--ease)}.val:hover .ico{transform:rotate(-12deg) scale(1.1)}.val p{color:var(--mute);margin-top:.4rem}
.tm{text-align:center;padding:1.6rem}.tm .p{aspect-ratio:1;border:var(--bd);border-radius:50%;overflow:hidden;width:68%;margin:0 auto 1rem}.tm small{color:var(--mute)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;margin-bottom:4.5rem}.row:nth-child(even) .imf{order:2}@media(max-width:800px){.row{grid-template-columns:1fr;gap:1.8rem}.row:nth-child(even) .imf{order:0}}.row .num{display:inline-grid;place-items:center;width:3.4rem;height:3.4rem;border:var(--bd);border-radius:50%;background:var(--lime);margin-bottom:1rem}
.price{padding:2.2rem;text-align:center}.price.hot{background:var(--lime)}.price .n{display:block;font:700 2.8rem var(--fd);margin:.5rem 0}.price ul{margin:1.2rem 0 1.8rem;display:grid;gap:.6rem}
.cats{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.5rem}.cats a{padding:.45rem 1.2rem;border:var(--bd);border-radius:99px;font-weight:700;background:#fff;transition:background .3s,transform .3s}.cats a:hover{transform:translateY(-3px)}.cats a.on,.cats a:hover{background:var(--lime)}
.post{overflow:hidden;display:block}.post .im{aspect-ratio:16/11;overflow:hidden;border-bottom:var(--bd)}.post img{transition:transform 1s var(--ease)}.post:hover img{transform:scale(1.07)}.post .t{padding:1.5rem}.post small{font-weight:700;background:var(--aq);padding:.1rem .6rem;border-radius:99px;border:1px solid var(--ink)}.post h3{margin-top:.8rem}
.pg{display:flex;gap:.8rem;justify-content:center;margin-top:3.5rem}.pg a{width:3rem;height:3rem;display:grid;place-items:center;border:var(--bd);border-radius:50%;font-weight:700;background:#fff;transition:transform .3s}.pg a:hover{transform:translateY(-3px)}.pg a.on{background:var(--lime)}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.show{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}
