:root{--bg:#f5f8ff;--bg2:#eef5ff;--card:#ffffff;--text:#0f172a;--muted:#5f6b85;--line:rgba(15,23,42,.10);--primary:#3b82f6;--primary2:#6d8cff;--accent:#38bdf8;--dark:#050816;--dark2:#0b1020;--darkline:rgba(255,255,255,.14);--success:#5df275;--shadow:0 12px 36px rgba(31,41,55,.08);--radius:28px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,var(--bg),#fff 35%,var(--bg2) 100%);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(17,24,39,.06)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{font-size:1.45rem;font-weight:850;letter-spacing:-.03em}.menu-trigger{width:96px;height:118px;border:1px solid rgba(15,23,42,.18);border-radius:16px;background:linear-gradient(180deg,#fff,#f7fbff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:var(--shadow);cursor:pointer;transition:.25s transform,.25s box-shadow}.menu-trigger:hover{transform:translateY(-2px)}.menu-lines{display:flex;flex-direction:column;gap:10px}.menu-lines i{display:block;width:42px;height:3px;background:#111827;border-radius:999px;transition:.25s}.menu-word{font-size:.83rem;letter-spacing:.36em;color:#55627c}.menu-trigger.active .menu-lines i:nth-child(1){transform:translateY(13px) rotate(45deg)}.menu-trigger.active .menu-lines i:nth-child(2){opacity:0}.menu-trigger.active .menu-lines i:nth-child(3){transform:translateY(-13px) rotate(-45deg)}.menu-panel{display:none;border-bottom:1px solid rgba(15,23,42,.08);background:#fff}.menu-panel.open{display:block;animation:drop .25s ease}.menu-panel-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 0 28px}.menu-group{background:#f8fbff;border:1px solid rgba(15,23,42,.07);border-radius:22px;padding:18px 18px 20px;box-shadow:var(--shadow)}.menu-group span{display:block;font-size:.8rem;letter-spacing:.18em;color:#718198;text-transform:uppercase;margin-bottom:8px}.menu-group p{margin:0 0 10px;color:var(--muted);font-size:.95rem}.menu-group a{display:block;padding:10px 0;color:#11203a;border-top:1px dashed rgba(15,23,42,.08)}.menu-group a:first-of-type{border-top:none}.menu-cta{margin-top:8px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:14px 18px !important;display:inline-flex !important;align-items:center;gap:10px;border:none}
.hero{padding:48px 0 10px}.grid-2{display:grid;grid-template-columns:1.06fr .94fr;gap:30px;align-items:center}.eyebrow,.diag-meta{font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;color:#6f8097;display:flex;gap:10px;align-items:center}.live-dot,.spark-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--success);box-shadow:0 0 0 5px rgba(93,242,117,.15),0 0 18px rgba(93,242,117,.45)}.hero h1,.diag-hero h1{font-size:clamp(2.3rem,4vw,4.6rem);line-height:1.02;letter-spacing:-.05em;margin:.55rem 0 1rem}.lead,.diag-copy,.notice{color:var(--muted)}.actions,.button-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.btn,.diag-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:999px;border:1px solid rgba(15,23,42,.10);font-weight:700;cursor:pointer;transition:.25s transform,.25s box-shadow,.25s background;background:#fff;box-shadow:var(--shadow)}.btn:hover,.diag-button:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-color:transparent}.btn.soft{background:#fff;color:#0f172a}.btn.whatsapp,.diag-button-whatsapp{background:#fff;border-color:#d8efe0}.app-card,.soft-card,.plan,.social-card,.diag-panel,.service-card{background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.08);border-radius:var(--radius);box-shadow:var(--shadow)}.app-card,.soft-card,.diag-panel{padding:26px}.dashboard{background:linear-gradient(180deg,#f8fbff,#eef5ff);padding:22px;border-radius:22px;border:1px solid rgba(15,23,42,.08)}.topbar{display:flex;justify-content:space-between;align-items:center;color:#304155;margin-bottom:18px}.pill,.tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);font-size:.78rem;color:#5f6b85}.rank-ring{width:180px;height:180px;border-radius:50%;border:12px solid #dbeafe;display:grid;place-items:center;margin:0 auto 18px;position:relative;background:radial-gradient(circle at center,#ffffff 0,#f3f8ff 78%)}.rank-inner{text-align:center}.rank-inner strong{font-size:3rem;display:block;line-height:1}.rank-dots{display:flex;justify-content:center;gap:8px;margin:16px 0 22px}.rank-dots i{width:10px;height:10px;border-radius:50%;background:#d3def1}.rank-dots i.on{background:linear-gradient(135deg,var(--primary),var(--accent))}.metric-grid,.cards,.social-grid,.service-card-grid{display:grid;gap:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric,.compare-box,.step{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px}.metric b{display:block;font-size:1.2rem}.section{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head h2,.soft-card h2,.diag-panel h2{margin:0 0 6px;font-size:clamp(1.5rem,2.1vw,2.2rem);letter-spacing:-.03em}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.plan{padding:22px;display:flex;flex-direction:column;gap:12px}.plan.featured{background:linear-gradient(180deg,#fcfdff,#f1f6ff)}.plan h3{font-size:1.75rem;margin:0}.support-line,.market,.delivery{color:var(--muted)}.price{font-size:2rem;font-weight:850}.list{padding-left:18px;margin:0;color:#314055}.list li+li{margin-top:8px}.comparison,.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.timeline .step{display:flex;gap:14px;align-items:center}.timeline .step b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.service-card{padding:22px}.service-card h3{margin:0 0 6px}.footer{margin-top:20px;padding:32px 0 50px;background:#fff;border-top:1px solid rgba(15,23,42,.08)}.foot-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.foot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.foot-links a{color:#40516d}
/* Contact + forms */
.form-card form,.quote-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quote-form label{display:flex;flex-direction:column;gap:8px;font-weight:650;color:#22304a}.quote-form .full{grid-column:1 / -1}.quote-form input,.quote-form textarea,.quote-form select{padding:14px 16px;border-radius:16px;border:1px solid rgba(15,23,42,.12);font:inherit;background:#fff}.contact-details a{color:#1d4ed8}.qr-box{padding:18px;background:#f7fbff;border-radius:22px;border:1px solid rgba(15,23,42,.08);display:grid;place-items:center}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card{padding:22px}.social-card h3{margin-top:0}.social-card .button-row{margin-top:14px}
/* homepage connect channels */
.connect-home .channel-shell{background:linear-gradient(180deg,#040812,#070d1d);border:1px solid rgba(125,157,255,.16);border-radius:34px;padding:26px;position:relative;overflow:hidden;box-shadow:0 22px 60px rgba(4,8,18,.35)}.connect-home .channel-shell::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px, transparent 1px);background-size:22px 22px;opacity:.18;pointer-events:none}.channel-head{position:relative;z-index:1;margin-bottom:18px}.tech-tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9fb2d9;letter-spacing:.28em;font-size:.82rem;margin:0 0 8px}.channel-head h2{color:#fff;margin:0 0 8px;font-size:2rem}.channel-copy{color:#a8b6d3;margin:0;max-width:760px}.channel-list{display:grid;gap:14px;position:relative;z-index:1}.channel-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:0;padding:18px 20px;cursor:pointer;color:#fff;transition:.22s border-color,.22s background,.22s transform}.channel-row:hover{transform:translateY(-1px)}.channel-row.is-active{background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(79,70,229,.08));border-color:#6aa8ff;box-shadow:0 0 0 1px rgba(59,130,246,.1), inset 0 0 0 1px rgba(59,130,246,.06)}.channel-left{display:flex;align-items:center;gap:14px;min-width:0}.channel-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);font-weight:800;color:#fff;background:rgba(255,255,255,.05)}.channel-icon.fb{color:#82bbff}.channel-icon.ig{color:#c0a2ff}.channel-meta{display:flex;flex-direction:column;align-items:flex-start}.channel-meta small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#99a9c8;letter-spacing:.22em}.channel-meta strong{font-size:1.15rem;letter-spacing:.03em;white-space:nowrap}.channel-qr-trigger{display:flex;align-items:center;gap:12px;padding-left:20px;border-left:1px solid rgba(255,255,255,.12);color:#c9d4ea}.channel-qr-trigger em{font-style:normal;font-size:.74rem;letter-spacing:.25em}.qr-mini{display:inline-block;width:18px;height:18px;position:relative}.qr-mini::before,.qr-mini::after{content:"";position:absolute;inset:0;border:2px solid #d7e5ff;border-radius:4px;clip-path:polygon(0 0,42% 0,42% 42%,0 42%,0 0,58% 0,100% 0,100% 42%,58% 42%,58% 0,0 58%,42% 58%,42% 100%,0 100%,0 58%,58% 58%,100% 58%,100% 100%,58% 100%,58% 58%)}
/* modal */
.qr-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(5,8,18,.62);z-index:70;padding:20px}.qr-modal.open{display:flex}.qr-card{width:min(720px,100%);background:#fff;border-radius:32px;border:1px solid rgba(15,23,42,.1);box-shadow:0 32px 80px rgba(5,8,18,.35);overflow:hidden}.qr-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px 24px;border-bottom:1px solid rgba(15,23,42,.08)}.qr-card-top h3{margin:0;font-size:1.5rem}.qr-close{width:44px;height:44px;border-radius:50%;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer;font-size:1.4rem}.qr-card-body{padding:24px}.qr-main{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.qr-frame{padding:18px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid rgba(15,23,42,.08)}.qr-frame img{width:100%;border-radius:16px;background:#fff}.qr-info p{margin:.3rem 0;color:#51627d}.qr-protocol{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#7b8cab;font-size:.82rem;text-transform:uppercase}.qr-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.qr-actions button,.qr-actions a{flex:1}
/* Calculator */
.calc-body{background:linear-gradient(180deg,#f3f8ff,#fff)}.diagnostic{padding:34px 0 10px}.diag-hero{width:min(1180px,calc(100% - 32px));margin:0 auto 22px}.diag-label,.diag-kicker,.diag-section-title,.metric-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:#74839c}.diag-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.slider-row+.slider-row{margin-top:20px}.slider-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.slider-top label,.slider-top output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;font-size:.9rem}.slider-row input[type=range]{width:100%;accent-color:#4f7cff}.mega-number{font-size:clamp(2.3rem,4vw,4.8rem);font-weight:850;line-height:1.02;margin:.4rem 0}.diag-stats,.diag-lines{display:grid;gap:12px}.diag-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.diag-stats strong{display:block;font-size:1.6rem;margin-top:6px}.diag-divider{height:1px;background:rgba(15,23,42,.08);margin:20px 0}.diag-lines p{display:flex;justify-content:space-between;gap:16px;margin:0;color:#334155}.diag-plan-card{margin-top:18px;padding:18px;border-radius:22px;background:#f8fbff;border:1px solid rgba(15,23,42,.08);color:#314055}.diag-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.diag-button-light{background:#111827;color:#fff;border-color:#111827}.diag-note{color:#6b7280;font-size:.95rem;margin-top:14px}
/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease, transform .55s ease}.reveal.visible{opacity:1;transform:none}
@keyframes drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width: 1080px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.diag-wrap,.foot-inner{grid-template-columns:1fr}.menu-panel-inner{grid-template-columns:1fr}.hero{padding-top:24px}}
@media (max-width: 760px){.menu-trigger{width:82px;height:104px}.hero h1,.diag-hero h1{font-size:2.4rem}.cards,.social-grid,.service-card-grid,.comparison,.timeline,.metric-grid,.foot-links,.quote-form{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.channel-row{padding:16px}.channel-meta strong{font-size:1rem}.channel-qr-trigger em{display:none}.qr-main{grid-template-columns:1fr}.qr-actions>*{flex:1 1 calc(50% - 12px)}.diag-actions>*{width:100%}}