@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

:root{
    --ink:#120827;
    --ink-2:#21103e;
    --ink-3:#32145e;
    --white:#ffffff;
    --paper:#ffffff;
    --soft:#f7f4ff;
    --soft-2:#efe9ff;
    --muted:#6f667e;
    --muted-dark:#bdb4d4;
    --purple:#7c3aed;
    --purple-2:#8b5cf6;
    --purple-3:#6d28d9;
    --violet:#a855f7;
    --pink:#e879f9;
    --green:#16a34a;
    --line:#e9e1fb;
    --line-dark:rgba(255,255,255,.12);
    --shadow:0 28px 90px rgba(55,22,102,.15);
    --shadow-soft:0 18px 55px rgba(41,19,78,.08);
    --shadow-purple:0 28px 90px rgba(124,58,237,.28);
    --radius-xl:34px;
    --radius-lg:26px;
    --radius-md:18px;
    --radius-sm:14px;
    --shell:min(1180px,calc(100% - 36px));
    --header-height:82px;
    --safe-bottom:max(14px,env(safe-area-inset-bottom));
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 18px)}
body{margin:0;min-width:320px;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at top left,rgba(124,58,237,.08),transparent 22%),radial-gradient(circle at 100% 0,rgba(232,121,249,.08),transparent 18%),linear-gradient(180deg,#fbf8ff 0%,#fff 36%,#faf7ff 100%);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.has-menu,body.has-dialog{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,summary{font:inherit}
button{cursor:pointer}
strong,b{font-weight:600}
h1,h2,h3,h4,.section-kicker,.plan-badge,.eyebrow,.footer-brand__eyebrow{font-family:'Plus Jakarta Sans',sans-serif}
svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
::selection{background:rgba(139,92,246,.28);color:var(--ink)}
:focus-visible{outline:3px solid rgba(168,85,247,.34);outline-offset:3px}
[hidden]{display:none!important}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:16px;top:-90px;z-index:3000;padding:12px 18px;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.2);transition:top .2s ease}
.skip-link:focus{top:16px}
.shell{width:var(--shell);margin:0 auto}
.scroll-progress{position:fixed;inset:0 auto auto 0;z-index:2500;width:0;height:3px;background:linear-gradient(90deg,var(--purple-2),var(--pink));box-shadow:0 0 18px rgba(168,85,247,.85)}

.site-header{position:fixed;inset:0 0 auto;z-index:1200;padding:14px 0;border-bottom:1px solid transparent;transition:padding .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.site-header.is-scrolled{padding:8px 0;background:rgba(18,8,39,.82);border-color:rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(145%);box-shadow:0 18px 55px rgba(10,4,24,.24)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px}
.brand{flex:0 0 auto}
.brand__surface{display:inline-flex;align-items:center;justify-content:center}
.brand__surface img{width:126px;height:auto;object-fit:contain;flex:none}
.brand__surface--footer{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;box-shadow:none}
.brand__surface--footer img{width:min(100%,220px);height:auto;flex:none}
.site-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
.site-nav a,.header-login{padding:10px 12px;border-radius:12px;color:rgba(255,255,255,.76);font-size:.93rem;font-weight:500;transition:color .2s ease,background .2s ease}
.site-nav a:hover,.site-nav a.is-active,.header-login:hover{color:#fff;background:rgba(255,255,255,.08)}
.site-actions{display:flex;align-items:center;gap:10px}
.menu-button,.icon-button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;background:rgba(255,255,255,.07)}
.menu-button{display:none}
.icon-button{color:var(--ink);background:#fff;border-color:var(--line)}

.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 20px;border:1px solid transparent;border-radius:15px;font-weight:600;line-height:1;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button:disabled{opacity:.58;cursor:not-allowed;transform:none}
.button--primary{color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3) 72%);box-shadow:0 16px 38px rgba(124,58,237,.34),inset 0 1px 0 rgba(255,255,255,.22)}
.button--primary:hover{box-shadow:0 20px 48px rgba(124,58,237,.44),inset 0 1px 0 rgba(255,255,255,.22)}
.button--outline{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}
.button--outline:hover{color:#fff;background:rgba(255,255,255,.12)}
.button--ghost{color:var(--purple-3);border-color:rgba(124,58,237,.18);background:#fff}
.button--light{color:var(--ink);background:#fff;box-shadow:0 16px 38px rgba(9,3,22,.16)}
.button--large{min-height:56px;padding:15px 23px}
.button--block{width:100%}

.mobile-menu{position:fixed;inset:0;z-index:1500}
.mobile-menu__backdrop{position:absolute;inset:0;background:rgba(9,3,19,.66);backdrop-filter:blur(7px)}
.mobile-menu__panel{position:absolute;top:12px;right:12px;bottom:12px;width:min(390px,calc(100% - 24px));display:flex;flex-direction:column;gap:24px;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.28)}
.mobile-menu__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mobile-menu__nav{display:grid;gap:8px}
.mobile-menu__nav a{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-radius:14px;background:var(--soft);color:var(--ink);font-weight:500}
.mobile-menu__actions{display:grid;gap:10px;margin-top:auto;padding-bottom:var(--safe-bottom)}

.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:132px 0 90px;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(168,85,247,.30),transparent 30%),radial-gradient(circle at 18% 10%,rgba(124,58,237,.28),transparent 34%),linear-gradient(145deg,#090313 0%,#16082d 44%,#28105a 100%)}
.hero__grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.94),transparent 90%);pointer-events:none}
.hero__orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.hero__orb--one{width:360px;height:360px;top:10%;right:-130px;background:radial-gradient(circle,rgba(232,121,249,.34),rgba(124,58,237,.05) 68%,transparent 70%);animation:orbFloat 10s ease-in-out infinite}
.hero__orb--two{width:240px;height:240px;left:-80px;bottom:7%;background:radial-gradient(circle,rgba(139,92,246,.32),transparent 68%);animation:orbFloat 12s ease-in-out infinite reverse}
@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-24px,0) scale(1.04)}}
.hero__layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:54px;align-items:center}
.hero__content h1{max-width:760px;margin:22px 0 20px;font-size:clamp(3.3rem,6.2vw,5.75rem);line-height:.96;letter-spacing:-.058em;text-wrap:balance}
.hero__content h1 span{display:inline-block;color:transparent;background:linear-gradient(110deg,#fff 2%,#d8c5ff 32%,#a855f7 72%,#f0abfc 100%);-webkit-background-clip:text;background-clip:text}
.hero__copy{max-width:690px;margin:0;color:rgba(255,255,255,.72);font-size:clamp(1.02rem,1.45vw,1.18rem);line-height:1.75}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__support{margin:15px 0 0;color:#e9ddff;font-weight:500}
.hero__trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero__trust span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.76);font-size:.82rem}
.hero__trust svg{color:#c4b5fd}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--purple-3);font-size:.8rem;font-weight:600}
.eyebrow--dark{border-color:rgba(216,197,255,.22);background:rgba(255,255,255,.07);color:#e9ddff;backdrop-filter:blur(14px)}
.eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#c084fc;box-shadow:0 0 0 7px rgba(192,132,252,.12),0 0 20px rgba(192,132,252,.85)}
.hero__visual{position:relative;perspective:1000px}
.product-stage{position:relative;min-height:590px;transform-style:preserve-3d;transition:transform .18s ease-out}
.stage-mascot{position:absolute;z-index:1;filter:none;pointer-events:none}
.stage-mascot--left{top:18px;left:-48px;width:220px;animation:orbFloat 12s ease-in-out infinite}
.stage-mascot--right{right:-34px;bottom:82px;width:220px;animation:orbFloat 10s ease-in-out infinite reverse}
.brand-art{position:absolute;top:0;left:50%;z-index:4;display:block;transform:translateX(-50%);padding:0;border:0;background:none;box-shadow:none;animation:brandFloat 6.8s ease-in-out infinite}
.brand-art img{width:208px;height:auto}
@keyframes brandFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-.2deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(.4deg)}}
.dashboard-shell{position:absolute;inset:88px 0 auto 0;z-index:2;overflow:hidden;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07));box-shadow:0 40px 100px rgba(6,2,14,.42);backdrop-filter:blur(24px) saturate(130%)}
.window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:18px 18px 0 0;background:rgba(255,255,255,.9);border-bottom:1px solid #ece7f5}
.window-dots{display:flex;gap:6px}.window-dots span{width:8px;height:8px;border-radius:50%}.window-dots span:nth-child(1){background:#f87171}.window-dots span:nth-child(2){background:#fbbf24}.window-dots span:nth-child(3){background:#34d399}
.live-badge{display:inline-flex;align-items:center;gap:7px;color:var(--purple-3);font-size:.76rem;font-weight:600}.live-badge i{width:7px;height:7px;border-radius:50%;background:var(--purple-2);box-shadow:0 0 0 5px rgba(139,92,246,.12)}
.dashboard-layout{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:330px;overflow:hidden;border-radius:0 0 18px 18px;background:#fbfaff;color:var(--ink)}
.dashboard-sidebar{padding:18px 10px;background:linear-gradient(180deg,#1b0c35,#281052);color:#d9cff0}
.sidebar-logo{width:92px;height:auto;margin:0 8px 18px}
.sidebar-item{padding:9px 10px;margin-bottom:4px;border-radius:10px;color:rgba(255,255,255,.62);font-size:.75rem}.sidebar-item.is-active{color:#fff;background:rgba(139,92,246,.26)}
.dashboard-main{padding:17px}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.dashboard-heading small,.dashboard-heading strong{display:block}.dashboard-heading small{color:#8b829c;font-size:.67rem}.dashboard-heading strong{margin-top:3px;font-size:.9rem}.mini-button{padding:7px 9px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));font-size:.66rem;font-weight:600}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.metric-grid article{padding:11px;border:1px solid #ede7f8;border-radius:13px;background:#fff;box-shadow:0 10px 24px rgba(42,19,81,.05)}.metric-grid small,.metric-grid strong,.metric-grid em{display:block}.metric-grid small{color:#8b829c;font-size:.62rem}.metric-grid strong{margin-top:5px;font-size:1.05rem}.metric-grid em{margin-top:4px;color:var(--green);font-size:.6rem;font-style:normal}
.chart-card{margin-top:10px;padding:13px;border:1px solid #ede7f8;border-radius:14px;background:#fff}.chart-head{display:flex;align-items:center;justify-content:space-between;color:#8b829c;font-size:.65rem}.chart-head strong{color:var(--green)}
.chart-bars{height:92px;display:flex;align-items:flex-end;gap:7px;padding-top:12px}.chart-bars span{flex:1;height:var(--h);min-width:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#a78bfa,var(--purple-3));transform-origin:bottom;animation:barPulse 2.4s ease-in-out infinite alternate}.chart-bars span:nth-child(2n){animation-delay:.2s}.chart-bars span:nth-child(3n){animation-delay:.4s}@keyframes barPulse{from{transform:scaleY(.88);opacity:.82}to{transform:scaleY(1);opacity:1}}
.chat-preview{position:absolute;right:-22px;bottom:4px;z-index:6;width:270px;padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:24px;color:var(--ink);background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(5,2,12,.35);backdrop-filter:blur(20px);animation:chatFloat 7.6s ease-in-out infinite}@keyframes chatFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.chat-preview__head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.chat-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));font-weight:600}.chat-preview__head strong,.chat-preview__head small{display:block}.chat-preview__head strong{font-size:.84rem}.chat-preview__head small{margin-top:3px;color:var(--muted);font-size:.65rem}.chat-preview__head small i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#22c55e}
.chat-preview__body{padding:6px 0}.message{max-width:84%;margin-top:8px;padding:9px 11px;border-radius:14px;font-size:.7rem;line-height:1.45}.message--agent{margin-right:auto;background:var(--soft)}.message--visitor{margin-left:auto;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3))}
.chat-preview__input{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 9px 9px 12px;border:1px solid var(--line);border-radius:13px;color:#938a9f;font-size:.68rem}.chat-preview__input button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:10px;color:#fff;background:var(--purple-3)}.powered-by{display:block;margin-top:8px;color:#877d95;text-align:center;font-size:.62rem;font-weight:500}
.floating-stat{position:absolute;z-index:7;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.18);border-radius:16px;color:#fff;background:rgba(24,10,50,.78);box-shadow:0 18px 44px rgba(5,2,12,.28);backdrop-filter:blur(16px)}.floating-stat--one{top:32%;right:-34px}.floating-stat--two{bottom:8%;left:-30px}.stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#d8c5ff;background:rgba(139,92,246,.24)}.floating-stat strong,.floating-stat small{display:block}.floating-stat strong{font-size:.78rem}.floating-stat small{margin-top:2px;color:rgba(255,255,255,.58);font-size:.63rem}

.capability-strip{position:relative;z-index:5;margin-top:-34px}
.capability-strip__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--line);box-shadow:0 24px 70px rgba(35,12,75,.1)}
.capability-item{display:flex;align-items:center;gap:13px;min-height:96px;padding:18px;background:rgba(255,255,255,.98)}.capability-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));box-shadow:0 12px 26px rgba(124,58,237,.24)}.capability-item strong,.capability-item small{display:block}.capability-item strong{font-size:.88rem}.capability-item small{margin-top:4px;color:var(--muted);font-size:.74rem;line-height:1.45}

