:root{--g:#1E4D3A;--g2:#143528;--sand:#E9E1CF;--lime:#C6F24E;--off:#FAF8F2;--ink:#12241B;--mut:#58675F;--line:rgba(18,36,27,.14);--serif:"Iowan Old Style",Georgia,serif;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--off);color:var(--ink);font:400 16.5px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.lock{overflow:hidden}
.wrap{width:min(1220px,100% - 48px);margin-inline:auto}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:0}
h1{font-size:clamp(2.6rem,5.6vw,5rem)}h1 em{color:var(--g);background:linear-gradient(transparent 62%,var(--lime) 62%);font-style:normal}h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin-bottom:26px}
a{color:inherit}.kick{font:700 .74rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--g);margin:0 0 18px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--g);color:#fff;padding:14px 26px;border-radius:12px;font-weight:700;border:0;cursor:pointer;text-decoration:none;font-size:1rem;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:var(--g2)}.btn.lime{background:var(--lime);color:var(--ink)}.btn.block{width:100%}.btn.ghost{background:transparent;color:var(--g);border:1.5px solid var(--g)}
.hd{position:sticky;top:var(--pf-bar,0);z-index:30;background:rgba(250,248,242,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.hd-row{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.4rem/1 var(--serif)}nav{display:flex;align-items:center;gap:26px}nav a{text-decoration:none;font-weight:600;font-size:.95rem}nav a:hover{color:var(--g)}
.favbtn{border:1.5px solid var(--g);background:none;color:var(--g);border-radius:999px;padding:9px 16px;font:700 .9rem/1 var(--sans);cursor:pointer}.favbtn b{background:var(--g);color:#fff;border-radius:999px;padding:2px 8px;margin-left:4px;font-size:.78rem}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}.burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0}
.hero{padding:70px 0 40px;background:radial-gradient(900px 400px at 90% 0,#DCE9C8,transparent 70%)}.lead{font-size:1.2rem;color:var(--mut);max-width:52ch;margin:22px 0 0}
.sec{padding:30px 0 clamp(60px,8vw,100px)}.sec.alt{background:var(--sand);padding-top:clamp(60px,8vw,100px)}
.bar{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:end;background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:0 20px 40px -30px rgba(18,36,27,.5)}
.bar label{display:grid;gap:5px;font:700 .72rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.bar select{padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;font:600 .95rem var(--sans);background:var(--off);color:var(--ink);min-width:128px}
.rg{min-width:190px;flex:1}.rg output{color:var(--g);text-transform:none;letter-spacing:0;font-size:.85rem;float:right}.rg input{width:100%;accent-color:var(--g);margin:6px 0 0}
.seg{display:inline-flex;background:var(--sand);border-radius:12px;padding:4px}.seg button{border:0;background:none;padding:10px 16px;border-radius:9px;font:700 .9rem/1 var(--sans);cursor:pointer;color:var(--mut)}.seg .on{background:var(--g);color:#fff}
.reset{border:0;background:none;color:var(--g);font-weight:700;cursor:pointer;padding:10px;text-decoration:underline;margin-left:auto}
.meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 18px;flex-wrap:wrap}.meta p{margin:0;color:var(--mut)}.meta b{color:var(--ink)}
.chip{border:1.5px solid var(--line);background:#fff;padding:9px 16px;border-radius:999px;font:700 .86rem/1 var(--sans);cursor:pointer}.chip[aria-pressed=true]{background:var(--g);color:#fff;border-color:var(--g)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1.5px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;animation:in .45s both}@keyframes in{from{opacity:0;transform:translateY(10px)}}.card:hover{transform:translateY(-5px);box-shadow:0 26px 40px -26px rgba(18,36,27,.55)}
.art{position:relative;aspect-ratio:4/3;cursor:pointer;border:0;padding:0;display:block;width:100%}.art svg{width:100%;height:100%;display:block}
.badge{position:absolute;left:14px;top:14px;background:var(--lime);color:var(--ink);font:800 .7rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:8px}.badge.sewa{background:#fff}
.heart{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;cursor:pointer;font-size:1.2rem;color:#9AA59E;display:grid;place-items:center;box-shadow:0 6px 14px -6px rgba(0,0,0,.4);transition:transform .2s}.heart:hover{transform:scale(1.1)}.heart.on{color:#D6334C}
.cb{padding:20px 22px 22px;display:flex;flex-direction:column;gap:6px;flex:1}.cb small{color:var(--mut);font-weight:600}.cb h3{font-size:1.35rem}.pr{font:700 1.45rem/1.2 var(--serif);color:var(--g);margin-top:4px}.pr span{font:500 .85rem var(--sans);color:var(--mut)}
.sp{display:flex;gap:16px;color:var(--mut);font-size:.9rem;margin:6px 0 10px;flex-wrap:wrap}.sp b{color:var(--ink)}.cb .btn{margin-top:auto}
.none{text-align:center;padding:60px 20px;background:#fff;border:1.5px dashed var(--line);border-radius:22px}.none p{color:var(--mut);margin:8px 0 22px}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.svc b{font:italic 600 2.6rem/1 var(--serif);color:var(--g)}.svc h3{margin:12px 0 8px}.svc p{margin:0;color:var(--mut)}
.contact{background:var(--g);color:#fff;padding-top:clamp(60px,8vw,90px)}.lead2{color:rgba(255,255,255,.8);margin:-10px 0 24px}.wish{display:flex;flex-wrap:wrap;gap:12px}.wish input{flex:1;min-width:200px;padding:15px 18px;border-radius:12px;border:2px solid transparent;font:inherit}.wish input.bad{border-color:#FF8C7A}.err{color:#FFB3A6;font-weight:600}.ok{color:var(--lime);font-weight:600;font-size:1.1rem}
.ft{background:var(--g2);color:rgba(255,255,255,.65);padding:22px 0;font-size:.86rem}.ft .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.modal{position:fixed;inset:0;z-index:100000;background:rgba(10,22,16,.7);display:grid;place-items:center;padding:calc(var(--pf-bar,0px) + 14px) 14px 14px;backdrop-filter:blur(3px)}.modal[hidden]{display:none}
.sheet{position:relative;background:var(--off);border-radius:26px;width:min(1000px,100%);max-height:100%;overflow:auto;animation:in .3s both}.mx{position:absolute;right:14px;top:14px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:1.6rem;cursor:pointer;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.mgrid{display:grid;grid-template-columns:1fr 1fr}.mart svg{width:100%;height:100%;min-height:300px;display:block;object-fit:cover}.minfo{padding:34px 34px 30px}.minfo h2{font-size:1.9rem;margin:4px 0 6px}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.specs div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.specs small{display:block;color:var(--mut);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.specs b{font-size:1rem}
.feat{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:0;list-style:none}.feat li{background:var(--sand);border-radius:999px;padding:6px 12px;font-size:.84rem;font-weight:600}
.kpr{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}.kpr h4{margin:0 0 10px;font:700 .78rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.kr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kr label{font-size:.74rem;font-weight:700;color:var(--mut)}.kr select,.kr input{width:100%;margin-top:4px;padding:9px;border:1.5px solid var(--line);border-radius:8px;font:inherit;background:var(--off)}.res{margin-top:12px;display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--line);padding-top:12px}.res b{font:700 1.5rem var(--serif);color:var(--g)}
.inq{display:grid;gap:10px}.inq input,.inq textarea{padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}.inq .bad{border-color:#C23B1F}.thx{background:#E3F4C6;border-radius:14px;padding:18px}.thx b{font-family:var(--serif);font-size:1.3rem;display:block;margin-bottom:6px}
@media(max-width:980px){.grid{grid-template-columns:1fr 1fr}.mgrid,.svc{grid-template-columns:1fr}.mart svg{min-height:220px;max-height:280px}
 .burger{display:block}nav{position:fixed;top:calc(var(--pf-bar,0px) + 68px);left:0;right:0;background:var(--off);flex-direction:column;align-items:flex-start;padding:20px 24px 26px;gap:16px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.3s;border-bottom:1px solid var(--line)}nav.open{transform:none;opacity:1;pointer-events:auto}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.grid{grid-template-columns:1fr}.bar{padding:16px}.bar label,.bar select{width:100%}.rg{min-width:100%}.reset{margin:0}.specs,.kr{grid-template-columns:1fr 1fr}.minfo{padding:24px 20px}.hero{padding-top:44px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== premium layer ===== */
:root{--serif:"Manrope","Iowan Old Style",Georgia,serif;--sans:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
::selection{background:var(--lime);color:var(--g2)}
body{background:var(--off)}
h1,h2,h3,.brand{font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.04em}
.hd{background:rgba(250,248,242,.78);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 60% at 92% 0%,rgba(198,242,78,.45),transparent 62%),radial-gradient(40% 55% at 0% 10%,rgba(30,77,58,.12),transparent 62%)}
.btn{box-shadow:0 14px 26px -14px rgba(20,53,40,.75),inset 0 1px 0 rgba(255,255,255,.18)}
.card,.feat,.mgrid>*{border-radius:24px;box-shadow:0 1px 0 rgba(18,36,27,.04),0 24px 40px -30px rgba(18,36,27,.5);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.card:hover{transform:translateY(-6px);box-shadow:0 40px 60px -34px rgba(18,36,27,.6)}
.sheet{border-radius:28px;box-shadow:0 50px 90px -30px rgba(0,0,0,.6)}
.lime,.badge{box-shadow:0 8px 18px -10px rgba(120,160,0,.7)}
.sec.alt{background:linear-gradient(180deg,#EFE9D8,#E9E1CF)}
.ft{background:radial-gradient(50% 120% at 100% 0%,rgba(198,242,78,.14),transparent 60%),var(--g2)}

/* ===== hero home (animated) ===== */
.hh{padding:56px 0 70px;position:relative;overflow:hidden}
.hh::before{display:none}
.hh-bg i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:-1;animation:hhb 14s ease-in-out infinite}
.hh-bg i:nth-child(1){width:420px;height:420px;right:-60px;top:-80px;background:#C6F24E}
.hh-bg i:nth-child(2){width:340px;height:340px;left:-90px;top:120px;background:#BFE0F5;animation-delay:-5s}
.hh-bg i:nth-child(3){width:280px;height:280px;right:30%;bottom:-120px;background:#E9E1CF;animation-delay:-9s}
@keyframes hhb{50%{transform:translate(30px,-24px) scale(1.08)}}
.hh-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
.hh h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;margin-bottom:0}
.hh h1 em{font-style:normal;color:var(--g);background:linear-gradient(transparent 62%,#C6F24E 62%);padding:0 .06em}
.hh .lead{max-width:48ch}
.hh .kick{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:9px 16px;border-radius:999px;letter-spacing:.1em;font-size:.68rem}
.pulse{width:8px;height:8px;border-radius:50%;background:#2FB36B;box-shadow:0 0 0 0 rgba(47,179,107,.6);animation:hpulse 2s infinite}
@keyframes hpulse{70%{box-shadow:0 0 0 10px rgba(47,179,107,0)}100%{box-shadow:0 0 0 0 rgba(47,179,107,0)}}
.hh-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hh-stats{list-style:none;margin:36px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:flex;gap:40px;flex-wrap:wrap}
.hh-stats b{display:block;font:800 2.2rem/1 var(--sans);letter-spacing:-.04em;color:var(--g)}
.hh-stats b::after{content:attr(data-suf)}
.hh-stats span{font-size:.82rem;color:var(--mut);font-weight:600}
.hh-r{opacity:0;transform:translateY(26px);animation:hhup .9s cubic-bezier(.2,.7,.2,1) var(--d,0s) forwards}
@keyframes hhup{to{opacity:1;transform:none}}
.hh-art{position:relative;--mx:0;--my:0}
.hh-frame{border-radius:44px 44px 44px 120px;overflow:hidden;aspect-ratio:560/520;box-shadow:0 50px 90px -40px rgba(20,53,40,.7),0 0 0 8px rgba(255,255,255,.7);transform:translate3d(calc(var(--mx)*-6px),calc(var(--my)*-6px),0);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.hh-frame svg{width:100%;height:100%;display:block}
.h-sun{animation:hsun 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes hsun{50%{transform:scale(1.12);opacity:.8}}
.h-cloud{animation:hcloud 40s linear infinite}.h-cloud.c2{animation-duration:58s;animation-delay:-20s}
@keyframes hcloud{from{transform:translateX(-160px)}to{transform:translateX(640px)}}
.h-tree{transform-box:fill-box;transform-origin:50% 100%;animation:hsway 5s ease-in-out infinite}.h-tree.t2{animation-delay:-2s}
@keyframes hsway{50%{transform:rotate(1.8deg)}}
.h-win{animation:hwin 4s ease-in-out infinite}.h-win.w2{animation-delay:-1.3s}.h-win.w3{animation-delay:-2.6s}
@keyframes hwin{50%{fill:#FFD66B}}
.h-bird{animation:hbird 9s ease-in-out infinite}@keyframes hbird{50%{transform:translate(-26px,8px)}}
.hh-card{position:absolute;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:20px;padding:12px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 30px 50px -24px rgba(20,53,40,.55);animation:hfloat 7s ease-in-out infinite;translate:calc(var(--mx)*14px) calc(var(--my)*10px)}
.hh-card b{display:block;font-size:.92rem;letter-spacing:-.01em}.hh-card small{display:block;color:var(--mut);font-size:.74rem;font-weight:600}
.fc1{left:-34px;bottom:34px;padding:10px 18px 10px 10px}.fc1 .fc-img{width:84px;height:68px;border-radius:14px;overflow:hidden;flex:none}.fc1 .fc-img svg{width:100%;height:100%;display:block}
.fc1 .tag{display:inline-block;background:var(--lime);color:var(--g2);font-weight:800;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:99px;margin-bottom:3px}
.fc1 strong{display:block;color:var(--g);font-size:1.05rem;letter-spacing:-.02em;margin-top:2px}
.fc2{right:-14px;top:26px;animation-delay:-2s}.av-s{width:42px;height:42px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 3px #fff,0 6px 14px -6px rgba(0,0,0,.4)}.av-s svg{width:100%;height:100%;display:block}
.fc3{right:18px;bottom:-22px;animation-delay:-4s;color:var(--g)}.fc3 b{color:var(--ink)}
@keyframes hfloat{50%{transform:translateY(-10px)}}
@media(max-width:980px){.hh-grid{grid-template-columns:1fr}.hh-art{max-width:560px;margin:10px auto 0;width:100%}.fc1{left:-6px}.fc2{right:-4px}}
@media(max-width:600px){.hh{padding:36px 0 50px}.hh-stats{gap:24px}.hh-stats b{font-size:1.8rem}.fc1{scale:.86;transform-origin:left bottom;left:-4px;bottom:20px}.fc3{scale:.9}.hh-frame{border-radius:32px 32px 32px 80px}}
@media(prefers-reduced-motion:reduce){.hh-r{opacity:1;transform:none;animation:none}.h-sun,.h-cloud,.h-tree,.h-win,.h-bird,.hh-card,.hh-bg i,.pulse{animation:none}}

.brand-img,.brand-ico{display:block;height:40px;width:auto;border-radius:10px;flex:none}.brand-img{max-width:60vw;object-fit:contain}

.brand-img,.brand-ico{border-radius:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}