/* Lifestyle-Manipur — corporate / marketing site. Light, on-brand (green). */
:root{
  --brand:#00603a; --brand-2:#0e8f5a; --brand-soft:#e9f3ed;
  --ink:#13241d; --body:#41514a; --muted:#6e7e75;
  --bg:#ffffff; --soft:#f4f9f6; --border:#e3ece7;
  --radius:16px; --shadow:0 10px 30px rgba(16,60,40,.08); --shadow-sm:0 4px 14px rgba(16,60,40,.06);
  --max:1120px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--body);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
h1,h2,h3{color:var(--ink);line-height:1.2;margin:0 0 .4em;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px;}
.muted{color:var(--muted);}
.center{text-align:center;}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border:none;cursor:pointer;
  font-weight:700;font-size:15px;padding:12px 22px;border-radius:11px;font-family:inherit;transition:.15s;}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:var(--shadow-sm);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow);}
.btn-ghost{background:#fff;color:var(--brand);border:1.5px solid var(--border);}
.btn-ghost:hover{border-color:var(--brand-2);}
.btn-lg{padding:15px 28px;font-size:16px;}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px;}
.brand{font-size:20px;font-weight:800;color:var(--ink);}
.brand span{color:var(--brand-2);}
.nav-links{display:flex;align-items:center;gap:26px;}
.nav-links a{font-size:14.5px;font-weight:600;color:var(--body);}
.nav-links a:hover{color:var(--brand);}
.nav-cta{display:flex;align-items:center;gap:12px;}
.nav-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--ink);}

