:root{--navy:#071b3d;--navy2:#0a2c66;--blue:#075bc7;--blue2:#0f78ed;--red:#ed0816;--red2:#c6000d;--text:#10213d;--muted:#65748d;--line:#e2e8f0;--soft:#f5f8fc;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.site-header{height:82px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(221,228,238,.92)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;overflow:hidden;height:60px}.brand img{display:block;width:258px;height:auto;transform:scale(1.02)}.nav-links{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:720;color:#34435d}.nav-links>a:not(.btn):hover{color:var(--red)}.menu-btn{display:none;border:0;background:transparent;font-size:26px;color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:13px 20px;font-weight:800;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-small{padding:9px 15px}.btn-outline{border-color:#cbd5e1;background:#fff}.btn-primary{background:linear-gradient(135deg,var(--red),#ff2530);color:#fff;box-shadow:0 12px 27px rgba(226,7,22,.2)}.btn-ghost{border-color:#cdd6e2;background:#fff;color:var(--navy)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 89% 17%,rgba(7,91,199,.065),transparent 28%),linear-gradient(135deg,#fff 35%,#f5f8fd 100%);padding:94px 0 94px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#53627d;font-size:12px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.eyebrow i{width:29px;height:3px;background:var(--red);border-radius:8px}.hero h1,.section h2{font-size:clamp(43px,5vw,69px);line-height:1.04;letter-spacing:-.047em;margin:18px 0 22px;color:var(--navy)}.hero h1 span{color:var(--red)}.hero-copy>p{font-size:18px;color:#5e6a80;max-width:640px}.hero-actions{display:flex;gap:12px;margin:31px 0 23px}.trust-row{display:flex;flex-wrap:wrap;gap:17px;color:#52617a;font-size:13px;font-weight:720}.hero-visual{position:relative;padding:14px 0 22px}.brand-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 34px 75px rgba(7,27,61,.17);overflow:hidden;transform:rotate(1deg)}.brand-card-top{height:72px;background:linear-gradient(135deg,#071b3d,#0a2f6d);display:flex;align-items:center;gap:13px;padding:10px 16px;color:#fff}.brand-card-top img{width:48px;height:48px;border-radius:10px;object-fit:cover}.brand-card-top div{display:flex;flex-direction:column;line-height:1.15}.brand-card-top small{font-size:9px;letter-spacing:.22em;color:#afc0dc}.brand-card-top strong{font-size:14px}.brand-card-top>span{margin-left:auto;font-size:9px;letter-spacing:.15em;color:#fff;background:var(--red);padding:6px 9px;border-radius:99px;font-weight:900}.app-shell{display:grid;grid-template-columns:67px 1fr;min-height:360px;background:#fbfcff}.app-shell aside{background:#f5f8fd;border-right:1px solid #e4eaf2;padding:18px 0;display:flex;align-items:center;flex-direction:column;gap:18px}.app-shell aside img{width:37px;height:37px;border-radius:9px;object-fit:cover}.app-shell aside i{display:block;width:25px;height:6px;background:#c8d3e3;border-radius:6px}.app-shell aside i:first-of-type{background:var(--blue)}.app-shell section{padding:27px}.dash-head{display:flex;align-items:center;justify-content:space-between}.dash-head div{display:flex;flex-direction:column}.dash-head small{color:#8491a7;font-size:11px}.dash-head b{font-size:18px;color:var(--navy)}.dash-head em{font-style:normal;background:#eef3fb;border:1px solid #dde6f1;color:#687791;padding:6px 9px;border-radius:8px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0 18px}.stats article{background:#fff;border:1px solid #e5ebf3;border-radius:13px;padding:14px}.stats small{display:block;color:#7d899d;font-size:10px}.stats b{display:block;color:var(--navy);font-size:17px;margin:3px 0}.stats span{font-size:9px;color:#118348;background:#ecfbf2;padding:3px 6px;border-radius:99px}.chart{height:165px;padding:18px;background:#fff;border:1px solid #e5ebf3;border-radius:14px;display:flex;align-items:end;gap:10px}.chart i{display:block;flex:1;min-width:11px;background:linear-gradient(#0f79ee,#063d93);border-radius:8px 8px 2px 2px}.float-card{position:absolute;background:#fff;border:1px solid #e0e7f0;border-radius:13px;padding:11px 15px;box-shadow:0 15px 34px rgba(7,27,61,.13);display:flex;gap:9px;align-items:center;color:var(--navy);font-size:12px;font-weight:800}.float-card b{font-size:18px;color:var(--blue)}.float-card span{line-height:1.2}.float-card small{color:#7c899d;font-weight:600}.fc-code{left:-28px;bottom:25px}.fc-support{right:-20px;top:85px}.batik-corner{position:absolute;width:310px;height:310px;opacity:.055;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 20%,#0a4ba4 21% 23%,transparent 24% 35%,#0a4ba4 36% 38%,transparent 39%),repeating-conic-gradient(from 32deg,#0a4ba4 0 7deg,transparent 7deg 21deg)}.batik-left{left:-190px;bottom:-160px}.batik-right{right:-170px;top:-175px}.service-band{border-top:1px solid #e5eaf2;border-bottom:1px solid #dce4ee;background:#fff}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:29px 0}.service-grid article{display:flex;gap:12px;align-items:center;padding:0 20px;border-right:1px solid #d9e1eb}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border:0}.service-icon{width:42px;height:42px;display:grid;place-items:center;color:#074596;font-size:23px;font-weight:900}.service-icon.cloud{font-size:31px}.service-grid b,.service-grid span{display:block}.service-grid b{font-size:13px;color:#0b3c83;text-transform:uppercase;letter-spacing:.03em}.service-grid span{font-size:11px;line-height:1.35;color:#5d6f8c;margin-top:4px}.section{padding:103px 0}.section-head{text-align:center;max-width:820px;margin:0 auto 54px}.section h2{font-size:clamp(35px,4vw,54px)}.section-head p,.muted,.license-grid p{color:#657188}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{padding:30px;border:1px solid var(--line);border-radius:19px;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(8,26,59,.08);border-color:#cad4e2}.product-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#edf4ff;color:#0754b6;font-size:25px;font-weight:900}.tag{display:inline-block;margin-top:23px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.product-card h3{font-size:23px;margin:8px 0;color:var(--navy)}.product-card p{color:#68748a;font-size:14px}.product-card a{display:inline-block;margin-top:8px;color:var(--blue);font-weight:850;font-size:13px}.product-card.featured{background:linear-gradient(145deg,#071a3a,#0b3477);color:#fff;position:relative;overflow:hidden}.product-card.featured:after{content:"";position:absolute;width:170px;height:170px;border:26px double rgba(255,255,255,.04);border-radius:50%;right:-60px;bottom:-70px}.product-card.featured h3,.product-card.featured a{color:#fff}.product-card.featured p{color:#c5d1e4}.product-card.featured .product-icon{background:rgba(255,255,255,.1);color:#fff}.dark-section{position:relative;overflow:hidden;background:linear-gradient(120deg,#06162f 0%,#09295d 78%,#0a3475 100%);color:#fff;padding-top:76px}.dark-brand{margin-bottom:55px;display:flex;justify-content:center;position:relative;z-index:2}.dark-brand img{width:min(590px,72vw);border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;position:relative;z-index:2}.dark-section h2{color:#fff}.eyebrow.light{color:#bdcae0}.feature-list article{display:flex;gap:21px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.11)}.feature-list article:first-child{padding-top:0}.feature-list b{font-size:12px;color:#ff6970}.feature-list h3{margin:0;color:#fff;font-size:20px}.feature-list p{margin:6px 0 0;color:#aebbd1;font-size:14px}.batik-dark{position:absolute;width:360px;height:360px;opacity:.11;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 20%,#1e63bc 21% 23%,transparent 24% 35%,#1e63bc 36% 38%,transparent 39%),repeating-conic-gradient(from 32deg,#1e63bc 0 7deg,transparent 7deg 21deg)}.batik-dark-a{left:-160px;bottom:-160px}.batik-dark-b{right:-190px;top:-160px}.process-section{background:#f7f9fc}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px}.steps span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff0f1;color:var(--red);font-weight:900}.steps h3{color:var(--navy);margin:16px 0 7px}.steps p{font-size:14px;color:#69758a}.license-grid{display:grid;grid-template-columns:1fr .85fr;gap:74px;align-items:center}.license-card{background:#f7f9fc;border:1px solid var(--line);border-radius:20px;padding:30px}.license-card>b{color:var(--navy)}.license-card ul{padding-left:20px}.license-card li{margin:8px 0;color:#56647c}.license-card small{display:block;padding-top:16px;margin-top:18px;border-top:1px solid #dce3ec;color:#7a8799}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.section-head.left{text-align:left;margin:0}.accordion details{border-bottom:1px solid var(--line);padding:20px 0}.accordion summary{cursor:pointer;font-weight:850;color:var(--navy);list-style:none}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";float:right;color:var(--red)}.accordion details[open] summary:after{content:"−"}.accordion p{color:#68758b;font-size:14px;padding-right:35px}.cta-wrap{padding:0 0 102px}.cta{position:relative;overflow:hidden;border-radius:27px;background:linear-gradient(118deg,#b9000c,#ed0917 62%,#a9000a);padding:56px 59px;color:#fff;display:flex;justify-content:space-between;gap:46px;align-items:center}.cta:after{content:"";position:absolute;right:-60px;bottom:-170px;width:370px;height:370px;border:55px double rgba(255,255,255,.08);border-radius:50%}.cta h2{font-size:41px;line-height:1.08;margin:12px 0;color:#fff;max-width:690px}.cta p{color:#ffe7e8;max-width:720px;margin:0}.cta-actions{display:flex;gap:10px;flex-direction:column;position:relative;z-index:2;min-width:210px}.btn-white{background:#fff;color:var(--red)}.btn-clear{border-color:rgba(255,255,255,.5);color:#fff}footer{border-top:1px solid var(--line);padding:55px 0 48px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-brand img{width:235px;max-height:91px;object-fit:contain;object-position:left center}.footer-brand p{color:#728096;max-width:360px;font-size:13px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}.footer-grid b{color:var(--navy);font-size:13px}.footer-grid a,.footer-grid span{font-size:12px;color:#748198}.reveal{opacity:0;transform:translateY(17px);transition:.7s ease}.reveal.on{opacity:1;transform:none}.reveal.delay{transition-delay:.14s}@media(max-width:980px){.nav-links{display:none;position:absolute;top:81px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(7,27,61,.08)}.nav-links.open{display:flex}.menu-btn{display:block}.hero{padding-top:66px}.hero-grid,.two-col,.license-grid,.faq-grid{grid-template-columns:1fr}.hero-grid{gap:45px}.hero-visual{max-width:650px;margin:auto;width:100%}.service-grid{grid-template-columns:repeat(3,1fr);row-gap:25px}.service-grid article:nth-child(3){border-right:0}.product-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.two-col,.faq-grid{gap:42px}.cta{align-items:flex-start;flex-direction:column}.cta-actions{flex-direction:row}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}@media(max-width:650px){.container{width:min(var(--max),calc(100% - 28px))}.site-header{height:72px}.brand{height:53px}.brand img{width:205px}.nav-links{top:71px}.hero{padding:54px 0 67px}.hero h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-actions,.cta-actions{flex-direction:column}.trust-row{flex-direction:column;gap:7px}.float-card{display:none}.app-shell{grid-template-columns:49px 1fr}.app-shell section{padding:17px}.app-shell aside img{width:31px;height:31px}.stats{grid-template-columns:1fr}.stats article:nth-child(n+2){display:none}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0;border-bottom:1px solid #d9e1eb;padding:12px 0}.service-grid article:last-child{border-bottom:0}.section{padding:75px 0}.section h2{font-size:36px}.product-grid,.steps{grid-template-columns:1fr}.dark-brand img{width:100%}.cta{padding:38px 28px;border-radius:20px}.cta h2{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}}

/* WhatsApp consultation */
.contact-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fbff 0%,#fff 54%,#f7f9fd 100%)}
.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:76px;align-items:center;position:relative;z-index:2}
.contact-copy h2{font-size:clamp(38px,4.3vw,58px);margin:18px 0 20px;color:var(--navy);line-height:1.04;letter-spacing:-.045em}
.contact-copy>p{color:#647289;font-size:16px;max-width:590px}
.contact-points{display:grid;gap:17px;margin:31px 0}
.contact-points>div{display:flex;gap:14px;align-items:flex-start}
.contact-points>div>span{flex:0 0 35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#fff0f1;color:var(--red);font-size:10px;font-weight:900;border:1px solid #ffd9dc}
.contact-points b,.contact-points small{display:block}.contact-points b{color:var(--navy);font-size:14px}.contact-points small{color:#738097;font-size:12px;margin-top:2px;line-height:1.45}
.whatsapp-direct{display:inline-flex;align-items:center;gap:12px;padding:11px 15px 11px 11px;border:1px solid #dce5ee;border-radius:14px;background:#fff;box-shadow:0 12px 26px rgba(7,27,61,.06);transition:.2s}
.whatsapp-direct:hover{transform:translateY(-2px);border-color:#bac8d8}
.wa-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#1fb85a;color:#fff;font-weight:900;font-size:11px}
.whatsapp-direct b,.whatsapp-direct small{display:block}.whatsapp-direct b{color:var(--navy);font-size:13px}.whatsapp-direct small{color:#6f7e95;font-size:11px}
.contact-form{background:#fff;border:1px solid #dfe7f0;border-radius:23px;padding:30px;box-shadow:0 25px 65px rgba(7,27,61,.1)}
.form-head{display:flex;align-items:center;gap:13px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #e6ebf2}.form-head img{width:48px;height:48px;border-radius:12px;object-fit:cover}.form-head b,.form-head span{display:block}.form-head b{font-size:17px;color:var(--navy)}.form-head span{font-size:12px;color:#768399;margin-top:2px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field>span{font-size:12px;font-weight:800;color:#36465f}.field em{font-style:normal;color:var(--red)}
.field input,.field select,.field textarea{width:100%;border:1px solid #d9e2ec;background:#fbfcfe;border-radius:11px;padding:12px 13px;font:inherit;font-size:13px;color:var(--navy);outline:none;transition:.18s}.field textarea{resize:vertical;min-height:122px}.field input::placeholder,.field textarea::placeholder{color:#9aa6b7}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#78a7df;box-shadow:0 0 0 3px rgba(7,91,199,.09)}
.btn-whatsapp{width:100%;margin-top:20px;background:linear-gradient(135deg,#159d4a,#22c565);color:#fff;border:0;gap:12px;box-shadow:0 13px 26px rgba(22,173,80,.18)}.btn-whatsapp b{font-size:19px}.form-note{margin:10px 0 0;text-align:center;color:#8490a2;font-size:10.5px;line-height:1.45}
.batik-contact{position:absolute;width:300px;height:300px;opacity:.045;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 20%,#0a4ba4 21% 23%,transparent 24% 35%,#0a4ba4 36% 38%,transparent 39%),repeating-conic-gradient(from 32deg,#0a4ba4 0 7deg,transparent 7deg 21deg)}.batik-contact-a{left:-170px;top:40px}.batik-contact-b{right:-180px;bottom:-120px}
@media(max-width:980px){.contact-grid{grid-template-columns:1fr;gap:42px}.contact-copy{max-width:720px}.contact-form{max-width:760px;width:100%}}
@media(max-width:650px){.contact-form{padding:22px 18px;border-radius:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact-copy h2{font-size:37px}.whatsapp-direct{width:100%}}

/* Final consultation form refinements */
.char-counter{display:block;text-align:right;margin-top:-2px;color:#8a96a8;font-size:10.5px;font-weight:600}.char-counter b{color:#5c6c84;font-weight:800}.nav-links .btn-primary{color:#fff}.nav-links .btn-primary:hover{color:#fff}
@media(max-width:1180px) and (min-width:981px){.nav-links{gap:16px}.nav-links>a{font-size:13px}.nav-links .btn{padding:9px 12px}.brand img{width:235px}}
