:root{--ink:#0b1f18;--forest:#123e31;--mint:#cfe86a;--cream:#f5f5ef;--paper:#ffffff;--muted:#69736e;--line:#dfe5e0;--peach:#f1a56d;--rose:#eaa8a8;--sky:#bcd6d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}h1,h2,h3,h4,.brand{font-family:'Manrope',sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1200px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(11,31,24,.08)}.nav-wrap{height:84px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:24px;letter-spacing:-.03em}.brand-mark{width:42px;height:42px;border-radius:15px 15px 15px 5px;background:linear-gradient(145deg,var(--mint),#a9d73f);display:grid;place-items:center;color:var(--forest);font-size:26px;box-shadow:0 10px 24px rgba(90,130,65,.24)}.nav{display:flex;gap:26px;margin-left:auto}.nav a,.link{font-size:13px;font-weight:700;color:#31423b}.nav a:hover{color:var(--forest)}.nav-actions{display:flex;align-items:center;gap:16px}.menu-btn{display:none;border:0;background:none;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;font-size:13px;transition:.25s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff;box-shadow:0 12px 26px rgba(11,31,24,.18)}.btn-primary{background:var(--mint);color:var(--ink);box-shadow:0 14px 30px rgba(118,153,58,.24)}.btn-outline{border-color:var(--ink)}.btn-white{background:#fff;color:var(--ink)}.btn-ghost{border-color:rgba(255,255,255,.32);color:#fff}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.19em;color:#51705f;margin-bottom:18px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,rgba(207,232,106,.32),transparent 24%),linear-gradient(135deg,#f7f8f2 0%,#eef2e8 48%,#e7eee6 100%)}.hero:before{content:"";position:absolute;inset:auto -120px -220px auto;width:560px;height:560px;border-radius:50%;border:1px solid rgba(18,62,49,.11)}.hero-grid{min-height:760px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px}.hero h1{font-size:clamp(58px,6.4vw,96px);line-height:.94;letter-spacing:-.065em;margin:0 0 28px;max-width:730px}.hero h1 span{color:var(--forest)}.hero-copy>p{font-size:19px;line-height:1.75;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:24px;align-items:center;margin:34px 0 48px}.text-link{font-weight:800;border-bottom:1px solid currentColor;padding-bottom:4px}.trust-row{display:flex;gap:42px;padding-top:20px;border-top:1px solid rgba(11,31,24,.12);max-width:620px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:17px}.trust-row span{font-size:11px;color:var(--muted);margin-top:4px}.hero-visual{height:620px;position:relative}.orb{position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(145deg,#dff17f,#b8dc4e);top:52px;left:40px;box-shadow:0 45px 110px rgba(52,90,58,.24)}.orb:after{content:"";position:absolute;inset:35px;border:1px solid rgba(255,255,255,.65);border-radius:50%}.product-pack{position:absolute;width:220px;height:305px;border-radius:34px 34px 34px 11px;padding:30px;display:flex;flex-direction:column;box-shadow:0 30px 70px rgba(21,52,40,.28);border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(8px)}.product-pack:after{content:"";position:absolute;right:18px;bottom:18px;width:38px;height:38px;border-radius:50%;border:1px solid currentColor;opacity:.25}.product-pack small{font-weight:800;font-size:18px}.product-pack b{font-family:Manrope;font-size:27px;line-height:1.08;margin:auto 0}.product-pack em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em}.pack-a{background:linear-gradient(160deg,#fff,#eef4ea);transform:rotate(-8deg);top:100px;left:30px;z-index:2}.pack-b{background:linear-gradient(160deg,#174b3a,#0d2f24);color:#fff;transform:rotate(8deg);top:145px;right:0;z-index:3}.pack-c{background:linear-gradient(160deg,#f6c28e,#ec9859);transform:rotate(-2deg);bottom:10px;left:220px;width:185px;height:250px;z-index:4}.float-tag{position:absolute;background:rgba(255,255,255,.92);padding:12px 16px;border-radius:14px;font-size:11px;font-weight:800;box-shadow:0 12px 35px rgba(15,44,34,.15);z-index:6}.tag-a{top:82px;right:5px}.tag-b{bottom:72px;left:0}.strip{background:var(--ink);color:#fff}.strip-inner{height:68px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.16em}.strip i{width:5px;height:5px;background:var(--mint);border-radius:50%}.section{padding:120px 0}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:120px}.intro h2,.section h2{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0}.lead{font-size:22px;line-height:1.6;color:var(--ink)}.intro p:not(.lead),.private p:not(.lead){color:var(--muted);line-height:1.85}.how{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:58px}.section-head>p{max-width:470px;color:var(--muted);line-height:1.75}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{background:#fff;border-radius:30px;padding:34px;min-height:315px;position:relative;border:1px solid rgba(11,31,24,.05);box-shadow:0 14px 45px rgba(11,31,24,.05)}.steps article>span{position:absolute;right:26px;top:24px;color:#aab3ad;font-weight:800}.step-icon{width:74px;height:74px;border-radius:24px;background:var(--mint);display:grid;place-items:center;font-size:26px;margin:40px 0}.steps h3{font-size:29px;margin:0 0 12px}.steps p{color:var(--muted);line-height:1.65}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.category{min-height:315px;padding:38px;border-radius:32px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:end;transition:.3s;overflow:hidden;position:relative;border:1px solid rgba(11,31,24,.05)}.category:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-80px;top:-90px;background:rgba(255,255,255,.35)}.category:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(11,31,24,.10)}.category>span{position:absolute;top:28px;left:34px;font-size:11px;font-weight:800}.category small{font-size:10px;letter-spacing:.16em;font-weight:800}.category h3{font-size:35px;margin:10px 0}.category p{max-width:390px;line-height:1.65}.category b{font-size:30px;z-index:2}.cat-1{background:#e7f0db}.cat-2{background:#f7e1df}.cat-3{background:#e0ebed}.cat-4{background:#f7e7ce}.quality{background:linear-gradient(135deg,#123e31,#0b251c);color:#fff}.quality-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:24px}.quality-card{background:linear-gradient(145deg,#dff17c,#b9dc4d);color:var(--ink);border-radius:36px;padding:46px;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end}.badge{font-family:Manrope;font-size:92px;font-weight:800;letter-spacing:-.08em}.quality-card h3{font-size:33px;margin:10px 0}.quality-main{padding:42px 38px 20px}.quality-main p{color:#c8d7d0;line-height:1.8;font-size:18px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0}.checks span{font-weight:700}.light{color:#fff}.private-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.private-visual{height:540px;background:linear-gradient(145deg,#f7f7f1,#ecefe7);border-radius:42px;display:grid;place-items:center;position:relative;overflow:hidden}.private-visual:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(18,62,49,.12);border-radius:50%}.custom-card{width:270px;height:365px;background:linear-gradient(155deg,#143e31,#091d16);color:#fff;border-radius:38px 38px 38px 12px;padding:36px;display:flex;flex-direction:column;transform:rotate(-7deg);box-shadow:0 38px 75px rgba(16,40,31,.28);z-index:2}.custom-card span{font-size:11px;letter-spacing:.18em}.custom-card b{font-family:Manrope;font-size:32px;margin:auto 0}.swatches{position:absolute;right:55px;bottom:55px;display:flex;gap:8px;z-index:3}.swatches i{width:24px;height:24px;border-radius:50%;background:var(--peach)}.swatches i:nth-child(2){background:var(--mint)}.swatches i:nth-child(3){background:var(--rose)}.swatches i:nth-child(4){background:#80a7a0}.private .btn{margin-top:22px}.use-cases{background:#fafbf7}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.use-grid article{padding:32px;border:1px solid var(--line);border-radius:26px;background:#fff;transition:.25s}.use-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(11,31,24,.07)}.use-grid article div{font-size:30px}.use-grid h3{font-size:22px}.use-grid p{color:var(--muted);line-height:1.65}.cta{background:linear-gradient(135deg,#0a1d16,#123e31);color:#fff;padding:85px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{font-size:50px;margin:0}.cta-inner>div:last-child{display:flex;gap:12px}footer{background:#071812;color:#fff;padding:84px 0 26px}.footer-grid{display:grid;grid-template-columns:1.7fr .9fr .9fr 1.7fr;gap:46px}.footer-brand{margin-bottom:24px}.footer-grid p,.footer-grid a{color:#aebdb5;line-height:1.8;font-size:13px}.footer-grid div:not(:first-child){display:flex;flex-direction:column}.footer-grid h4{margin:0 0 20px;font-size:14px}.footer-contact p{margin:0 0 12px}.footer-contact a{margin-bottom:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:52px;padding-top:24px;display:flex;justify-content:space-between;color:#7f9188;font-size:11px}.subhero{padding:120px 0 90px;background:radial-gradient(circle at 80% 10%,rgba(207,232,106,.28),transparent 25%),var(--cream)}.subhero h1{font-size:68px;letter-spacing:-.055em;margin:0 0 20px}.content{padding:90px 0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.content p{line-height:1.85;color:var(--muted)}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea,.contact-form select{padding:17px;border:1px solid var(--line);border-radius:15px;font:inherit;background:#fff}.contact-form textarea{min-height:170px}.office-card{padding:30px;border-radius:24px;background:var(--cream);border:1px solid var(--line)}
@media(max-width:900px){.nav,.nav-actions .link{display:none}.menu-btn{display:block;margin-left:auto}.nav.open{display:flex;position:absolute;top:84px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.08)}.hero-grid,.intro-grid,.private-grid,.quality-grid,.content-grid{grid-template-columns:1fr}.hero-grid{padding-top:70px}.hero-visual{height:540px}.section{padding:88px 0}.product-grid,.steps{grid-template-columns:1fr}.use-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{align-items:flex-start;flex-direction:column}.strip-inner{overflow:auto;gap:30px}.strip-inner span{white-space:nowrap}.section-head{align-items:flex-start;flex-direction:column}.private-grid{gap:48px}}
@media(max-width:580px){.container{width:min(100% - 26px,1200px)}.hero h1{font-size:50px}.hero-visual{height:430px;transform:scale(.8);transform-origin:left top}.trust-row{gap:18px;flex-wrap:wrap}.use-grid,.footer-grid{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.cta h2{font-size:36px}.cta-inner>div:last-child{flex-direction:column;width:100%}.subhero h1{font-size:47px}.footer-bottom{flex-direction:column;gap:8px}.nav-actions .btn{padding:11px 16px}.footer-grid{gap:34px}}

.developer-link{color:#cfe86a;font-weight:700;transition:.2s}.developer-link:hover{color:#fff}


/* Mandilak Premium Final V4 */
:root{--ink:#0a1b15;--forest:#103f31;--mint:#d9ef78;--cream:#f7f7f1;--paper:#fff;--muted:#69736e;--line:#e4e8e3}
body{overflow-x:hidden}.site-header{background:rgba(255,255,255,.78);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.nav-wrap{height:88px}.nav{margin-left:auto}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--forest);transition:.25s}.nav a:hover:after{right:0}.nav-cta{margin-left:16px}
.hero{isolation:isolate}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(217,239,120,.34);filter:blur(90px);left:-180px;top:40px;z-index:-1}.hero-grid{min-height:790px}.hero-copy{padding:46px 0}.hero h1 span{background:linear-gradient(90deg,#103f31,#4b755c);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:650px}.hero-visual{transform:perspective(1200px) rotateY(-3deg)}
.product-pack{transition:transform .45s ease}.hero-visual:hover .pack-a{transform:rotate(-5deg) translateY(-10px)}.hero-visual:hover .pack-b{transform:rotate(5deg) translateY(-15px)}.hero-visual:hover .pack-c{transform:rotate(1deg) translateY(-8px)}
.strip{box-shadow:0 18px 45px rgba(5,25,18,.12)}.intro{background:linear-gradient(180deg,#fff,#fbfcf8)}.how .steps article,.category,.use-grid article,.office-card{box-shadow:0 12px 35px rgba(7,30,21,.045)}
.category{min-height:345px}.category h3{font-size:38px}.quality{position:relative;overflow:hidden}.quality:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-210px;top:-180px}.quality-grid{position:relative;z-index:1}.private-visual{box-shadow:inset 0 0 0 1px rgba(11,31,24,.04),0 25px 75px rgba(20,55,42,.10)}
.cta{background:radial-gradient(circle at 80% 20%,rgba(217,239,120,.18),transparent 30%),linear-gradient(135deg,#081710,#113d2f)}
footer{padding-top:92px}.footer-grid{grid-template-columns:1.6fr .8fr .8fr 1.5fr}.footer-grid a{width:max-content}.footer-grid a:hover{color:#fff}.developer-link{color:var(--mint)!important}
.subhero{padding:145px 0 105px;background:radial-gradient(circle at 78% 5%,rgba(217,239,120,.34),transparent 28%),linear-gradient(180deg,#f8f9f4,#f1f4ec)}.subhero h1{font-size:clamp(50px,7vw,88px);max-width:900px}.content{padding:110px 0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid rgba(16,63,49,.18);border-color:var(--forest)}
@media(max-width:900px){.nav-cta{display:none}.hero-visual{transform:none}.nav{margin-left:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.footer-grid{grid-template-columns:1fr}.nav-wrap{height:76px}.nav.open{top:76px}.hero-grid{min-height:auto}.hero-copy{padding-top:30px}.hero h1{font-size:48px}.section{padding:78px 0}.subhero{padding:100px 0 72px}}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:none}.nav a.active{color:var(--forest);font-weight:800}.nav a.active:after{right:0}