/* hero — theme gradient, centered text, device showcase */
.hero{position:relative;overflow:hidden;text-align:center;padding:72px 0 60px;color:#fff;
  background:linear-gradient(160deg,#004b2d 0%,#00603a 45%,#0e8f5a 100%);}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(800px 380px at 50% -60px,rgba(255,255,255,.18),transparent 70%);}
.hero .wrap{position:relative;z-index:1;}
.hero .eyebrow{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);
  color:#fff;font-weight:700;font-size:13px;padding:6px 14px;border-radius:20px;margin-bottom:20px;backdrop-filter:blur(4px);}
.hero h1{color:#fff;font-size:48px;letter-spacing:-1px;max-width:780px;margin:0 auto .22em;}
.hero h1 em{font-style:normal;color:#bff0d6;}
.hero p{font-size:18px;max-width:600px;margin:0 auto 30px;color:rgba(255,255,255,.92);}
.hero .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-hero{background:#fff;color:var(--brand);box-shadow:var(--shadow-sm);}
.btn-hero:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.18);}
.btn-hero-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.5);}
.btn-hero-ghost:hover{background:rgba(255,255,255,.16);}
.hero .trust{margin-top:22px;font-size:13px;color:rgba(255,255,255,.78);}

/* device showcase */
.hero-devices{position:relative;display:flex;align-items:flex-end;justify-content:center;
  margin-top:48px;padding-bottom:0;min-height:340px;}

/* iMac / desktop */
.device-imac{position:relative;width:min(640px,82%);z-index:1;}
.imac-screen{background:#0f1117;border:12px solid #d7dde2;border-bottom-width:14px;border-radius:18px;
  box-shadow:0 26px 60px rgba(0,0,0,.32);overflow:hidden;aspect-ratio:16/10;}
.imac-neck{width:70px;height:26px;margin:-2px auto 0;
  background:linear-gradient(#c4ccd2,#aab3ba);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);}
.imac-base{width:180px;height:12px;margin:0 auto;border-radius:0 0 12px 12px;
  background:linear-gradient(#b7c0c6,#9aa4ab);box-shadow:0 10px 18px rgba(0,0,0,.18);}

/* iPhone */
.device-iphone{position:relative;width:188px;margin-left:-58px;margin-bottom:8px;z-index:2;}
.iphone-screen{background:#fff;border:11px solid #11151a;border-radius:34px;overflow:hidden;
  aspect-ratio:9/19;box-shadow:0 24px 50px rgba(0,0,0,.34);position:relative;}
.iphone-notch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:74px;height:18px;
  background:#11151a;border-radius:0 0 14px 14px;z-index:3;}

/* the screenshot fills the device screen (which is overflow:hidden) */
.shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;background:#fff;}

/* generic section */
section{padding:62px 0;}
.section-head{text-align:center;max-width:620px;margin:0 auto 42px;}
.section-head .kicker{color:var(--brand-2);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;}
.section-head h2{font-size:33px;margin-top:8px;letter-spacing:-.5px;}
.section-head p{font-size:16px;margin:6px 0 0;}
.soft-bg{background:var(--soft);}

/* services grid */
.grid{display:grid;gap:18px;}
.services-grid{grid-template-columns:repeat(4,1fr);}
.svc{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:.15s;}
.svc:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.svc .ico{font-size:30px;line-height:1;margin-bottom:12px;}
.svc h3{font-size:17px;margin-bottom:4px;}
.svc p{font-size:14px;margin:0;color:var(--muted);}

/* offer banner */
.offer{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-radius:22px;
  padding:38px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;box-shadow:var(--shadow);}
.offer .badge{display:inline-block;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);
  font-weight:700;font-size:12px;padding:5px 12px;border-radius:20px;margin-bottom:12px;letter-spacing:.03em;}
.offer h2{color:#fff;font-size:27px;margin:0 0 6px;}
.offer p{margin:0;max-width:520px;color:rgba(255,255,255,.92);}
.offer .right{text-align:center;}
.countdown{display:flex;gap:10px;justify-content:center;margin-bottom:8px;}
.cd-box{background:rgba(255,255,255,.16);border-radius:12px;padding:10px 14px;min-width:62px;}
.cd-box b{display:block;font-size:26px;line-height:1;}
.cd-box span{font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.05em;}
.offer .slots{font-size:13px;opacity:.92;margin-bottom:14px;}
.offer .btn-ghost{background:#fff;color:var(--brand);border:none;}

/* pricing */
.plans{grid-template-columns:repeat(4,1fr);align-items:stretch;}
.plan{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm);}
.plan.featured{border-color:var(--brand-2);box-shadow:0 14px 36px rgba(14,143,90,.18);transform:translateY(-4px);}
.plan .pbadge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;font-size:11.5px;font-weight:700;padding:5px 14px;border-radius:20px;white-space:nowrap;}
.plan h3{font-size:19px;margin-bottom:2px;}
.plan .tagline{font-size:13.5px;color:var(--muted);min-height:38px;}
.plan .price{font-size:34px;font-weight:800;color:var(--ink);margin:10px 0 0;}
.plan .period{font-size:12.5px;color:var(--muted);min-height:18px;margin-bottom:14px;}
.plan ul{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:9px;flex:1;}
.plan li{font-size:14px;padding-left:25px;position:relative;}
.plan li:before{content:"✓";position:absolute;left:0;color:var(--brand-2);font-weight:800;}
.plan .btn{width:100%;}

/* testimonials */
.tst-grid{grid-template-columns:repeat(3,1fr);}
.tst{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);}
.tst .stars{color:#f5a623;font-size:15px;letter-spacing:2px;margin-bottom:10px;}
.tst .quote{font-size:15.5px;color:var(--ink);margin:0 0 16px;}
.tst .who{display:flex;align-items:center;gap:12px;}
.tst .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;}
.tst .av img{width:100%;height:100%;object-fit:cover;}
.tst .who b{display:block;font-size:14px;color:var(--ink);}
.tst .who span{font-size:12.5px;color:var(--muted);}

/* news */
.news-grid{grid-template-columns:repeat(3,1fr);}
.news-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:.15s;}
.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.news-card .img{height:150px;background:var(--brand-soft) center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:34px;}
.news-card .body{padding:20px;}
.news-card .date{font-size:12px;color:var(--brand-2);font-weight:700;}
.news-card h3{font-size:17px;margin:6px 0 6px;}
.news-card p{font-size:14px;color:var(--muted);margin:0;}

/* contact */
.contact-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);
  display:grid;grid-template-columns:1fr 1fr;overflow:hidden;}
