.landing-home { color: #2a3547; background: #fff; }
.landing-hero { padding: 88px 0 78px; background: linear-gradient(180deg,#edf3ff 0,#fff 92%); }
.landing-hero h1 { max-width: 720px; margin: 0 0 24px; font-size: clamp(2.65rem,5vw,5rem); font-weight: 800; line-height: 1.03; letter-spacing: -.055em; }
.landing-hero-copy { max-width: 650px; margin-bottom: 34px; color: #5a6a85; font-size: 1.12rem; line-height: 1.8; }
.landing-btn { padding: 13px 22px; border-radius: 10px; font-weight: 700; }
.landing-proof { display:flex; align-items:center; gap:12px; margin-top:34px; color:#5a6a85; }
.landing-proof span { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:11px; color:#13a886; background:#e6fffa; font-size:20px; }
.landing-proof p { margin:0; font-size:.84rem; font-weight:600; }
.landing-product-frame { overflow:hidden; border:1px solid #cbd9ff; border-radius:20px; background:#fff; box-shadow:0 28px 70px rgba(65,91,150,.18); transform:rotate(1deg); }
.landing-product-frame img { display:block; width:100%; }
.landing-browser-bar { display:flex; align-items:center; gap:7px; height:38px; padding:0 14px; border-bottom:1px solid #e8eef9; background:#fff; }
.landing-browser-bar i { width:8px; height:8px; border-radius:50%; background:#d9e2f2; }
.landing-browser-bar span { margin-left:8px; color:#8b9ab1; font-size:.65rem; }
.landing-feature-section,.landing-screenshots,.landing-faq-section { padding:100px 0; }
.landing-section-heading { max-width:760px; margin:0 auto 54px; text-align:center; }
.landing-section-heading h2,.landing-workflow h2,.landing-sticky-heading h2,.landing-cta h2 { margin-bottom:16px; font-size:clamp(2rem,3.5vw,3.4rem); font-weight:800; line-height:1.12; letter-spacing:-.035em; }
.landing-section-heading p,.landing-workflow>div p,.landing-sticky-heading p { color:#5a6a85; font-size:1rem; line-height:1.75; }
.landing-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #e7edf5; border-left:1px solid #e7edf5; }
.landing-feature-item { display:flex; gap:18px; min-height:190px; padding:30px; border-right:1px solid #e7edf5; border-bottom:1px solid #e7edf5; }
.landing-feature-item>span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 48px; width:48px; height:48px; border-radius:14px; font-size:23px; }
.landing-feature-item h3,.landing-shot h3 { margin:5px 0 8px; font-size:1rem; font-weight:800; }
.landing-feature-item p,.landing-shot p { margin:0; color:#5a6a85; font-size:.82rem; line-height:1.65; }
.landing-workflow { padding:100px 0; background:#f6f9fc; }
.landing-steps { display:flex; flex-direction:column; gap:24px; margin:36px 0 0; padding:0; list-style:none; }
.landing-steps li { display:flex; gap:15px; }
.landing-steps li>span { display:inline-flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; border-radius:10px; color:#fff; background:#5d87ff; font-weight:800; }
.landing-steps strong,.landing-steps small { display:block; }
.landing-steps strong { margin-bottom:4px; }
.landing-steps small { color:#5a6a85; line-height:1.55; }
.landing-workflow-visual { overflow:hidden; border:1px solid #d9e3f4; border-radius:18px; background:#fff; box-shadow:0 20px 50px rgba(42,53,71,.12); }
.landing-shot { height:100%; margin:0; overflow:hidden; border:1px solid #e2e9f3; border-radius:18px; background:#fff; box-shadow:0 10px 32px rgba(42,53,71,.07); }
.landing-shot>div { display:flex; align-items:center; justify-content:center; overflow:hidden; min-height:280px; padding:22px; background:#f6f9fc; }
.landing-shot.is-primary>div { min-height:auto; }
.landing-shot:not(.is-primary) img { max-height:340px; object-fit:contain; }
.landing-shot figcaption { padding:22px 24px; }
.landing-faq-section { background:#f6f9fc; }
.landing-sticky-heading { position:sticky; top:110px; }
.landing-sticky-heading a { display:inline-flex; align-items:center; gap:6px; margin-top:18px; color:#5d87ff; font-weight:700; text-decoration:none; }
.landing-faq .accordion-item { border:0; border-bottom:1px solid #dfe7ed; background:transparent; }
.landing-faq .accordion-button { padding:25px 4px; background:transparent; font-size:1rem; font-weight:750; box-shadow:none; }
.landing-faq .accordion-body { padding:0 4px 26px; color:#5a6a85; line-height:1.75; }
.landing-cta { padding:70px 0; }
.landing-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:55px 60px; border-radius:22px; color:#fff; background:#2a3547; }
.landing-cta-inner h2 { max-width:780px; margin-bottom:10px; color:#fff; }
.landing-cta-inner p { max-width:720px; margin:0; color:#b8c5d8; line-height:1.7; }
@media(max-width:991.98px){.landing-hero{padding-top:55px}.landing-product-frame{margin-top:20px;transform:none}.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-cta-inner{align-items:flex-start;flex-direction:column}.landing-sticky-heading{position:static}}
@media(max-width:575.98px){.landing-hero h1{font-size:2.65rem}.landing-feature-section,.landing-screenshots,.landing-faq-section,.landing-workflow{padding:72px 0}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-item{min-height:auto;padding:24px}.landing-cta-inner{padding:35px 25px}.landing-cta-inner .btn{width:100%}}
.landing-about{background:#fff;color:#2a3547}.about-hero{padding:90px 0 0;background:#edf3ff}.about-hero-copy{max-width:980px;margin:0 auto 58px;text-align:center}.about-hero h1{margin-bottom:24px;font-size:clamp(2.7rem,5.5vw,5.4rem);font-weight:800;line-height:1.04;letter-spacing:-.055em}.about-hero-copy>p{max-width:780px;margin:0 auto 32px;color:#5a6a85;font-size:1.08rem;line-height:1.8}.about-hero-copy .d-flex{justify-content:center}.about-hero-image{overflow:hidden;max-width:1160px;margin:0 auto;border:1px solid #cbd9ff;border-bottom:0;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 30px 70px rgba(65,91,150,.18)}.about-story,.about-values,.about-mission,.about-connected{padding:105px 0}.about-story h2,.about-mission h2{font-size:clamp(2rem,4vw,3.65rem);font-weight:800;line-height:1.12;letter-spacing:-.04em}.about-lead{color:#45536a;font-size:1.25rem;line-height:1.85}.about-story-note{display:flex;gap:15px;margin-top:30px;padding:22px;border-left:3px solid #5d87ff;background:#f6f9fc}.about-story-note span{color:#5d87ff;font-size:24px}.about-story-note p{margin:0;color:#5a6a85;line-height:1.7}.about-values{background:#f6f9fc}.about-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #dfe7ed;border-left:1px solid #dfe7ed}.about-value-grid article{min-height:240px;padding:32px;border-right:1px solid #dfe7ed;border-bottom:1px solid #dfe7ed;background:#fff}.about-value-grid article>span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;font-size:23px}.about-value-grid h3{margin:24px 0 10px;font-size:1rem;font-weight:800}.about-value-grid p{margin:0;color:#5a6a85;font-size:.82rem;line-height:1.7}.about-mission-copy{padding-right:35px}.about-mission-copy>p{margin:20px 0 30px;color:#5a6a85;font-size:1rem;line-height:1.8}.about-mission dl{margin:0}.about-mission dl>div{display:grid;grid-template-columns:125px 1fr;gap:18px;padding:16px 0;border-top:1px solid #e3eaf3}.about-mission dt{font-weight:800}.about-mission dd{margin:0;color:#5a6a85}.about-product-image{overflow:hidden;border:1px solid #dce5f3;border-radius:18px;box-shadow:0 20px 50px rgba(42,53,71,.12)}.about-connected{background:#2a3547}.about-connected .landing-section-heading h2{color:#fff}.about-connected .landing-section-heading p{color:#b8c5d8}.about-connection-flow{display:flex;align-items:center;justify-content:center;gap:18px}.about-connection-flow>div{display:flex;align-items:center;flex-direction:column;gap:11px;min-width:130px;padding:24px 18px;border:1px solid #45536a;border-radius:16px;color:#fff;background:#323f53}.about-connection-flow>div span{font-size:27px;color:#87a7ff}.about-connection-flow>i{color:#7c8fac;font-size:24px}
@media(max-width:991.98px){.about-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-connection-flow{flex-wrap:wrap}.about-connection-flow>i{transform:rotate(90deg)}.about-mission-copy{padding-right:0}}
@media(max-width:575.98px){.about-hero{padding-top:55px}.about-hero h1{font-size:2.65rem}.about-story,.about-values,.about-mission,.about-connected{padding:72px 0}.about-value-grid{grid-template-columns:1fr}.about-value-grid article{min-height:auto}.about-mission dl>div{grid-template-columns:1fr;gap:5px}.about-connection-flow{flex-direction:column}.about-connection-flow>div{width:100%}}

.landing-page-hero{padding:96px 0 82px;text-align:center;background:#edf3ff}.landing-page-hero h1{max-width:900px;margin:0 auto 22px;font-size:clamp(2.7rem,5vw,5rem);font-weight:800;line-height:1.04;letter-spacing:-.055em}.landing-page-hero>div>p{max-width:740px;margin:0 auto;color:#5a6a85;font-size:1.08rem;line-height:1.8}
.blog-featured,.blog-library,.contact-main,.pricing-plans{padding:90px 0}.blog-featured article{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border:1px solid #dce5f3;border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(42,53,71,.09)}.blog-featured-image{min-height:440px;overflow:hidden;background:#f1f5fb}.blog-featured-image img,.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-featured article:hover img,.blog-grid article:hover img{transform:scale(1.025)}.blog-featured-copy{display:flex;flex-direction:column;justify-content:center;padding:50px}.blog-featured-copy>span,.blog-grid article>div>span,.landing-article header>div>span{color:#5d87ff;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.blog-featured h2{margin:16px 0;font-size:clamp(1.8rem,3vw,3rem);font-weight:800;line-height:1.16;letter-spacing:-.035em}.blog-featured h2 a,.blog-grid h3 a{color:#2a3547;text-decoration:none}.blog-featured-copy>p,.blog-grid article>div>p{color:#5a6a85;line-height:1.75}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:22px;color:#6d7b91;font-size:.77rem}.blog-meta i{width:4px;height:4px;border-radius:50%;background:#a8b5c8}.blog-library{padding-top:20px}.blog-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.blog-toolbar h2{margin-bottom:8px;font-size:2.15rem;font-weight:800;letter-spacing:-.03em}.blog-toolbar p{margin:0;color:#5a6a85}.blog-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.blog-filters button,.pricing-toggle button{border:1px solid #dce5f3;border-radius:9px;padding:9px 13px;color:#45536a;background:#fff;font-size:.78rem;font-weight:700}.blog-filters button.active,.blog-filters button:hover,.pricing-toggle button.active{border-color:#5d87ff;color:#fff;background:#5d87ff}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.blog-grid article{overflow:hidden;border:1px solid #e0e8f2;border-radius:18px;background:#fff;transition:transform .25s,box-shadow .25s}.blog-grid article:hover{transform:translateY(-4px);box-shadow:0 17px 38px rgba(42,53,71,.09)}.blog-grid article.is-hidden{display:none}.blog-card-image{display:block;height:220px;overflow:hidden;background:#f1f5fb}.blog-grid article>div{padding:25px}.blog-grid h3{margin:13px 0 10px;font-size:1.16rem;font-weight:800;line-height:1.4}.blog-grid article>div>p{display:-webkit-box;overflow:hidden;margin:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.84rem}
.contact-main{background:#fff}.contact-form-wrap{padding-right:35px}.contact-form-wrap h2,.contact-details h2{font-size:2.2rem;font-weight:800;letter-spacing:-.035em}.contact-form-wrap>p,.contact-details>p{margin-bottom:32px;color:#5a6a85;line-height:1.75}.contact-form-wrap label{display:block;margin-bottom:8px;color:#2a3547;font-size:.82rem;font-weight:750}.contact-form-wrap label small{color:#8492a8;font-weight:500}.contact-form-wrap .form-control,.contact-form-wrap .form-select{min-height:50px;border-color:#dce5f3;border-radius:10px}.contact-form-wrap textarea.form-control{min-height:145px}.contact-submit{display:flex;align-items:center;gap:18px;margin-top:24px}.contact-submit small{color:#718096}.contact-details{height:100%;padding:42px;border-radius:22px;color:#fff;background:#2a3547}.contact-details h2{color:#fff}.contact-details>p{color:#b8c5d8}.contact-details dl{margin:0}.contact-details dl>div{padding:22px 0;border-top:1px solid #45536a}.contact-details dt{display:flex;align-items:center;gap:9px;margin-bottom:8px;color:#aabbd3}.contact-details dt i{font-size:20px;color:#87a7ff}.contact-details dd{margin:0;font-weight:750}.contact-details dd a{color:#fff}.contact-note{display:flex;gap:12px;margin-top:28px;padding:18px;border-radius:12px;background:#35445a}.contact-note i{color:#71d9bd;font-size:22px}.contact-note p{margin:0;color:#c8d4e5;font-size:.78rem;line-height:1.6}
.pricing-toggle{display:inline-flex;margin-top:32px;padding:5px;border:1px solid #dce5f3;border-radius:12px;background:#fff}.pricing-toggle button{border:0}.pricing-toggle button span{margin-left:4px;font-size:.65rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px}.pricing-grid article{position:relative;display:flex;flex-direction:column;padding:36px;border:1px solid #dce5f3;border-radius:20px;background:#fff}.pricing-grid article.is-featured{border:2px solid #5d87ff;box-shadow:0 22px 55px rgba(93,135,255,.16)}.pricing-popular{position:absolute;top:18px;right:18px;border-radius:7px;padding:6px 9px;color:#fff;background:#5d87ff;font-size:.67rem;font-weight:800}.pricing-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;margin-bottom:25px;border-radius:14px;font-size:24px}.pricing-grid h2{margin-bottom:8px;font-size:1.35rem;font-weight:800}.pricing-grid article>p{min-height:50px;margin-bottom:25px;color:#5a6a85;font-size:.83rem;line-height:1.65}.pricing-price{padding:22px 0;border-top:1px solid #e4ebf4;border-bottom:1px solid #e4ebf4}.pricing-price strong{font-size:2rem;font-weight:800;letter-spacing:-.04em}.pricing-price span{margin-left:5px;color:#718096;font-size:.75rem}.pricing-grid ul{display:flex;flex-direction:column;gap:13px;min-height:205px;margin:26px 0;padding:0;list-style:none}.pricing-grid li{display:flex;gap:10px;color:#45536a;font-size:.82rem;line-height:1.5}.pricing-grid li i{flex:0 0 auto;color:#13a886;font-size:18px}.pricing-grid .btn{margin-top:auto}.pricing-note{display:flex;justify-content:center;gap:8px;margin:30px 0 0;color:#718096;font-size:.78rem}.pricing-compare{padding:80px 0;background:#2a3547}.pricing-compare>.custom-container{display:flex;align-items:center;justify-content:space-between;gap:50px}.pricing-compare h2{max-width:620px;color:#fff;font-size:clamp(2rem,3.5vw,3.3rem);font-weight:800;letter-spacing:-.04em}.pricing-compare p{max-width:620px;margin:0;color:#b8c5d8;line-height:1.75}.pricing-points{display:flex;flex-direction:column;gap:13px}.pricing-points span{display:flex;align-items:center;gap:11px;color:#e6edf7;font-weight:700;white-space:nowrap}.pricing-points i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#87a7ff;background:#35445a;font-size:19px}
.landing-article header{padding:85px 0 60px;text-align:center;background:#edf3ff}.landing-article header>div{max-width:950px}.article-back{display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;margin:0 auto 28px;color:#5d87ff;font-weight:700;text-decoration:none}.landing-article header>div>span{display:block;width:max-content;margin:0 auto 18px;padding:7px 11px;border-radius:8px;background:#fff;color:#5d87ff;box-shadow:0 4px 14px rgba(42,53,71,.06)}.landing-article h1{margin:0 auto 22px;font-size:clamp(2.6rem,5vw,4.8rem);font-weight:800;line-height:1.05;letter-spacing:-.05em}.landing-article header p{max-width:760px;margin:0 auto;color:#5a6a85;font-size:1.08rem;line-height:1.75}.landing-article header .blog-meta{justify-content:center}.landing-article>section:not(.landing-cta){padding:70px 0}.landing-article>section>.custom-container{max-width:980px}.article-cover{width:100%;max-height:540px;margin-bottom:55px;border-radius:20px;object-fit:cover}.landing-article article{max-width:760px;margin:auto}.landing-article article>p{color:#45536a;font-size:1.08rem;line-height:1.95}.article-callout{display:flex;gap:15px;margin-top:35px;padding:24px;border-left:3px solid #5d87ff;background:#f6f9fc}.article-callout i{color:#5d87ff;font-size:25px}.article-callout p{margin:0;color:#5a6a85;line-height:1.7}
@media(max-width:991.98px){.blog-featured article{grid-template-columns:1fr}.blog-featured-image{min-height:330px}.blog-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-toolbar,.pricing-compare>.custom-container{align-items:flex-start;flex-direction:column}.blog-filters{justify-content:flex-start}.contact-form-wrap{padding-right:0}.pricing-grid article:last-child{grid-column:1/-1}.pricing-grid article>p,.pricing-grid ul{min-height:auto}}
@media(max-width:575.98px){.landing-page-hero{padding:62px 0 58px}.landing-page-hero h1{font-size:2.65rem}.blog-featured,.blog-library,.contact-main,.pricing-plans{padding:65px 0}.blog-featured-copy{padding:28px}.blog-featured-image{min-height:230px}.blog-grid,.pricing-grid{grid-template-columns:1fr}.pricing-grid article:last-child{grid-column:auto}.blog-toolbar{align-items:stretch}.blog-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.blog-filters button{white-space:nowrap}.contact-details{padding:28px}.contact-submit{align-items:stretch;flex-direction:column}.contact-submit .btn{width:100%}.pricing-toggle{width:100%}.pricing-toggle button{flex:1}.pricing-grid article{padding:29px}.pricing-note{text-align:center}.landing-article header{padding:55px 0}.landing-article h1{font-size:2.55rem}.article-cover{margin-bottom:35px;border-radius:14px}}
.contact-form-status{display:none;margin-top:16px;padding:13px 15px;border-radius:10px;font-size:.82rem;font-weight:650}.contact-form-status.is-visible{display:block}.contact-form-status.is-success{color:#087f5b;background:#e6fcf5}.contact-form-status.is-error{color:#c92a2a;background:#fff5f5}