:root { --ink:#102b45; --muted:#5e7183; --blue:#38a9e0; --blue-dark:#087bb5; --pale:#eaf7fd; --line:#e2ebf1; --white:#fff; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:#fff; font-family:'DM Sans',sans-serif; }
    a { color:inherit; text-decoration:none; }
    .container { width:min(1160px, calc(100% - 48px)); margin:0 auto; }
    header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.96); border-bottom:1px solid rgba(226,235,241,.9); backdrop-filter:blur(12px); }
    .nav { height:88px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
    .brand { display:flex; align-items:center; flex-shrink:0; }
    .brand img { display:block; width:250px; height:72px; object-fit:contain; }
    .nav-links { display:flex; align-items:center; gap:35px; margin:0; padding:0; list-style:none; color:#29465e; font-size:14px; font-weight:600; }
    .nav-links > li > a, .services-toggle { transition:color .2s; }
    .nav-links > li > a:hover, .services-toggle:hover { color:var(--blue); }
    .dropdown { position:relative; }
    .services-toggle { display:flex; align-items:center; gap:8px; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; padding:14px 0; }
    .chevron { width:7px; height:7px; border-right:1.7px solid currentColor; border-bottom:1.7px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .2s; }
    .dropdown.open .chevron { transform:rotate(225deg) translate(-1px,-1px); }
    .dropdown-menu { display:none; position:absolute; top:calc(100% - 2px); left:-20px; width:250px; padding:9px; margin:0; list-style:none; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 18px 45px rgba(16,43,69,.13); }
    .dropdown.open .dropdown-menu, .dropdown:focus-within .dropdown-menu { display:block; }
    .dropdown-menu a { display:block; padding:12px 13px; border-radius:9px; color:#3b566d; font-size:13px; }
    .dropdown-menu a:hover { background:var(--pale); color:var(--blue-dark); }
    .nav-cta { padding:12px 19px; color:#fff; background:var(--blue-dark); border-radius:8px; font-size:13px; font-weight:700; transition:background .2s,transform .2s; }
    .nav-cta:hover { background:#0875a8; transform:translateY(-1px); }
    .menu-toggle { display:none; border:1px solid var(--line); background:white; color:var(--ink); border-radius:9px; width:42px; height:42px; font-size:21px; cursor:pointer; }
    .hero { position:relative; overflow:hidden; background:linear-gradient(112deg,#f2faff 0%,#fff 53%,#e6f6ff 100%); }
    .hero::before { content:""; position:absolute; width:520px; height:520px; right:-160px; top:-215px; border:1px solid rgba(22,132,189,.12); border-radius:50%; box-shadow:0 0 0 42px rgba(22,132,189,.025),0 0 0 90px rgba(22,132,189,.025); }
    .hero-inner { position:relative; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:50px; min-height:565px; padding-top:45px; padding-bottom:50px; }
    .eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--blue-dark); font-size:11px; letter-spacing:.15em; font-weight:700; text-transform:uppercase; }
    .eyebrow::before { content:""; width:24px; height:2px; background:var(--blue); }
    h1,h2,h3 { font-family:Manrope,'DM Sans',sans-serif; }
    h1 { max-width:620px; margin:21px 0 18px; font-size:clamp(42px,5.5vw,68px); line-height:1.08; letter-spacing:-.055em; font-weight:800; }
    h1 span { color:var(--blue); }
    .hero-copy { max-width:510px; color:var(--muted); font-size:16px; line-height:1.8; }
    .hero-actions { display:flex; align-items:center; gap:22px; margin-top:31px; }
    .button { display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:15px 21px; border-radius:8px; background:var(--blue-dark); color:#fff; font-size:13px; font-weight:700; box-shadow:0 9px 20px rgba(7,84,126,.15); transition:transform .2s,background .2s; }
    .button:hover { transform:translateY(-2px); background:#0875a8; }
    .text-link { color:var(--ink); font-size:13px; font-weight:700; }
    .text-link span { margin-left:6px; color:var(--blue); }
    .hero-art { position:relative; display:flex; align-items:center; justify-content:center; min-height:395px; }
    .orbit { position:absolute; width:370px; height:370px; border:1px solid rgba(22,132,189,.18); border-radius:50%; }
    .orbit::before,.orbit::after { content:""; position:absolute; border:1px solid rgba(22,132,189,.14); border-radius:50%; inset:27px; }
    .orbit::after { inset:62px; }
    .art-card { position:relative; display:flex; flex-direction:column; justify-content:space-between; width:290px; height:300px; padding:28px; border:1px solid rgba(255,255,255,.9); border-radius:24px; background:rgba(255,255,255,.86); box-shadow:0 25px 70px rgba(28,84,117,.13); transform:rotate(-4deg); }
    .art-card-top { display:flex; align-items:center; justify-content:space-between; color:#688094; font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
    .status-dot { width:8px; height:8px; border-radius:50%; background:#54c89a; box-shadow:0 0 0 5px #e4f7ef; }
    .art-globe { align-self:center; display:grid; place-items:center; width:142px; height:142px; color:#fff; font-size:51px; background:linear-gradient(145deg,#48add6,#0878b0); border-radius:50%; box-shadow:inset -14px -16px 25px rgba(4,66,109,.17),0 20px 28px rgba(22,132,189,.2); }
    .art-bottom { display:flex; align-items:end; justify-content:space-between; }
    .art-bottom strong { display:block; font-family:Manrope,sans-serif; font-size:17px; }
    .art-bottom small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
    .mini-bars { display:flex; align-items:end; gap:4px; height:30px; }
    .mini-bars i { width:5px; border-radius:5px; background:#54aeda; }
    .mini-bars i:nth-child(1){height:13px}.mini-bars i:nth-child(2){height:21px}.mini-bars i:nth-child(3){height:17px}.mini-bars i:nth-child(4){height:29px}.mini-bars i:nth-child(5){height:23px}
    .float-chip { position:absolute; display:flex; align-items:center; gap:10px; padding:12px 15px; border:1px solid #e8eff4; border-radius:12px; background:white; box-shadow:0 12px 32px rgba(16,43,69,.1); color:#35546c; font-size:12px; font-weight:700; }
    .float-chip span { display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:#e8f6fc; color:var(--blue); font-size:15px; }
    .chip-one { top:54px; right:-3px; }.chip-two { bottom:53px; left:-4px; }
    .services { padding:94px 0 100px; }
    .section-heading { max-width:590px; margin:0 auto 45px; text-align:center; }
    .section-heading .eyebrow { justify-content:center; }
    h2 { margin:15px 0 12px; font-size:clamp(30px,4vw,42px); line-height:1.18; letter-spacing:-.04em; }
    .section-heading p { margin:0; color:var(--muted); font-size:15px; line-height:1.75; }
    .service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }
    .service-card { min-height:218px; padding:24px 21px; border:1px solid var(--line); border-radius:14px; background:#fff; transition:transform .22s,border-color .22s,box-shadow .22s; }
    .service-card:hover { transform:translateY(-5px); border-color:#b7d9e9; box-shadow:0 18px 35px rgba(16,43,69,.07); }
    .service-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#eaf6fb; color:var(--blue-dark); font-size:20px; }
    .service-card h3 { margin:22px 0 8px; font-size:16px; letter-spacing:-.02em; }
    .service-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
    .about-strip { padding:58px 0; background:#f3f9fc; }
    .about-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
    .about-inner h2 { max-width:660px; margin-bottom:0; font-size:30px; }
    .about-inner p { margin:0 0 18px; color:var(--muted); font-size:14px; }
    footer { padding:28px 0; border-top:1px solid var(--line); }
    .footer-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; color:#748696; font-size:12px; }
    .footer-brand { display:flex; align-items:center; gap:12px; color:var(--ink); font-weight:700; }
    .footer-brand img { width:120px; height:42px; object-fit:contain; }
    .footer-links { display:flex; gap:22px; }
    .footer-links a:hover { color:var(--blue); }
    .nav-links a[aria-current="page"] { color:var(--blue-dark); }
    .page-hero { padding:88px 0 82px; background:linear-gradient(115deg,#f2faff 0%,#fff 55%,#e6f6ff 100%); }
    .page-hero h1 { max-width:760px; font-size:clamp(40px,5vw,58px); }
    .page-hero p { max-width:660px; color:var(--muted); font-size:16px; line-height:1.8; }
    .content-section { padding:66px 0 90px; }
    .content-section h2 { font-size:30px; }
    .content-section p { color:var(--muted); line-height:1.8; }
    .content-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:28px; }
    .content-card { padding:25px; border:1px solid var(--line); border-radius:14px; background:#fff; }
    .content-card h3 { margin:0 0 9px; font-size:17px; }
    .content-card p { margin:0; font-size:13px; }
    .contact-box { padding:28px; border-radius:14px; background:#f2faff; }
    .inquiry-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:760px; }
    .form-field { display:flex; flex-direction:column; gap:7px; }
    .form-field.full { grid-column:1/-1; }
    .form-field label { color:#29465e; font-size:13px; font-weight:700; }
    .form-field input,.form-field select,.form-field textarea { width:100%; padding:12px 13px; border:1px solid #d7e5ee; border-radius:8px; background:white; color:var(--ink); font:inherit; font-size:14px; outline:none; }
    .form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(56,169,224,.13); }
    .form-field textarea { min-height:130px; resize:vertical; }
    .form-consent { display:flex; gap:10px; align-items:flex-start; color:var(--muted); font-size:12px; line-height:1.6; }
    .form-consent input { margin-top:3px; accent-color:var(--blue-dark); }
    .form-status { grid-column:1/-1; min-height:22px; color:var(--blue-dark); font-size:14px; }
    .form-status.error { color:#b42318; }
    .social-float { position:fixed; right:22px; bottom:22px; z-index:20; display:flex; flex-direction:column; gap:11px; }
    .social-float a { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; color:#fff; box-shadow:0 8px 24px rgba(16,43,69,.2); transition:transform .2s,box-shadow .2s; }
    .social-float a:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(16,43,69,.25); }
    .social-float svg { width:25px; height:25px; fill:currentColor; }
    .social-whatsapp { background:#20bd64; }
    .social-instagram { background:linear-gradient(145deg,#7652cf,#d5448c 55%,#f49b42); }
    .splash-screen { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px; background:linear-gradient(145deg,#fff 15%,#f1faff 100%); opacity:1; visibility:visible; transition:opacity .55s ease,visibility .55s ease; }
    .splash-screen.is-leaving { opacity:0; visibility:hidden; }
    .splash-content { display:flex; flex-direction:column; align-items:center; gap:25px; animation:splash-arrive .7s cubic-bezier(.2,.75,.25,1) both; }
    .splash-logo { width:min(480px,82vw); height:auto; filter:drop-shadow(0 14px 22px rgba(16,82,120,.12)); }
    .splash-progress { width:100px; height:3px; overflow:hidden; border-radius:9px; background:#dceef7; }
    .splash-progress::after { content:""; display:block; width:45%; height:100%; border-radius:inherit; background:var(--blue); animation:splash-progress 1.55s ease-in-out infinite; }
    .splash-skip { position:absolute; right:clamp(20px,5vw,58px); bottom:clamp(20px,5vw,42px); padding:10px 15px; border:1px solid #d7e8f1; border-radius:999px; background:rgba(255,255,255,.75); color:#47657d; font:600 12px 'DM Sans',sans-serif; cursor:pointer; }
    .splash-skip:hover { color:var(--blue-dark); border-color:#9ed4ed; }
    @keyframes splash-arrive { from { opacity:0; transform:translateY(14px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
    @keyframes splash-progress { from { transform:translateX(-120%); } to { transform:translateX(240%); } }
    .hero-art .art-card { animation:float-card 6s ease-in-out infinite; }
    .float-chip { animation:float-chip 5s ease-in-out infinite; }
    .chip-two { animation-delay:-2.2s; }
    @keyframes float-card { 0%,100% { translate:0 0; } 50% { translate:0 -8px; } }
    @keyframes float-chip { 0%,100% { translate:0 0; } 50% { translate:0 -6px; } }
    .reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); }
    .reveal.is-visible { opacity:1; transform:translateY(0); }
    .service-card.reveal.is-visible:hover { transform:translateY(-5px); }
    .service-card:nth-child(2),.content-card:nth-child(2) { transition-delay:.08s; }
    .service-card:nth-child(3),.content-card:nth-child(3) { transition-delay:.16s; }
    .service-card:nth-child(4) { transition-delay:.24s; }
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid rgba(56,169,224,.5); outline-offset:3px; }
    @media (max-width:900px) { .nav-links{gap:20px}.nav-cta{display:none}.hero-inner{gap:20px}.hero-art{transform:scale(.88)}.service-grid{grid-template-columns:repeat(2,1fr)} }
    @media (max-width:680px) {
      .container{width:min(100% - 36px,520px)}.nav{height:74px}.brand img{width:205px;height:62px}.menu-toggle{display:block}
      .nav-links{display:none;position:absolute;top:73px;left:0;right:0;align-items:stretch;gap:2px;padding:12px 20px 18px;background:white;border-bottom:1px solid var(--line);box-shadow:0 14px 20px rgba(16,43,69,.06)}
      .nav-links.mobile-open{display:flex;flex-direction:column}.nav-links>li>a,.services-toggle{display:flex;width:100%;padding:13px 8px}.dropdown-menu{position:static;width:100%;box-shadow:none;border:0;padding:0 0 5px 12px}.dropdown-menu a{padding:11px}
      .hero-inner{grid-template-columns:1fr;gap:0;min-height:auto;padding-top:65px;padding-bottom:30px}.hero-copy{font-size:15px}.hero-art{min-height:345px;transform:scale(.82);margin:-8px -25px}.orbit{width:340px;height:340px}.art-card{width:270px;height:285px}.chip-one{right:0}.chip-two{left:0}
      .services{padding:68px 0}.section-heading{margin-bottom:30px}.service-grid{gap:12px}.service-card{min-height:210px;padding:18px 15px}.service-card h3{font-size:14px}
      .about-inner{align-items:flex-start;flex-direction:column}.about-inner h2{font-size:26px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}
      .page-hero{padding:64px 0}.content-grid{grid-template-columns:1fr}
      .inquiry-form{grid-template-columns:1fr}.form-field.full,.form-status{grid-column:auto}
      .social-float{right:14px;bottom:14px}.social-float a{width:48px;height:48px}
    }
    @media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none} }