/* ================================================================
   LUMIO COMMERCE / Landing comercial
   Sistema visual: claros, blanco azuloso, cobalto, lavanda, menta.
   8px base / secciones compactas / mobile-first / AA intent.
   ================================================================ */
:root{color-scheme:light;--ink:#162341;--ink-deep:#101c36;--muted:#68758e;--soft:#8b96aa;--primary:#4d4df5;--primary-deep:#3636d7;--violet:#8e60fa;--mint:#08b9a7;--border:#e5eaf4;--surface:#fff;--canvas:#f8faff;--canvas-blue:#f2f6ff;--shadow:0 18px 54px rgba(29,44,103,.08);--shadow-soft:0 8px 28px rgba(24,39,85,.055);--radius-lg:24px;--radius-md:18px;--font:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;--font-body:'DM Sans','Segoe UI',Arial,sans-serif;--container:1220px;--header-h:77px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,strong,b{font-family:var(--font)}p{color:var(--muted)}:focus-visible{outline:3px solid #5a6cf1;outline-offset:4px}::selection{background:#dcdcff;color:#282980}[hidden]{display:none!important}.container{width:min(calc(100% - 44px),var(--container));margin-inline:auto}.icon{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:1001;top:-90px;left:15px;background:#fff;padding:12px 18px;border-radius:8px;box-shadow:var(--shadow)}.skip-link:focus{top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 20px;min-height:48px;border-radius:12px;font-family:var(--font);font-size:13px;font-weight:800;letter-spacing:-.025em;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;border:1px solid transparent;white-space:nowrap}.btn .icon{width:16px;height:16px;transition:transform .24s}.btn:hover{transform:translateY(-2px)}.btn:hover .icon{transform:translate(2px,-2px)}.btn-primary{color:#fff;background:linear-gradient(115deg,#5457f8,#4540de);box-shadow:0 10px 26px rgba(70,73,231,.23)}.btn-primary:hover{background:linear-gradient(115deg,#474bf0,#302bd2);box-shadow:0 14px 28px rgba(70,73,231,.29)}.btn-secondary{background:rgba(255,255,255,.84);color:#283451;border-color:#dce2ef;box-shadow:0 4px 13px rgba(20,36,80,.035)}.btn-secondary:hover{border-color:#c0c9e5;box-shadow:var(--shadow-soft)}.btn-small{padding:10px 15px;min-height:41px;font-size:12px;border-radius:11px}.section{padding:65px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:31px}.section-heading h2,.roadmap-side h2,.faq-intro h2{font-size:clamp(28px,3.1vw,42px);line-height:1.21;letter-spacing:-.065em;font-weight:800;margin:13px 0 0}.muted-heading{color:#8895ac}.section-heading>p{max-width:405px;font-size:14.5px;line-height:1.72;margin:0 0 4px}.section-kicker{font-family:var(--font);font-size:10px;font-weight:800;color:#6159e9;letter-spacing:.17em;text-transform:uppercase}.icon-tile{width:45px;height:45px;display:grid;place-items:center;border-radius:13px}.icon-tile .icon{height:22px;width:22px}.mint{background:#d8faf3;color:#009d8c}.lavender{background:#eee6ff;color:#7c51e3}.pale-blue{background:#e6eeff;color:#5265df}.pale-orange{background:#fff0df;color:#d99131}.pale-lavender{background:#eeeaff;color:#7761c4}
/* Header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);border-bottom:1px solid rgba(220,228,243,.7);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 10px 25px rgba(29,42,86,.045)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;white-space:nowrap;gap:7px;min-width:185px}.brand-symbol{width:29px;height:31px;display:flex;align-items:flex-end;gap:3px;transform:rotate(-15deg);margin-right:3px}.brand-symbol span{display:block;width:7px;border-radius:7px;background:linear-gradient(160deg,#7375ff,#4d4af4)}.brand-symbol span:nth-child(1){height:17px}.brand-symbol span:nth-child(2){height:27px}.brand-symbol span:nth-child(3){height:21px;background:linear-gradient(160deg,#39dbcf,#12afa9)}.brand-word{font-family:var(--font);font-size:19px;font-weight:800;letter-spacing:-.085em;color:#172444}.brand-sub{font-family:var(--font);font-size:11px;align-self:center;letter-spacing:-.02em;font-weight:600;color:#8790a5;margin-left:1px;margin-top:5px}.desktop-nav,.nav-actions{display:flex;align-items:center;gap:27px}.desktop-nav a{font-size:12px;font-weight:700;color:#66718a;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--primary)}.nav-actions{gap:16px}.nav-status,.footer-stage{font-size:11px;font-weight:700;color:#5a6882;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.status-pulse{width:7px;height:7px;border-radius:50%;background:#14bfa8;box-shadow:0 0 0 4px rgba(20,191,168,.13);flex:none}.menu-trigger{display:none;background:transparent;border:0;color:#273252;padding:10px}.mobile-menu{display:none}
/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(155deg,#fefeff 0%,#f6f9ff 54%,#f2f7ff 100%)}.hero:before{content:"";position:absolute;inset:auto auto -25% -22%;width:720px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(189,213,255,.32),transparent 68%);z-index:-1}.hero-orbit{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{right:-130px;top:-340px;width:900px;height:900px;background:radial-gradient(circle,rgba(202,189,255,.29),rgba(226,229,255,.12) 48%,transparent 72%)}.orbit-two{right:26%;top:3%;width:320px;height:320px;background:radial-gradient(circle,rgba(179,242,236,.33),transparent 70%)}.hero-grid{min-height:610px;display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);align-items:center;gap:46px;padding-top:53px;padding-bottom:62px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#6464d6;font-family:var(--font);font-size:9px;letter-spacing:.12em;font-weight:800;margin-bottom:23px}.eyebrow-dot{background:#5d57eb;border-radius:3px;width:15px;height:5px;display:inline-block;margin-right:2px}.eyebrow-split{color:#c6cce3;margin:0 4px}.hero h1{font-family:var(--font);font-size:clamp(41px,4.6vw,64px);line-height:1.135;letter-spacing:-.082em;font-weight:800;color:var(--ink-deep);margin:0 0 19px;white-space:nowrap}.text-gradient{color:#4b53ed;background:linear-gradient(92deg,#4549e8 5%,#8e58ea 56%,#3a9ac5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{max-width:515px;font-size:16px;line-height:1.85;color:#68758e;margin-bottom:25px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hero-proof{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:27px;font-size:11px;color:#616f87;font-weight:700}.hero-proof i{width:3px;height:3px;background:#a1abc0;border-radius:50%}.proof-icon{display:grid;place-items:center;width:22px;height:22px;color:#0bb5a5;border-radius:50%;background:#d7f8f1}.proof-icon .icon{width:14px;height:14px;stroke-width:2.5}.intro-disclaimer{font-size:10.5px;color:#93a0b4;margin:15px 0 0}.hero-visual{position:relative;max-width:630px;padding:30px 1px 22px;margin:0 auto;width:100%;filter:drop-shadow(0 23px 40px rgba(61,76,152,.10))}.app-preview{display:flex;height:388px;background:#fff;border:1px solid #e4e9f7;border-radius:17px;overflow:hidden;box-shadow:0 34px 84px rgba(39,52,108,.13);transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);transform-origin:center center;transition:transform .6s ease}.hero-visual:hover .app-preview{transform:perspective(1300px) rotateY(-1deg) rotateX(0)}.app-leftbar{width:58px;background:#f7f9ff;border-right:1px solid #edf0f9;display:flex;align-items:center;flex-direction:column;gap:13px;padding:14px 7px}.mini-brand{width:24px;height:29px;display:flex;align-items:end;gap:3px;margin-bottom:20px}.mini-brand span{width:5px;border-radius:4px;background:#5959ea;height:17px}.mini-brand span:nth-child(2){height:27px}.mini-brand span:nth-child(3){height:21px;background:#21c0bc}.app-nav-ico{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;color:#9ca7ba}.app-nav-ico .icon{width:17px;height:17px}.app-nav-ico.selected{color:#595afa;background:#e9ebff}.app-left-bottom{margin-top:auto;border-radius:50%;width:28px;height:28px;background:#e3d5ff;color:#6a4ac4;display:grid;place-items:center;font-size:9px;font-family:var(--font);font-weight:800}.app-content{flex:1;min-width:0;padding:20px 21px 14px}.app-top{display:flex;align-items:center;justify-content:space-between}.app-breadcrumb{font-size:8px;color:#8995ae}.app-breadcrumb strong{color:#495875;font-size:8px}.app-title{font-family:var(--font);font-weight:800;font-size:17px;letter-spacing:-.055em;color:#172441;margin-top:5px}.app-title span{color:#ffb856}.app-avatar{height:29px;width:29px;background:#e9dfff;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:9px;color:#7651c7}.app-filter-row{display:flex;gap:7px;margin:16px 0 13px}.tiny-tag{font-size:8px;font-weight:800;border:1px solid #edf0f8;padding:7px 9px;border-radius:6px;display:flex;align-items:center;gap:6px;color:#546079}.tiny-tag .icon{width:10px;height:10px}.green-dot{width:6px;height:6px;background:#20c4ac;border-radius:50%;display:inline-block;flex:none}.app-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.app-kpi{padding:12px 10px 10px;border-radius:9px;background:#fbfcff;border:1px solid #edf1fa;display:flex;flex-direction:column;gap:5px}.app-kpi>span{font-size:8px;color:#8190a9;font-weight:700}.app-kpi strong{font-size:17px;line-height:1.2;color:#172441;letter-spacing:-.06em}.app-kpi small{font-size:8px;color:#8190a9}.green-arrow{color:#12b797;font-weight:900}.app-chart-card{border:1px solid #ebeff8;border-radius:10px;padding:12px 14px 8px;margin-top:9px}.app-chart-head{display:flex;align-items:start;justify-content:space-between}.app-chart-head>span:first-child{font-size:9px;font-weight:800;color:#34415d}.app-chart-head small{display:block;font-size:7.5px;color:#9aa5b6;font-weight:500;margin-top:1px}.app-chart-line{width:23px;height:9px;border-radius:5px;background:#e9eafd}.app-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:95px;padding-top:10px;border-bottom:1px solid #e9eefa}.app-bars i{height:var(--h);flex:1;background:linear-gradient(0deg,#b9bdff,#706ff5);border-radius:4px 4px 0 0;min-width:0;animation:chartUp 1.3s cubic-bezier(.2,.8,.2,1) backwards;transform-origin:bottom}.app-bars i:nth-child(3n){background:linear-gradient(0deg,#d0c5ff,#9c78f5)}.app-chart-labels{display:flex;justify-content:space-between;font-size:7.5px;color:#9ca8b8;padding-top:5px}.app-bottom-row{display:flex;justify-content:space-between;align-items:end;margin-top:9px}.tiny-section-name{font-size:8px;font-weight:800;color:#46536d}.avatar-stack{display:flex;align-items:center;margin-top:5px;padding-left:3px}.avatar-stack span{border-radius:50%;width:22px;height:22px;border:2px solid #fff;display:grid;place-items:center;font-size:8px;font-weight:800;color:#fff;background:#626df2;margin-left:-3px}.avatar-stack span:nth-child(2){background:#a66def}.avatar-stack span:nth-child(3){background:#14aaa7}.avatar-stack b{font-family:var(--font);color:#7f8ba3;font-size:8px;margin-left:6px}.app-live{display:flex;align-items:center;gap:5px;color:#67a998;font-size:8px;font-weight:800}.floating-tag{display:flex;align-items:center;gap:10px;padding:10px 13px;background:rgba(255,255,255,.98);box-shadow:0 14px 36px rgba(49,65,112,.13);border:1px solid #e6ebf9;border-radius:13px;position:absolute;z-index:4;white-space:nowrap}.floating-tag strong{display:block;font-size:10px;line-height:1.45;letter-spacing:-.02em;color:#293651}.floating-tag small{display:block;color:#9aA5b6;font-size:8px}.float-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.float-icon .icon{width:16px;height:16px}.float-icon.teal{background:#daf9f4;color:#11a89a}.float-icon.violet{background:#f0eaff;color:#7860da}.floating-tag-top{top:3px;right:-25px;animation:float 6s ease-in-out infinite}.floating-tag-bottom{bottom:13px;left:-38px;animation:float 7s ease-in-out 1.2s infinite}.float-check{color:#12bba6;margin-left:12px}.float-check .icon{width:15px;height:15px}.visual-note{font-size:10px;color:#9da9c0;text-align:right;margin:9px 0 0}
/* Highlights */
.trust-strip{background:#fff;border-top:1px solid #eef2f8;border-bottom:1px solid #eef2f8}.trust-grid{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.trust-grid span{display:flex;align-items:center;gap:10px;color:#6e7b92;font-size:11px;font-family:var(--font);font-weight:700}.trust-grid .icon{color:#6a72be;width:18px;height:18px}
/* Feature bento */
.section-platform{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{background:#fff;border:1px solid #e8ecf6;border-radius:19px;padding:23px 23px 20px;min-height:216px;box-shadow:0 6px 22px rgba(19,33,79,.025);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:#d9def3}.feature-card h3{font-size:17px;line-height:1.4;letter-spacing:-.055em;margin:16px 0 8px;font-weight:800}.feature-card p{font-size:12.5px;line-height:1.68;margin-bottom:10px}.card-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#695deb;font-weight:800;margin-top:5px}.card-link .icon{width:13px;height:13px}.feature-large{grid-column:span 2;background:radial-gradient(circle at 90% 10%,#c9f8f1,transparent 55%),linear-gradient(120deg,#ecfffa,#f8fdfd);border-color:#d8f5ed;padding:23px 26px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:13px}.feature-label{font-size:9px;color:#60a19d;font-weight:800;letter-spacing:.12em;font-family:var(--font)}.feature-large h3{font-size:25px;margin-top:14px;margin-bottom:6px}.feature-large>p{max-width:525px;margin-bottom:16px}.linked-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.linked-account{background:#fff;border:1px solid #dff0eb;border-radius:11px;display:flex;align-items:center;padding:10px 9px;gap:8px;min-width:0;box-shadow:0 7px 18px rgba(5,93,97,.03)}.account-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:9px;font-weight:800;flex:none}.mark-blue{color:#5661ec;background:#e8ecff}.mark-purple{color:#895de5;background:#f1e8ff}.mark-sky{color:#169baf;background:#d9f6f7}.linked-account>span:nth-child(2){min-width:0}.linked-account b,.linked-account small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-account b{font-size:9.2px;line-height:1.5;color:#2a3c52}.linked-account small{font-size:8px;color:#9ea9ba}.account-connected{font-size:7px!important;color:#17aa8e;margin-left:auto;display:flex;align-items:center;gap:3px;white-space:nowrap}.account-connected span{width:5px;height:5px;background:#20c0a3;border-radius:50%}.feature-profit{background:linear-gradient(145deg,#f6f2ff,#fdfbff);border-color:#ebe3ff}.feature-profit .feature-label{color:#9c80bd}.feature-profit h3{font-size:19px;margin-top:13px}.feature-profit>p{font-size:12px}.profit-box{background:rgba(255,255,255,.75);border:1px solid #ece4ff;padding:10px 12px;border-radius:10px;margin-top:13px}.profit-box>span{font-size:9px;color:#8893aa;font-weight:700}.profit-track{margin:7px 0 9px;height:7px;border-radius:10px;background:#dfd0ff;overflow:hidden}.profit-track span{display:block;height:100%;background:linear-gradient(90deg,#6f62f3 0 84.9%,#35c9b9 84.9% 100%)}.profit-rows{display:grid;gap:2px}.profit-rows div{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b95ab}.profit-rows b{font-size:10px;font-weight:600}.profit-rows strong{font-size:10px}.profit-rows .profit-result{color:#149b8d;margin-top:2px}.profit-result b,.profit-result strong{font-weight:800}
/* Interactive demo */
.section-demo{background:linear-gradient(180deg,#f7f9ff,#f6f9ff)}.interactive-demo{background:#fff;border:1px solid #e4eafa;border-radius:20px;overflow:hidden;box-shadow:0 19px 55px rgba(34,52,111,.075)}.demo-toolbar{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #ecf0f8}.demo-logo{display:flex;align-items:center;gap:10px}.demo-logo-icon{background:#ebebff;border-radius:11px;width:40px;height:40px;display:grid;place-items:center;color:#6662f4;font-size:26px;line-height:1}.demo-logo strong{display:block;font-size:12px;letter-spacing:-.035em}.demo-logo small{display:block;color:#97a1b5;font-size:10px}.demo-filters{display:flex;align-items:center;gap:10px}.demo-filters label{font-size:10px;font-weight:800;color:#8591a6}.field-select{border:1px solid #e3e9f5;background:#fff;display:flex;align-items:center;position:relative;border-radius:9px;padding-left:11px;gap:7px;color:#6170bc;transition:border-color .2s}.field-select:focus-within{border-color:#746eff;outline:2px solid #e5e3ff}.field-select .icon{width:14px;height:14px}.field-select select{appearance:none;min-height:35px;background:transparent;border:0;padding:0 26px 0 0;color:#3a4566;font-size:11px;font-weight:800;outline:none;cursor:pointer;max-width:170px}.field-select .chevron{position:absolute;right:9px;color:#8f9aaf;width:13px;pointer-events:none}.field-period{padding-left:10px}.demo-body{padding:21px 24px 23px}.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:14px}.demo-metric{border:1px solid #edf0f8;background:linear-gradient(150deg,#fff,#fafbff);padding:16px 17px 13px;border-radius:13px;min-width:0}.demo-metric>span{font-size:11px;color:#687891;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-metric>span .icon{width:16px;height:16px;color:#adb4cd}.demo-metric strong{font-size:clamp(20px,2.7vw,29px);line-height:1.35;letter-spacing:-.055em;font-weight:800;display:block;margin:7px 0 2px;color:#1d2a47;font-variant-numeric:tabular-nums}.demo-metric:nth-child(3) strong{color:#159f93}.demo-metric small{color:#97a3b5;font-size:10px}.demo-main-grid{display:grid;grid-template-columns:1.56fr 1fr;gap:14px}.demo-graph,.demo-accounts{min-width:0;padding:19px 19px 14px;border:1px solid #edf0f8;border-radius:13px}.graph-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.graph-heading strong{display:block;color:#2d3b56;font-size:12px;letter-spacing:-.028em}.graph-heading span{display:block;color:#a1aabb;font-size:10px}.graph-legend{display:flex!important;align-items:center;gap:6px;font-size:10px!important;color:#73819a!important}.graph-legend i{display:inline-block;width:8px;height:8px;border-radius:3px;background:#6d6ef1}.graph-grid{display:flex;gap:11px;height:181px;margin-top:19px}.graph-labels{display:flex;flex-direction:column;justify-content:space-between;color:#a2adc0;font-size:10px;align-items:end;width:31px}.graph-plot{position:relative;flex:1}.graph-hlines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.graph-hlines i{display:block;border-top:1px dashed #e9edf5;width:100%}.graph-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:clamp(6px,1.5vw,18px);position:absolute;inset:0 13px 1px}.graph-bars span{display:block;flex:1;max-width:28px;min-width:6px;height:var(--bar-h);border-radius:6px 6px 1px 1px;background:linear-gradient(180deg,#686bf2,#aab0ff);transform-origin:bottom;transition:height .5s ease,filter .3s ease;position:relative;z-index:1;animation:chartUp .7s ease-out both}.graph-bars span:hover{filter:brightness(1.13)}.graph-bars span:nth-child(3n){background:linear-gradient(180deg,#9081fb,#c9b8ff)}.graph-axis{display:flex;justify-content:space-between;color:#a4aec0;font-size:10px;margin:8px 2px 0 45px}.small-gray-icon{color:#aab4c6}.small-gray-icon .icon{width:17px;height:17px}.accounts-list{padding:16px 0 6px}.seller-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f3f9}.seller-row:last-child{border-bottom:0}.seller-row>span:nth-child(2){font-size:11px;color:#54627a;font-weight:700}.seller-row strong{font-size:11px;color:#293955;font-variant-numeric:tabular-nums}.seller-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:11px}.seller-icon.blue{background:#e7edff;color:#5965de}.seller-icon.purple{background:#efe7ff;color:#9b69e5}.seller-icon.green{background:#dcf8f3;color:#189b90}.demo-privacy{display:flex;align-items:flex-start;gap:8px;background:#f6f8ff;border:1px solid #eaf0fa;border-radius:9px;padding:13px 10px;margin-top:11px}.demo-privacy .icon{color:#666bda;width:17px;height:17px}.demo-privacy p{font-size:10px;line-height:1.6;margin:0;color:#71809a}.demo-foot{padding:11px 4px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9da8bc;font-size:10px}.demo-foot span{display:inline-flex;align-items:center;gap:5px}.demo-foot .icon{width:13px;height:13px;color:#9076e5}
/* How it works */
.section-how{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.step-card{border:1px solid #e8edf7;background:#fff;border-radius:17px;padding:23px 24px 25px;position:relative;min-height:207px;transition:transform .25s,box-shadow .25s}.step-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.step-index{position:absolute;right:22px;top:20px;font:800 28px var(--font);color:#e7ecf8;letter-spacing:-.06em}.step-icon{margin-bottom:14px}.step-card h3{font-size:16px;letter-spacing:-.04em;margin-bottom:7px}.step-card p{font-size:12px;line-height:1.7;margin:0}
/* Roadmap */
.section-roadmap{background:linear-gradient(150deg,#f7f9ff,#fdfdff)}.roadmap-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:85px}.roadmap-side h2{margin-bottom:19px}.roadmap-side p{max-width:375px;font-size:14px;line-height:1.8}.text-action{font-family:var(--font);font-weight:800;color:#5751df;font-size:12px;display:inline-flex;align-items:center;gap:8px;margin-top:8px}.text-action .icon{width:15px;height:15px}.roadmap-list{position:relative;padding-left:25px}.roadmap-list:before{content:"";position:absolute;width:1px;background:#dfe5f4;top:25px;bottom:28px;left:7px}.roadmap-item{position:relative;padding:1px 0 20px}.roadmap-item:last-child{padding-bottom:0}.roadmap-marker{width:15px;height:15px;border-radius:50%;border:4px solid #fff;outline:1px solid #ccd3e8;position:absolute;top:7px;left:-25px;background:#b5bfd6}.roadmap-item.active .roadmap-marker{background:#655ced;outline-color:#afabff;box-shadow:0 0 0 5px #ecebff}.phase-pill{font-family:var(--font);font-size:9px;color:#8f9bb1;letter-spacing:.1em;font-weight:800}.phase-pill.current{color:#655fed}.roadmap-item h3{font-size:16px;letter-spacing:-.035em;margin:7px 0 4px}.roadmap-item p{font-size:12px;line-height:1.7;margin:0;max-width:580px}
/* Plans */
.section-plans{background:#fff}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.plan-card{position:relative;border:1px solid #e7ecf7;background:#fff;border-radius:18px;padding:26px 24px 23px;display:flex;flex-direction:column;min-height:365px}.plan-card.featured{border:1.5px solid #8885ff;box-shadow:0 18px 44px rgba(67,70,207,.09);background:linear-gradient(180deg,#fcfbff,#fff 65%);margin-top:-2px}.featured-flag{position:absolute;top:-15px;right:16px;padding:7px 11px;color:#fff;background:linear-gradient(100deg,#695af4,#8a5beb);border-radius:7px;font-size:8px;letter-spacing:.04em;display:flex;align-items:center;gap:5px;font-weight:800;white-space:nowrap}.featured-flag .icon{width:12px;height:12px}.plan-badge{color:#6e65d9;font-weight:800;font-family:var(--font);letter-spacing:.14em;font-size:10px}.plan-top h3{font-size:19px;letter-spacing:-.05em;margin:12px 0 7px}.plan-top p{font-size:12px;line-height:1.7;min-height:63px;margin:0}.price-placeholder{font:800 20px var(--font);letter-spacing:-.05em;margin:18px 0 17px;color:#243350}.price-placeholder span{font-size:12px;color:#8995ad;letter-spacing:-.015em}.plan-card ul{list-style:none;padding:0;margin:0 0 23px;display:grid;gap:11px;flex:1}.plan-card li{display:flex;align-items:flex-start;gap:9px;color:#657289;font-size:12px}.plan-card li .icon{width:15px;height:15px;color:#15b5a7;margin-top:2px;stroke-width:2.4}.btn-plan{width:100%;background:#f3f5ff;color:#5b56db;border:1px solid #e7e9fd}.btn-plan:hover{background:#eaeaff}.plan-card .btn{width:100%}.plan-legal{color:#a2acbd;font-size:10px;text-align:center;margin:17px 0 0}
/* FAQ */
.section-faq{background:#f8faff}.faq-grid{display:grid;grid-template-columns:.77fr 1.23fr;gap:77px}.faq-intro p{font-size:14px;max-width:330px;line-height:1.75;margin-top:17px}.faq-items{border-top:1px solid #e4e9f4}.faq-items details{border-bottom:1px solid #e4e9f4}.faq-items summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 2px;color:#32405d;font-family:var(--font);font-size:12px;font-weight:800;transition:color .2s}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:hover,.faq-items details[open] summary{color:#5e54df}.faq-items summary .icon{width:15px;height:15px;color:#7d87a4;transition:transform .23s}.faq-items details[open] summary .icon{transform:rotate(180deg)}.faq-items details p{font-size:12px;line-height:1.75;margin:-2px 32px 16px 2px;max-width:640px}
/* Contact */
.section-contact{background:#fff;padding:70px 0 60px}.contact-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:46px;border:1px solid #e1e5fe;border-radius:26px;background:linear-gradient(120deg,#eef1ff 0%,#f6f5ff 42%,#e9fafa 100%)}.contact-panel:before{content:"";position:absolute;width:480px;height:480px;right:-120px;bottom:-220px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(149,159,255,.24),transparent 72%)}.contact-copy{align-self:center}.contact-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#5b54d7;font-size:10px;letter-spacing:.09em;font-family:var(--font);font-weight:800}.contact-eyebrow span{width:7px;height:7px;border-radius:50%;background:#605ce7}.contact-copy h2{font-family:var(--font);font-size:clamp(29px,3vw,39px);line-height:1.27;letter-spacing:-.07em;font-weight:800;margin:18px 0}.contact-copy h2 em{font-style:normal;color:#5c54df}.contact-copy p{font-size:14px;line-height:1.8;max-width:450px}.contact-benefits{display:grid;gap:11px;margin-top:26px}.contact-benefits span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#5b6b83}.contact-benefits .icon{width:16px;height:16px;color:#13ab9b;stroke-width:2.4}.contact-form-wrap{border:1px solid #e2e8f5;background:#fff;border-radius:18px;padding:27px;box-shadow:0 18px 42px rgba(42,57,124,.07)}.form-heading{margin-bottom:16px}.form-heading strong{display:block;font-size:16px;letter-spacing:-.04em}.form-heading small{font-size:11px;color:#98a3b5}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-field{margin-bottom:12px;min-width:0}.form-field label{display:block;font-size:10.5px;font-weight:800;color:#58667e;margin-bottom:6px}.form-field label span,.form-checkbox b{color:#e06577}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;border:1px solid #e3e9f2;border-radius:9px;background:#fff;color:#283953;padding:10px 11px;font-size:12px;line-height:1.4;outline:none;transition:border-color .2s,box-shadow .2s}.form-field input,.form-field select{height:40px}.form-field textarea{resize:vertical;min-height:64px}.form-field input::placeholder,.form-field textarea::placeholder{color:#abb5c5}.form-field :is(input,textarea,select):focus{border-color:#7774ef;box-shadow:0 0 0 3px #ededff}.form-field :is(input,textarea,select)[aria-invalid="true"]{border-color:#e36a7c;box-shadow:0 0 0 2px #ffe5e8}.form-checkbox{display:flex;align-items:flex-start;gap:9px;color:#7c889b;font-size:10px;line-height:1.65;margin:3px 0 15px;cursor:pointer}.form-checkbox input{accent-color:#5b55ef;width:15px;height:15px;flex:none;margin-top:2px}.form-checkbox a{color:#5950d5;text-decoration:underline}.form-checkbox[aria-invalid="true"]{color:#c94a61}.form-feedback{display:none;font-size:11px;line-height:1.55;border-radius:8px;padding:11px 12px;margin:0 0 10px}.form-feedback.visible{display:block}.form-feedback.error{color:#a13448;background:#fff1f3;border:1px solid #ffd8df}.form-feedback.success{color:#117768;background:#eafaf7;border:1px solid #d2f2eb}.form-submit{width:100%}.form-submit:disabled{opacity:.65;cursor:wait;transform:none}.form-note{display:flex;align-items:flex-start;gap:5px;font-size:9px;line-height:1.5;color:#9ca7b8;margin:12px 0 0}.form-note .icon{width:12px;height:12px}.form-honeypot{position:absolute;left:-200vw;width:1px;height:1px;overflow:hidden}
/* Footer */
.site-footer{background:#fff;border-top:1px solid #e9edf6;padding:39px 0 20px}.footer-main{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:35px}.footer-about p{font-size:11px;line-height:1.8;max-width:310px;margin:15px 0}.footer-stage{font-size:10px}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-col strong{font-size:11px;color:#34425f;margin-bottom:6px}.footer-col a,.footer-col>span{color:#8893a7;font-size:11px}.footer-col a:hover{color:#5049d9}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #eff2f8;padding-top:20px;color:#9ba5b8;font-size:10px}
/* Legal page */
.legal-hero{padding:56px 0 38px;background:linear-gradient(145deg,#f9faff,#f1f6ff)}.legal-hero h1{font:800 clamp(29px,4vw,45px)/1.22 var(--font);letter-spacing:-.07em;margin:16px 0}.legal-hero p{font-size:14px;max-width:680px}.legal-content{padding:39px 0 70px;max-width:780px}.legal-content h2{font:800 20px var(--font);letter-spacing:-.04em;margin:27px 0 11px}.legal-content p,.legal-content li{font-size:14px;line-height:1.9;color:#65748c}.legal-warning{padding:15px 17px;border:1px solid #ffe1a0;border-radius:12px;background:#fff9e9;color:#8c621a!important}
/* Motion and responsive */
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes chartUp{from{transform:scaleY(.3);opacity:.4}to{transform:scaleY(1);opacity:1}}.js .reveal{opacity:0;transform:translateY(17px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1220px){.desktop-nav{gap:16px}.nav-actions{gap:10px}.nav-status{display:none}.hero-grid{gap:19px}.hero h1{font-size:clamp(39px,4.7vw,58px)}.floating-tag-top{right:-10px}.floating-tag-bottom{left:-14px}.linked-account{gap:6px;padding:9px 7px}.account-connected{display:none}.roadmap-layout{gap:55px}}
@media(max-width:1000px){.container{width:min(calc(100% - 40px),var(--container))}.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}.brand{min-width:auto}.brand-sub{display:none}.hero-grid{grid-template-columns:1fr;min-height:unset;padding-top:65px;padding-bottom:49px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-proof,.hero-actions{justify-content:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-visual{max-width:590px;margin-top:24px}.hero h1{font-size:clamp(44px,6.5vw,64px)}.section-heading{align-items:start}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-large{grid-column:1/-1}.feature-profit{grid-column:span 1}.feature-grid .feature-card:last-child{grid-column:span 2}.faq-grid,.roadmap-layout{gap:35px}.footer-main{gap:20px}}
@media(max-width:760px){:root{--header-h:66px}.container{width:min(calc(100% - 34px),var(--container))}.site-header .desktop-nav,.site-header .nav-actions{display:none}.menu-trigger{display:grid;place-items:center}.menu-trigger .icon{width:23px;height:23px}.mobile-menu{display:flex;flex-direction:column;gap:0;background:#fff;border-top:1px solid #edf0f7;padding:6px 17px 18px;box-shadow:0 12px 25px rgba(14,33,66,.06)}.mobile-menu a:not(.btn){font-size:13px;font-weight:750;border-bottom:1px solid #f0f3f8;padding:12px 8px;color:#506078}.mobile-menu .btn{margin-top:11px}.hero-grid{padding-top:47px;padding-bottom:36px;gap:20px}.eyebrow{font-size:8px;line-height:1.8;justify-content:center;margin-bottom:17px}.hero h1{font-size:clamp(38px,8vw,57px);white-space:normal}.hero-lead{font-size:14px;line-height:1.82}.hero-proof{margin-top:21px}.hero-visual{max-width:530px;margin-top:15px;padding:32px 5px 24px}.app-preview{height:366px}.floating-tag-top{top:0;right:0}.floating-tag-bottom{left:0;bottom:12px}.visual-note{font-size:9px}.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;padding:14px 0}.trust-grid span{font-size:10px}.section{padding:45px 0}.section-heading{display:block;margin-bottom:23px}.section-heading h2,.roadmap-side h2,.faq-intro h2{font-size:clamp(28px,5.3vw,36px)}.section-heading>p{margin-top:14px;max-width:580px;font-size:13px}.feature-grid{gap:12px}.feature-card{padding:21px;min-height:200px}.feature-large{padding:21px}.feature-large h3{font-size:23px}.feature-profit h3{font-size:17px}.feature-profit{grid-column:span 2}.feature-grid .feature-card:last-child{grid-column:span 2}.linked-accounts{gap:7px}.account-connected{display:none}.demo-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.demo-filters{width:100%}.demo-filters .field-select:first-of-type{flex:1}.demo-main-grid{grid-template-columns:1fr}.demo-metrics{gap:8px}.demo-metric{padding:12px}.demo-metric>span{font-size:10px}.demo-metric strong{font-size:clamp(17px,4vw,26px)}.demo-metric small{font-size:9px}.demo-accounts{padding-bottom:20px}.demo-foot{align-items:start;flex-direction:column}.steps-grid{gap:12px}.step-card{padding:19px}.roadmap-layout,.faq-grid{grid-template-columns:1fr;gap:25px}.roadmap-side p,.faq-intro p{max-width:650px}.plan-grid{gap:12px}.plan-card{padding:21px 18px}.plan-card.featured{margin-top:0}.contact-panel{grid-template-columns:1fr;gap:25px;padding:27px}.contact-copy h2{margin:12px 0;font-size:clamp(27px,5.2vw,38px)}.contact-benefits{margin-top:17px;gap:8px}.footer-main{grid-template-columns:1.3fr 1fr;gap:26px}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:560px){.container{width:calc(100% - 30px)}.hero h1{font-size:clamp(36px,9.7vw,50px)}.hero-actions{gap:9px}.hero-actions .btn{width:100%;white-space:normal}.hero-proof{font-size:10px;gap:8px}.intro-disclaimer{font-size:9px}.hero-visual{padding-top:26px}.app-preview{height:330px;transform:none}.hero-visual:hover .app-preview{transform:none}.app-leftbar{width:39px;padding-inline:3px;gap:9px}.app-nav-ico{width:29px;height:29px}.app-content{padding:15px 11px 10px}.app-title{font-size:14px}.app-filter-row{gap:4px;margin:12px 0 10px}.tiny-tag{font-size:7px;padding:6px;gap:3px}.app-kpis{gap:4px}.app-kpi{padding:9px 6px}.app-kpi>span{font-size:7px}.app-kpi strong{font-size:13px}.app-kpi small{font-size:7px}.app-chart-card{padding:9px;margin-top:7px}.app-bars{height:83px;gap:3px}.app-bottom-row{margin-top:5px}.floating-tag{padding:7px;gap:5px;border-radius:10px}.floating-tag strong{font-size:8px}.floating-tag small{font-size:7px}.floating-tag-top{right:-1px;top:-4px}.floating-tag-bottom{bottom:8px}.float-icon{width:25px;height:25px}.float-icon .icon{width:14px;height:14px}.float-check{margin-left:3px}.visual-note{margin-top:2px;font-size:8px}.trust-grid{gap:9px 12px}.trust-grid span{font-size:9.5px;gap:6px}.trust-grid .icon{width:15px;height:15px}.feature-grid{grid-template-columns:1fr}.feature-large,.feature-profit,.feature-grid .feature-card:last-child{grid-column:auto}.feature-card{min-height:0}.feature-card h3{margin-top:13px}.feature-large{padding:20px}.linked-accounts{grid-template-columns:1fr;gap:6px}.linked-account{padding:8px}.account-connected{display:flex}.feature-profit{min-height:0}.demo-toolbar{padding:16px}.demo-filters{flex-wrap:wrap;gap:7px}.demo-filters label{width:auto}.field-select{min-width:0}.field-select select{max-width:148px;font-size:10px}.field-period select{max-width:70px}.demo-body{padding:12px}.demo-metrics{grid-template-columns:1fr;gap:7px}.demo-metric{padding:10px 13px}.demo-metric>span{font-size:11px}.demo-metric strong{font-size:23px;margin:3px 0}.demo-metric small{font-size:10px}.demo-graph,.demo-accounts{padding:15px}.graph-grid{height:150px;gap:8px}.graph-bars{inset-inline:4px;gap:6px}.graph-axis{margin-left:35px}.steps-grid,.plan-grid{grid-template-columns:1fr;gap:12px}.plan-card{min-height:0}.plan-top p{min-height:0}.featured-flag{font-size:7px;right:10px}.faq-items summary{font-size:11.5px;line-height:1.6}.contact-panel{padding:22px 15px;border-radius:19px}.contact-form-wrap{padding:19px 14px}.form-two{grid-template-columns:1fr;gap:0}.form-field{margin-bottom:11px}.footer-main{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-bottom{font-size:9px}.section-contact{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}.app-preview{transform:none}}