:root{--ink:#151a35;--muted:#69708b;--blue:#5267ed;--violet:#9064ed;--line:#e8eaf3;--pale:#f7f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 max(calc((100vw - 1160px)/2),6vw);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(232,234,243,.8)}.brand{display:flex;align-items:center;gap:10px;font:800 25px Manrope,sans-serif;letter-spacing:-1.3px}.brand>span>span{color:#6470e9}.brand img{object-fit:contain}.nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600;color:#555c76}.nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:#171c39;color:#fff;padding:13px 20px;border-radius:8px}.nav-cta span,.button span{margin-left:12px}.menu-toggle{display:none}.hero{min-height:650px;background:#11162f;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;padding:80px max(calc((100vw - 1160px)/2),6vw) 95px}.hero-content{position:relative;z-index:2;width:55%;max-width:650px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:#8b9aff}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.pulse{width:7px;height:7px;border-radius:50%;background:#8a7aff;box-shadow:0 0 0 5px #8a7aff24}.hero h1,.intro h2,.about h2,.product-copy h2,.contact-inner h2{font:700 clamp(42px,5.1vw,68px)/1.12 Manrope,sans-serif;letter-spacing:-3px;margin:0}.gradient-text{background:linear-gradient(100deg,#8e9cff,#bb8aff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:16px;line-height:1.8;color:#b7bdd4;max-width:480px;margin:26px 0 32px}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0002}.button-primary{background:linear-gradient(110deg,#596cf0,#9064ed);color:#fff}.text-link{font-size:12px;color:#d3d6e5}.text-link span{padding-left:8px;color:#9a8bff}.hero-note{display:flex;align-items:center;gap:12px;margin-top:70px;color:#9299b5;font-size:11px;letter-spacing:.5px}.note-line{width:32px;height:1px;background:#727ca9}.hero-art{position:absolute;right:7%;top:50%;transform:translateY(-48%);width:440px;height:440px;display:grid;place-items:center}.hero-glow{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}.glow-one{width:470px;height:470px;right:8%;top:10%;background:radial-gradient(circle,#6556ce38,transparent 68%)}.glow-two{width:340px;height:340px;left:20%;bottom:-30%;background:radial-gradient(circle,#3e62c52a,transparent 70%)}.orbit{position:absolute;border:1px solid #9296f13b;border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:390px;height:230px}.orbit-b{width:290px;height:390px;transform:rotate(38deg)}.art-core{width:178px;height:178px;border-radius:48px;background:linear-gradient(145deg,#fff,#dfe4ff);box-shadow:0 25px 90px #7868ed65;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:rotate(-8deg);color:#1a2144;font:800 19px Manrope}.core-symbol{width:66px;height:56px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;transform:rotate(8deg)}.core-symbol b{background:linear-gradient(135deg,#546cf1,#a46aeb);border-radius:5px}.core-symbol b:nth-child(2){opacity:.65}.core-symbol b:nth-child(3){opacity:.8}.core-symbol b:nth-child(4){opacity:.45}.float-card{position:absolute;display:flex;align-items:center;gap:12px;padding:13px 17px;background:#ffffffed;color:#202645;border:1px solid #ffffff;border-radius:12px;box-shadow:0 15px 45px #080d2d45}.float-card b,.float-card small{display:block}.float-card b{font:700 12px Manrope}.float-card small{font-size:10px;color:#858ba1;margin-top:3px}.card-web{top:75px;left:0}.card-code{bottom:75px;right:-8px}.mini-icon{width:30px;height:30px;border-radius:9px;background:#e9edff;color:#5b6fe8;display:grid;place-items:center;font-size:18px}.mini-icon.purple{background:#f0eaff;color:#9166e7}.spark{position:absolute;color:#a9a1ff}.spark-one{top:50px;right:72px;font-size:27px}.spark-two{bottom:48px;left:75px;font-size:22px}.scroll-cue{position:absolute;bottom:28px;left:max(calc((100vw - 1160px)/2),6vw);font-size:9px;letter-spacing:2px;color:#737b9b}.scroll-cue span{padding-left:10px;color:#aaa0ff}.section-wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}.intro{padding-top:112px;padding-bottom:120px}.section-kicker{color:#747fe0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin:24px 0 56px}.intro h2,.about h2{font-size:46px;letter-spacing:-2px}.intro-grid>p,.about-copy>p{max-width:460px;color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:30px 28px 26px;border:1px solid var(--line);border-radius:13px;min-height:280px;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);border-color:#c9cdf5;box-shadow:0 18px 45px #252d5910}.service-card.featured{background:linear-gradient(145deg,#f7f7ff,#fff);border-color:#dcdffc}.service-icon{width:42px;height:42px;border-radius:12px;background:#eef0ff;color:#6474e9;display:grid;place-items:center;font-size:22px;margin-bottom:26px}.card-number{font-size:9px;letter-spacing:1.5px;color:#9298ae;font-weight:700}.service-card h3{font:700 19px Manrope;margin:12px 0}.service-card p{font-size:12px;line-height:1.8;color:#747b93;min-height:66px}.service-card>a{font-size:11px;font-weight:700;color:#626fe0}.service-card>a span{margin-left:7px}.product-section{background:#151a37;color:#fff;overflow:hidden}.product-inner{min-height:500px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:75px;padding-bottom:75px}.section-kicker.light{color:#9ca6ff}.product-tag{display:inline-block;margin:28px 0 16px;padding:7px 10px;border:1px solid #535c8b;border-radius:4px;color:#b9bfff;font-size:9px;letter-spacing:1.4px}.product-copy h2{font-size:43px;letter-spacing:-2px}.product-copy h2 span{color:#9c91ff}.product-copy p{font-size:13px;line-height:1.9;color:#b5bad0;max-width:440px;margin:22px 0 28px}.button-light{background:#fff;color:#1b2140}.dashboard{background:#fff;border:1px solid #ffffff55;border-radius:14px;box-shadow:0 30px 80px #05091c66;overflow:hidden;transform:rotate(2deg);max-width:500px;width:100%;justify-self:end}.dash-top{height:37px;background:#f6f7fb;border-bottom:1px solid #e9ebf2;display:flex;align-items:center;gap:5px;padding:0 14px}.dash-dot{width:6px;height:6px;border-radius:50%;background:#c7cbe0}.dash-top small{margin-left:auto;color:#a0a5b9;font-size:8px;letter-spacing:1px}.dash-body{display:flex;min-height:285px}.dash-sidebar{width:48px;background:#f9faff;border-right:1px solid #edf0f7;display:flex;align-items:center;flex-direction:column;gap:24px;padding-top:18px;color:#6e7ce7}.dash-sidebar i{width:13px;height:13px;border-radius:4px;background:#e0e4f6}.dash-main{padding:22px 23px;flex:1}.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading small,.dash-stats small{display:block;color:#969bb0;font-size:7px;letter-spacing:1px}.dash-heading b{display:block;font:700 14px Manrope;color:#242a4b;margin-top:5px}.dash-date{font-size:8px;color:#7c83a0;background:#f0f2fb;padding:6px 9px;border-radius:4px}.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.dash-stats>div{border:1px solid #edf0f6;border-radius:7px;padding:12px}.dash-stats b{display:block;font:800 24px Manrope;color:#333b69;margin:6px 0 2px}.dash-stats b span{font-size:13px;color:#7b83e6}.dash-stats em{font-size:8px;color:#a0a5b8;font-style:normal}.dash-chart{border:1px solid #edf0f6;border-radius:7px;padding:12px}.chart-head{display:flex;justify-content:space-between;font-size:9px;color:#505875}.chart-head small{font-size:8px;color:#a0a5b8}.bars{height:65px;display:flex;align-items:end;gap:12px;padding:8px 8px 0}.bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#9b8bf0,#6479e9)}.about{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center}.about-mark{width:190px;height:190px;border-radius:38px;background:linear-gradient(145deg,#f4f5ff,#fff);border:1px solid #e9eafd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#30375e;font:800 18px Manrope;box-shadow:0 18px 55px #222d5a0b}.about-mark img{width:76px}.about h2{margin:20px 0}.contact-section{background:linear-gradient(115deg,#5369e9,#765fe0 65%,#9567e9);color:#fff}.contact-inner{padding-top:76px;padding-bottom:76px;display:flex;align-items:center;justify-content:space-between}.contact-inner h2{font-size:48px;margin:20px 0 14px}.contact-inner p{color:#e1e4ff;font-size:13px}.contact-button{min-width:165px}.footer{max-width:1160px;margin:auto;padding:35px 24px;display:flex;align-items:center;gap:25px}.footer-brand{font-size:20px}.footer p{font-size:11px;color:#858ba1}.footer small{margin-left:auto;color:#9da2b3;font-size:10px}@media(max-width:850px){.hero{min-height:720px;padding-top:65px;align-items:flex-start}.hero-content{width:100%;max-width:600px}.hero-art{width:330px;height:330px;right:5%;top:auto;bottom:20px;transform:none;opacity:.88}.orbit-a{width:290px;height:180px}.orbit-b{width:220px;height:290px}.art-core{width:130px;height:130px;border-radius:36px}.core-symbol{width:48px;height:42px}.art-core span{font-size:15px}.card-web{top:45px}.card-code{bottom:40px}.intro-grid{gap:25px}.about{gap:45px}.product-inner{gap:25px}}@media(max-width:650px){.site-header{height:70px;padding:0 22px}.brand{font-size:22px}.menu-toggle{display:flex;border:0;background:none;width:38px;height:38px;flex-direction:column;justify-content:center;gap:6px}.menu-toggle i{height:2px;width:22px;background:#202645;display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;padding:22px;box-shadow:0 15px 25px #17204412;flex-direction:column;align-items:stretch;gap:22px}.nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:760px;padding:70px 24px 0}.hero h1{font-size:43px;letter-spacing:-2px}.hero-lead{font-size:14px;max-width:390px}.hero-actions{gap:18px;flex-wrap:wrap}.button{padding:14px 17px}.text-link{font-size:11px}.hero-note{margin-top:34px}.hero-art{width:290px;height:290px;right:calc(50% - 145px);bottom:8px}.float-card{padding:10px 12px}.card-web{left:-5px}.card-code{right:-5px}.scroll-cue{left:24px;bottom:17px}.intro{padding-top:78px;padding-bottom:80px}.intro-grid{grid-template-columns:1fr;gap:18px;margin:20px 0 32px}.intro h2,.about h2{font-size:38px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:0;padding:25px}.service-card p{min-height:0}.product-inner{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px}.product-copy h2{font-size:37px}.dashboard{margin-top:20px;transform:none}.about{padding-top:80px;padding-bottom:80px;grid-template-columns:1fr;gap:35px}.about-mark{width:130px;height:130px;border-radius:28px}.about-mark img{width:56px}.about-mark span{font-size:14px}.contact-inner{padding-top:65px;padding-bottom:65px;display:block}.contact-inner h2{font-size:42px}.contact-button{margin-top:20px}.footer{flex-wrap:wrap;gap:10px 18px}.footer p{width:calc(100% - 160px)}.footer small{width:100%;margin:8px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Logotipo oficial SofMan */
.brand { gap: 0; }
.brand img { display:block; width: 178px; height:auto; object-fit:contain; }
.footer-brand img { width: 150px; }
.art-core { width: 220px; height: 150px; border-radius: 24px; transform: rotate(-4deg); padding: 12px; }
.art-core img { display:block; width:100%; height:auto; transform: rotate(4deg); }
.about-mark { width: 260px; height: 150px; border-radius: 22px; padding: 14px; }
.about-mark img { width:100%; height:auto; }
@media(max-width:650px) {
  .brand img { width: 155px; }
  .footer-brand img { width: 140px; }
  .art-core { width: 190px; height: 128px; }
  .about-mark { width: 220px; height: 130px; }
}
/* Ajustes de identidad y cabecera móvil */
.site-header { min-height: 82px; }
.brand img { width: 158px; max-height: 64px; object-fit: contain; }
.footer-brand img { width: 150px; }
.art-core img { width: 100%; height: auto; }
.about-mark img { width: 100%; height: auto; }
@media (max-width: 650px) {
  .site-header { height: 72px; min-height: 72px; padding: 0 18px; }
  .brand img { width: 138px; max-height: 56px; }
  .menu-toggle { flex: 0 0 38px; }
  .hero { padding-top: 88px; }
  .hero h1 { font-size: clamp(34px, 9vw, 40px); line-height: 1.14; letter-spacing: -1.7px; }
  .hero-art { bottom: 10px; }
  .about-mark { width: min(100%, 260px); height: auto; min-height: 112px; }
  .about-mark img { width: 100%; }
  .footer-brand img { width: 132px; }
}