:root{--navy:#031f33;--navy-2:#062a43;--navy-3:#0c3854;--orange:#f25313;--orange-2:#ff6b28;--ink:#071d32;--muted:#526171;--cream:#f6f5f2;--line:#d9dee2;--white:#fff;--green:#24b483;--shadow:0 24px 60px rgba(3,31,51,.15);--radius:6px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;background:#fff;color:#000;padding:10px}.skip-link:focus{top:12px}.site-header{height:76px;background:rgba(3,31,51,.97);color:#fff;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{width:174px;display:flex;align-items:center;flex:0 0 auto}.brand img,.footer-brand img{width:100%;height:auto;filter:brightness(0) invert(1);mix-blend-mode:screen}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-left:auto}.main-nav a{font-size:13px;white-space:nowrap;position:relative;color:#eef5f8}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-27px;height:3px;background:var(--orange);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.header-actions{display:flex;gap:10px}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border-radius:4px;border:1px solid transparent;font-weight:700;font-size:14px;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.16)}.btn-small{min-height:42px;padding:0 16px;font-size:12px}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:var(--orange-2)}.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}.btn-light{background:#fff;color:var(--orange);min-width:320px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.eyebrow{display:block;color:var(--orange);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.16em;margin-bottom:14px}.eyebrow.light{color:#ffd4c1}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5vw,68px);line-height:1.03;letter-spacing:-.045em;margin-bottom:22px}h2{font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.035em;margin-bottom:18px}h3{line-height:1.2}p{color:var(--muted)}
.hero{background:var(--navy);color:#fff;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent 42%,#000)}.hero-grid{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{padding:76px 56px 76px 0;z-index:2}.hero-copy p{color:#c7d2da;font-size:18px;max-width:650px}.hero-visual{height:100%;position:relative}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent 38%),linear-gradient(0deg,rgba(3,31,51,.25),transparent 50%)}.metric-card{position:absolute;right:28px;top:60px;z-index:2;width:170px;padding:22px;background:rgba(3,31,51,.86);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.metric-card small,.metric-card span{display:block;color:#b8cad6}.metric-card strong{display:block;color:#5fe0be;font-size:40px;line-height:1.15}.trust-inline{display:flex;align-items:center;gap:10px;margin-top:30px;flex-wrap:wrap}.trust-inline strong{font-size:13px;margin-right:6px}.trust-inline span{border:1px solid rgba(255,255,255,.35);padding:7px 10px;border-radius:3px;font-size:11px}.logo-bar{background:var(--navy-2);color:#fff;padding:26px 0;text-align:center}.logo-bar .container>span{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:#9eb4c3}.client-logos{display:flex;justify-content:space-between;gap:20px;margin-top:22px;color:#7892a5;letter-spacing:.12em;font-size:13px}.section{padding:92px 0}.section.light{background:var(--cream)}.section.dark,.software-band{background:var(--navy);color:#fff}.section.dark p,.software-band p{color:#b8c8d2}.split-heading{display:grid;grid-template-columns:.8fr 1.4fr;gap:80px;align-items:center}.mini-benefits{display:grid;grid-template-columns:repeat(3,1fr)}.mini-benefits article{padding:12px 28px;border-left:1px solid var(--line)}.mini-benefits svg,.service-card svg,.steps svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.5}.mini-benefits h3{font-size:16px;margin:14px 0 8px}.mini-benefits p{font-size:13px;margin:0}.cards{display:grid;gap:14px;margin-top:36px}.cards.five{grid-template-columns:repeat(5,1fr)}.service-card{border:1px solid rgba(255,255,255,.34);padding:26px 20px;min-height:260px;display:flex;flex-direction:column;transition:.25s}.service-card:hover{border-color:var(--orange);transform:translateY(-4px);background:rgba(255,255,255,.04)}.service-card svg{color:#fff}.service-card h3{font-size:19px;margin:28px 0 10px}.service-card p{font-size:13px}.service-card>span{color:var(--orange-2);font-weight:700;font-size:13px;margin-top:auto}.service-card.featured{border-color:var(--orange)}.image-copy{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-copy>img{width:100%;height:470px;object-fit:cover;box-shadow:var(--shadow)}.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cert-grid a{border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;position:relative}.cert-grid a:after{content:"→";position:absolute;right:14px;color:var(--orange)}.cert-grid small{color:var(--muted)}.software-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.dashboard-mock{background:#061725;padding:14px;border:1px solid #507083;border-radius:12px;box-shadow:0 30px 70px rgba(0,0,0,.35);transform:perspective(900px) rotateY(-4deg)}.dash-top{display:flex;justify-content:space-between;padding:12px;color:#c5d9e5;border-bottom:1px solid #27465a;font-size:12px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.dash-grid>div{background:#09283e;border:1px solid #1a465e;min-height:145px;border-radius:5px;padding:20px}.donut{border-radius:50%!important;width:160px;height:160px;margin:auto;background:conic-gradient(#2bd4b0 0 92%,#294b5d 92%)!important;border:18px solid transparent!important;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 12px #09283e}.donut b{font-size:28px}.donut span,.dash-stat span{font-size:11px;color:#9db3c2}.graph{display:flex!important;align-items:flex-end;gap:8px}.graph i{display:block;width:16%;background:#21a6d9;border-radius:3px 3px 0 0}.graph i:nth-child(1){height:70%}.graph i:nth-child(2){height:60%}.graph i:nth-child(3){height:50%}.graph i:nth-child(4){height:42%}.graph i:nth-child(5){height:30%}.graph b{color:#39d2a6}.dash-stat b{display:block;font-size:36px}.dash-stat.ok b{color:#3bd4ab}.center-title{text-align:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px;position:relative}.steps:before{content:"";height:1px;background:#9aa7af;position:absolute;left:10%;right:10%;top:52px}.steps article{text-align:center;position:relative;padding:0 24px}.steps article>b{position:absolute;top:-12px;left:50%;margin-left:-10px;background:var(--orange);color:#fff;width:21px;height:21px;border-radius:50%;font-size:11px;display:grid;place-content:center}.steps svg{position:relative;background:var(--cream);box-sizing:content-box;padding:18px;border:1px solid var(--line);border-radius:50%;margin:12px auto}.steps h3{font-size:16px}.steps p{font-size:13px}.team{grid-template-columns:1fr 1fr}.stat-row{display:flex;gap:38px;margin:30px 0}.stat-row div{border-left:2px solid var(--orange);padding-left:12px}.stat-row strong,.stat-row span{display:block}.stat-row strong{font-size:28px}.stat-row span{color:var(--muted);font-size:12px}.text-link{font-weight:800;color:var(--orange)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-grid article{border:1px solid rgba(255,255,255,.28);padding-bottom:22px}.article-grid img{height:210px;width:100%;object-fit:cover}.article-grid article>span,.article-grid h3,.article-grid article>a{margin-left:20px;margin-right:20px}.article-grid article>span{display:block;color:var(--orange);text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.12em;margin-top:20px}.article-grid h3{font-size:20px;margin-top:8px}.article-grid article>a{color:#9ed4ed;font-size:13px}.final-cta{background:linear-gradient(100deg,#e94300,#ff620d);color:#fff;padding:48px 0}.final-cta-grid{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:center}.final-cta h2{font-size:34px;margin-bottom:8px}.final-cta p{color:#ffe1d2;margin-bottom:0}.site-footer{background:#031b2d;color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:42px}.footer-grid h3{font-size:13px;margin-bottom:16px}.footer-grid a,.footer-grid p{display:block;color:#aebfca;font-size:12px;margin:0 0 8px}.footer-brand img{width:180px}.footer-brand p{margin:18px 0}.socials{display:flex;gap:8px}.socials a{border:1px solid #8296a3;width:25px;height:25px;display:grid;place-content:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:38px;padding-top:16px;display:flex;justify-content:space-between;color:#78909e;font-size:11px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#24b96b;color:#fff;z-index:900;display:grid;place-content:center;font-size:24px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.page-hero .hero-grid{min-height:480px}.page-hero .hero-copy{padding-top:55px;padding-bottom:55px}.page-hero h1{font-size:clamp(38px,4.5vw,60px)}.page-hero .hero-visual img{min-height:480px}.breadcrumb{font-size:12px;color:#92aaba;margin-bottom:30px}.breadcrumb a{color:#fff}.solution-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:30px}.solution-nav a{background:#fff;border:1px solid var(--line);text-align:center;padding:28px 18px;box-shadow:0 10px 30px rgba(3,31,51,.05)}.solution-nav svg{width:38px;height:38px;stroke:var(--navy);fill:none}.solution-nav b{display:block;margin-top:15px}.solution-row{display:grid;grid-template-columns:1fr 1fr;min-height:440px}.solution-row.reverse>div:first-child{order:2}.solution-row .photo img{width:100%;height:100%;object-fit:cover}.solution-row .copy{padding:70px max(40px,calc((100vw - var(--container))/2));padding-right:7vw;display:flex;flex-direction:column;justify-content:center}.solution-row.reverse .copy{padding-left:7vw;padding-right:max(40px,calc((100vw - var(--container))/2))}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{margin:10px 0;padding-left:28px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}.solution-row.dark{background:var(--navy);color:#fff}.solution-row.dark p{color:#b8c8d2}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:9px 14px;border:1px solid var(--line);border-radius:99px;font-size:12px}.cert-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cert-card{border:1px solid var(--line);padding:26px;min-height:260px;display:flex;flex-direction:column}.cert-card svg{width:44px;height:44px;stroke:var(--navy);fill:none}.cert-card h3{margin:22px 0 4px}.cert-card small{color:var(--muted)}.cert-card p{font-size:13px}.cert-card a{color:var(--orange);font-weight:800;margin-top:auto}.comparison{display:grid;grid-template-columns:1fr 48px 1fr;gap:18px;align-items:center}.compare-card{background:#fff;border:1px solid var(--line);padding:30px}.compare-card.good{background:#edf8f5}.compare-arrow{background:var(--navy);color:#fff;border-radius:50%;width:42px;height:42px;display:grid;place-content:center}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{border:1px solid rgba(255,255,255,.3);padding:26px}.feature-card svg{width:42px;height:42px;fill:none;stroke:#fff}.feature-card h3{margin-top:18px}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.use-cases article{position:relative;min-height:320px;overflow:hidden}.use-cases img{width:100%;height:100%;object-fit:cover}.use-cases div{position:absolute;inset:auto 0 0;padding:40px 25px 24px;background:linear-gradient(transparent,var(--navy));color:#fff}.use-cases h3{margin-bottom:4px}.use-cases p{color:#c2d1d9;font-size:13px;margin:0}.faq{max-width:800px;margin:35px auto}.faq-item{border-bottom:1px solid var(--line)}.faq button{width:100%;border:0;background:none;text-align:left;padding:18px 0;font-weight:700;color:var(--ink);display:flex;justify-content:space-between;cursor:pointer}.faq button:after{content:"+"}.faq-item.open button:after{content:"−"}.faq-answer{display:none;padding:0 0 18px}.faq-item.open .faq-answer{display:block}.search-box{display:flex;max-width:560px;background:#fff;border-radius:4px;overflow:hidden}.search-box input{flex:1;border:0;padding:16px;font:inherit}.search-box button{border:0;background:var(--orange);color:#fff;padding:0 25px;font-weight:700}.topic-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.topic-tabs button{background:#fff;border:1px solid var(--line);padding:10px 18px;border-radius:3px}.topic-tabs button:first-child{background:var(--navy);color:#fff}.featured-article{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-bottom:42px}.featured-article img{width:100%;height:100%;object-fit:cover}.featured-article div{padding:50px}.featured-article h2{font-size:35px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{border:1px solid var(--line)}.blog-card img{height:190px;width:100%;object-fit:cover}.blog-card div{padding:22px}.blog-card span{color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.blog-card h3{font-size:20px;margin:8px 0}.blog-card p{font-size:13px}.guide-band{background:var(--navy);color:#fff}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{border:1px solid #456276;padding:25px;display:grid;grid-template-columns:90px 1fr;gap:18px}.guide-cover{height:130px;background:linear-gradient(145deg,#e8edf0,#5b7280);box-shadow:0 10px 30px #0008;display:grid;place-content:center;text-align:center;color:var(--navy);font-size:10px;font-weight:800}.values{display:grid;grid-template-columns:repeat(5,1fr)}.values article{text-align:center;padding:20px;border-left:1px solid rgba(255,255,255,.25)}.values svg{width:42px;height:42px;fill:none;stroke:#fff}.values h3{font-size:16px;margin-top:14px}.values p{font-size:12px}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.revealed{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}
@media (max-width:1050px){.header-actions .btn-orange{display:none}.main-nav{gap:16px}.cards.five{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.cert-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){.container{width:min(calc(100% - 30px),var(--container))}.site-header{height:68px}.nav-wrap{justify-content:space-between}.brand{width:145px}.header-actions{margin-left:auto}.header-actions .btn{display:none}.menu-toggle{display:flex;width:44px;height:44px;padding:10px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px;color:#fff}.menu-toggle span{height:2px;background:#fff;width:24px}.menu-toggle b{font-size:0}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);padding:20px 15px 30px;flex-direction:column;align-items:flex-start;box-shadow:0 20px 30px #0005}.main-nav.open{display:flex}.main-nav a{font-size:16px;padding:8px 15px}.main-nav a:after{bottom:0}.hero-grid,.image-copy,.software-grid,.split-heading,.final-cta-grid,.featured-article{grid-template-columns:1fr}.hero-copy{padding:60px 0 42px}.hero-visual{height:460px}.hero-visual:after{background:linear-gradient(0deg,var(--navy),transparent 35%)}.metric-card{top:25px;right:15px}.client-logos{flex-wrap:wrap;justify-content:center}.split-heading{gap:35px}.mini-benefits{grid-template-columns:1fr}.mini-benefits article{border-left:0;border-top:1px solid var(--line)}.cards.five{grid-template-columns:repeat(2,1fr)}.image-copy{gap:35px}.image-copy>img{height:380px}.team img{order:2}.software-grid{gap:40px}.steps{grid-template-columns:repeat(2,1fr);gap:30px}.steps:before{display:none}.article-grid,.blog-grid{grid-template-columns:1fr 1fr}.final-cta{text-align:center}.btn-light{min-width:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.solution-nav{grid-template-columns:repeat(2,1fr)}.solution-row,.solution-row.reverse{grid-template-columns:1fr}.solution-row.reverse>div:first-child{order:0}.solution-row .photo{height:360px}.solution-row .copy,.solution-row.reverse .copy{padding:55px 30px}.feature-grid,.use-cases,.guide-grid{grid-template-columns:1fr 1fr}.values{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){h1{font-size:39px}.hero-grid{min-height:auto}.hero-visual{height:360px}.button-row .btn{width:100%}.trust-inline strong{width:100%}.section{padding:66px 0}.cards.five,.cert-cards,.article-grid,.blog-grid,.feature-grid,.use-cases,.guide-grid{grid-template-columns:1fr}.service-card{min-height:220px}.cert-grid{grid-template-columns:1fr}.dash-grid{grid-template-columns:1fr}.dashboard-mock{transform:none}.steps{grid-template-columns:1fr}.stat-row{gap:15px;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.section-head{align-items:flex-start;flex-direction:column;gap:18px}.solution-nav{grid-template-columns:1fr}.comparison{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg);margin:auto}.featured-article div{padding:28px}.guide-grid{grid-template-columns:1fr}.values{grid-template-columns:1fr}.floating-whatsapp{width:48px;height:48px}.final-cta h2{font-size:29px}}
