:root { --blue:#155ce5; --navy:#071a45; --green:#29b63e; --ink:#0d1b42; --muted:#586174; --pale:#f3f7ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); font-family:"DM Sans",sans-serif; }
h1,h2,h3,p { margin-top:0; }
.navbar { min-height:58px; background:#fff; box-shadow:0 1px 7px rgba(13,34,76,.17); padding:.55rem 0; }
.brand { font-family:"Manrope",sans-serif; font-weight:800; color:var(--ink); font-size:1.02rem; letter-spacing:-.55px; text-decoration:none; }
.brand img{max-height:60px;}
.brand span { color:var(--blue); }
.brand-plane { display:inline-block; margin-right:6px; color:var(--blue); font-size:1.48rem; line-height:1; transform:rotate(-30deg); }
.nav-link { color:var(--navy)!important; font-size:18px; font-weight:600; padding:.5rem .92rem!important; }
.btn { font-size:18px; font-weight:700; padding:.58rem 1.08rem; }
.btn-login { border:1px solid #222; color:#222; }
.btn-primary-blue { color:#fff; background:var(--green); border-color:var(--green); box-shadow:0 4px 10px rgba(21,92,229,.2); }
.btn-primary-blue:hover { background:#094bc9; color:#fff; }
.hero { padding:7.5rem 0 4rem; min-height:500px; background:linear-gradient(110deg,#fff 0%,#f5f9ff 52%,#e9f2ff 100%); overflow:hidden; }
.hero h1 { color:var(--navy); font:800 clamp(2.55rem,4.8vw,4.2rem)/1.1 "Manrope",sans-serif; letter-spacing:-2.5px; }
.hero h1 span { color:var(--green); }
.hero-subtitle { font-size:1.18rem; line-height:1.45; margin:13px 0 22px; }
.use-cases { display:flex; gap:24px; margin-bottom:24px; }
.use-cases div { display:grid; justify-items:center; gap:5px; color:#202b43; font-size:.84rem; font-weight:700; }
.use-cases img { width:52px; height:52px; object-fit:contain; }
.btn-hero { padding:.65rem 1.18rem; }
.btn-outline-blue { color:#222; border-color:#222; background:#fff; }
.btn-outline-blue:hover { background:#edf4ff; color:var(--blue); border-color:var(--blue); }
.hero-art { position:relative; margin:auto; }
.hero-static-graphic { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 17px 22px rgba(34,87,54,.12)); }
.art-wash { position:absolute; border-radius:50%; background:rgba(255,255,255,.58); }
.wash-one { width:390px; height:390px; top:-10px; left:0; }
.wash-two { width:360px; height:290px; right:-50px; bottom:-10px; }
.floating-icon { position:absolute; z-index:7; display:grid; place-items:center; width:48px; height:48px; border-radius:7px; box-shadow:0 7px 15px rgba(38,74,128,.17); font-size:1.65rem; font-weight:800; }
.icon-mail { top:36px; left:79px; color:#fff; background:#6fa3ff; }
.icon-bell { top:68px; right:5px; color:var(--green); background:#e3fae8; }
.icon-lock { right:15px; bottom:58px; color:#f37b20; background:#fff0e4; }
.report-card { position:absolute; z-index:8; display:flex; align-items:center; gap:12px; left:48px; bottom:20px; width:125px; height:77px; padding:14px; border-radius:7px; background:#fff; box-shadow:0 10px 20px rgba(32,59,102,.17); }
.pie { width:38px; height:38px; border-radius:50%; background:conic-gradient(#29b63e 0 33%,#f4a100 0 57%,#2965cf 0 78%,#f2f4f8 0); }
.report-card i { display:block; width:38px; height:5px; margin:5px 0; border-radius:4px; background:#d7dadd; }
.section { padding:5.3rem 0; }
.section-heading { text-align:center; margin-bottom:2.5rem; }
.section-heading>span { color:var(--green); font-size:.78rem; font-weight:800; }
.section-heading h2 { margin:.5rem 0 .75rem; color:var(--navy); font:800 clamp(2rem,3.2vw,2.85rem)/1.16 "Manrope",sans-serif; letter-spacing:-1.25px; }
.section-heading b { display:block; width:42px; height:3px; margin:auto; background:var(--green); }
.messaging-section { background:#fff; }
.solution-showcases { max-width:1000px; margin:auto; }
.solution-showcase { display:flex; align-items:center; gap:10%; min-height:330px; margin:0 auto 45px; padding:38px 7%; overflow:hidden; border-radius:18px; }
.solution-showcase:last-child { margin-bottom:0; }
.solution-copy { flex:1 1 48%; }
.solution-copy>span { color:var(--blue); font-size:.78rem; font-weight:800; letter-spacing:.06em; }
.solution-copy h3 { margin:9px 0 14px; color:var(--navy); font:800 clamp(1.65rem,3vw,2.25rem)/1.18 "Manrope",sans-serif; letter-spacing:-1.25px; }
.solution-copy p { max-width:425px; margin:0 0 18px; color:#59647a; font-size:16px; line-height:1.65; }
.solution-copy a { color:var(--blue); font-size:.9rem; font-weight:800; text-decoration:none; }
.solution-copy a b { display:inline-block; margin-left:5px; font-size:1.1rem; transition:transform .2s ease; }
.solution-copy a:hover b { transform:translateX(4px); }
.solution-graphic { position:relative; display:grid; flex:0 0 300px; width:300px; height:240px; place-items:center; }
.solution-graphic img { position:relative; z-index:2; width:150px; height:150px; object-fit:contain; filter:drop-shadow(0 15px 13px rgba(20,70,150,.13)); }
.graphic-orbit { position:absolute; width:215px; height:215px; border:1px dashed currentColor; border-radius:50%; opacity:.35; }
.graphic-tag { position:absolute; z-index:3; padding:8px 11px; border-radius:7px; background:#fff; box-shadow:0 8px 17px rgba(31,68,130,.13); color:#526077; font-size:.72rem; font-weight:700; }
.tag-one { top:25px; right:2px; }
.tag-two { bottom:27px; left:0; }
.marketing-showcase { color:var(--blue); background:linear-gradient(110deg,#f4f8ff,#fff); }
.reminder-showcase { color:var(--green); background:linear-gradient(110deg,#f6fcf7,#fff); }
.reminder-showcase .solution-copy>span,.reminder-showcase .solution-copy a { color:var(--green); }
.otp-showcase { color:#f4771c; background:linear-gradient(110deg,#fff8f3,#fff); }
.otp-showcase .solution-copy>span,.otp-showcase .solution-copy a { color:#e5680d; }
.feature-section { background:linear-gradient(110deg,#f4f8ff,#fff); }
.feature-grid { margin:auto; }
.feature-card { min-height:210px; padding:24px 21px; text-align:center; background:#fff; border:1px solid #e6eaf0; border-radius:9px; box-shadow:0 2px 5px rgba(20,35,65,.025); }
.feature-card img { width:60px; height:60px; object-fit:contain; margin-bottom:13px; }
.feature-card h3 { margin-bottom:8px; color:var(--navy); font:800 22px "Manrope",sans-serif; }
.feature-card p { max-width:230px; margin:auto; color:#566073; font-size:16px; line-height:1.5; }
.pricing-section {  }
.pricing-grid { margin:auto; }
.price-card { position:relative; height:100%; padding:38px 15px 28px; text-align:center; border:1px solid #e2e8f1; border-radius:9px; background:#fff; box-shadow:0 4px 10px rgba(24,50,94,.06); }
.price-card img { width:56px; height:56px; object-fit:contain; margin:0 0 11px; }
.price-card h3 { margin:0; color:var(--navy); font:800 2.25rem "Manrope",sans-serif; }
.price-card p { margin:2px 0 17px; color:#465067; font-size:.94rem; }
.price-card strong { color:var(--blue); font-size:1.26rem; }
.popular { border-color:#78a6ff; }
.popular>span { position:absolute; top:-1px; left:50%; padding:5px 19px; color:#fff; background:var(--blue); font-size:.7rem; font-weight:800; transform:translateX(-50%); border-radius:0 0 5px 5px; }
.popular strong { color:var(--green); }
.orange strong { color:#f4771c; }
.purple strong { color:#7044e8; }
.faq-section { padding-bottom:8rem; background:linear-gradient(0deg,#f4f8ff,#fff);}
.faq-list { max-width:720px; }
.accordion-item { margin-bottom:13px; border:1px solid #e4e8ef!important; border-radius:8px!important; overflow:hidden; box-shadow:0 3px 9px rgba(25,45,75,.04); }
.accordion-button { gap:17px; color:var(--navy); font-size:1.15rem; font-weight:800; box-shadow:none!important; }
.accordion-button:not(.collapsed) { color:var(--navy); background:#fff; }
.accordion-button em { display:grid; flex:0 0 27px; width:27px; height:27px; place-items:center; border-radius:50%; color:white; background:var(--green); font-size:.78rem; font-style:normal; }
.accordion-body { padding:0 3.8rem 1.25rem; color:#596174; font-size:16px; line-height:1.5; }
footer { border-top:1px solid #edf0f5; }
.footer-cta { display:flex; align-items:center; justify-content:space-between; gap:25px; margin:-60px auto 0 auto; padding:26px 44px; color:white; background:linear-gradient(115deg,#29b63e,#29b63e); border-radius:8px; transform:translateY(-1px); }
.footer-cta h2 { margin:0 0 5px; font:800 30px "Manrope",sans-serif; }
.footer-cta p { margin:0; max-width:600px; font-size:16px; line-height:1.45; }
.footer-cta .btn { flex:0 0 auto; color:var(--green); background:white; padding:.68rem 1.2rem; }
.footer-bottom { display:flex; justify-content:space-between; padding:25px 8px 20px; }
.footer-brand { font-size:.9rem; }
.footer-brand img{max-height:60px; margin-bottom:15px;}
.footer-bottom p,.footer-contact { margin:0 0; color:#566073; font-size:16px; line-height:1.55; }
.footer-contact { display:grid; gap:3px; text-align:right; }
.footer-contact p { color:var(--navy); font-size:.75rem; max-width:300px;}
.footer-contact a { color:var(--green); text-decoration:none; }
.copyright { margin:0; padding:22px; text-align:center; color:#5d6678; border-top:1px solid #e8ebef; font-size:12px; font-weight:600; }

@media (max-width:991px) {
	.hero { padding-top:6.7rem; }
	.hero-copy { text-align:center; }
	.use-cases { justify-content:center; }
	.hero-copy .d-flex { justify-content:center; }
	.footer-cta { max-width:700px; } 
}
@media (max-width:767px) { .solution-showcase { flex-direction:column; gap:22px; padding:34px 10%; }.solution-copy { text-align:center; }.solution-copy p { margin-left:auto; margin-right:auto; }.solution-graphic { flex-basis:230px; transform:scale(.88); }.reminder-showcase .solution-copy { order:1!important; }.reminder-showcase .solution-graphic { order:2!important; } }
@media (max-width:575px) {
	.navbar .container { padding:0 16px; }
	.hero { padding-bottom:2.2rem; }
	.hero h1 { letter-spacing:-1.5px; }
	.hero-art { transform:scale(.9); transform-origin:top center; margin-bottom:-50px; }
	.section { padding:3.5rem 0; }
	.faq-section { padding-bottom:10rem;}
	.footer-cta { align-items:flex-start; flex-direction:column; margin:-100px 12px 0 12px; padding:25px; }
	.footer-bottom { padding:23px 8px; }
	.footer-contact { text-align:left; }
	.price-card { min-height:170px; padding:32px 7px 14px; }
  .price-card h3 { font-size:1.85rem; }
  .price-card strong { font-size:1rem; }
  .solution-showcase { margin-bottom:25px; }
  .solution-copy h3 { font-size:1.65rem; }
  .solution-copy p { font-size:.9rem; }
  .solution-graphic { margin:-5px 0; }
}