*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fb;color:#132033;font:16px/1.65 Inter,system-ui,-apple-system,"Noto Sans Malayalam",sans-serif}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;gap:28px;padding:0 max(5vw,24px);background:rgba(246,248,251,.9);backdrop-filter:blur(18px);border-bottom:1px solid #dce3eb}.brand{font-size:22px;font-weight:850;white-space:nowrap}.brand span{background:#1bd39a;color:#06151a;padding:5px 7px;border-radius:8px}.brand small{font-size:11px;font-weight:600;color:#6b7685}.nav nav{display:flex;gap:24px;margin-left:auto;font-size:14px}.nav nav a:hover{color:#087c63}.btn{display:inline-flex;align-items:center;justify-content:center;background:#0b8f70;color:white;padding:13px 19px;border-radius:11px;font-weight:800;border:1px solid #0b8f70;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.ghost{background:transparent;color:inherit;border-color:#9aa8b7}.btn.sm{padding:9px 14px;font-size:14px}.section{padding:96px max(6vw,24px);max-width:1440px;margin:auto}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}.eyebrow,.kicker{display:inline-block;color:#087c63;font-weight:850;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,76px);line-height:1.03;letter-spacing:-.05em;margin:18px 0}.hero h1 em{font-style:normal;color:#087c63}.hero h2{font-size:clamp(21px,2vw,30px);line-height:1.3}.hero p,.center>p,.split p{color:#5c6877;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.flow-card{background:#07111f;color:white;border-radius:26px;padding:22px;box-shadow:0 35px 80px #172d4526}.flow-head{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #ffffff1d}.flow-head span{color:#1bd39a;font-size:12px}.steps{padding:14px}.steps div{display:grid;grid-template-columns:35px 1fr;align-items:center;background:#0e1d2d;padding:10px 14px;border:1px solid #203246;border-radius:12px;color:#88a0b7}.steps b{color:white}.steps small{grid-column:2}.steps i{display:block;text-align:center;color:#1bd39a;font-style:normal;height:18px}.center{text-align:center}.center>p{margin-left:auto;margin-right:auto}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 18px}.grid{display:grid;gap:18px}.problems{grid-template-columns:repeat(3,1fr);margin-top:42px}.problems article,.features article,.messages article,.pricing article,.support-card{background:white;border:1px solid #dfe6ed;border-radius:18px;padding:24px}.problems b{font-size:18px}.problems p,.features p{color:#657180}.statement{max-width:900px;margin:42px auto 0;padding:24px;text-align:center;background:#e7f8f2;border-radius:15px}.dark{max-width:none;background:#07111f;color:white}.dark .note,.dark p{color:#9eb0c0}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;max-width:1260px;margin:auto}.journey{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.journey span{background:#0e2132;border:1px solid #244057;padding:12px 14px;border-radius:10px}.journey b{color:#1bd39a}.note{font-size:14px;color:#667585}.features{grid-template-columns:repeat(3,1fr);margin-top:45px}.features article{min-height:225px}.features h3{margin:10px 0 4px}.features small{color:#087c63;font-weight:650}.ico{font-size:25px;color:#087c63}.auto{background:#e7f8f2;max-width:none}.automation{max-width:520px}.automation div{background:white;border:1px solid #bdded3;padding:14px 18px;border-radius:12px;display:grid;grid-template-columns:32px 1fr}.automation small{grid-column:2;color:#6a7b78}.automation i{text-align:center;display:block;color:#087c63;font-style:normal}.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:38px auto;max-width:1050px}.logos span{padding:12px 15px;background:white;border:1px solid #dce4ea;border-radius:10px;font-weight:750;font-size:14px}.tabs{display:flex;gap:8px;overflow:auto;padding:25px 0}.tabs button{white-space:nowrap;background:#0d1d2b;color:#a8bac8;border:1px solid #22394c;padding:11px 15px;border-radius:10px;cursor:pointer}.tabs button.active{background:#1bd39a;color:#07111f;border-color:#1bd39a}.tabpanes article{display:none;background:#0d1d2b;border:1px solid #20394d;border-radius:20px;padding:34px;min-height:210px}.tabpanes article.active{display:block}.tabpanes h3{font-size:28px;margin:0 0 14px}.tabpanes b{color:#1bd39a}.compare{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:auto;border:1px solid #d9e1e8;border-radius:24px;overflow:hidden}.compare article{padding:40px;background:#fff}.compare .with{background:#e7f8f2}.compare span{font-size:12px;font-weight:850;letter-spacing:.12em}.compare li{padding:5px}.messages{grid-template-columns:repeat(3,1fr);max-width:1100px;margin:40px auto}.messages article{display:flex;flex-direction:column;gap:10px}.messages b{font-size:18px}.messages button{align-self:flex-start;border:0;background:#e7f8f2;padding:8px 12px;border-radius:8px}.demo{background:#eef2f6;max-width:none}.video{aspect-ratio:16/7;max-width:1000px;margin:40px auto;background:#07111f;color:white;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.play{width:68px;height:68px;border-radius:50%;background:#1bd39a;color:#07111f;display:grid;place-items:center;font-size:25px}.video small{color:#8fa2b4}.pricing{grid-template-columns:repeat(3,1fr);max-width:1100px;margin:40px auto}.pricing article{padding:30px}.pricing article>span{font-weight:900;letter-spacing:.1em;color:#087c63}.pricing h3{font-size:35px;margin:12px 0}.pricing h3 small{font-size:14px}.pricing .featured{border:2px solid #0b8f70;transform:translateY(-10px)}.setup,.warning,.consult{max-width:1100px;margin:18px auto;padding:22px;border-radius:14px}.setup{background:#e7f8f2}.warning{background:#fff3dc;border:1px solid #edd49d}.consult{text-align:center;padding:48px 22px}.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;max-width:1260px;margin:40px auto}.timeline div{background:#0e1d2d;border:1px solid #21374a;padding:18px;border-radius:14px}.timeline p{font-size:13px}.faq{max-width:900px;margin:40px auto}.faq details{background:white;border:1px solid #dce4eb;border-radius:12px;margin:9px 0;padding:0 18px}.faq summary{cursor:pointer;font-weight:800;padding:18px 0}.faq p{color:#5f6b79;padding-bottom:16px}.trust{background:#e7f8f2;max-width:none}.orbit{min-height:330px;border-radius:50%;border:1px solid #9ed5c4;display:grid;place-items:center;position:relative}.orbit strong{font-size:35px}.orbit span,.orbit b{position:absolute;background:white;border:1px solid #bcded4;padding:8px 12px;border-radius:10px}.orbit b{top:5%}.orbit span:nth-child(2){right:3%;top:25%}.orbit span:nth-child(3){right:10%;bottom:12%}.orbit span:nth-child(4){left:8%;bottom:12%}.orbit span:nth-child(5){left:2%;top:25%}.final{text-align:center;max-width:1050px}.final p{max-width:800px;margin-left:auto;margin-right:auto}.final .actions{justify-content:center}.phone a{font-weight:900}footer{background:#050c15;color:#9aabba;padding:55px max(6vw,24px);text-align:center}footer .brand{color:white}.mobilebar{display:none}.reveal{opacity:0;transform:translateY(15px);transition:.6s}.reveal.on{opacity:1;transform:none}
@media(max-width:900px){.nav nav{display:none}.nav{height:64px}.nav .btn{margin-left:auto}.section{padding:70px 22px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero h1{font-size:45px}.split{grid-template-columns:1fr}.problems,.features,.messages,.pricing{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.pricing .featured{transform:none}.compare{grid-template-columns:1fr}.video{aspect-ratio:16/10}.orbit{max-width:520px}}
@media(max-width:620px){body{padding-bottom:58px}.nav .btn{display:none}.hero h1{font-size:39px}.hero h2{font-size:21px}.actions .btn{width:100%}.problems,.features,.messages,.pricing{grid-template-columns:1fr}.features article{min-height:0}.timeline{grid-template-columns:1fr}.journey{gap:6px}.journey span{font-size:13px;padding:9px}.video{aspect-ratio:4/3;text-align:center;padding:20px}.mobilebar{position:fixed;z-index:80;display:grid;grid-template-columns:repeat(3,1fr);bottom:0;left:0;right:0;background:#07111f;color:white;border-top:1px solid #263849}.mobilebar a{text-align:center;padding:15px 5px;font-weight:800;border-right:1px solid #263849}.orbit{min-height:280px}.section h2{font-size:34px}}

.brand-logo{display:inline-flex;align-items:center;line-height:1}
.brand-logo img{display:block;width:auto;height:48px;object-fit:contain}
.nav .brand-logo img{height:50px;max-width:190px}
footer .brand-logo{justify-content:center}
footer .brand-logo img{height:72px;max-width:260px}
@media(max-width:620px){
  .nav .brand-logo img{height:42px;max-width:160px}
  footer .brand-logo img{height:62px;max-width:230px}
}


/* =========================================================
   Digi Smart visual theme layer
   Dark ink + warm white + restrained growth-green accents
   ========================================================= */
:root{
  --ds-ink:#07111f;
  --ds-ink-2:#0d1928;
  --ds-ink-3:#142438;
  --ds-paper:#f7f8fa;
  --ds-surface:#ffffff;
  --ds-soft:#edf2f5;
  --ds-line:#dbe3e9;
  --ds-text:#101b2a;
  --ds-muted:#667383;
  --ds-accent:#18b98a;
  --ds-accent-strong:#0d8e6b;
  --ds-accent-soft:#e5f6f1;
  --ds-white:#ffffff;
}

body{
  background:var(--ds-paper);
  color:var(--ds-text);
}
.nav{
  background:rgba(247,248,250,.88);
  border-color:rgba(7,17,31,.09);
  box-shadow:0 8px 30px rgba(7,17,31,.04);
}
.nav nav a:hover,.kicker,.eyebrow,.features small,.ico{color:var(--ds-accent-strong)}
.btn{
  background:var(--ds-ink);
  border-color:var(--ds-ink);
  color:var(--ds-white);
  box-shadow:0 10px 24px rgba(7,17,31,.10);
}
.btn:hover{
  background:var(--ds-ink-2);
  border-color:var(--ds-ink-2);
}
.btn.ghost{
  background:rgba(255,255,255,.5);
  color:var(--ds-ink);
  border-color:rgba(7,17,31,.18);
  box-shadow:none;
}
.hero{
  position:relative;
}
.hero:before{
  content:"";
  position:absolute;
  inset:3% 2% auto auto;
  width:34vw;
  height:34vw;
  max-width:520px;
  max-height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(24,185,138,.12),rgba(24,185,138,0) 70%);
  pointer-events:none;
  z-index:-1;
}
.hero h1 em{color:var(--ds-accent-strong)}
.flow-card,.dark,footer{
  background:var(--ds-ink);
}
.flow-card{
  box-shadow:0 32px 80px rgba(7,17,31,.20);
}
.flow-head span,.steps i,.journey b,.tabpanes b{color:#38d7a8}
.steps div,.timeline div{
  background:var(--ds-ink-2);
  border-color:rgba(255,255,255,.10);
}
.dark p,.dark .note{color:#aab7c4}
.problems article,.features article,.messages article,.pricing article,.support-card,.faq details{
  background:var(--ds-surface);
  border-color:var(--ds-line);
  box-shadow:0 12px 34px rgba(7,17,31,.035);
}
.problems article:hover,.features article:hover,.pricing article:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(7,17,31,.075);
  border-color:#c8d5dd;
}
.problems article,.features article,.pricing article{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.statement,.setup,.trust{
  background:var(--ds-accent-soft);
}
.auto{
  background:linear-gradient(180deg,#eef8f5 0%,#f7f8fa 100%);
}
.automation div{
  border-color:#c9e8df;
}
.journey span,.tabpanes article{
  background:var(--ds-ink-2);
  border-color:rgba(255,255,255,.10);
}
.tabs button{
  background:var(--ds-ink-2);
  border-color:rgba(255,255,255,.12);
}
.tabs button.active{
  background:var(--ds-accent);
  border-color:var(--ds-accent);
  color:var(--ds-ink);
}
.compare .with{
  background:var(--ds-accent-soft);
}
.demo{
  background:var(--ds-soft);
}
.video{
  background:linear-gradient(145deg,var(--ds-ink),#10253a);
  box-shadow:0 26px 70px rgba(7,17,31,.15);
}
.play{
  background:var(--ds-accent);
  color:var(--ds-ink);
}
.pricing .featured{
  border-color:var(--ds-accent-strong);
}
.warning{
  background:#fff8e8;
  border-color:#ecdcae;
}
.mobilebar{
  background:var(--ds-ink);
}
.orbit{
  border-color:#a8d9cb;
}
.orbit span,.orbit b{
  border-color:#c7e6dd;
}
footer{
  color:#9eacb9;
}
footer .brand-logo img{
  filter:none;
}

/* Keep DG Flow's own blue identity in the product logo; use Digi Smart green
   only for interface accents so both brands remain visually compatible. */