:root{--night:#130d27;--night2:#211235;--violet:#7d40ee;--pink:#ed2aae;--ink:#241a37;--muted:#6a637a;--line:#e9e2f1;--canvas:#faf9fd;--lav:#f2ecfb}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:75px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}
.wrap{width:min(1200px,calc(100% - 44px));margin-inline:auto}
.skip{position:absolute;z-index:100;left:12px;top:-100px;background:white;color:var(--night);padding:10px;border-radius:8px}.skip:focus{top:10px}
.site-header{background:#110b24;border-bottom:1px solid #ffffff1f;position:relative;z-index:5}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{flex:0 1 310px;min-width:165px}.brand img{width:100%;height:auto}
.nav-link{font-size:13px;font-weight:800;color:#f7f1fe;text-decoration:none;border:1px solid #ffffff35;border-radius:99px;background:#ffffff12;padding:12px 18px;white-space:nowrap}.nav-link:hover{background:#ffffff22}
.hero{position:relative;isolation:isolate;overflow:hidden;color:white;background:radial-gradient(ellipse at 90% 0%,#61269c95 0,transparent 49%),radial-gradient(ellipse at 5% 100%,#a02cab54 0,transparent 41%),linear-gradient(115deg,#130d27,#25133d 58%,#120d25)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(130deg,transparent 0 135px,#ffffff07 136px 137px)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;padding:75px 0 82px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.048em}
.eyebrow,.tag{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:850}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#dbb5fc}.eyebrow:before{content:"";height:2px;width:27px;background:linear-gradient(90deg,var(--pink),#965fff);border-radius:8px}
h1{font-size:clamp(39px,4.7vw,66px);line-height:1.075;margin:25px 0 19px;font-weight:850}
.gradient{background:linear-gradient(95deg,#fd8dd8,#aa8aff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{color:#e3dce9;font-size:clamp(15px,1.4vw,18px);line-height:1.79;max-width:620px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 0}
.btn{border:0;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:16px 23px;border-radius:100px;font-size:14px;font-weight:820;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}.btn-main{background:linear-gradient(100deg,#ec2aad,#7b45f4);color:#fff;box-shadow:0 14px 28px #8834d956}
.hero-note{font-size:12px;color:#cbbbd8}
.hero-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:31px}.hero-pills span{border:1px solid #ffffff29;color:#eae3f8;background:#ffffff0d;padding:9px 12px;font-weight:750;border-radius:999px;font-size:11px}
/* Visual tecnológico hecho con HTML/CSS: no imágenes de supuestos clientes. */
.preview-scene{position:relative;isolation:isolate;min-width:0;padding:28px 0 31px}
.preview-scene:before{content:"";position:absolute;inset:5% 3% 5%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#9a39e66b 0%,transparent 67%);filter:blur(24px)}
.browser{border-radius:18px;border:1px solid #ffffff64;box-shadow:0 35px 70px #0008;background:#f9f8fc;overflow:hidden;transform:perspective(950px) rotateY(-5deg) rotateX(1.8deg);transform-origin:center left;color:#291f3c}
.browser-top{height:37px;background:#edeaf4;border-bottom:1px solid #e0d9eb;display:flex;align-items:center;padding:0 13px;gap:6px}
.dot{height:8px;width:8px;border-radius:50%;background:#c0bacb}.dot:first-child{background:#fa8f9f}.dot:nth-child(2){background:#ffd286}.dot:nth-child(3){background:#93d8b7}
.browser-bar{margin:auto;background:#fff;border:1px solid #ded6e6;height:18px;width:44%;border-radius:7px}
.browser-page{background:#faf9fc;min-height:324px;overflow:hidden}
.mock-nav{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:10px;color:#685d7e;border-bottom:1px solid #e9e3ef}.mock-logo{font-weight:900;letter-spacing:.16em;color:#3c2b5c}.mock-links{display:flex;gap:12px}.mock-links span:last-child{background:#793dee;color:white;border-radius:15px;padding:7px 12px}
.mock-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:8px;align-items:center;padding:29px 22px 20px}
.mock-text .tiny{color:#833ee7;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.mock-text h3{font-size:clamp(18px,2vw,27px);line-height:1.13;letter-spacing:-.05em;margin:0 0 12px}.mock-text p{font-size:9px;line-height:1.6;color:#786d86;margin:0 0 15px}.mock-button{display:inline-block;background:#7d42ee;color:#fff;font-size:9px;font-weight:800;border-radius:7px;padding:10px 13px}
.mock-photo{height:157px;border-radius:13px;background:linear-gradient(125deg,#cbadff,#7e4ed3 58%,#37235f);position:relative;overflow:hidden;display:grid;place-items:center}
.mock-photo:before{content:"";position:absolute;left:-28px;top:24px;width:145px;height:145px;border-radius:50%;border:24px solid #ffffff3d}
.mock-photo:after{content:"";position:absolute;right:-34px;bottom:-32px;width:160px;height:130px;border-radius:45px;transform:rotate(-28deg);background:#f8beef80}
.mock-window{width:73%;height:63%;border:1px solid #ffffffa9;background:#ffffff46;border-radius:10px;backdrop-filter:blur(5px);display:grid;place-items:center;position:relative;z-index:1;box-shadow:0 8px 20px #3b1c6d3e}
.mock-window svg{width:58px;height:58px}
.mock-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 22px 22px}
.mock-mini{background:#fff;border:1px solid #eee8f5;border-radius:9px;height:41px;display:flex;align-items:center;gap:7px;padding:8px}
.mock-mini i{width:22px;height:22px;border-radius:7px;background:#eaddff}.mock-mini span{height:5px;flex:1;background:#e9e1f2;border-radius:5px}
.mobile-frame{width:126px;height:236px;position:absolute;bottom:-8px;right:-17px;border:6px solid #1d1830;background:#faf9ff;border-radius:24px;box-shadow:0 18px 48px #090516a8;overflow:hidden;transform:rotate(7deg)}
.mobile-frame:before{content:"";position:absolute;top:6px;left:38px;width:42px;height:8px;border-radius:8px;background:#1d1830;z-index:2}
.m-header{margin:0 10px;padding:21px 0 12px;border-bottom:1px solid #eee8f4;font-size:9px;font-weight:900;color:#34254d;letter-spacing:.12em}
.m-card{height:76px;border-radius:9px;margin:9px 10px;background:linear-gradient(140deg,#cd9dff,#9b5cf3,#51208e)}
.m-title{margin:10px 11px 0;color:#271d3b;font-size:11px;font-weight:850;line-height:1.3}.m-line{height:5px;margin:8px 11px 0;background:#e5d9ef;border-radius:3px}.m-line.short{width:65%}.m-btn{height:19px;width:80px;margin:12px 11px;background:#8242ef;border-radius:5px}
.preview-caption{position:absolute;top:3px;right:0;font-size:10px;color:#ece3f6;border:1px solid #ffffff25;border-radius:99px;padding:7px 10px;background:#ffffff17;backdrop-filter:blur(10px)}
.section{padding:85px 0}.section-head{text-align:center;margin:0 auto 37px;max-width:780px}.tag{color:#8640df}
h2{font-size:clamp(29px,3.65vw,46px);line-height:1.18;font-weight:820;margin:14px 0 14px}
.section-head p{color:var(--muted);font-size:15px;line-height:1.77}
.types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.type{border:1px solid var(--line);border-radius:21px;background:#fff;padding:25px 22px;box-shadow:0 12px 32px #30204f09;min-width:0}
.type-icon{height:44px;width:44px;border-radius:14px;background:#f1e6ff;color:#8134de;display:grid;place-items:center;font-size:23px;margin-bottom:24px}
.type h3{font-size:18px;line-height:1.23;margin-bottom:10px}.type p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.advantages{padding:0 0 88px}.adv-grid{border:1px solid #e0d2ee;border-radius:20px;overflow:hidden;background:#f0eafb;display:grid;grid-template-columns:repeat(3,1fr)}
.adv{padding:24px 26px;display:flex;gap:13px}.adv+.adv{border-left:1px solid #ded0ed}.adv-icon{font-size:23px;color:#8241dc;line-height:1}.adv b{font-size:13px;display:block;margin-bottom:6px}.adv small{font-size:12px;color:#655a78;line-height:1.6;display:block}
.request{background:#f1edf8;padding:87px 0 98px}.request-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:start}
.request-copy{position:sticky;top:22px;padding-top:30px}.request-copy p{font-size:15px;line-height:1.85;color:var(--muted)}
.summary{background:#fff;border:1px solid #e6daef;border-radius:18px;padding:20px;margin:26px 0 20px;box-shadow:0 8px 26px #321c5909}
.summary b{display:block;font-size:14px;margin-bottom:8px}.summary small{display:block;font-size:12px;color:#665b74;line-height:1.7}
.note{font-size:13px;line-height:1.75;color:#433654;border-left:3px solid #a54eec;padding:5px 0 5px 16px}
.form-shell{background:white;border:1px solid #e7def0;border-radius:26px;box-shadow:0 20px 55px #34185815;padding:37px}
.form-head{border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:25px}.form-head .micro{font-size:11px;color:#873bdf;font-weight:830;text-transform:uppercase;letter-spacing:.15em}.form-head h2{font-size:28px;margin:10px 0 6px}.form-head p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
.group-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#8844dd;margin:26px 0 18px}.group-title:first-of-type{margin-top:0}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{min-width:0}.wide{grid-column:1/-1}
.field label,.field-label{display:block;font-size:13px;font-weight:750;color:#342a49;margin-bottom:8px}
.field input,.field select,.field textarea{display:block;width:100%;min-height:50px;border:1px solid #dfd7ea;border-radius:12px;padding:13px 14px;background:#fcfbfe;color:#291f3c;outline:none;font-size:14px;transition:border-color .16s,box-shadow .16s}
.field textarea{min-height:106px;resize:vertical;line-height:1.62}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#9b53ee;box-shadow:0 0 0 3px #9b53ee1e}
.field input::placeholder,.field textarea::placeholder{color:#9b93a7}
.helper{display:block;margin-top:7px;font-size:12px;color:#7a7083;line-height:1.5}
.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.check{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:50px;padding:11px 12px;border:1px solid #e3dbee;background:#fff;border-radius:12px;font-size:12px;font-weight:720;line-height:1.35}
.check input{width:16px;height:16px;flex:0 0 16px;accent-color:#8341e9}.check:has(input:checked){background:#f6efff;border-color:#a56aed}
.consent{display:flex;align-items:flex-start;gap:10px;margin:26px 0 22px;color:#64596e;font-size:12px;line-height:1.7}.consent input{width:16px;height:16px;flex:0 0 16px;accent-color:#8840e9;margin:3px 0}.consent a{color:#7031c9;font-weight:790}
.submit{width:100%;border-radius:14px;min-height:56px}.subnote{margin:13px 0 0;font-size:11px;color:#766b80;text-align:center;line-height:1.55}
.preview-note{display:none;background:#f3eaff;border:1px solid #dbc6f6;color:#493360;padding:13px 15px;border-radius:12px;margin-top:16px;font-size:12px;line-height:1.6}.preview-note.show{display:block}
.honey{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}
footer{background:#120d25;color:#c8bfd5;padding:28px 0;font-size:12px}.foot{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}footer a{color:#ebdeff;text-decoration:none}footer a:hover{text-decoration:underline}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #d36cee;outline-offset:3px}
@media(max-width:1100px){.hero-grid{gap:30px}.types{grid-template-columns:repeat(2,1fr)}.request-grid{gap:24px}.mobile-frame{right:-9px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr;padding:58px 0 68px;gap:34px}.preview-scene{max-width:680px;margin:0 auto}.request-grid{grid-template-columns:1fr}.request-copy{position:static;padding:0}.section{padding:66px 0}.advantages{padding-bottom:66px}.request{padding:67px 0 74px}.adv-grid{grid-template-columns:1fr}.adv+.adv{border-left:0;border-top:1px solid #ded0ed}}
@media(max-width:530px){.wrap{width:calc(100% - 28px)}.nav{min-height:69px}.brand{min-width:0;flex-basis:192px}.nav-link{font-size:11px;padding:10px 11px}.hero-grid{padding:51px 0 61px}h1{font-size:clamp(38px,9.3vw,51px)}.lead{font-size:15px}.hero-pills{margin-top:26px}.preview-scene{padding:18px 12px 36px}.browser{transform:none}.browser-page{min-height:255px}.mock-nav{padding:0 10px}.mock-hero{padding:22px 10px 14px}.mock-photo{height:115px}.mock-text h3{font-size:15px}.mock-text p{font-size:8px}.mock-row{padding:0 10px 13px}.mobile-frame{width:85px;height:164px;right:0;bottom:0;border-width:4px;border-radius:16px}.mobile-frame:before{left:26px;width:26px;height:6px}.m-header{font-size:6px;padding-top:18px}.m-card{height:47px}.m-title{font-size:8px}.m-line{height:4px;margin-top:5px}.m-btn{height:14px;width:55px;margin-top:8px}.section-head p{font-size:14px}.types{grid-template-columns:1fr}.type{padding:22px}.type-icon{margin-bottom:13px}.form-shell{padding:23px 18px;border-radius:20px}.form-head h2{font-size:25px}.fields{grid-template-columns:1fr;gap:16px}.wide{grid-column:auto}.options{grid-template-columns:1fr}.foot{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}