.section{padding:108px 0}.section-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:40px;align-items:end;margin-bottom:44px}.section-heading--center{grid-template-columns:1fr;text-align:center}.section-heading--center h2,.section-heading--center .section-copy{margin-inline:auto}.section-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--purple-3);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.11em}.section-kicker::before{content:"";width:28px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--purple-2),var(--pink))}.section-kicker--light{color:#d8c5ff}.section h2,.journey-copy h2,.faq-copy h2,.final-cta h2{max-width:850px;margin:0;font-size:clamp(2.25rem,4.8vw,4.3rem);line-height:1.04;letter-spacing:-.05em;text-wrap:balance}.section-copy{max-width:680px;margin:0;color:var(--muted);font-size:1.02rem;line-height:1.75}

.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.bento-card{position:relative;overflow:hidden;grid-column:span 4;min-height:285px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.bento-card:hover{transform:translateY(-6px);border-color:#d8c5ff;box-shadow:0 28px 75px rgba(82,34,146,.14)}.bento-card--wide{grid-column:span 7}.bento-card--medium{grid-column:span 5}.bento-card--dark{color:#fff;border-color:rgba(255,255,255,.1);background:radial-gradient(circle at 85% 12%,rgba(168,85,247,.30),transparent 34%),linear-gradient(145deg,#160a2e,#271054);box-shadow:var(--shadow-purple)}.feature-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:22px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));box-shadow:0 14px 30px rgba(124,58,237,.23);font-size:1.2rem}.bento-card--dark .feature-icon{background:rgba(255,255,255,.12);box-shadow:none}.card-label{margin:0 0 9px;color:var(--purple-3);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em}.bento-card--dark .card-label{color:#d8c5ff}.bento-card h3{max-width:18ch;margin:0 0 12px;font-size:1.42rem;line-height:1.2;letter-spacing:-.03em}.bento-card>p:last-of-type{margin:0;color:#71687e;line-height:1.7}.bento-card--dark>p:last-of-type{color:rgba(255,255,255,.64)}
.mini-conversation{position:absolute;right:26px;bottom:24px;width:min(54%,350px);padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px)}.mini-conversation>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:.7rem}.mini-conversation>div:first-child span{color:rgba(255,255,255,.55)}.mini-bubble{max-width:86%;margin-top:8px;padding:9px 11px;border-radius:13px;font-size:.68rem;line-height:1.45}.mini-bubble--visitor{background:rgba(255,255,255,.11)}.mini-bubble--agent{margin-left:auto;color:#25113f;background:#fff}
.lead-stack{display:grid;gap:9px;margin-top:22px}.lead-stack div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfaff;font-size:.74rem}.lead-stack span{color:var(--muted)}.lead-stack strong{font-size:.74rem}
.mini-bars{height:110px;display:flex;align-items:flex-end;gap:9px;margin-top:28px}.mini-bars span{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#b99cff,var(--purple-3));animation:barPulse 2.4s ease-in-out infinite alternate}
.team-row{display:flex;align-items:center;margin-top:36px}.team-row span{display:grid;place-items:center;width:48px;height:48px;margin-left:-8px;border:4px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));font-size:.72rem;font-weight:600;box-shadow:0 12px 28px rgba(124,58,237,.2)}.team-row span:first-child{margin-left:0}.team-row span:last-child{color:var(--purple-3);background:var(--soft)}
.theme-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.theme-preview>div{padding:16px;border-radius:16px}.theme-preview span,.theme-preview strong,.theme-preview small{display:block}.theme-preview span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.theme-preview strong{margin-top:8px}.theme-preview small{margin-top:4px}.theme-preview__free{color:#fff;background:linear-gradient(145deg,var(--ink-2),var(--ink-3))}.theme-preview__free small{color:rgba(255,255,255,.58)}.theme-preview__annual{border:1px solid var(--line);background:#fff}.theme-preview__annual small{color:var(--muted)}

.journey-section{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 10%,rgba(139,92,246,.24),transparent 28%),radial-gradient(circle at 90% 78%,rgba(232,121,249,.16),transparent 30%),#0d051b}.journey-section__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px}.journey-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px}.journey-copy p:not(.section-kicker){color:rgba(255,255,255,.66);line-height:1.75}.dark-check-list{display:grid;gap:12px;padding:0;margin:28px 0 0;list-style:none}.dark-check-list li{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.76)}.dark-check-list svg{color:#c4b5fd}
.journey-steps{display:grid;gap:12px}.journey-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.06);box-shadow:0 20px 55px rgba(0,0,0,.16);backdrop-filter:blur(18px)}.journey-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));box-shadow:0 14px 26px rgba(124,58,237,.24);font-weight:600}.journey-card strong{display:block}.journey-card p{margin:7px 0 0;color:rgba(255,255,255,.58);line-height:1.6}
.code-window{grid-column:1/-1;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.06);box-shadow:0 34px 90px rgba(0,0,0,.28);backdrop-filter:blur(20px)}.code-window__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.62);font-size:.78rem}.code-window__bar button{padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;background:rgba(255,255,255,.08)}.code-window pre{margin:0;padding:24px;overflow:auto;color:#e7def9;background:#100720;font:.84rem/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;white-space:pre-wrap;word-break:break-word}.code-window small{display:block;padding:0 24px 20px;color:rgba(255,255,255,.48)}

.plans-section{background:linear-gradient(180deg,#fff,#f8f5ff)}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.pricing-card{position:relative;overflow:hidden;padding:34px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 32px 85px rgba(72,29,123,.13)}.pricing-card--annual{color:#fff;border-color:rgba(255,255,255,.12);background:radial-gradient(circle at 92% 8%,rgba(232,121,249,.22),transparent 32%),linear-gradient(145deg,#16082d,#3b146f 58%,var(--purple-3));box-shadow:0 35px 100px rgba(73,24,137,.28)}.pricing-glow{position:absolute;width:320px;height:320px;right:-150px;bottom:-180px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.025)}.pricing-card__top,.price-list,.pricing-card>.button,.pricing-note{position:relative;z-index:1}.plan-badge{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;color:var(--purple-3);background:#f0e9ff;font-size:.76rem;font-weight:600}.plan-badge--light{color:#fff;background:rgba(255,255,255,.12)}.pricing-card h3{margin:20px 0 0;font-size:1.35rem}.price{margin:14px 0 7px;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1;letter-spacing:-.06em;font-weight:600}.price small{font-size:1rem;letter-spacing:0}.pricing-card__top p{margin:0;color:var(--muted);line-height:1.65}.pricing-card--annual .pricing-card__top p{color:rgba(255,255,255,.66)}.price-list{display:grid;gap:13px;padding:0;margin:28px 0;list-style:none}.price-list li{display:flex;align-items:flex-start;gap:10px;color:#4f455b}.price-list svg{flex:0 0 auto;margin-top:2px;color:var(--purple)}.price-list--light li{color:rgba(255,255,255,.78)}.price-list--light svg{color:#d8c5ff}.pricing-note{display:block;margin-top:14px;color:var(--muted);text-align:center}.pricing-note--light{color:rgba(255,255,255,.58)}
.plan-compare{margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}.plan-compare__row{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);color:var(--muted)}.plan-compare__row:last-child{border-bottom:0}.plan-compare__row strong{color:var(--ink)}.plan-compare__head{color:var(--ink);background:var(--soft);font-weight:600}

.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:52px;align-items:start}.faq-copy{position:sticky;top:120px}.faq-copy p{color:var(--muted);line-height:1.75}.faq-copy .button{margin-top:16px}.faq-list{display:grid;gap:12px}.faq-item{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 15px 42px rgba(44,18,86,.06)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;list-style:none;font-weight:600;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;color:var(--purple-3);background:var(--soft);font-size:1.25rem;transition:transform .2s ease}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item__body{padding:0 22px 20px;color:var(--muted);line-height:1.75}

.final-section{padding-top:30px}.final-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:36px;align-items:center;padding:58px;border-radius:34px;color:#fff;background:radial-gradient(circle at 84% 20%,rgba(232,121,249,.24),transparent 30%),linear-gradient(135deg,#180a32,#3b146f 58%,var(--purple-3));box-shadow:0 35px 100px rgba(73,24,137,.27)}.final-cta>div:not(.final-cta__orb){position:relative;z-index:2}.final-cta h2{max-width:12ch}.final-cta p:not(.section-kicker){color:rgba(255,255,255,.68);line-height:1.75}.final-cta__actions{display:grid;gap:12px}.final-cta__actions>span{color:rgba(255,255,255,.58);text-align:center;font-size:.84rem}.final-cta__orb{position:absolute;width:380px;height:380px;right:-160px;bottom:-210px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.025)}

.site-footer{padding:58px 0 calc(28px + var(--safe-bottom));color:rgba(255,255,255,.62);background:#090313}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:30px}.footer-brand .brand__surface{display:inline-flex}.footer-brand__eyebrow{display:inline-flex;margin:18px 0 10px;padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#d8c5ff;background:rgba(255,255,255,.05);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.footer-brand p{max-width:380px;line-height:1.7}.footer-grid strong{display:block;margin-bottom:14px;color:#fff}.footer-grid a{display:block;margin-bottom:9px;color:rgba(255,255,255,.58)}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);font-size:.84rem}

.mobile-cta{position:fixed;left:12px;right:12px;bottom:var(--safe-bottom);z-index:1100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(124,58,237,.18);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 22px 60px rgba(31,8,65,.22);backdrop-filter:blur(16px)}.mobile-cta strong,.mobile-cta small{display:block}.mobile-cta strong{font-size:.82rem}.mobile-cta small{margin-top:2px;color:var(--muted);font-size:.68rem}.mobile-cta .button{min-height:44px;padding:10px 14px}

.dialog{width:min(980px,calc(100% - 24px));max-height:min(900px,calc(100dvh - 24px));padding:0;overflow:auto;border:0;border-radius:30px;background:#fff;box-shadow:0 40px 120px rgba(0,0,0,.32)}.dialog::backdrop{background:rgba(9,3,19,.72);backdrop-filter:blur(8px)}.dialog{display:grid;grid-template-columns:360px minmax(0,1fr)}.dialog:not([open]){display:none}.dialog__visual{position:relative;overflow:hidden;padding:34px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(232,121,249,.25),transparent 30%),linear-gradient(145deg,#16082d,#3b146f)}.dialog__visual::after{content:"";position:absolute;width:280px;height:280px;right:-150px;bottom:-150px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)}.dialog__visual>*{position:relative;z-index:1}.dialog__wordmark{width:min(100%,220px);height:auto;margin-bottom:18px;opacity:.96}.dialog__visual h2{margin:22px 0 14px;font-size:2.5rem;line-height:1.05;letter-spacing:-.05em}.dialog__visual p{color:rgba(255,255,255,.68);line-height:1.7}.dialog__visual ul{display:grid;gap:10px;padding:0;margin:26px 0 0;list-style:none}.dialog__visual li{display:flex;align-items:center;gap:9px}.dialog__visual svg{color:#d8c5ff}.dialog__form-wrap{padding:28px}.dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.dialog__head h2{margin:0;font-size:2rem;letter-spacing:-.04em}.signup-form{display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.signup-form label{display:grid;gap:7px}.signup-form label>span{color:var(--muted);font-size:.86rem}.signup-form input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #dcd2ef;border-radius:14px;background:#fff;color:var(--ink)}.signup-form input:focus{border-color:var(--purple-2);box-shadow:0 0 0 4px rgba(139,92,246,.1);outline:0}.check-row{display:flex!important;align-items:flex-start;gap:9px}.check-row input{width:18px;height:18px;min-height:0;margin-top:2px}.form-message{min-height:22px;color:var(--muted)}.form-message.is-error{color:#b91c1c}.form-message.is-success{color:var(--green)}.success-box{margin-top:18px;padding:16px;border:1px solid rgba(21,128,61,.18);border-radius:18px;background:rgba(21,128,61,.06)}.success-box p{color:var(--muted)}.success-box code{display:block;margin:12px 0;padding:12px;border-radius:14px;background:var(--ink);color:#fff;white-space:pre-wrap;word-break:break-word}

.tutorial-page .hero__layout{align-items:center}
.tutorial-page code{padding:.16rem .42rem;border-radius:8px;background:var(--soft);color:var(--purple-3);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.92em}
.tutorial-hero__layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.tutorial-visual{position:relative}
.tutorial-diagram{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:0 40px 100px rgba(6,2,14,.36);backdrop-filter:blur(20px)}
.tutorial-diagram::before{content:"";position:absolute;inset:auto -80px -100px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(232,121,249,.18),transparent 70%)}
.tutorial-diagram__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#e9ddff;background:rgba(255,255,255,.06);font-size:.78rem;font-weight:600}
.tutorial-diagram__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.tutorial-node{display:grid;gap:6px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(14,8,26,.46);box-shadow:0 18px 45px rgba(8,3,17,.18)}
.tutorial-node span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));font-size:.78rem;font-weight:700}
.tutorial-node strong{font-size:1rem}
.tutorial-node small{color:rgba(255,255,255,.62);font-size:.78rem;line-height:1.55}
.tutorial-node--wide{grid-column:1/-1}
.tutorial-pulse-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tutorial-pulse{display:inline-flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.08);color:#f3ecff;font-size:.8rem}
.tutorial-pulse i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 7px rgba(74,222,128,.12)}
.tutorial-journey-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.tutorial-step-list{display:grid;gap:12px}
.tutorial-entity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tutorial-entity-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}
.tutorial-entity-card strong{display:block;margin-bottom:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem}
.tutorial-entity-card p{margin:0;color:var(--muted);line-height:1.7}
.tutorial-matrix{margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.tutorial-matrix__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}
.tutorial-matrix__row:last-child{border-bottom:0}
.tutorial-matrix__row--head{background:var(--soft);color:var(--ink);font-weight:700}
.tutorial-matrix__row strong{font-family:'Plus Jakarta Sans',sans-serif}
.tutorial-matrix__row span{color:var(--muted);line-height:1.65}
.tutorial-files-section{background:linear-gradient(180deg,#fff,#f8f5ff)}
.tutorial-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tutorial-file-card{padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.tutorial-file-card h3{margin:0 0 16px;font-size:1.2rem}
.tutorial-file-card ul{display:grid;gap:12px;padding:0;margin:0;list-style:none}
.tutorial-file-card li{color:var(--muted);line-height:1.7}
.tutorial-file-card code{padding:.14rem .38rem;border-radius:8px;background:var(--soft);color:var(--purple-3);font-size:.92em}
.tutorial-note{margin-top:22px;padding:22px 24px;border:1px solid rgba(124,58,237,.14);border-radius:24px;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(232,121,249,.06))}
.tutorial-note strong{display:block;margin-bottom:8px;font-family:'Plus Jakarta Sans',sans-serif}
.tutorial-note p{margin:0;color:var(--muted);line-height:1.75}
.tutorial-function-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tutorial-function-card{padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.tutorial-function-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.tutorial-function-card__top .feature-icon{width:44px;height:44px;margin:0}
.tutorial-function-card__top small{padding:6px 10px;border-radius:999px;color:var(--purple-3);background:var(--soft-2);font-size:.68rem;font-weight:700;text-align:center}
.tutorial-function-card h3{margin:0 0 10px;font-size:1.18rem;letter-spacing:-.025em}
.tutorial-function-card p{margin:0;color:var(--muted);line-height:1.7}
.tutorial-function-list{display:grid;gap:12px;padding:0;margin:18px 0 0;list-style:none}
.tutorial-function-list li{display:flex;align-items:flex-start;gap:10px;color:var(--muted);line-height:1.65}
.tutorial-function-list svg{flex:0 0 auto;margin-top:3px;color:var(--purple-3)}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}

@media (max-width:1100px){
    .site-nav{display:none}.menu-button{display:grid}.header-login{display:none}
    .hero__layout{grid-template-columns:1fr;gap:42px}.hero__content{max-width:820px}.hero__visual{max-width:720px;width:100%;margin:0 auto}.product-stage{min-height:610px}
    .capability-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .bento-card--wide,.bento-card--medium{grid-column:span 6}.bento-card{grid-column:span 6}
    .journey-layout,.tutorial-hero__layout{grid-template-columns:1fr}.journey-copy{max-width:760px}
    .tutorial-entity-grid,.tutorial-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:860px){
    :root{--shell:min(100% - 28px,760px);--header-height:74px}
    .site-header{padding:10px 0}.site-header.is-scrolled{padding:7px 0}.brand__surface img{width:108px}.header-free{min-height:44px;padding:10px 14px}.menu-button{width:44px;height:44px}
    .hero{min-height:auto;padding:112px 0 76px}.hero__content{text-align:left}.hero__content h1{font-size:clamp(3rem,11vw,5rem)}.hero__actions{display:grid;grid-template-columns:1fr 1fr}.hero__actions .button{width:100%}.hero__support{text-align:center}.hero__trust{justify-content:center}
    .product-stage{min-height:565px}.stage-mascot--left{left:-20px;width:170px}.stage-mascot--right{right:-6px;width:182px;bottom:94px}.floating-stat--one{right:0}.floating-stat--two{left:0}.chat-preview{right:0}
    .section{padding:84px 0}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.section-heading h2,.journey-copy h2,.faq-copy h2,.final-cta h2{font-size:clamp(2.25rem,8.5vw,3.6rem)}
    .pricing-grid,.faq-layout,.final-cta{grid-template-columns:1fr}.faq-copy{position:static}.final-cta{padding:42px}
    .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}
    .tutorial-matrix__row{grid-template-columns:1fr}
}

@media (max-width:640px){
    :root{--shell:min(100% - 22px,560px)}
    .site-actions{gap:7px}.header-free{font-size:.78rem}.menu-button{border-radius:12px}
    .hero{padding-top:102px}.hero__content h1{font-size:clamp(2.65rem,13.5vw,4.3rem);line-height:.98}.hero__copy{font-size:.98rem}.hero__actions{grid-template-columns:1fr}.hero__support{text-align:left}.hero__trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.hero__trust span{border-radius:14px;line-height:1.35}
    .hero__visual{margin-top:8px}.product-stage{min-height:510px}.stage-mascot--left{width:142px;left:-10px;top:22px}.stage-mascot--right{width:150px;right:-8px;bottom:120px}.brand-art{top:0}.brand-art img{width:168px}.dashboard-shell{inset:70px 0 auto;padding:9px;border-radius:22px}.window-bar{padding:10px 12px}.dashboard-layout{grid-template-columns:1fr;min-height:285px}.dashboard-sidebar{display:none}.dashboard-main{padding:14px}.dashboard-heading .mini-button{display:none}.metric-grid{gap:7px}.metric-grid article{padding:9px}.metric-grid strong{font-size:.94rem}.chart-bars{height:76px}.chat-preview{right:-2px;bottom:0;width:238px;padding:11px;border-radius:20px}.chat-preview__body .message:nth-child(3){display:none}.floating-stat{display:none}
    .capability-strip{margin-top:-22px}.capability-strip__grid{grid-template-columns:1fr}.capability-item{min-height:78px;padding:14px}.capability-icon{width:38px;height:38px;flex-basis:38px}
    .section{padding:72px 0}.section-heading{margin-bottom:26px}.section-copy{font-size:.96rem}.bento-grid{grid-template-columns:1fr}.bento-card,.bento-card--wide,.bento-card--medium{grid-column:auto;min-height:250px;padding:22px}.mini-conversation{position:relative;right:auto;bottom:auto;width:100%;margin-top:22px}.theme-preview{grid-template-columns:1fr}.team-row{margin-top:24px}
    .journey-card{grid-template-columns:50px minmax(0,1fr);padding:16px}.journey-card>span{width:46px;height:46px}.code-window pre{padding:18px;font-size:.72rem}.code-window__bar{flex-wrap:wrap}.code-window small{padding:0 18px 18px}
    .pricing-card{padding:25px}.price{font-size:2.75rem}.plan-compare{border-radius:18px}.plan-compare__head{display:none}.plan-compare__row{grid-template-columns:1fr;gap:5px;padding:15px}.plan-compare__row span::before{font-weight:600;color:var(--ink)}.plan-compare__row span:nth-child(2)::before{content:"Gratis: "}.plan-compare__row span:nth-child(3)::before{content:"Anual: "}
    .faq-item summary{padding:18px}.faq-item__body{padding:0 18px 18px}
    .final-cta{padding:32px 24px;border-radius:26px}.final-cta__actions .button{width:100%}
    .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}
    .dialog{grid-template-columns:1fr;width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:24px}.dialog__visual{display:none}.dialog__form-wrap{padding:20px}.dialog__head h2{font-size:1.75rem}.form-grid{grid-template-columns:1fr}
    .tutorial-diagram{padding:20px;border-radius:24px}
    .tutorial-diagram__grid,.tutorial-entity-grid,.tutorial-file-grid,.tutorial-function-grid{grid-template-columns:1fr}
    .tutorial-node--wide{grid-column:auto}
    .tutorial-matrix__row{padding:16px 18px}
}

