:root{color-scheme:light}
html{scroll-behavior:smooth}
body{margin:0;background:#FAF6EF;color:#1A2140;font-family:'DM Sans',system-ui,sans-serif;letter-spacing:-0.01em;font-size:17px;line-height:1.55}
img{max-width:100%}
a{color:#1A2140}
p{margin:0}
.wrap{width:100%;max-width:1180px;margin:0 auto;box-sizing:border-box;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.h{font-weight:700;letter-spacing:-0.035em;margin:0;text-wrap:balance;line-height:1.05}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;font-weight:700;font-size:17px;padding:16px 26px;min-height:44px;box-sizing:border-box;border:0;cursor:pointer;font-family:inherit}
.btn-dark{background:#1A2140;color:#FAF6EF}
.btn-purple{background:#9555B3;color:#fff}
.btn-line{border:1.5px solid #1A2140;color:#1A2140;background:transparent}
.card{text-decoration:none;background:#FFFFFF;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:box-shadow .15s}
a.card:hover{box-shadow:0 12px 32px rgba(26,33,64,.09)}
.eyebrow{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#6B6F80;font-weight:700}
.muted{color:#3E4558}
.small{font-size:15px;color:#5E6577}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.price{font-weight:700;font-size:19px;margin-top:auto;font-variant-numeric:tabular-nums}
ul.check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
ul.check li{padding-left:26px;position:relative}
ul.check li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2.5px solid #9555B3;border-bottom:2.5px solid #9555B3;transform:rotate(-45deg)}
ul.check.w li::before{border-color:#fff}
.sol-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:500;font-size:15.5px;color:#1A2140;padding:10px 6px;white-space:nowrap}.sol-btn::before{content:"";width:8px;height:8px;border-radius:50%;background:#3E9C8C;box-shadow:0 0 0 3px #D3EEE6}.sol-btn:hover{color:#1F6E61}
.navlink{text-decoration:none}
.phero{padding-block:48px 56px}
.phero .h{font-size:clamp(34px,4.6vw,56px)}
.phero-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center}
@media (max-width:820px){.phero-g{grid-template-columns:1fr}}
.phero-pj{display:flex;justify-content:center;gap:10px}
.phero-pj img{width:31%;max-width:150px;aspect-ratio:4/5;object-fit:cover;border-radius:16px;border:5px solid #fff;box-shadow:0 14px 30px -18px rgba(26,33,64,.5);box-sizing:border-box}
.phero-pj img:nth-child(1){transform:rotate(-5deg) translateY(10px)}.phero-pj img:nth-child(3){transform:rotate(5deg) translateY(10px)}
.mir5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:820px){.mir5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mir5>div{background:#fff;border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 24px -18px rgba(26,33,64,.4)}
.mir5 img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.mir5 b{font-size:16.5px}.mir5 span{font-size:14.5px;color:#3E4558;line-height:1.4}
.plan-cta{background:#fff;border-radius:22px;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 10px 26px -18px rgba(26,33,64,.3)}
.plan-cta div{display:flex;flex-direction:column;gap:2px}.plan-cta b{font-size:18px}.plan-cta span{color:#5E6577}
.eq2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;align-items:stretch}
.pob{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;align-items:stretch}
.eqc{border-top:5px solid var(--c)}
.inc{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--c);margin-top:4px}
.pr-tbl{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 26px -18px rgba(26,33,64,.3)}
.pr-row{display:grid;grid-template-columns:140px 1fr auto;gap:12px;align-items:center;padding:14px 20px;border-top:1px solid #EFE8DC}
.pr-row:first-child{border-top:0}.pr-v{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:620px){.pr-row{grid-template-columns:1fr}}
.ei2-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:700;font-size:15px;color:#1A2140;padding:8px 8px 8px 14px;border-radius:999px;border:1.5px solid #9555B3;background:#F1EAFB;white-space:nowrap;min-height:44px;box-sizing:border-box;transition:background .15s}.ei2-btn b{background:#9555B3;color:#fff;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:800}.ei2-btn:hover,.ei2-btn[aria-current=page]{background:#E4D5F5}
.ruta{background:#fff;border-radius:28px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:18px;box-shadow:0 14px 34px -24px rgba(26,33,64,.4);text-align:center}
.ru-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:r}
.ru-s{position:relative;text-decoration:none;color:#1A2140;background:#FAF6EF;border-radius:18px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;border:2px solid transparent;transition:transform .15s}
.ru-s:hover{transform:translateY(-2px)}
.ru-s i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#E4D5F5;color:#6A4FB0;margin-bottom:4px}
.ru-s b{font-size:16.5px}.ru-s span{font-size:13.5px;color:#5E6577}
.ru-s.done i{background:#9555B3;color:#fff}
.ru-s.on{border-color:#9555B3;background:#F1EAFB}.ru-s.on i{background:#9555B3;color:#fff}
@media (max-width:720px){.ru-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.navlink[aria-current="page"]{color:#9555B3;font-weight:700}
.hero{padding-block:40px 64px;display:flex;flex-direction:column;gap:20px}
.hero h1{font-size:clamp(38px,6vw,68px)}
.lede{font-size:clamp(18px,1.8vw,21px);color:#3E4558;max-width:680px}
section.band{padding-block:72px}
.forms{display:flex;gap:6px;align-items:flex-end}
.forms img{height:clamp(84px,11vw,130px);width:auto}
:focus-visible{outline:3px solid #9555B3;outline-offset:3px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}
.evo{--c:#9555B3;--bg:#F1EAFB;width:100%;max-width:960px;margin-top:18px;display:flex;flex-direction:column;gap:18px}
.evo-stage{overflow:hidden;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center;background:var(--bg);border-radius:30px;padding:clamp(18px,3vw,32px);transition:background .8s;text-align:left}
@media (max-width:700px){.evo-stage{grid-template-columns:1fr;justify-items:center;text-align:center}}
.evo-card{position:relative;width:100%;max-width:320px;aspect-ratio:4/5;border-radius:24px;background:#fff;box-shadow:0 24px 50px -24px rgba(26,33,64,.45);isolation:isolate}
.evo-card>img{position:absolute;inset:0;width:100%;height:100%;border-radius:24px}
.evo-shape{object-fit:contain;padding:20%;box-sizing:border-box;z-index:2;opacity:0;transform:scale(.6)}
.evo-char{object-fit:cover;z-index:3;clip-path:circle(0% at 50% 50%);transform:scale(1.15);filter:saturate(1.4) brightness(1.15)}
.evo-glow{position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--c) 0%,transparent 68%);transform:translate(-50%,-50%) scale(.3);opacity:0;z-index:1;filter:blur(8px)}
.evo-ring{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;border-radius:50%;border:3px solid var(--c);transform:translate(-50%,-50%) scale(.4);opacity:0;z-index:4;pointer-events:none}
.evo-flash{position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle at 50% 50%,#fff 0%,rgba(255,255,255,.85) 35%,transparent 70%);opacity:0;z-index:5;pointer-events:none}
.evo-parts{position:absolute;left:50%;top:50%;z-index:6;pointer-events:none}
.evo-parts i{position:absolute;left:0;top:0;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.evo-card.s0 .evo-shape{opacity:1;transform:scale(1);transition:opacity .5s,transform .7s cubic-bezier(.3,1.5,.5,1)}
.evo-card.s1 .evo-shape{animation:evoCharge .9s ease-in-out both}
.evo-card.s1 .evo-glow{opacity:.75;transform:translate(-50%,-50%) scale(1.1);transition:opacity .8s,transform .9s}
.evo-card.s1 .evo-ring{animation:evoPulse .45s ease-out 2}
@keyframes evoCharge{0%{transform:scale(1) rotate(0)}40%{transform:scale(.92) rotate(-10deg)}70%{transform:scale(1.06) rotate(14deg)}100%{transform:scale(.85) rotate(0)}}
@keyframes evoPulse{0%{opacity:.9;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}
.evo-card.s2 .evo-shape{opacity:0;transform:scale(1.7) rotate(40deg);filter:blur(10px);transition:all .6s ease-in}
.evo-card.s2 .evo-flash{animation:evoFlash .9s ease-out both}
.evo-card.s2 .evo-ring.r2{animation:evoWave 1s ease-out both}
.evo-card.s2 .evo-char{clip-path:circle(80% at 50% 50%);transform:scale(1);filter:none;transition:clip-path 1.1s cubic-bezier(.6,0,.2,1),transform 1.6s cubic-bezier(.2,.7,.2,1),filter 1.4s}
.evo-card.s2 .evo-glow{opacity:0;transform:translate(-50%,-50%) scale(2.4);transition:opacity 1s,transform 1s}
@keyframes evoFlash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
@keyframes evoWave{0%{opacity:1;transform:translate(-50%,-50%) scale(.3);border-width:6px}100%{opacity:0;transform:translate(-50%,-50%) scale(3.2);border-width:1px}}
.evo-card.s3{animation:evoLand .6s cubic-bezier(.3,1.5,.5,1)}
@keyframes evoLand{0%{transform:scale(1.04)}100%{transform:none}}
.evo-cap{display:flex;flex-direction:column;gap:6px;min-width:0}
.evo-k{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#5E6577}.evo-k i{font-style:normal;color:var(--c)}
.evo-name{font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-0.04em;color:var(--ct,var(--c));transition:color .6s}
.evo-verb{font-size:clamp(14px,1.4vw,16px);letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:#1A2140}
.evo-q{margin:8px 0 0;font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.25;letter-spacing:-0.02em;color:#1A2140;max-width:520px}
.evo-stage .evo-name,.evo-stage .evo-verb,.evo-stage .evo-q{opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
.evo:has(.evo-card.s3) .evo-name{opacity:1;transform:none}
.evo:has(.evo-card.s3) .evo-verb{opacity:1;transform:none;transition-delay:.12s}
.evo:has(.evo-card.s3) .evo-q{opacity:1;transform:none;transition-delay:.28s}
.evo-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.evo-slot{font:inherit;font-weight:700;cursor:pointer;border:1.5px solid var(--c);background:#fff;color:var(--c);border-radius:999px;padding:9px 18px;min-height:44px;min-width:90px;transition:background .2s,color .2s}
.evo-slot:hover,.evo-slot.cur{background:var(--c);color:#fff}
.evo-slot.done:not(.cur){background:var(--bg)}
.evo-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s;pointer-events:none}
.evo.fin .evo-end{opacity:1;transform:none;pointer-events:auto}
.evo-pause{font:inherit;font-weight:700;font-size:14px;color:#1A2140;background:#fff;border:1.5px solid #D9CFE6;border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer;align-self:center}.evo-pause[hidden]{display:none}
.evo-replay{font:inherit;font-weight:700;font-size:15px;border:1.5px solid #9555B3;color:#6A4FB0;background:#fff;border-radius:999px;padding:9px 16px;cursor:pointer}
.evo.fin .evo-row{animation:evoRow .8s ease-out}
@keyframes evoRow{0%{filter:drop-shadow(0 0 0 rgba(149,85,179,0))}50%{filter:drop-shadow(0 0 18px rgba(149,85,179,.55))}100%{filter:drop-shadow(0 0 0 rgba(149,85,179,0))}}
@media (prefers-reduced-motion: reduce){.evo *{transition:none!important;animation:none!important}}
.met-fin{background:#F1EAFB;border-radius:30px;padding:clamp(28px,5vw,52px);display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center}
.met-fin p{margin:0;font-size:clamp(22px,2.8vw,32px);line-height:1.2;max-width:820px;color:#1A2140}


.met-showcase{background:#F1EAFB;padding-block:clamp(32px,4vw,52px)}
.met-overview{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,3vw,40px);align-items:center}
.met-intro{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:18px}
.met-intro h1{font-size:clamp(32px,3.5vw,50px)}
.met-intro .lede{max-width:none;font-size:17.5px;line-height:1.5}
.met-intro-note{color:#5E6577;font-size:15.5px;line-height:1.5}
.met-showcase-inner{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;min-width:0}
.met-showcase h2{font-size:clamp(25px,2.8vw,34px)}
@media (max-width:960px){.met-overview{grid-template-columns:1fr;gap:28px}.met-intro{gap:12px}.met-showcase-inner{align-items:center;text-align:center}}
.met-case{max-width:980px;padding-block:48px 56px;display:flex;flex-direction:column;gap:16px}
.met-case h2{font-size:clamp(28px,3.4vw,38px)}
.met-case>p{max-width:700px;color:#3E4558}
.mt{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.mtab{font:inherit;font-weight:700;color:#1A2140;cursor:pointer;background:#fff;border:1.5px solid #D9CFE6;border-radius:999px;padding:9px 18px;min-height:44px;min-width:88px}
.mtab:hover,.mtab[aria-selected="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 13%,white);color:var(--c)}
.mpanel{background:#fff;border-left:4px solid #9555B3;border-radius:0 18px 18px 0;padding:20px 24px;box-shadow:0 10px 28px -24px rgba(26,33,64,.4)}
.mpanel .h{font-size:clamp(20px,2.2vw,26px);line-height:1.25}
.mans{margin-top:8px;color:#3E4558;line-height:1.5}
@media (max-width:520px){.mtab{min-width:0;flex:1 1 27%;padding-inline:10px}.mpanel{padding:18px}}
.met-cta{background:#9555B3;color:#fff;font-size:19px;padding:20px 34px;box-shadow:0 14px 30px -12px rgba(149,85,179,.6);gap:10px;transition:transform .15s,box-shadow .15s}
.met-cta:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(149,85,179,.7)}

.evo{max-width:820px;margin-top:8px}
.evo-stage{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:24px;padding:22px}
.evo-card{max-width:220px}
.evo-name{font-size:clamp(36px,4vw,54px)}
.evo-q{font-size:clamp(19px,2vw,24px)}
@media (max-width:700px){.evo-stage{grid-template-columns:1fr;gap:16px}.evo-card{max-width:180px}.evo-cap{align-items:center}.evo-row{gap:6px}.evo-slot{min-width:76px;padding-inline:12px}}
