:root{--ink:#050b16;--paper:#f4f1e9;--ivory:#fffdf8;--accent:#86a7ff;--accent-strong:#315fd2;--muted:#657080;--line:rgba(5,11,22,.16);--header:82px}
@keyframes hero-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.8rem 1rem;background:#fff;color:#000;border-radius:.4rem}.skip-link:focus{top:1rem}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:var(--header);padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.17);transition:background .25s ease}.site-header.is-scrolled{position:fixed;background:rgba(5,11,22,.9);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:750;letter-spacing:-.035em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:.9rem}.nav-links{display:flex;align-items:center;gap:1.7rem}.nav-links>a{text-decoration:none;font-size:.88rem;font-weight:600}.hero{--hero-shift:0px;position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;background-color:#030914;background-image:url('/assets/hero-evento-premium.webp');background-position:center calc(50% + var(--hero-shift));background-size:cover;background-repeat:no-repeat;color:#fff}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,7,16,.99) 0%,rgba(3,9,20,.84) 39%,rgba(3,9,20,.13) 73%),linear-gradient(0deg,rgba(3,9,20,.7),transparent 48%)}.hero-content{width:min(730px,calc(100% - 2.5rem));margin-left:clamp(1.25rem,8vw,9rem);padding-top:var(--header)}.hero-content>*{animation:hero-in .72s cubic-bezier(.2,.7,.2,1) both}.hero-content h1{animation-delay:.08s}.hero-copy{animation-delay:.16s}.hero-actions{animation-delay:.24s}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.17em;font-size:.71rem;font-weight:750}.eyebrow{color:#adc1ff}.hero h1,.section-intro h2,.demo h2,.workflow h2,.licenses h2,.faq h2,.final-cta h2{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.06em;line-height:.98}.hero h1{margin:1rem 0;font-size:clamp(3.5rem,6.7vw,7.6rem)}.hero h1 span{color:#b9caff}.hero-copy{max-width:620px;color:rgba(255,255,255,.76);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.7}.hero-actions,.demo-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.3rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:52px;padding:0 1.35rem;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .2s ease,background .2s ease,color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary,.button-light{background:#fff;color:var(--ink)}.button-primary:hover,.button-light:hover{background:#dfe7ff}.button-small{min-height:40px;padding:0 1rem}.button-ghost{border:1px solid rgba(255,255,255,.4)}.button-ghost:hover{background:#fff;color:var(--ink)}.button-dark{background:var(--ink);color:#fff}.button-outline{border:1px solid var(--ink);color:var(--ink)}.text-link{text-decoration:none;border-bottom:1px solid currentColor;padding:.55rem 0}.hero-note{position:absolute;right:clamp(1.25rem,4vw,4.5rem);bottom:2rem;margin:0;color:rgba(255,255,255,.55);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.section-label{padding-bottom:1.4rem;border-bottom:1px solid var(--line);color:var(--muted)}.problems,.workflow,.licenses,.faq{padding:clamp(5.5rem,10vw,10rem) clamp(1.25rem,8vw,9rem)}.section-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(2rem,8vw,8rem);align-items:end;margin:4rem 0 6rem}.section-intro h2{font-size:clamp(2.8rem,5.2vw,5.8rem);margin:0}.section-intro p,.licenses-heading p{font-size:1.08rem;line-height:1.75;color:var(--muted);margin:0}.problem-lines{border-top:1px solid var(--line)}.problem-lines article{display:grid;grid-template-columns:90px minmax(230px,.75fr) 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line);align-items:start;transition:padding-left .25s ease}.problem-lines article:hover{padding-left:.7rem}.problem-lines span{color:var(--accent-strong);font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.problem-lines h3{margin:0;font-size:1.25rem;letter-spacing:-.025em}.problem-lines p{margin:0;color:var(--muted);line-height:1.65}.demo{background:var(--ink);color:#fff;padding:clamp(5.5rem,10vw,10rem) clamp(1.25rem,8vw,9rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:clamp(4rem,11vw,11rem);align-items:center}.section-label-light{border-color:rgba(255,255,255,.17);color:#96a4b8}.demo .eyebrow{margin-top:3.4rem}.demo h2{font-size:clamp(3rem,5.4vw,6rem);margin:1rem 0 1.6rem}.demo-copy>p:not(.eyebrow){color:#aab4c3;line-height:1.75;max-width:670px}.demo-proof{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.17)}.demo-proof li{display:grid;grid-template-columns:42px 1fr;padding:1.7rem 0;border-bottom:1px solid rgba(255,255,255,.17);gap:.2rem 1rem}.demo-proof span{grid-row:1/3;color:#88a7ff;font-size:.72rem}.demo-proof strong{font-size:1.15rem}.demo-proof small{color:#95a2b5;line-height:1.5}.workflow{background:var(--ivory)}.workflow-heading{display:grid;grid-template-columns:.55fr 1fr;gap:4rem;align-items:start}.workflow-heading h2{font-size:clamp(3rem,5.6vw,6.2rem);margin:0}.workflow-steps{list-style:none;margin:6rem 0 0;padding:0;border-top:1px solid var(--line)}.workflow-steps li{display:grid;grid-template-columns:90px 1fr;padding:2.2rem 0;border-bottom:1px solid var(--line)}.workflow-steps>li>span{color:var(--accent-strong);font-size:.74rem;font-weight:750}.workflow-steps div{display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;gap:2rem}.workflow-steps strong{font-size:1.3rem}.workflow-steps p{margin:0;color:var(--muted);line-height:1.65}.licenses-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:end;margin:4rem 0 5rem}.licenses-heading h2{font-size:clamp(3rem,5.4vw,6rem);margin:0}.license-list{border-top:1px solid var(--line)}.license-list article{display:grid;grid-template-columns:minmax(260px,.75fr) 1fr auto;gap:3rem;align-items:center;padding:2.5rem 0;border-bottom:1px solid var(--line)}.license-list .eyebrow{color:var(--accent-strong);margin:0 0 .7rem}.license-list h3{font-size:clamp(2.2rem,4vw,4.5rem);letter-spacing:-.055em;margin:0}.license-list h3 small{font-size:.85rem;letter-spacing:0;color:var(--muted);font-weight:600}.license-list>article>p{color:var(--muted);line-height:1.65}.commercial-note{color:var(--muted);font-size:.84rem;margin-top:1.4rem}.faq{background:#dfe7fb}.faq-heading{display:grid;grid-template-columns:.55fr 1fr;gap:4rem;margin-bottom:4rem}.faq h2{font-size:clamp(3rem,5vw,5.5rem);margin:0}.faq-list{max-width:1000px;margin-left:auto;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:1.5rem 0}.faq summary{cursor:pointer;font-weight:750;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:2rem}.faq summary:after{content:'+';font-size:1.4rem;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{max-width:720px;color:#4d596a;line-height:1.7;margin:1rem 0 0}.final-cta{padding:clamp(7rem,13vw,13rem) clamp(1.25rem,12vw,14rem);text-align:center;background:var(--ink);color:#fff}.final-cta h2{max-width:1050px;margin:1.5rem auto 2.8rem;font-size:clamp(3.2rem,6.2vw,7rem)}.site-footer{padding:2rem clamp(1.25rem,4vw,4.5rem);display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.site-footer nav{display:flex;gap:1.3rem}.site-footer a{text-decoration:none}.reveal{opacity:1;transform:none}.has-reveal .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.has-reveal .reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){:root{--header:72px}.nav-links>a:not(.button){display:none}.hero{min-height:760px;background-position:62% calc(50% + var(--hero-shift))}.hero-shade{background:linear-gradient(90deg,rgba(2,8,18,.97),rgba(3,9,20,.54)),linear-gradient(0deg,rgba(3,9,20,.75),transparent)}.hero-content{margin:0 1.25rem}.hero h1{font-size:clamp(3.15rem,13vw,5rem)}.hero-actions,.demo-actions{align-items:flex-start;flex-direction:column}.hero-note{display:none}.section-intro,.demo,.workflow-heading,.licenses-heading,.faq-heading{grid-template-columns:1fr}.section-intro{margin:3rem 0 4rem}.problem-lines article{grid-template-columns:60px 1fr}.problem-lines p{grid-column:2}.demo{gap:4rem}.workflow-heading,.faq-heading{gap:2rem}.workflow-steps{margin-top:4rem}.license-list article{grid-template-columns:1fr;gap:1rem;align-items:start}.license-list article .button{margin-top:1rem}.site-footer{flex-direction:column}.site-footer nav{order:3}}
@media(max-width:560px){.brand>span:last-child{font-size:.9rem}.button{width:100%}.hero-actions .text-link,.demo-actions .text-link{width:auto}.problem-lines article{grid-template-columns:1fr;gap:.7rem}.problem-lines p{grid-column:1}.workflow-steps li{grid-template-columns:42px 1fr}.workflow-steps div{grid-template-columns:1fr;gap:.6rem}.licenses,.problems,.workflow,.faq,.demo{padding-left:1.25rem;padding-right:1.25rem}.site-footer nav{flex-direction:column;gap:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero{--hero-shift:0px!important}.hero-content>*{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.button,.problem-lines article{transition:none}}

/* Product reel: previews are code-native representations of the current product, never client screenshots. */
.product-showcase{padding:clamp(5.5rem,10vw,10rem) 0;background:#07101f;color:#fff;overflow:hidden}.showcase-heading{display:grid;grid-template-columns:.55fr 1fr;gap:2rem 4rem;padding:0 clamp(1.25rem,8vw,9rem);align-items:start}.showcase-heading .section-label{grid-column:1}.showcase-heading h2{font-size:clamp(3rem,5.6vw,6.2rem);letter-spacing:-.06em;line-height:.98;margin:0;grid-column:2}.showcase-heading>p{grid-column:2;color:#99a8bd;line-height:1.7;max-width:650px;margin:.8rem 0 0}.showcase-reel{display:grid;grid-template-columns:repeat(7,minmax(680px,78vw));gap:clamp(2rem,4vw,5rem);overflow-x:auto;scroll-snap-type:x mandatory;padding:6rem clamp(1.25rem,8vw,9rem) 2rem;scrollbar-color:#7897e7 transparent}.product-frame{scroll-snap-align:start;margin:0;display:grid;grid-template-columns:180px minmax(0,1fr);gap:2rem;align-items:end}.product-frame figcaption{align-self:start;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.22);padding-top:1rem}.product-frame figcaption span{font-size:.7rem;color:#86a7ff;letter-spacing:.15em}.product-frame figcaption strong{font-size:1.25rem;margin:.6rem 0}.product-frame figcaption small{color:#8f9db0;line-height:1.5}.ui-scene{position:relative;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.18);border-radius:1rem;overflow:hidden;background:#f7f8fb;color:#111827;box-shadow:0 30px 90px rgba(0,0,0,.4);transition:transform .35s ease,border-color .35s ease}.product-frame:hover .ui-scene{transform:translateY(-7px);border-color:rgba(134,167,255,.72)}.ui-top{height:13%;display:flex;align-items:center;gap:1rem;padding:0 4%;border-bottom:1px solid #dfe4ec;font-size:.68rem}.ui-top b{font-size:.88rem;color:#233876}.ui-top i{font-style:normal;color:#667085}.ui-top em{font-style:normal;margin-left:auto;background:#e3f8ea;color:#187645;padding:.35rem .6rem;border-radius:999px}.ui-heading{display:flex;flex-direction:column;padding:5% 6% 3%}.ui-heading span{color:#68758a;font-size:.62rem;text-transform:uppercase;letter-spacing:.13em}.ui-heading strong{font-size:1.4rem;margin-top:.35rem}.ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;padding:0 6%}.ui-metrics span{display:flex;flex-direction:column;padding:6%;background:#fff;border-bottom:2px solid #6688df}.ui-metrics b{font-size:1.05rem}.ui-metrics small{color:#738096}.ui-row{display:flex;align-items:center;gap:3%;margin:4% 6%;padding:3%;border-top:1px solid #e2e7ee}.ui-row>i{width:8%;aspect-ratio:1;border-radius:.5rem;background:#d9e2fb}.ui-row span{display:flex;flex-direction:column}.ui-row small{color:#778398}.ui-row em{margin-left:auto;font-style:normal;color:#315fd2;font-size:.72rem}.candidate-focus{display:flex;align-items:center;gap:3%;padding:4% 6%}.candidate-focus>span{display:grid;place-items:center;width:14%;aspect-ratio:1;border-radius:50%;background:#18264b;color:#fff;font-size:1.5rem}.candidate-focus div{display:flex;flex-direction:column}.candidate-focus small{color:#68758a}.candidate-focus strong{font-size:1.4rem}.score-lines{padding:0 6%}.score-lines label{display:grid;grid-template-columns:30% 1fr 36px;align-items:center;gap:3%;font-size:.68rem;padding:2% 0}.score-lines i{height:5px;background:linear-gradient(90deg,#315fd2 var(--score),#dce3ef var(--score));border-radius:99px}.score-lines b{text-align:right}.ui-action{margin:3% 6%;padding:2.5%;text-align:center;background:#17264d;color:#fff;border-radius:.5rem;font-size:.7rem;font-weight:700}.participant-row{display:grid;grid-template-columns:30px 8% 1fr auto;align-items:center;gap:3%;margin:0 5%;padding:3% 1%;border-bottom:1px solid #e1e6ee}.participant-row>span{color:#315fd2;font-weight:800}.participant-row>i{aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#b6c8f6,#e9edf5)}.participant-row div{display:flex;flex-direction:column}.participant-row small{color:#748197}.participant-row em{font-style:normal;color:#187645;font-size:.65rem}.live-signal{display:flex;align-items:center;gap:3%;margin:5% 6%;padding:4%;background:#101b34;color:#fff;border-radius:.6rem}.live-signal>span{width:10px;height:10px;background:#57d58b;border-radius:50%;box-shadow:0 0 0 6px rgba(87,213,139,.13)}.live-signal div{display:flex;flex-direction:column}.live-signal small{color:#8da0bf}.live-signal>b{margin-left:auto;font-size:1.3rem}.timeline{display:flex;gap:2%;padding:5% 6%}.timeline i{height:8px;flex:1;background:#55c987;border-radius:99px}.timeline .pending{background:#f1b851}.ranking-line{display:grid;grid-template-columns:28px 28% 1fr 48px;gap:3%;align-items:center;margin:0 6%;padding:3% 0;border-bottom:1px solid #e1e6ee}.ranking-line span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e5ebfa;color:#315fd2;font-weight:800}.ranking-line i{height:5px;background:linear-gradient(90deg,#315fd2 var(--rank),#dce3ef var(--rank));border-radius:99px}.ranking-line em{font-style:normal;font-weight:800}.hash-line{margin:4% 6%;padding:3%;background:#eef2f8;color:#526078;font-family:ui-monospace,monospace;font-size:.62rem}.stage-scene{background:radial-gradient(circle at 70% 30%,#354e99 0,transparent 34%),linear-gradient(135deg,#030a19,#101e48);color:#fff;padding:6%;display:flex;flex-direction:column;justify-content:center}.stage-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 31%,transparent 33%)}.stage-scene small,.stage-scene em{font-style:normal;color:#9eb4e9;letter-spacing:.12em}.stage-scene span{margin-top:auto;font-size:.65rem;letter-spacing:.18em}.stage-scene strong{font-size:clamp(2.3rem,5vw,4.6rem);line-height:.82;letter-spacing:-.07em;margin:.7rem 0}.stage-scene em{margin-bottom:auto}.winners-scene{background:linear-gradient(180deg,#fffdf7,#e7edf9);padding:6%;display:flex;flex-direction:column;align-items:center}.winners-scene>small{letter-spacing:.16em;color:#56647c}.podium{display:flex;align-items:end;justify-content:center;gap:5%;height:70%;width:90%}.podium span{width:27%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#dce5f8;padding:5% 2%;height:48%}.podium span:nth-child(2){height:73%;background:#17264d;color:#fff}.podium span:nth-child(3){height:38%}.podium i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:#17264d;font-style:normal;font-weight:800;margin-top:-30px}.podium b{margin-top:1rem}.podium em{font-style:normal;font-size:.7rem;margin-top:.3rem}.winners-scene p{font-size:.62rem;color:#68758a}.showcase-note{padding:1rem clamp(1.25rem,8vw,9rem) 0;color:#91a0b5;font-size:.82rem}.showcase-note a{color:#c0d0ff}.noscript-note{position:fixed;z-index:99;bottom:1rem;left:1rem;right:1rem;margin:0;padding:.8rem 1rem;background:#fff;color:#050b16;border:1px solid #050b16;text-align:center;font-size:.8rem}
@media(max-width:900px){.showcase-heading{grid-template-columns:1fr}.showcase-heading .section-label,.showcase-heading h2,.showcase-heading>p{grid-column:1}.showcase-reel{grid-template-columns:repeat(7,minmax(86vw,86vw));padding-top:4rem}.product-frame{grid-template-columns:1fr;gap:1rem}.product-frame figcaption{display:grid;grid-template-columns:35px 1fr}.product-frame figcaption small{grid-column:2}.ui-scene{border-radius:.7rem}}
@media(max-width:560px){.showcase-reel{grid-template-columns:repeat(7,minmax(92vw,92vw));padding-left:1.25rem;padding-right:1.25rem}.ui-scene{aspect-ratio:4/3}.ui-top{font-size:.58rem}.product-showcase .showcase-heading{padding-left:1.25rem;padding-right:1.25rem}.score-lines label{grid-template-columns:38% 1fr 30px}.participant-row{grid-template-columns:24px 9% 1fr}.participant-row em{display:none}}
@media(prefers-reduced-motion:reduce){.showcase-reel{scroll-behavior:auto}.ui-scene{transition:none}.product-frame:hover .ui-scene{transform:none}}
.score-lines .score-82{background:linear-gradient(90deg,#315fd2 82%,#dce3ef 82%)}.score-lines .score-91{background:linear-gradient(90deg,#315fd2 91%,#dce3ef 91%)}.score-lines .score-88{background:linear-gradient(90deg,#315fd2 88%,#dce3ef 88%)}.ranking-line .rank-94{background:linear-gradient(90deg,#315fd2 94%,#dce3ef 94%)}.ranking-line .rank-89{background:linear-gradient(90deg,#315fd2 89%,#dce3ef 89%)}.ranking-line .rank-85{background:linear-gradient(90deg,#315fd2 85%,#dce3ef 85%)}
@media(prefers-reduced-motion:reduce){.has-reveal .reveal{opacity:1;transform:none;transition:none!important}}