.contact-info{background:linear-gradient(150deg,var(--brand),var(--brand-2));color:#fff;padding:38px;}
.contact-info h2{color:#fff;font-size:26px;}
.contact-info p{color:rgba(255,255,255,.9);font-size:15px;}
.contact-info .row{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:15px;}
.contact-info .row .ic{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:18px;}
.contact-info a{color:#fff;font-weight:600;}
.contact-form{padding:38px;}
.contact-form label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin:14px 0 6px;}
.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:11px;
  font-size:14.5px;font-family:inherit;color:var(--ink);background:var(--soft);}
.contact-form textarea{min-height:96px;resize:vertical;}
.contact-form .btn{width:100%;margin-top:20px;}
.form-note{font-size:12.5px;color:var(--muted);margin-top:12px;text-align:center;}

/* footer */
.site-footer{background:#0c130f;color:#9fb0a6;padding:42px 0 28px;margin-top:10px;}
.site-footer .cols{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;}
.site-footer .brand{color:#fff;}
.site-footer .brand span{color:var(--brand-2);}
.site-footer a{color:#c4d2ca;font-size:14px;}
.site-footer a:hover{color:#fff;}
.site-footer .col h4{color:#6f8278;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;}
.site-footer .col{display:flex;flex-direction:column;gap:8px;}
.site-footer .bottom{border-top:1px solid #1c2a22;margin-top:26px;padding-top:18px;font-size:12.5px;color:#6f8278;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}

.empty-note{text-align:center;color:var(--muted);font-size:14px;padding:18px;}

/* ---- sub-page header band (About / Privacy) ---- */
.page-hero{background:linear-gradient(160deg,#004b2d 0%,#00603a 55%,#0e8f5a 100%);color:#fff;
  text-align:center;padding:58px 0 50px;position:relative;overflow:hidden;}
.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(700px 300px at 50% -40px,rgba(255,255,255,.16),transparent 70%);}
.page-hero .wrap{position:relative;z-index:1;}
.page-hero h1{color:#fff;font-size:38px;letter-spacing:-.5px;margin:0 0 8px;}
.page-hero p{color:rgba(255,255,255,.9);font-size:16px;max-width:560px;margin:0 auto;}

/* ---- document (privacy) body ---- */
.doc{max-width:780px;margin:0 auto;padding:54px 22px 64px;}
.doc .updated{color:var(--muted);font-size:13.5px;margin:-6px 0 26px;}
.doc h2{font-size:21px;margin:30px 0 8px;}
.doc p,.doc li{font-size:15.5px;color:var(--body);}
.doc ul{padding-left:20px;display:flex;flex-direction:column;gap:8px;margin:10px 0;}
.doc code{background:var(--soft);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:13.5px;color:var(--brand);}
.doc a{color:var(--brand);font-weight:600;text-decoration:underline;}

/* ---- about page ---- */
.about-section{max-width:900px;margin:0 auto;padding:54px 22px;}
.about-section h2{font-size:28px;text-align:center;margin-bottom:14px;}
.about-lead{font-size:17px;text-align:center;max-width:680px;margin:0 auto 8px;}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px;}
.stat-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;text-align:center;box-shadow:var(--shadow-sm);}
.stat-box b{display:block;font-size:34px;color:var(--brand);font-weight:800;}
.stat-box span{font-size:14px;color:var(--muted);}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.value{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);}
.value .ico{font-size:26px;margin-bottom:8px;}
.value h3{font-size:17px;margin-bottom:4px;}
.value p{font-size:14px;color:var(--muted);margin:0;}
.ceo-card{display:flex;align-items:center;gap:30px;background:#fff;border:1px solid var(--border);
  border-radius:22px;padding:32px;box-shadow:var(--shadow);max-width:760px;margin:0 auto;}
.ceo-photo{width:140px;height:140px;border-radius:20px;object-fit:cover;flex:none;border:3px solid var(--brand-soft);}
.ceo-info h3{font-size:22px;margin:0 0 2px;}
.ceo-info .role{color:var(--brand-2);font-weight:700;font-size:14px;margin-bottom:12px;}
.ceo-info p{font-size:15px;margin:0;}
.cta-band{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;text-align:center;padding:48px 22px;}
.cta-band h2{color:#fff;font-size:28px;margin-bottom:8px;}
.cta-band p{color:rgba(255,255,255,.9);margin:0 auto 22px;max-width:520px;}

/* responsive */
@media (max-width:980px){
  .services-grid{grid-template-columns:repeat(2,1fr);}
  .plans{grid-template-columns:repeat(2,1fr);}
  .tst-grid,.news-grid{grid-template-columns:1fr 1fr;}
  .device-imac{width:min(540px,88%);}
  .device-iphone{width:160px;margin-left:-46px;}
}
@media (max-width:720px){
  .nav-links{display:none;}
  .hero-devices{margin-top:36px;min-height:0;}
  .device-imac{width:96%;}
  .device-iphone{width:118px;margin-left:-34px;margin-bottom:4px;}
  .imac-screen{border-width:8px;}
  .nav-toggle{display:block;}
  .nav-links.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;background:#fff;
    border-bottom:1px solid var(--border);padding:16px 22px;gap:16px;}
  .hero h1{font-size:33px;}
  .hero p{font-size:16px;}
  .section-head h2{font-size:26px;}
  .services-grid,.plans,.tst-grid,.news-grid{grid-template-columns:1fr;}
  .offer{padding:28px;}
  .contact-card{grid-template-columns:1fr;}
  .nav-cta .btn-ghost{display:none;}
  .iphone-screen{border-radius:14px; border: 4px solid #d5dbe1;}
  .iphone-notch{background:#d5dbe1; width: 46px; top: 3px; height: 6px;}
  .stats-row,.values{grid-template-columns:1fr;}
  .ceo-card{flex-direction:column;text-align:center;gap:18px;padding:26px;}
  .page-hero h1{font-size:30px;}
}