:root{--ink:#10152f;--muted:#66708a;--violet:#6557f5;--lime:#c8fa4b;--paper:#f6f7fb;--line:#dfe3ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22}.ambient i:first-child{width:520px;height:520px;background:#8476ff;top:-200px;right:-110px}.ambient i:nth-child(2){width:430px;height:430px;background:#36d3ed;top:620px;left:-240px}.ambient i:last-child{width:400px;height:400px;background:#d7ff73;bottom:80px;right:-190px}.showcase-nav{height:82px;max-width:1440px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.showcase-nav nav{display:flex;gap:30px}.showcase-nav nav a{text-decoration:none;font-size:13px;font-weight:750}.nav-cta{padding:13px 18px;background:var(--ink);color:#fff;border-radius:14px;text-decoration:none;font-size:13px;font-weight:850}.nav-cta span{color:var(--lime)}.showcase-hero{min-height:690px;padding:105px 28px 54px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:radial-gradient(circle at 50% 22%,#fff 0,#f5f4ff 34%,transparent 68%)}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #cbc8ff;border-radius:99px;background:#ffffffb8;backdrop-filter:blur(12px);font-size:11px;font-weight:850;letter-spacing:.06em}.hero-badge i{width:8px;height:8px;border-radius:50%;background:#41d98b;box-shadow:0 0 0 5px #41d98b1f}.showcase-hero h1{font-size:clamp(62px,8vw,118px);line-height:.86;letter-spacing:-.078em;margin:34px 0 30px;max-width:1300px}.showcase-hero h1 em{font-style:normal;background:linear-gradient(105deg,#5245f1,#985bf4 55%,#159fc8);background-clip:text;color:transparent}.showcase-hero>p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-actions a{padding:16px 22px;border-radius:15px;text-decoration:none;font-size:13px;font-weight:850}.hero-actions a:first-child{background:var(--violet);color:#fff;box-shadow:0 16px 40px #6557f540}.hero-actions a:nth-child(2){background:#fff;border:1px solid var(--line)}.hero-loop{position:absolute;bottom:0;left:0;width:max-content;display:flex;background:var(--ink);color:#fff;padding:17px 0;font-size:10px;letter-spacing:.22em;font-weight:850}.hero-loop div{white-space:nowrap;animation:loop 25s linear infinite;padding-right:20px}@keyframes loop{to{transform:translateX(-100%)}}
.plus-section{max-width:1380px;margin:110px auto;padding:0 30px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.kicker{font-size:10px;letter-spacing:.19em;font-weight:900;color:var(--violet)}.section-copy h2,.pro-heading h2,.final-cta h2{font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.06em;margin:18px 0}.section-copy>p{color:var(--muted);line-height:1.7;max-width:520px}.section-copy ul{list-style:none;padding:0;margin:28px 0}.section-copy li{padding:10px 0;font-size:14px;font-weight:700}.section-copy li i{font-style:normal;display:inline-grid;place-items:center;width:25px;height:25px;margin-right:10px;border-radius:50%;background:#dcffc6;color:#167247}.text-link{display:inline-flex;font-size:13px;font-weight:900;text-decoration:none;border-bottom:2px solid;padding-bottom:6px}.browser-demo{display:block;border-radius:26px;background:#fff;padding:10px;box-shadow:0 30px 90px #2f396c21;text-decoration:none;transform:perspective(1200px) rotateY(-3deg);transition:.45s}.browser-demo:hover{transform:translateY(-8px)}.browser-bar{height:48px;display:flex;align-items:center;gap:18px;padding:0 12px}.browser-bar>span{display:flex;gap:6px}.browser-bar i{display:block;width:8px;height:8px;border-radius:50%;background:#ff7068}.browser-bar i:nth-child(2){background:#ffc145}.browser-bar i:nth-child(3){background:#4ed78b}.browser-bar b{flex:1;background:#f3f4f8;border-radius:10px;padding:9px 13px;color:#7b849b;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-bar em{font-style:normal}.browser-image{height:520px;position:relative;border-radius:19px;overflow:hidden}.browser-image img{width:100%;height:100%;object-fit:cover}.browser-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#241228d4,transparent 72%)}.browser-image>div{position:absolute;z-index:1;left:44px;bottom:46px;color:#fff}.browser-image small,.browser-image strong,.browser-image span{display:block}.browser-image small{letter-spacing:.18em;font-weight:900;color:#f1bad2}.browser-image strong{font-size:38px;letter-spacing:-.045em;margin:10px 0}.browser-image span{font-size:13px}
.pro-section{padding:110px max(26px,calc((100% - 1380px)/2));background:#11162f;color:#fff}.pro-heading{display:grid;grid-template-columns:1.25fr .65fr;gap:60px;align-items:end}.pro-heading h2{max-width:850px}.pro-heading p{color:#aeb6cf;line-height:1.7}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:45px 0 34px}.filters button{border:1px solid #ffffff24;background:#ffffff0b;color:#cbd1e3;border-radius:99px;padding:10px 15px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.filters button:hover,.filters button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.site-card{position:relative;min-height:440px;border-radius:22px;overflow:hidden;background:#222942;isolation:isolate;text-decoration:none;opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s,box-shadow .35s}.site-card.visible{opacity:1;transform:none}.site-card.filtered{display:none}.site-card:hover{transform:translateY(-8px);box-shadow:0 28px 58px #0005}.site-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.site-card:hover img{transform:scale(1.055)}.site-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#080b18ef)}.site-card-content{position:absolute;z-index:1;inset:auto 0 0;padding:28px}.site-card small{display:flex;align-items:center;justify-content:space-between;color:#d5dbec;font-size:9px;letter-spacing:.16em;font-weight:900}.site-card small i{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font-style:normal;background:#ffffff18;border:1px solid #ffffff30;font-size:15px;letter-spacing:0}.site-card h3{font-size:29px;line-height:1;margin:13px 0 8px;letter-spacing:-.045em}.site-card p{margin:0;color:#c7cde0;font-size:12px}.site-card.featured{grid-column:span 2}.site-card.featured h3{font-size:38px}
.final-cta{max-width:1380px;margin:95px auto;padding:70px;border-radius:30px;background:linear-gradient(125deg,#6758f5,#7844d4 58%,#155fc7);color:#fff;display:grid;grid-template-columns:1.15fr .65fr;gap:80px;align-items:end;box-shadow:0 28px 80px #5545dc38}.final-cta>div>span{font-size:10px;letter-spacing:.2em;font-weight:900;color:#d9ff75}.final-cta h2{margin-bottom:0}.final-cta p{line-height:1.7;color:#e5e7ff}.final-cta a{display:inline-flex;margin-top:15px;padding:15px 20px;border-radius:13px;background:var(--lime);color:var(--ink);text-decoration:none;font-size:13px;font-weight:900}footer{padding:55px max(30px,calc((100% - 1380px)/2));display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;background:#0c1024;color:#fff}footer p{color:#939cb8;font-size:12px}footer>div{display:flex;gap:24px}footer a{text-decoration:none;font-size:12px}.reveal{opacity:0;transform:translateY(22px);transition:.75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.site-grid{grid-template-columns:repeat(2,1fr)}.plus-section{grid-template-columns:1fr}.pro-heading,.final-cta{grid-template-columns:1fr}.browser-demo{transform:none}.final-cta{margin-left:22px;margin-right:22px}.showcase-nav nav{display:none}}@media(max-width:650px){.showcase-nav{height:72px;padding:0 16px}.nav-cta{padding:11px 13px}.showcase-hero{min-height:650px;padding-top:85px}.showcase-hero h1{font-size:clamp(52px,16vw,76px)}.showcase-hero>p{font-size:15px}.hero-actions{display:grid;width:100%}.hero-actions a{text-align:center}.plus-section{margin:75px auto;padding:0 18px}.browser-image{height:410px}.browser-image>div{left:24px}.browser-image strong{font-size:28px}.pro-section{padding:75px 16px}.pro-heading{gap:10px}.site-grid{grid-template-columns:1fr}.site-card,.site-card.featured{grid-column:auto;min-height:410px}.filters{overflow:auto;flex-wrap:nowrap}.filters button{white-space:nowrap}.final-cta{margin:55px 12px;padding:45px 25px;gap:20px}.final-cta h2{font-size:48px}footer{grid-template-columns:1fr;padding:45px 24px}footer>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal,.site-card{opacity:1;transform:none}}
/* Encabezado compartido con la portada y ajustes finales de la galería. */
header.showcase-nav{height:78px;width:min(1180px,calc(100% - 40px));max-width:none;margin:auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:28px}
header.showcase-nav .brand.td-logo-brand{display:inline-flex;align-items:center;flex:0 0 auto}
header.showcase-nav .brand.td-logo-brand img{display:block;width:230px;height:77px;max-width:230px;object-fit:contain;object-position:left center}
.showcase-nav nav,.nav-actions{display:flex;align-items:center;gap:26px}
.showcase-nav nav a,.login-link{color:var(--ink);text-decoration:none;font-size:13px;font-weight:750}
.login-link:hover,.showcase-nav nav a:hover{color:var(--violet)}
.nav-cta{min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;border-radius:13px;text-decoration:none;font-size:13px;font-weight:850;box-shadow:0 12px 28px #10152f1c}
.hero-loop{left:50%;width:100vw;transform:translateX(-50%);overflow:hidden}
.hero-loop div{flex:0 0 auto;min-width:max-content}
footer .brand.td-logo-brand img{display:block;width:220px;height:74px;max-width:220px;object-fit:contain;object-position:left center;filter:none}
.site-card h3{max-width:92%;text-transform:none}
.site-card p{color:#d5d9e8}
@media(max-width:1000px){.showcase-nav nav{display:none}}
@media(max-width:650px){header.showcase-nav{height:70px;width:calc(100% - 28px);padding:0}.login-link{display:none}header.showcase-nav .brand.td-logo-brand img{width:min(54vw,205px);height:64px;max-width:205px}.nav-actions{gap:8px}.nav-cta{min-height:40px;padding:0 13px;font-size:12px}footer .brand.td-logo-brand img{width:205px;height:68px;max-width:205px}}