:root{--navy:#071b3a;--blue:#0877e8;--cyan:#18c2ff;--dark:#101827;--muted:#667085;--bg:#f4f8ff;--line:#dbe7f6;--green:#23c45e;--orange:#ff6a00;--shadow:0 18px 55px rgba(6,27,58,.12);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--dark);background:#fff;font-size:16px;line-height:1.65;padding-bottom:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 34px));margin:auto}.topbar{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,231,246,.8)}.navwrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand img{width:170px;max-height:58px;object-fit:contain}.brand-text{display:none}.desktop-nav{display:flex;gap:8px;align-items:center}.desktop-nav a{padding:10px 13px;border-radius:999px;color:#26364d;font-weight:700}.desktop-nav a.active,.desktop-nav a:hover{background:#eaf4ff;color:var(--blue)}.header-actions{display:flex;gap:10px;align-items:center}.call,.wp,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 10px 25px rgba(8,119,232,.12)}.call{background:#edf7ff;color:var(--navy)}.wp{background:var(--green);color:white}.btn{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;border:0;cursor:pointer}.btn.dark{background:var(--navy)}.btn.light{background:white;color:var(--blue);border:1px solid var(--line)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,#dff5ff 0,#fff 34%,#f2f8ff 100%)}.hero:before{content:"";position:absolute;inset:auto -120px -220px auto;width:600px;height:600px;background:linear-gradient(135deg,var(--blue),var(--cyan));opacity:.12;border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;padding:70px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:#e7f4ff;color:var(--blue);border:1px solid #cae8ff;border-radius:999px;padding:8px 14px;font-weight:900}.hero h1{font-size:clamp(38px,5vw,70px);line-height:1.03;margin:18px 0;color:var(--navy);letter-spacing:-2px}.hero h1 span{color:var(--blue)}.hero p{font-size:20px;color:#40516b;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-card{position:relative;border-radius:32px;background:white;padding:16px;box-shadow:var(--shadow);border:1px solid #e5effb}.hero-card img{border-radius:24px;display:block;aspect-ratio:1/1;object-fit:cover}.badge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.mini-badge{background:white;border:1px solid var(--line);border-radius:18px;padding:14px;font-weight:900;color:var(--navy);box-shadow:0 10px 30px rgba(6,27,58,.06)}.section{padding:72px 0}.section.alt{background:var(--bg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section h2{font-size:clamp(30px,3.3vw,46px);line-height:1.08;margin:0;color:var(--navy);letter-spacing:-1px}.section-head p{max-width:650px;color:var(--muted);font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 36px rgba(6,27,58,.06);transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;font-size:26px;margin-bottom:18px}.card h3{margin:0 0 10px;color:var(--navy);font-size:22px}.card p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.list{display:grid;gap:12px}.list li{list-style:none;padding:13px 14px;background:#f7fbff;border:1px solid var(--line);border-radius:16px;font-weight:800}.areas{display:flex;flex-wrap:wrap;gap:10px}.areas span{background:white;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-weight:800;color:#31425a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #cfdced;border-radius:18px;padding:15px 16px;font:inherit;outline:none;background:#fbfdff}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,119,232,.12)}textarea{min-height:130px;resize:vertical}.map{border:0;width:100%;height:360px;border-radius:24px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 10px 36px rgba(6,27,58,.06)}.article small{font-weight:900;color:var(--blue)}.article h3{color:var(--navy);line-height:1.2}.footer{background:#071b3a;color:white;padding:60px 0 120px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:30px}.footer a{display:block;color:#cde8ff;margin:8px 0}.footer p{color:#c7d4e6}.footer-logo{width:190px;background:white;border-radius:16px;padding:8px}.credit{border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;color:#c7d4e6}.float-whatsapp{position:fixed;right:22px;bottom:24px;z-index:95;background:var(--green);color:white;border-radius:999px;padding:15px 20px;font-weight:900;box-shadow:0 18px 40px rgba(35,196,94,.35)}.mobile-tabs{display:none}.page-hero{background:linear-gradient(135deg,#071b3a,#084f9f);color:white;padding:58px 0}.page-hero h1{font-size:clamp(34px,4vw,56px);margin:0 0 10px}.page-hero p{font-size:18px;color:#d8efff;max-width:760px}.admin-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 5%,#e6f6ff,#fff 34%,#f2f8ff)}.login-card{width:min(460px,calc(100% - 30px));background:white;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.login-card img{max-width:230px}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#f3f7fb}.admin-side{background:#071b3a;color:white;padding:24px;position:sticky;top:0;height:100vh}.admin-side img{width:190px;background:white;border-radius:16px;padding:10px}.admin-side a{display:block;padding:12px 14px;border-radius:14px;margin-top:8px;color:#d8efff;font-weight:800}.admin-side a:hover,.admin-side a.active{background:rgba(255,255,255,.12);color:white}.admin-main{padding:30px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-box{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(6,27,58,.06);margin-bottom:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.notice{background:#e8fff0;color:#087e37;padding:12px 15px;border-radius:14px;font-weight:800;margin-bottom:15px}.danger{background:#fff1f1;color:#c22525}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.tiny{font-size:13px;color:var(--muted)}@media(max-width:960px){body{padding-bottom:78px}.desktop-nav,.header-actions{display:none}.navwrap{height:76px}.brand img{width:150px}.hero-grid,.split{grid-template-columns:1fr}.cards,.articles{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.float-whatsapp{bottom:92px;right:14px;padding:12px 15px}.mobile-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:white;border-top:1px solid var(--line);z-index:99;box-shadow:0 -10px 35px rgba(6,27,58,.12);padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.mobile-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;color:#19304d;font-weight:900}.mobile-tabs span{width:26px;height:26px;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--blue)}.mobile-tabs b{font-size:11px;line-height:1.05;white-space:nowrap}.admin-layout{grid-template-columns:1fr}.admin-side{position:relative;height:auto}.admin-main{padding:18px}}@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.hero-grid{padding:44px 0}.hero p{font-size:17px}.cards,.articles,.badge-row{grid-template-columns:1fr}.section{padding:50px 0}.form-grid{grid-template-columns:1fr}.footer{padding-bottom:110px}.credit{display:block}.brand img{width:138px}.card,.panel{padding:20px}}
/* KavunSoft Creative Upgrade */
.pro-hero{min-height:calc(100vh - 88px);display:flex;align-items:center;background:linear-gradient(120deg,#f8fcff 0%,#eef8ff 48%,#ffffff 100%)}
.pro-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,119,232,.06),transparent 45%),radial-gradient(circle at 15% 20%,rgba(24,194,255,.18),transparent 28%);pointer-events:none}.pro-grid{position:relative;z-index:2}.lead{max-width:720px}.typing{position:relative;display:inline-block;background:linear-gradient(135deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent!important}.typing:after{content:"";display:inline-block;width:4px;height:.78em;background:var(--cyan);margin-left:6px;vertical-align:-.08em;animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}.pulse-dot{animation:softPulse 2s infinite}@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(8,119,232,.25)}50%{box-shadow:0 0 0 12px rgba(8,119,232,0)}}.shine{position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:-80%;left:-30%;width:35%;height:260%;background:rgba(255,255,255,.36);transform:rotate(25deg);animation:shine 3s infinite}.shine>*{position:relative}@keyframes shine{0%{left:-40%}45%,100%{left:120%}}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;max-width:680px}.trust-strip div{background:rgba(255,255,255,.72);border:1px solid #d9efff;border-radius:20px;padding:14px 16px;box-shadow:0 12px 35px rgba(6,27,58,.07)}.trust-strip b{display:block;color:var(--navy);font-size:20px}.trust-strip span{color:var(--muted);font-weight:800}.hero-visual{position:relative}.visual-frame{position:relative;border-radius:36px;background:linear-gradient(135deg,#fff,#dff5ff);padding:14px;border:1px solid #d9efff;box-shadow:0 28px 75px rgba(8,119,232,.16);transform:perspective(900px) rotateY(-4deg)}.visual-frame img{border-radius:26px;aspect-ratio:1/1;object-fit:cover}.floating-card{position:absolute;background:white;border:1px solid #d9efff;box-shadow:0 15px 40px rgba(6,27,58,.16);border-radius:999px;padding:12px 18px;font-weight:950;color:var(--navy);animation:floatCard 3.5s ease-in-out infinite}.fc-1{left:-24px;top:24px}.fc-2{right:-20px;bottom:54px;animation-delay:.8s}@keyframes floatCard{50%{transform:translateY(-10px)}}.water-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.28;animation:orb 9s ease-in-out infinite}.orb-one{width:190px;height:190px;background:var(--cyan);left:5%;bottom:12%}.orb-two{width:270px;height:270px;background:var(--blue);right:3%;top:15%;animation-delay:1s}@keyframes orb{50%{transform:translate(26px,-22px) scale(1.08)}}.stats-section{padding:28px 0;background:#071b3a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:18px;color:white;text-align:center}.stat strong{display:block;font-size:34px;line-height:1;color:#20c8ff}.stat span{font-weight:900;color:#d9efff}.service-card{position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:120px;height:120px;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:50%;right:-60px;bottom:-60px;opacity:.09}.service-card a{display:inline-block;margin-top:16px;color:var(--blue);font-weight:950}.animated-icon{animation:iconBob 2.8s ease-in-out infinite}@keyframes iconBob{50%{transform:translateY(-6px) rotate(-3deg)}}.creative-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#eff9ff,#ffffff)}.creative-band:before{content:"";position:absolute;left:-10%;top:-20%;width:420px;height:420px;border-radius:50%;background:rgba(24,194,255,.15)}.wide-split{grid-template-columns:1.05fr .95fr}.timeline{display:grid;gap:12px;margin-top:24px}.timeline div{display:grid;grid-template-columns:48px 1fr;column-gap:14px;background:white;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 12px 35px rgba(6,27,58,.06)}.timeline i{grid-row:1/3;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;font-style:normal;font-weight:950}.timeline b{color:var(--navy);font-size:18px}.timeline span{color:var(--muted)}.glass-panel{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(207,220,237,.9)}.visual-banner img{border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line);display:block}.checked li{position:relative;padding-left:42px}.checked li:before{content:"✓";position:absolute;left:14px;top:12px;color:var(--green);font-weight:950}.faq-list{display:grid;gap:12px}.faq-list details{background:white;border:1px solid var(--line);border-radius:18px;padding:0 18px;box-shadow:0 10px 32px rgba(6,27,58,.05)}.faq-list summary{cursor:pointer;font-weight:950;color:var(--navy);padding:18px 0;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{color:var(--muted);margin:0 0 18px}.final-cta{padding:70px 0;background:radial-gradient(circle at 15% 20%,rgba(24,194,255,.25),transparent 30%),linear-gradient(135deg,#071b3a,#063f88);color:white}.final-box{display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:34px;box-shadow:0 25px 75px rgba(0,0,0,.2)}.final-box h2{font-size:clamp(30px,3.4vw,48px);line-height:1.1;margin:10px 0;color:white}.final-box p{color:#d9efff;max-width:680px}.final-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}.admin-side{display:flex;flex-direction:column}.admin-side .panel-contact{margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding-top:14px;color:#d9efff}.admin-side .panel-contact b{display:block;color:white}.admin-footer{margin-top:24px;padding:18px;border-radius:18px;background:white;border:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#334155}.admin-footer strong{color:var(--navy)}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-kpis .card{padding:18px}.admin-kpis strong{display:block;font-size:28px;color:var(--blue)}@media(max-width:960px){.pro-hero{min-height:auto}.trust-strip,.stats-grid,.admin-kpis{grid-template-columns:repeat(2,1fr)}.wide-split{grid-template-columns:1fr}.final-box{display:block}.final-actions{justify-content:flex-start}.visual-frame{transform:none}.fc-1{left:10px}.fc-2{right:10px}}@media(max-width:620px){.trust-strip,.stats-grid,.admin-kpis{grid-template-columns:1fr}.floating-card{font-size:13px;padding:9px 12px}.final-box{padding:22px}.timeline div{grid-template-columns:40px 1fr}.timeline i{width:40px;height:40px}.hero h1{letter-spacing:-1px}}

.areas a{display:inline-flex;align-items:center;padding:12px 16px;border-radius:14px;background:#fff;color:inherit;text-decoration:none;font-weight:700;box-shadow:0 8px 24px rgba(15,23,42,.07)}.areas a:hover{transform:translateY(-2px)}.article-body p{font-size:1.08rem;line-height:1.85;margin:0 0 1.35rem}.article-body h2{margin-top:2rem}details{border-bottom:1px solid rgba(15,23,42,.1);padding:14px 0}summary{cursor:pointer;font-weight:800}