:root{--glass:rgba(255,255,255,.66);--sheen:linear-gradient(115deg,rgba(255,255,255,.82),rgba(255,255,255,.18) 45%,rgba(125,112,255,.13));--ease-apple:cubic-bezier(.22,1,.36,1)}
body{background:radial-gradient(900px 600px at 97% 1%,rgba(112,91,255,.09),transparent 62%),radial-gradient(740px 540px at 3% 31%,rgba(215,255,89,.08),transparent 64%),var(--paper)}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.95%,rgba(20,18,25,.025) 50%,transparent 50.05%);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.scroll-progress{position:fixed;z-index:200;top:0;left:0;right:0;height:2px;pointer-events:none;background:rgba(13,13,14,.05)}
.scroll-progress span{display:block;width:var(--scroll-progress,0%);height:100%;background:linear-gradient(90deg,#645aff,#9c95ff 48%,#d7ff59);box-shadow:0 0 15px rgba(91,84,255,.65);transition:width .08s linear}
.site-header{border-radius:0 0 18px 18px;transition:height .35s var(--ease-apple),background .35s var(--ease-apple),border-color .35s var(--ease-apple),box-shadow .35s var(--ease-apple),max-width:1360px}
.site-header.scrolled{background:rgba(255,254,250,.75);border-color:rgba(31,28,38,.08);box-shadow:0 12px 40px rgba(31,25,60,.07)}
.nav a{position:relative}.nav> a:not(.nav-buy):after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-apple)}.nav> a:not(.nav-buy):hover:after{transform:scaleX(1);transform-origin:left}
.nav-buy,.button{border-radius:999px}.nav-buy{box-shadow:0 7px 18px rgba(13,13,14,.12);transition:transform .25s var(--ease-apple),box-shadow .25s var(--ease-apple),background .25s var(--ease-apple)!important}.nav-buy:hover{transform:scale(1.035);box-shadow:0 12px 30px rgba(69,54,220,.25)}
.hero{position:relative;min-height:calc(100vh - 113px);padding-top:clamp(84px,11vh,145px);padding-bottom:clamp(84px,10vh,135px)}
.hero:before{content:"";position:absolute;width:650px;height:650px;right:6%;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(91,84,255,.12),rgba(91,84,255,0) 68%);filter:blur(3px);pointer-events:none}
.hero-copy{position:relative;z-index:1}.hero-copy .overline{display:flex;align-items:center;gap:8px}.hero-copy .overline:before{content:"";width:25px;height:1px;background:var(--blue)}
.hero h1{letter-spacing:-.083em}.hero h1 span{background:linear-gradient(108deg,#5149e7,#776cff 65%,#9f9aff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-visual{perspective:1600px}.hero-product-frame{transform:translate3d(0,var(--parallax-y,0px),0) rotateX(1.2deg) rotateY(-1.4deg) rotate(-1.15deg);transition:transform .35s var(--ease-apple),filter .35s var(--ease-apple)}
.hero-product-frame:hover{filter:drop-shadow(0 34px 58px rgba(14,13,20,.25));transform:translate3d(0,var(--parallax-y,0px),0) rotateX(0) rotateY(0) rotate(0)}
[data-parallax]{transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}.hero-product-frame[data-parallax]{transform:translate3d(0,var(--parallax-y,0px),0) rotateX(1.2deg) rotateY(-1.4deg) rotate(-1.15deg)}
.floating-proof{border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);animation:float-proof 4.5s ease-in-out infinite}
@keyframes float-proof{50%{transform:translateY(-8px)}}
.logo-strip{position:relative;background:rgba(240,238,234,.72);backdrop-filter:blur(14px)}.logo-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-100%);animation:strip-sheen 9s ease-in-out infinite}.logo-strip>*{position:relative;z-index:1}@keyframes strip-sheen{40%,100%{transform:translateX(100%)}}
.product-section{position:relative}.product-section:before{content:"";position:absolute;z-index:-1;width:650px;height:650px;right:-180px;top:200px;border-radius:50%;background:radial-gradient(circle,rgba(91,84,255,.09),transparent 70%)}
.product-tabs{position:sticky;z-index:10;top:66px;padding-top:18px;background:linear-gradient(to bottom,var(--paper) 65%,rgba(255,254,250,0));backdrop-filter:blur(10px)}
.tab{transition:color .25s var(--ease-apple),transform .25s var(--ease-apple)}.tab:hover{color:var(--ink);transform:translateY(-2px)}
.product-stage{position:relative;border:1px solid rgba(91,84,255,.1);box-shadow:0 35px 80px rgba(45,32,118,.09);isolation:isolate}.product-stage:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--sheen);opacity:.8}.product-stage:after{content:"";position:absolute;width:210px;height:210px;right:24%;bottom:-140px;border-radius:50%;background:#d7ff59;filter:blur(55px);opacity:.32;pointer-events:none}
.stage-visual{perspective:1300px}.stage-screenshot{transform:rotateY(-2deg) rotateX(1deg) rotate(1.4deg);transition:transform .5s var(--ease-apple),box-shadow .5s var(--ease-apple),opacity .22s ease}.product-stage:hover .stage-screenshot{transform:rotateY(0) rotateX(0) rotate(0);box-shadow:0 30px 55px rgba(57,36,144,.25)}
.capability-grid{box-shadow:0 24px 55px rgba(21,20,25,.06)}.capability-grid article{transition:background .35s var(--ease-apple),transform .35s var(--ease-apple)}.capability-grid article:hover{position:relative;z-index:1;background:#121214;color:#fff;transform:translateY(-7px)}.capability-grid article:hover p{color:#cbc8d0}.capability-grid article:hover span{color:var(--lime)}
.method{position:relative;overflow:hidden}.method:before{content:"";position:absolute;width:760px;height:760px;left:-440px;top:5%;border-radius:50%;background:radial-gradient(circle,rgba(215,255,89,.22),transparent 66%);pointer-events:none}.method-cycle article{transition:transform .55s var(--ease-apple),box-shadow .55s var(--ease-apple)}.method-cycle article:nth-child(2){transition-delay:.07s}.method-cycle article:nth-child(3){transition-delay:.14s}.method-cycle article:nth-child(4){transition-delay:.21s}
.solutions{position:relative;overflow:hidden;background:radial-gradient(760px 480px at 88% 16%,rgba(91,84,255,.38),transparent 68%),var(--ink)}.solutions:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.08) 46.1% 46.25%,transparent 46.3%)}.solutions-grid{position:relative;z-index:1}.solution-card{backdrop-filter:blur(10px);transition:transform .35s var(--ease-apple),background .35s var(--ease-apple),border-color .35s var(--ease-apple)}
.value-statement{position:relative}.value-statement:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:linear-gradient(90deg,var(--blue),transparent 62%)}.value-grid article{transition:transform .35s var(--ease-apple)}.value-grid article:hover{transform:translateY(-7px)}
.trust{background:linear-gradient(135deg,#f4f2ee,#eeecf6)}.trust-list article{transition:padding .35s var(--ease-apple),background .35s var(--ease-apple)}.trust-list article:hover{padding-left:13px;background:rgba(255,255,255,.42)}
.plan{overflow:hidden;transition:transform .45s var(--ease-apple),box-shadow .45s var(--ease-apple),border-color .45s var(--ease-apple)}.plan:before{content:"";position:absolute;width:180px;height:180px;top:-130px;right:-60px;border-radius:50%;background:rgba(91,84,255,.13);filter:blur(14px);transition:transform .45s var(--ease-apple)}.plan:hover{transform:translateY(-10px);box-shadow:0 28px 50px rgba(23,19,55,.12);border-color:rgba(91,84,255,.4)}.plan:hover:before{transform:scale(1.6)}.plan>*{position:relative;z-index:1}
.closing-panel{border-radius:22px;box-shadow:0 35px 70px rgba(68,50,215,.22)}.closing-panel:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.16);border-radius:21px;pointer-events:none}
.reveal{transform:translateY(34px) scale(.985);filter:blur(6px);transition:opacity .9s var(--ease-apple),transform .9s var(--ease-apple),filter .9s var(--ease-apple)}.reveal.show{filter:blur(0)}
@media(max-width:750px){body:before{background-size:42px 42px}.site-header{border-radius:0}.hero{min-height:auto}.hero-product-frame,.hero-product-frame[data-parallax]{transform:translate3d(0,var(--parallax-y,0px),0)!important}.hero-product-frame:hover{transform:translate3d(0,var(--parallax-y,0px),0)!important}.product-tabs{top:54px}.capability-grid article:hover{transform:none}.closing-panel{border-radius:14px}.closing-panel:after{border-radius:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-progress span{transition:none}.reveal,.stage-screenshot,.hero-product-frame,.hero-product-frame:hover,[data-parallax]{transition:none!important;transform:none!important;filter:none!important}.floating-proof,.logo-strip:after{animation:none}.capability-grid article:hover,.plan:hover,.value-grid article:hover{transform:none}}
.solution-cards{gap:8px}.solution-card{position:relative}.solution-card.active i{transform:rotate(90deg)}.solution-card i{transition:transform .3s var(--ease-apple)}.solution-detail{display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:end;max-height:0;margin:-4px 0 0;padding:0 24px;overflow:hidden;border:1px solid transparent;border-top:0;border-radius:0 0 10px 10px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035));opacity:0;transform:translateY(-10px);transition:max-height .5s var(--ease-apple),margin .5s var(--ease-apple),padding .5s var(--ease-apple),opacity .32s ease,transform .5s var(--ease-apple),border-color .5s var(--ease-apple)}.solution-detail.is-open{max-height:380px;margin:-4px 0 8px;padding:24px 24px 22px;border-color:rgba(255,255,255,.2);opacity:1;transform:none}.solution-detail__eyebrow{grid-column:1/-1;margin:0 0 12px;color:var(--lime);font:500 10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.solution-detail h3{margin:0;color:#fff;font-size:23px;letter-spacing:-.055em;line-height:1.05}.solution-detail>p:not(.solution-detail__eyebrow){grid-column:1/-1;margin:12px 0 15px;color:#d7d4de;font-size:12px;line-height:1.6}.solution-detail ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.solution-detail li{position:relative;padding-left:13px;color:#f0eff3;font-size:10px;line-height:1.45}.solution-detail li:before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}.solution-detail a{grid-column:1/-1;justify-self:start;margin-top:20px;color:#fff;font-size:11px;font-weight:800;text-decoration:none}.solution-detail a:hover{color:var(--lime)}
@media(max-width:750px){.solution-detail{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.solution-detail.is-open{max-height:470px;padding-top:20px;padding-bottom:20px}.solution-detail h3{font-size:21px}.solution-detail ul{grid-template-columns:1fr;gap:7px}.solution-card{transition:background .25s var(--ease-apple),border-color .25s var(--ease-apple),transform .25s var(--ease-apple)}}

/* Acordeón de soluciones: una sola superficie continua por opción. */
.solution-cards{gap:12px}.solution-accordion-item{overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.025);transition:border-color .38s var(--ease-apple),background .38s var(--ease-apple),box-shadow .38s var(--ease-apple)}.solution-accordion-item.is-selected{border-color:rgba(215,255,89,.72);background:linear-gradient(135deg,rgba(104,91,255,.7),rgba(70,57,205,.38));box-shadow:0 22px 42px rgba(0,0,0,.18)}.solution-accordion-item .solution-card,.solution-accordion-item .solution-card:hover,.solution-accordion-item .solution-card.active{width:100%;padding:19px 20px;border:0;border-radius:0;background:transparent;transform:none}.solution-accordion-item .solution-card:hover{background:rgba(255,255,255,.045)}.solution-accordion-item .solution-card.active{background:rgba(255,255,255,.08)}.solution-accordion-item .solution-card:focus-visible{position:relative;z-index:2;outline:2px solid var(--lime);outline-offset:-3px}.solution-accordion-item .solution-icon{transition:transform .4s var(--ease-apple),background .4s var(--ease-apple)}.solution-accordion-item.is-selected .solution-icon{background:var(--lime);transform:rotate(-10deg)}.solution-accordion-item .solution-card i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:50%;font-size:15px}.solution-accordion-item .solution-card.active i{border-color:var(--lime);color:var(--lime);transform:rotate(90deg)}.solution-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr);gap:30px;max-height:0;margin:0;padding:0 25px;overflow:hidden;border:0;border-top:1px solid transparent;border-radius:0;background:rgba(13,13,14,.17);opacity:0;transform:none;transition:max-height .54s var(--ease-apple),padding .54s var(--ease-apple),opacity .25s ease,border-color .4s var(--ease-apple)}.solution-detail.is-open{max-height:310px;margin:0;padding:0 25px 25px;border-color:rgba(255,255,255,.17);opacity:1}.solution-detail__copy{padding-top:22px}.solution-detail__eyebrow{margin:0 0 10px;color:var(--lime);font:500 10px var(--mono);letter-spacing:.09em;text-transform:uppercase}.solution-detail h3{margin:0;color:#fff;font-size:24px;letter-spacing:-.06em;line-height:1.04}.solution-detail__copy>p:not(.solution-detail__eyebrow){margin:11px 0 16px;color:#e2e0eb;font-size:12px;line-height:1.58}.solution-detail a{display:inline-flex;align-items:center;gap:8px;margin:0;color:#fff;font-size:11px;font-weight:800;text-decoration:none}.solution-detail a:hover{color:var(--lime)}.solution-detail__points{align-self:center;display:flex!important;flex-direction:column;gap:10px;margin:0!important;padding:19px 0 0 20px!important;list-style:none;border-left:1px solid rgba(255,255,255,.18)}.solution-detail__points li{position:relative;padding-left:14px;color:#fff;font-size:11px;line-height:1.4}.solution-detail__points li:before{content:"";position:absolute;left:0;top:.48em;width:5px;height:5px;border-radius:50%;background:var(--lime)}
@media(max-width:750px){.solution-cards{gap:10px}.solution-accordion-item .solution-card,.solution-accordion-item .solution-card:hover,.solution-accordion-item .solution-card.active{padding:17px}.solution-detail{grid-template-columns:1fr;gap:4px;padding-left:18px;padding-right:18px}.solution-detail.is-open{max-height:420px;padding:0 18px 20px}.solution-detail__copy{padding-top:18px}.solution-detail h3{font-size:21px}.solution-detail__points{padding:14px 0 0!important;border-top:1px solid rgba(255,255,255,.18);border-left:0}}
.solution-detail__points{grid-column:auto!important}