@media (max-width:390px){
    .brand__surface img{width:92px}.header-free{padding:9px 11px}.hero__trust{grid-template-columns:1fr}.product-stage{min-height:485px}.chat-preview{width:220px}.metric-grid article:nth-child(3){display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-cta{left:8px;right:8px}.mobile-cta .button{font-size:.76rem}
}

@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
    .reveal{opacity:1;transform:none}
}

/* =========================================================
   Chatbooh AI + Booh presentation modules
   ========================================================= */
.section-copy strong{color:var(--ink);font-weight:700}
.section-copy--light{color:rgba(255,255,255,.7)}
.section-copy--light strong{color:#fff}

.ai-section{position:relative;background:linear-gradient(180deg,#fff 0%,#fbf8ff 100%)}
.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.agent-card{position:relative;overflow:hidden;min-height:260px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fff,#fbf8ff);box-shadow:var(--shadow-soft);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.agent-card::before{content:"";position:absolute;inset:auto -70px -85px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 68%);transition:transform .35s ease}
.agent-card:hover{transform:translateY(-7px);border-color:#d9c8ff;box-shadow:0 30px 70px rgba(74,33,130,.14)}
.agent-card:hover::before{transform:scale(1.25)}
.agent-card__top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.agent-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));box-shadow:0 14px 30px rgba(124,58,237,.24);font-size:1.15rem}
.agent-status{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #dcfce7;border-radius:999px;color:#15803d;background:#f0fdf4;font-size:.7rem;font-weight:700}
.agent-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12);animation:statusPulse 2s ease-in-out infinite}
@keyframes statusPulse{0%,100%{box-shadow:0 0 0 4px rgba(34,197,94,.12)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.agent-card h3{position:relative;z-index:1;margin:28px 0 10px;font-size:1.28rem;letter-spacing:-.03em}
.agent-card p{position:relative;z-index:1;margin:0;color:var(--muted);line-height:1.65}
.agent-card__meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.agent-card__meta span{padding:7px 9px;border-radius:10px;background:var(--soft);color:var(--purple-3);font-size:.7rem;font-weight:700}
.reasoning-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:34px;align-items:center;margin-top:30px;padding:34px;border:1px solid rgba(139,92,246,.16);border-radius:30px;background:radial-gradient(circle at 0 0,rgba(168,85,247,.12),transparent 32%),#fff;box-shadow:var(--shadow-soft)}
.reasoning-showcase__copy h3{max-width:18ch;margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.1;letter-spacing:-.04em}
.reasoning-showcase__copy>p:last-child{margin:0;color:var(--muted);line-height:1.7}
.reasoning-switches{display:grid;gap:10px}
.reasoning-switches>div{position:relative;padding:17px 18px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:transform .2s ease,border-color .2s ease}
.reasoning-switches>div:hover{transform:translateX(4px);border-color:#d8c5ff}
.reasoning-switches span,.reasoning-switches strong,.reasoning-switches small{display:block}
.reasoning-switches span{color:var(--purple-3);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.reasoning-switches strong{margin-top:5px;font-size:1rem}
.reasoning-switches small{margin-top:5px;color:var(--muted);line-height:1.45}
.reasoning-switches .is-recommended{border-color:#c9b4ff;background:linear-gradient(135deg,#fbf8ff,#f1eaff);box-shadow:0 14px 32px rgba(124,58,237,.1)}
.reasoning-switches .is-recommended::after{content:"Recomendado";position:absolute;top:12px;right:12px;padding:5px 7px;border-radius:999px;color:#fff;background:var(--purple-3);font-size:.62rem;font-weight:700}

.connector-section{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 20%,rgba(139,92,246,.26),transparent 28%),radial-gradient(circle at 88% 70%,rgba(232,121,249,.15),transparent 30%),linear-gradient(145deg,#0b0417,#1b0b38 58%,#2b115d)}
.connector-grid-bg,.admin-flow-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}
.connector-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.connector-copy h2{margin:0;font-size:clamp(2.3rem,4.8vw,4.6rem);line-height:1.02;letter-spacing:-.055em}
.connector-copy>p{color:rgba(255,255,255,.68);font-size:1.03rem;line-height:1.75}
.connector-url{margin:25px 0;padding:15px 16px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}
.connector-url span,.connector-url code{display:block}
.connector-url span{margin-bottom:7px;color:#cdbcf8;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.connector-url code{overflow:auto;color:#fff;font-size:.86rem;white-space:nowrap}
.connector-visual{position:relative;min-height:520px;padding:44px 28px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(255,255,255,.065);box-shadow:0 40px 100px rgba(0,0,0,.3);backdrop-filter:blur(22px)}
.connector-node{position:relative;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.09);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.connector-node>span{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3))}
.connector-node small,.connector-node strong{display:block}.connector-node small{color:rgba(255,255,255,.5);font-size:.67rem}.connector-node strong{margin-top:3px;font-size:.93rem}
.connector-node--source{width:78%;margin:0 auto}
.connector-node--center{z-index:2;width:88%;margin:0 auto;border-color:rgba(216,197,255,.28);background:linear-gradient(135deg,rgba(139,92,246,.34),rgba(255,255,255,.1));animation:connectorGlow 3s ease-in-out infinite}
.connector-node--center em{margin-left:auto;padding:6px 8px;border-radius:999px;color:#bbf7d0;background:rgba(34,197,94,.16);font-size:.63rem;font-style:normal;font-weight:700}
@keyframes connectorGlow{0%,100%{box-shadow:0 18px 50px rgba(0,0,0,.18)}50%{box-shadow:0 18px 65px rgba(139,92,246,.28)}}
.pulse-dot{position:absolute;top:50%;right:-5px;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 8px rgba(34,197,94,.12)}
.connector-line{height:54px;display:flex;justify-content:center;gap:12px;overflow:hidden}
.connector-line span{width:2px;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.08),#a78bfa,rgba(255,255,255,.08));animation:dataDrop 1.8s linear infinite}.connector-line span:nth-child(2){animation-delay:.35s}.connector-line span:nth-child(3){animation-delay:.7s}
@keyframes dataDrop{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
.connector-stream{height:48px;display:flex;justify-content:center;gap:15px;overflow:hidden}.connector-stream i{width:3px;height:18px;border-radius:999px;background:#c4b5fd;box-shadow:0 0 14px #a855f7;animation:dataDrop 1.5s linear infinite}.connector-stream i:nth-child(2){animation-delay:.4s}.connector-stream i:nth-child(3){animation-delay:.8s}
.connector-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.connector-results article{display:flex;align-items:center;gap:9px;padding:13px 10px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.07)}
.connector-results article>span{color:#d8c5ff}.connector-results strong,.connector-results small{display:block}.connector-results strong{font-size:.82rem}.connector-results small{margin-top:2px;color:rgba(255,255,255,.45);font-size:.6rem}
.live-event{position:absolute;right:-20px;bottom:18px;display:flex;align-items:center;gap:10px;width:min(330px,82%);padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(13,5,27,.88);box-shadow:0 20px 50px rgba(0,0,0,.28);backdrop-filter:blur(14px);animation:chatFloat 6s ease-in-out infinite}
.live-event>i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.1)}
.live-event strong,.live-event small{display:block}.live-event strong{font-size:.72rem}.live-event small{margin-top:2px;color:rgba(255,255,255,.5);font-size:.62rem}.live-event time{margin-left:auto;color:#c4b5fd;font-size:.61rem}

.booh-logic-section{background:linear-gradient(180deg,#faf7ff,#fff)}
.response-cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.response-cost{position:relative;display:flex;gap:20px;min-height:210px;padding:26px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease}
.response-cost:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(74,33,130,.13)}
.response-cost--primary{color:#fff;border-color:transparent;background:radial-gradient(circle at 90% 10%,rgba(232,121,249,.25),transparent 30%),linear-gradient(145deg,#1c0b39,#37136e);box-shadow:var(--shadow-purple)}
.response-cost__number{display:grid;place-items:center;flex:0 0 55px;width:55px;height:55px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));box-shadow:0 14px 30px rgba(124,58,237,.25);font-size:1.35rem;font-weight:800}
.response-cost--primary .response-cost__number{color:var(--purple-3);background:#fff}
.response-cost small,.response-cost strong{display:block}.response-cost small{color:var(--purple-3);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.response-cost--primary small{color:#d8c5ff}.response-cost strong{margin-top:7px;font-size:1.55rem}.response-cost p{margin:12px 0 0;color:var(--muted);line-height:1.62}.response-cost--primary p{color:rgba(255,255,255,.65)}
.booh-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.booh-rule-card{padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff}
.booh-rule-card--zero{border-color:#d8f6e1;background:linear-gradient(145deg,#f5fff8,#fff)}
.booh-rule-card h3{margin:18px 0 9px;font-size:1.12rem}.booh-rule-card p{margin:0;color:var(--muted);line-height:1.65}

.calculator-section{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(168,85,247,.24),transparent 27%),radial-gradient(circle at 85% 85%,rgba(124,58,237,.22),transparent 30%),linear-gradient(145deg,#090313,#190833 54%,#2e1160)}
.calculator-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.calculator-orb--one{top:80px;right:-120px;width:340px;height:340px;background:radial-gradient(circle,rgba(232,121,249,.2),transparent 68%);animation:orbFloat 10s ease-in-out infinite}.calculator-orb--two{bottom:-130px;left:-80px;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 68%);animation:orbFloat 13s ease-in-out infinite reverse}
.booh-calculator{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(255,255,255,.12);box-shadow:0 42px 110px rgba(0,0,0,.36)}
.calculator-controls{padding:30px;background:rgba(255,255,255,.975);color:var(--ink)}
.period-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 24px;padding:0;border:0}.period-selector legend{grid-column:1/-1;margin-bottom:8px;font-weight:700}.period-selector label{cursor:pointer}.period-selector input{position:absolute;opacity:0;pointer-events:none}.period-selector span{display:block;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--soft);text-align:center;font-size:.84rem;font-weight:700;transition:.2s ease}.period-selector input:checked+span{color:#fff;border-color:var(--purple-3);background:linear-gradient(135deg,var(--purple-2),var(--purple-3));box-shadow:0 12px 26px rgba(124,58,237,.23)}
.calculator-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.calculator-field>span{display:block;margin-bottom:8px;color:#5f546d;font-size:.75rem;font-weight:700}.calculator-field select{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fff;outline:0}.calculator-field select:focus{border-color:#b89cff;box-shadow:0 0 0 4px rgba(139,92,246,.1)}
.number-stepper{display:grid;grid-template-columns:42px 1fr 42px;overflow:hidden;height:48px;border:1px solid var(--line);border-radius:13px;background:#fff}.number-stepper button{border:0;color:var(--purple-3);background:var(--soft);font-size:1.1rem;font-weight:700}.number-stepper button:hover{background:var(--soft-2)}.number-stepper input{width:100%;border:0;text-align:center;color:var(--ink);background:#fff;font-weight:700;outline:0;-moz-appearance:textfield}.number-stepper input::-webkit-outer-spin-button,.number-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.distribution-panel{margin-top:22px;padding:19px;border:1px solid var(--line);border-radius:18px;background:#fbfaff}.distribution-panel__head{display:flex;justify-content:space-between;gap:15px;margin-bottom:13px}.distribution-panel__head strong,.distribution-panel__head small{display:block}.distribution-panel__head small{margin-top:3px;color:var(--muted);font-size:.7rem}.distribution-panel__head>span{align-self:flex-start;padding:6px 8px;border-radius:999px;color:var(--purple-3);background:var(--soft-2);font-size:.7rem;font-weight:700}.distribution-panel label{display:block;margin-top:12px}.distribution-panel label>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:#655a72;font-size:.72rem}.distribution-panel b{color:var(--purple-3)}
input[type="range"]{width:100%;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--purple-2),#d8c5ff);appearance:none;outline:none}input[type="range"]::-webkit-slider-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--purple-3);box-shadow:0 4px 12px rgba(72,29,131,.35);appearance:none}input[type="range"]::-moz-range-thumb{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--purple-3);box-shadow:0 4px 12px rgba(72,29,131,.35)}
.reasoning-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.7fr);gap:20px;align-items:center;margin-top:15px;padding:16px 18px;border:1px solid #ddcffd;border-radius:17px;background:linear-gradient(135deg,#fbf8ff,#f3edff)}.reasoning-control strong,.reasoning-control small{display:block}.reasoning-control small{margin-top:4px;color:var(--muted);font-size:.7rem}.range-value{display:grid;grid-template-columns:1fr 52px;gap:12px;align-items:center}.range-value output{padding:8px;border-radius:10px;color:#fff;background:var(--purple-3);text-align:center;font-size:.75rem;font-weight:700}
.calculator-result{display:flex;flex-direction:column;padding:30px;background:radial-gradient(circle at 100% 0,rgba(232,121,249,.18),transparent 28%),rgba(14,6,29,.92);backdrop-filter:blur(22px)}
.calculator-result__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.calculator-result__head>small{color:rgba(255,255,255,.46)}
.calculator-main-value{margin:26px 0 20px}.calculator-main-value strong,.calculator-main-value span{display:block}.calculator-main-value strong{font-size:clamp(3rem,6vw,5.3rem);line-height:.9;letter-spacing:-.07em}.calculator-main-value span{margin-top:9px;color:#d8c5ff;font-weight:700}
.calculator-mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.calculator-mini-metrics div{padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.06)}.calculator-mini-metrics small,.calculator-mini-metrics strong{display:block}.calculator-mini-metrics small{color:rgba(255,255,255,.45);font-size:.61rem}.calculator-mini-metrics strong{margin-top:5px;font-size:.83rem}
.recommended-package{margin-top:20px;padding:20px;border:1px solid rgba(216,197,255,.22);border-radius:20px;background:linear-gradient(145deg,rgba(139,92,246,.25),rgba(255,255,255,.07))}.recommended-package>span{display:inline-block;padding:5px 8px;border-radius:999px;color:#25113f;background:#fff;font-size:.64rem;font-weight:800}.recommended-package h3{margin:13px 0 10px;font-size:1.55rem}.recommended-package>div:nth-of-type(1){display:flex;align-items:end;justify-content:space-between;gap:10px}.recommended-package>div strong,.recommended-package>div small{display:block}.recommended-package>div small{color:rgba(255,255,255,.52);font-size:.66rem;text-align:right}.coverage-bar{height:7px;margin-top:16px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.coverage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#f0abfc);box-shadow:0 0 18px rgba(232,121,249,.6);transition:width .35s ease}.recommended-package p{margin:10px 0 0;color:rgba(255,255,255,.63);font-size:.7rem}.recommended-package p b{color:#fff}
.first-purchase-result{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;margin:12px 0 18px;padding:13px 15px;border:1px solid rgba(34,197,94,.22);border-radius:15px;background:rgba(34,197,94,.09)}.first-purchase-result span{color:#bbf7d0;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.first-purchase-result strong{grid-row:1/3;grid-column:2;font-size:1rem}.first-purchase-result small{color:rgba(255,255,255,.52);font-size:.62rem}.calculator-disclaimer{display:block;margin-top:12px;color:rgba(255,255,255,.42);font-size:.62rem;line-height:1.5;text-align:center}

.wallet-section{background:linear-gradient(180deg,#fff,#faf7ff)}
.first-purchase-banner{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;overflow:hidden;margin-bottom:24px;padding:25px 28px;border:1px solid rgba(139,92,246,.2);border-radius:25px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(232,121,249,.28),transparent 28%),linear-gradient(135deg,#180831,#3a1374);box-shadow:var(--shadow-purple)}
.first-purchase-banner__coin{display:grid;place-items:center;width:78px;height:78px;border:2px solid rgba(255,255,255,.28);border-radius:50%;background:linear-gradient(135deg,#a855f7,#6d28d9);box-shadow:0 15px 35px rgba(0,0,0,.25),inset 0 2px 2px rgba(255,255,255,.28);font-size:1.3rem;font-weight:800;animation:coinFloat 4s ease-in-out infinite}@keyframes coinFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
.first-purchase-banner small,.first-purchase-banner strong{display:block}.first-purchase-banner small{color:#d8c5ff;text-transform:uppercase;letter-spacing:.1em}.first-purchase-banner strong{margin-top:4px;font-size:1.35rem}.first-purchase-banner p{margin:6px 0 0;color:rgba(255,255,255,.62)}.first-purchase-banner__spark{font-size:2.4rem;color:#f0abfc;animation:brandFloat 4s ease-in-out infinite}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.package-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:23px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease}.package-card:hover{transform:translateY(-7px);box-shadow:0 30px 75px rgba(75,31,137,.15)}.package-card--featured{color:#fff;border-color:transparent;background:radial-gradient(circle at 90% 10%,rgba(232,121,249,.3),transparent 30%),linear-gradient(145deg,#16082d,#341268);box-shadow:var(--shadow-purple)}
.package-ribbon{position:absolute;top:0;right:20px;padding:8px 11px;border-radius:0 0 11px 11px;color:var(--ink);background:#fff;font-size:.65rem;font-weight:800}
.package-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.package-card__head span{color:var(--purple-3);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.package-card--featured .package-card__head span{color:#d8c5ff}.package-card__head small{padding:6px 8px;border-radius:9px;background:var(--soft);font-weight:700}.package-card--featured .package-card__head small{color:#fff;background:rgba(255,255,255,.1)}
.package-card h3{margin:19px 0 4px;font-size:1.2rem}.package-card__coins{display:flex;align-items:end;gap:7px}.package-card__coins strong{font-size:2.3rem;letter-spacing:-.05em}.package-card__coins span{padding-bottom:5px;color:var(--muted);font-size:.78rem;font-weight:700}.package-card--featured .package-card__coins span{color:rgba(255,255,255,.55)}
.package-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.package-breakdown span{padding:6px 8px;border-radius:9px;color:var(--purple-3);background:var(--soft);font-size:.64rem;font-weight:700}.package-card--featured .package-breakdown span{color:#e9ddff;background:rgba(255,255,255,.09)}
.package-first{padding:12px;border:1px dashed #cbb7f8;border-radius:13px;background:#fbf8ff}.package-first small,.package-first strong{display:block}.package-first small{color:var(--muted);font-size:.65rem}.package-first strong{margin-top:4px;color:var(--purple-3)}.package-card--featured .package-first{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07)}.package-card--featured .package-first small{color:rgba(255,255,255,.5)}.package-card--featured .package-first strong{color:#fff}.package-card>p{margin:14px 0 18px;color:var(--muted);font-size:.74rem}.package-card--featured>p{color:rgba(255,255,255,.55)}.package-card .button{margin-top:auto}
.wallet-transparency{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:25px;border:1px solid var(--line);border-radius:21px;background:var(--line)}.wallet-transparency>div{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:19px;background:#fff}.wallet-transparency>div>span{grid-row:1/3;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3))}.wallet-transparency strong,.wallet-transparency small{display:block}.wallet-transparency strong{font-size:.8rem}.wallet-transparency small{color:var(--muted);font-size:.65rem;line-height:1.4}

.human-comparison-section{position:relative;background:radial-gradient(circle at 50% 0,rgba(139,92,246,.09),transparent 28%),#fff}
.comparison-stage{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;max-width:1000px;margin:0 auto}
.comparison-card{position:relative;min-height:470px;padding:30px;border:1px solid var(--line);border-radius:29px;background:#fff;box-shadow:var(--shadow-soft)}
.comparison-card--ai{overflow:hidden;color:#fff;border-color:transparent;background:radial-gradient(circle at 85% 8%,rgba(232,121,249,.28),transparent 30%),linear-gradient(145deg,#130728,#341268);box-shadow:var(--shadow-purple)}
.comparison-card__glow{position:absolute;right:-80px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.34),transparent 68%);animation:orbFloat 9s ease-in-out infinite}
.comparison-card__head{position:relative;z-index:1;display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--line)}.comparison-card--ai .comparison-card__head{border-color:rgba(255,255,255,.12)}
.comparison-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:16px;color:#fff;background:#4b5563;font-weight:800}.comparison-avatar--ai{background:linear-gradient(135deg,var(--purple-2),var(--pink));box-shadow:0 12px 30px rgba(168,85,247,.35)}
.comparison-card__head small,.comparison-card__head strong{display:block}.comparison-card__head small{color:var(--muted);font-size:.66rem}.comparison-card--ai .comparison-card__head small{color:rgba(255,255,255,.48)}.comparison-card__head strong{margin-top:3px;font-size:.92rem}
.comparison-price{position:relative;z-index:1;margin:28px 0;font-size:clamp(2rem,4vw,3.4rem);font-weight:800;letter-spacing:-.055em}.comparison-price small{display:block;margin-top:7px;color:var(--muted);font-size:.68rem;font-weight:500;letter-spacing:0}.comparison-card--ai .comparison-price small{color:rgba(255,255,255,.52)}
.comparison-card ul{position:relative;z-index:1;display:grid;gap:13px;margin:0;padding:0;list-style:none}.comparison-card li{display:flex;align-items:flex-start;gap:9px;color:#62586f;line-height:1.5}.comparison-card li svg{flex:0 0 auto;margin-top:2px;color:var(--green)}.comparison-card--ai li{color:rgba(255,255,255,.67)}.comparison-card--ai li svg{color:#c4b5fd}
.comparison-capacity{position:absolute;left:30px;right:30px;bottom:30px;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.comparison-capacity span,.comparison-capacity strong{display:block}.comparison-capacity span{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.comparison-capacity strong{margin-top:4px}.comparison-capacity--ai{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08)}.comparison-capacity--ai span{color:#d8c5ff}.comparison-capacity--ai strong{font-size:1.2rem}
.comparison-vs{position:relative;z-index:3;display:grid;place-items:center;justify-self:center;width:62px;height:62px;border:7px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));box-shadow:0 12px 30px rgba(124,58,237,.3)}.comparison-vs span{font-size:1.5rem;font-weight:800}.comparison-vs small{position:absolute;top:70px;width:100px;color:var(--purple-3);font-size:.65rem;font-weight:800;text-align:center;text-transform:uppercase;letter-spacing:.08em}
.hybrid-message{display:flex;align-items:center;gap:16px;max-width:900px;margin:40px auto 0;padding:20px 22px;border:1px solid #d8c5ff;border-radius:20px;background:linear-gradient(135deg,#fbf8ff,#fff)}.hybrid-message>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3))}.hybrid-message strong{display:block}.hybrid-message p{margin:5px 0 0;color:var(--muted);line-height:1.55}

.admin-flow-section{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 10% 10%,rgba(139,92,246,.23),transparent 30%),linear-gradient(145deg,#0b0417,#1b0a38 62%,#2e1262)}
.admin-flow-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:58px;align-items:center}.admin-flow-copy h2{margin:0;font-size:clamp(2.25rem,4.5vw,4.25rem);line-height:1.03;letter-spacing:-.05em}.admin-flow-copy>p{color:rgba(255,255,255,.66);line-height:1.75}
.admin-flow-steps{display:grid;gap:10px;margin-top:24px}.admin-flow-steps>div{display:flex;gap:13px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.055)}.admin-flow-steps>div>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;color:#e9ddff;background:rgba(139,92,246,.25);font-size:.7rem;font-weight:800}.admin-flow-steps p{margin:0}.admin-flow-steps strong,.admin-flow-steps small{display:block}.admin-flow-steps strong{font-size:.82rem}.admin-flow-steps small{margin-top:3px;color:rgba(255,255,255,.47);font-size:.67rem;line-height:1.4}
.admin-payment-card{overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:28px;color:var(--ink);background:#fff;box-shadow:0 40px 100px rgba(0,0,0,.34);transform:rotate(1deg)}.admin-payment-card__bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#fff;background:linear-gradient(135deg,#1d0b3b,#351268)}.admin-payment-card__bar span{display:flex;align-items:center;gap:8px;font-weight:700}.admin-payment-card__bar i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.admin-payment-card__bar small{color:rgba(255,255,255,.5)}
.admin-payment-card__body{padding:22px}.admin-payment-card__body label{display:block;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fbfaff}.admin-payment-card__body label span,.admin-payment-card__body label strong{display:block}.admin-payment-card__body label span{color:var(--muted);font-size:.64rem}.admin-payment-card__body label strong{margin-top:5px;font-size:.83rem}.admin-payment-card__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}
.admin-payment-summary{margin-top:14px;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:#fff}.admin-payment-summary p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:8px 0;border-bottom:1px solid #f0ebf8;color:var(--muted);font-size:.73rem}.admin-payment-summary p:last-child{border-bottom:0}.admin-payment-summary strong{color:var(--ink)}.admin-payment-summary .is-highlight{color:#15803d}.admin-payment-summary .is-highlight strong{color:#15803d}.admin-payment-summary .is-total{margin-top:4px;padding-top:13px;color:var(--ink);font-weight:800}.admin-payment-summary .is-total strong{color:var(--purple-3);font-size:1rem}
.admin-apply-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:13px;padding:14px;border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));box-shadow:0 14px 30px rgba(124,58,237,.25);font-weight:700}.admin-payment-note{display:flex;align-items:flex-start;gap:6px;margin-top:10px;color:var(--muted);font-size:.62rem;line-height:1.45}.admin-payment-note svg{flex:0 0 auto;color:var(--green)}

/* Mobile and responsive behavior for AI modules */
@media (max-width:1100px){
    .agent-grid,.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .connector-layout,.admin-flow-layout{gap:38px}
    .booh-calculator{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}
    .wallet-transparency{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
    .agent-grid,.response-cost-grid,.booh-rules-grid{grid-template-columns:1fr}
    .reasoning-showcase,.connector-layout,.admin-flow-layout{grid-template-columns:1fr}
    .reasoning-showcase{padding:25px}
    .connector-visual{min-height:500px}
    .booh-calculator{grid-template-columns:1fr}
    .calculator-result{min-height:auto}
    .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .comparison-stage{grid-template-columns:1fr;gap:20px;max-width:650px}
    .comparison-vs{margin:-6px auto;width:54px;height:54px}.comparison-vs small{display:none}
    .comparison-card{min-height:440px}
    .admin-payment-card{transform:none}
}
@media (max-width:640px){
    .agent-card,.response-cost,.booh-rule-card,.package-card{border-radius:20px}
    .agent-card{min-height:auto;padding:20px}.agent-card h3{margin-top:22px}
    .reasoning-showcase{gap:24px;padding:21px;border-radius:23px}
    .reasoning-switches .is-recommended::after{position:static;display:inline-block;margin-top:9px}
    .connector-layout{gap:30px}.connector-copy h2{font-size:2.45rem}.connector-visual{min-height:450px;padding:26px 14px;border-radius:24px}.connector-node--source,.connector-node--center{width:96%}.connector-results{grid-template-columns:1fr}.connector-results article{padding:10px}.live-event{right:8px;bottom:8px;width:calc(100% - 16px)}
    .response-cost{min-height:auto;padding:21px}.response-cost__number{flex-basis:48px;width:48px;height:48px}
    .booh-calculator{border-radius:23px}.calculator-controls,.calculator-result{padding:20px}.period-selector{grid-template-columns:1fr}.calculator-field-grid{grid-template-columns:1fr}.reasoning-control{grid-template-columns:1fr}.calculator-main-value strong{font-size:3.4rem}.calculator-mini-metrics{grid-template-columns:1fr}.calculator-mini-metrics div{display:flex;justify-content:space-between;align-items:center}.calculator-mini-metrics strong{margin-top:0}.recommended-package>div:nth-of-type(1){display:block}.recommended-package>div small{margin-top:5px;text-align:left}
    .first-purchase-banner{grid-template-columns:auto 1fr;padding:20px}.first-purchase-banner__coin{width:64px;height:64px}.first-purchase-banner__spark{display:none}.first-purchase-banner strong{font-size:1.05rem}.package-grid{grid-template-columns:1fr}.package-card{min-height:auto}.wallet-transparency{grid-template-columns:1fr}
    .comparison-card{min-height:465px;padding:23px}.comparison-capacity{left:23px;right:23px;bottom:23px}.comparison-price{font-size:2.25rem}.hybrid-message{align-items:flex-start;padding:18px}
    .admin-flow-copy h2{font-size:2.4rem}.admin-payment-card__body{padding:16px}.admin-payment-card__row{grid-template-columns:1fr}
}
@media (max-width:390px){
    .agent-card__top{align-items:flex-start}.agent-status{font-size:.61rem}
    .response-cost{display:block}.response-cost>div{margin-top:15px}
    .calculator-controls,.calculator-result{padding:16px}.calculator-main-value strong{font-size:3rem}
    .first-purchase-banner{grid-template-columns:1fr}.first-purchase-banner__coin{width:58px;height:58px}
    .comparison-card{min-height:500px}.comparison-card__head{align-items:flex-start}.comparison-price{font-size:2rem}
}
@media (prefers-reduced-motion:reduce){
    .agent-status i,.connector-node--center,.connector-line span,.connector-stream i,.first-purchase-banner__coin,.live-event,.calculator-orb{animation:none!important}
}
.human-base-note{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-15px 0 22px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:.69rem}.human-base-note span{color:var(--muted)}.human-base-note strong{color:var(--ink)}


/* Claridad comercial: plan anual y Booh por separado */
.commercial-notice{display:flex;align-items:flex-start;gap:15px;margin:0 0 30px;padding:18px 20px;border:1px solid #d9ccfb;border-radius:18px;background:linear-gradient(135deg,#fbf9ff,#f3edff);box-shadow:0 16px 45px rgba(75,35,130,.08)}
.commercial-notice>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3));box-shadow:0 12px 28px rgba(124,58,237,.22)}
.commercial-notice strong,.commercial-notice p{display:block;margin:0}.commercial-notice strong{font-size:1rem}.commercial-notice p{margin-top:5px;color:var(--muted);line-height:1.62}
.commercial-notice--ai{border-color:rgba(255,255,255,.14);color:#fff;background:linear-gradient(135deg,#1a0b35,#351166);box-shadow:0 20px 55px rgba(49,18,95,.18)}.commercial-notice--ai p{color:rgba(255,255,255,.72)}
.commercial-notice--packages{margin-bottom:20px}

.platform-section{background:linear-gradient(180deg,#fff,#faf7ff)}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.platform-card{min-height:220px;padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.platform-card:hover{transform:translateY(-5px);border-color:#d4c2ff;box-shadow:0 24px 65px rgba(65,28,119,.13)}
.platform-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.platform-card__top .feature-icon{width:44px;height:44px;margin:0}.platform-card__top small{padding:6px 9px;border-radius:999px;color:var(--purple-3);background:var(--soft-2);font-size:.68rem;font-weight:700}
.platform-card h3{margin:20px 0 9px;font-size:1.12rem;letter-spacing:-.025em}.platform-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.62}
.platform-plan-note{display:flex;align-items:flex-start;gap:15px;margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}
.platform-plan-note>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3))}.platform-plan-note strong,.platform-plan-note p{margin:0}.platform-plan-note p{margin-top:5px;color:var(--muted);line-height:1.6}

.calculator-price-breakdown{display:grid;gap:9px;margin:14px 0;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.055)}
.calculator-price-breakdown p{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin:0;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.09)}.calculator-price-breakdown p:last-child{padding-bottom:0;border-bottom:0}.calculator-price-breakdown span{color:rgba(255,255,255,.7);font-size:.75rem}.calculator-price-breakdown strong{font-size:.82rem;text-align:right}.calculator-price-breakdown small{grid-column:1/-1;color:rgba(255,255,255,.48);font-size:.66rem;line-height:1.4}.calculator-price-breakdown .is-total{padding-top:2px}.calculator-price-breakdown .is-total strong{color:#e9ddff}

.comparison-breakdown{display:grid;gap:8px;margin:14px 0;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.06)}
.comparison-breakdown p{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;color:rgba(255,255,255,.66);font-size:.72rem}.comparison-breakdown strong{color:#fff;text-align:right;font-size:.74rem}

.annual-separation-note{position:relative;z-index:1;display:grid;gap:4px;margin:14px 0 12px;padding:13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08)}.annual-separation-note strong{color:#fff;font-size:.82rem}.annual-separation-note span{color:rgba(255,255,255,.66);font-size:.72rem;line-height:1.5}
.free-activation-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}
.free-activation-note>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--purple-2),var(--purple-3))}.free-activation-note strong,.free-activation-note p{margin:0}.free-activation-note p{margin-top:5px;color:var(--muted);line-height:1.55}.free-activation-note>small{max-width:220px;padding:8px 10px;border-radius:12px;color:var(--purple-3);background:var(--soft-2);font-weight:700;text-align:center;line-height:1.45}

@media (max-width:980px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.free-activation-note{grid-template-columns:auto 1fr}.free-activation-note>small{grid-column:1/-1;max-width:none;text-align:left}}
@media (max-width:680px){.platform-grid{grid-template-columns:1fr}.platform-card{min-height:0}.commercial-notice,.platform-plan-note{padding:16px;gap:12px}.free-activation-note{grid-template-columns:1fr;padding:17px}.free-activation-note>span{width:42px;height:42px}.calculator-price-breakdown p{grid-template-columns:1fr}.calculator-price-breakdown strong{text-align:left}.comparison-breakdown p{align-items:flex-start;flex-direction:column;gap:3px}.comparison-breakdown strong{text-align:left}}

.package-requirement{display:block;margin:10px 0;color:var(--muted);font-size:.7rem;text-align:center}.package-card--featured .package-requirement{color:#6d5a85}