*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#151617;color:#f4f4ef;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #a6ee66;outline-offset:6px}.shell{max-width:1240px;margin:auto;padding:0 48px}header{min-height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #38393a;gap:24px}.brand{display:inline-flex;align-items:baseline;gap:7px;font-weight:900;font-size:28px;letter-spacing:-1.7px;text-decoration:none;white-space:nowrap}.brand span{font-size:14px;letter-spacing:1px}.brand i{font-size:12px;font-style:normal;align-self:flex-start;letter-spacing:0}nav{display:flex;gap:32px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}.hero{padding:64px 0 58px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.hero .eyebrow{color:#b9bbb5;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#b9f478;border-radius:100%}h1{font-size:clamp(48px,7.8vw,100px);line-height:1.01;letter-spacing:-5px;margin:27px 0 28px;font-weight:800}.hero h1 span{color:#b9f478}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-bottom p{color:#bec0b8;font-size:20px;line-height:1.55;margin:0}.round-link{display:grid;place-items:center;width:56px;height:56px;border:1px solid #5a5c56;border-radius:50%;text-decoration:none;font-size:26px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.section-heading h2{font-size:17px;font-weight:500;margin:0}.section-heading>span{font-size:11px;letter-spacing:1px;color:#a5a89e}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{color:#161917;padding:28px;border-radius:5px;display:flex;flex-direction:column;min-width:0}.joder{background:#fc7158}.vosotros{background:#78c9bf}.drek{background:#cfb5f4}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:34px}.number{font-size:12px;opacity:.7}.app-icon{width:64px;height:64px;border-radius:14px;object-fit:contain}.drek-icon{display:grid;place-items:center;width:64px;height:64px;background:#251a36;color:#cfb5f4;border-radius:14px;font-size:30px;font-weight:900}.card .eyebrow{font-size:11px;letter-spacing:1px;margin:0 0 12px}h3{font-size:clamp(25px,3.1vw,40px);letter-spacing:-1.8px;line-height:1;margin:0 0 20px}.tag{font-size:19px;font-weight:700;line-height:1.4;min-height:54px;margin:0 0 14px}.description{font-size:15px;margin:0 0 30px;line-height:1.65;flex:1}.app-link{display:flex;justify-content:space-between;gap:10px;font-weight:700;font-size:14px;text-decoration:none;border-top:1px solid #16191755;padding-top:18px}.availability{font-size:12px;opacity:.8;margin-top:6px}.about-strip{padding:55px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.about-strip p{font-size:25px;line-height:1.4;color:#aaa;margin:0;letter-spacing:-.5px}.about-strip strong{font-weight:500;color:#f4f4ef}.about-strip a{font-size:14px}footer{border-top:1px solid #38393a;padding:30px 0 36px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand.small{font-size:20px}.brand.small span{font-size:11px}footer>span{color:#a7aaa1;font-size:12px}footer nav{gap:24px}.article{max-width:760px;min-height:64vh;padding:70px 0}.article h1{font-size:clamp(40px,6vw,70px);letter-spacing:-2px;overflow-wrap:anywhere}.article p{max-width:670px;color:#c6c9c0}.article .lead{font-size:24px;color:#f4f4ef}.article h2{font-size:24px;margin-top:36px}.button{display:inline-block;background:#b9f478;color:#171917;padding:15px 24px;border-radius:4px;text-decoration:none;font-weight:700;margin:12px 0;overflow-wrap:anywhere}.button.disabled{background:#30332c;color:#c6c9c0}.muted{font-size:14px}.skip{position:absolute;top:-80px;background:#b9f478;color:#151617;padding:12px}.skip:focus{top:10px;z-index:2}@media(max-width:850px){.shell{padding:0 28px}.cards{gap:12px}.card{padding:20px}.section-heading>span{display:none}h1{letter-spacing:-3px}footer{flex-wrap:wrap}footer>span{display:none}}@media(max-width:650px){.shell{padding:0 22px}header{min-height:90px}nav{gap:16px}.brand{font-size:23px}.brand span{font-size:11px}.hero{padding:44px 0}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-bottom p{font-size:17px}.hero h1{font-size:clamp(43px,11vw,68px);letter-spacing:-2.8px}.round-link{flex-shrink:0;width:44px;height:44px}.cards{grid-template-columns:1fr;gap:16px}.card{padding:28px}.card-top{margin-bottom:24px}h3{font-size:40px}.tag{min-height:0}.description{font-size:16px}.about-strip{align-items:flex-start;flex-direction:column;padding:38px 0}.about-strip p{font-size:23px}footer{gap:20px}.article{padding:45px 0}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.trampa{background:#ffb957}
header{flex-wrap:wrap;padding:22px 0}.language-picker{display:flex;align-items:center;gap:8px;font-size:14px}.language-picker select{font:inherit;color:#f4f4ef;background:#252725;border:1px solid #666;border-radius:4px;padding:8px;min-height:44px}.language-picker select:focus-visible{outline:3px solid #b9f478;outline-offset:3px}.language-count{font-size:14px;font-weight:bold;border-top:1px solid #16191744;padding-top:12px;margin:18px 0 0}.app-languages h2{font-size:22px}.hero h1{overflow-wrap:normal}@media(max-width:650px){header nav{margin-left:auto}.language-picker{margin-left:auto}.hero h1{font-size:clamp(35px,9.5vw,58px);letter-spacing:-1.5px}.hero .eyebrow{line-height:1.5}.tag{min-height:0}}
.joder-detail{max-width:100%}.joder-detail>p,.joder-story>p,.joder-note>p{max-width:760px}.product-title{display:flex;gap:24px;align-items:center}.product-title img{border-radius:20px}.joder-story{margin-top:60px}.joder-story>h2,.joder-note h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1px;line-height:1.2}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}.feature-grid article{padding:26px;background:#222424;border-top:3px solid #fc7158;border-radius:4px}.feature-grid h3{font-size:23px;letter-spacing:-.5px;line-height:1.3;margin:12px 0}.feature-grid p{font-size:16px;margin:0}.feature-number{font-size:13px;color:#fc947c}.joder-note{border-left:3px solid #fc7158;padding:4px 26px;margin:42px 0}.joder-note h2{margin-top:12px}.joder-detail .app-languages{border-top:1px solid #444;padding-top:20px}.joder-detail .store{margin:35px 0}@media(max-width:650px){.feature-grid{grid-template-columns:1fr}.product-title{gap:16px}.product-title img{width:62px;height:62px}.product-title h1{font-size:42px}.joder-story{margin-top:40px}.language-picker{max-width:100%}}
.version-section{margin:48px 0}.version-section>h2{font-size:clamp(26px,3vw,38px);line-height:1.2}.version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.version-card{padding:28px;border:1px solid #565956;border-radius:8px}.version-card h3{font-size:36px;letter-spacing:-1px;margin:16px 0 24px}.version-card ul{margin:0;padding-left:20px}.version-card li{margin:12px 0;color:#d8dbd4;line-height:1.6}.version-plus{background:#272522;border-color:#fc947c}.version-plus h3,.version-plus .eyebrow{color:#fc947c}.version-section>p{font-size:15px;margin-top:22px}@media(max-width:650px){.version-grid{grid-template-columns:1fr}.version-card{padding:24px}}
/* NOON Tech supplied brand asset */
.brand .noon-logo{display:block;width:142px;height:142px;object-fit:contain}.brand.small .noon-logo{width:108px;height:108px}header{padding:0;min-height:142px}.brand{line-height:1;flex-shrink:0}footer{padding:12px 0 20px}@media(max-width:650px){.brand .noon-logo{width:112px;height:112px}header{min-height:112px;padding-bottom:14px}.brand.small .noon-logo{width:90px;height:90px}.language-picker{margin-top:-10px}}
.kardash{background:#dcc5ff}.library-link{display:block;margin-top:16px;font-weight:bold}.kardash-detail{max-width:100%}.library-nav{display:flex;flex-wrap:wrap;gap:18px;margin:28px 0}.import-help{background:#222424;border-left:3px solid #dcc5ff;padding:20px 28px;margin:36px 0}.import-help h2{margin-top:0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 50px}.template-card{padding:24px;border:1px solid #454749;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.template-card h3{font-size:25px;letter-spacing:-.5px;margin:14px 0 20px;overflow-wrap:anywhere}.template-card details{margin-bottom:22px;width:100%}.template-card summary{cursor:pointer}.template-card ul{padding-left:20px;color:#c6c9c0}.template-card .button{margin-top:auto;font-size:15px}.bundle{background:#24202b}.secondary{background:#dcc5ff}@media(max-width:900px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.template-grid{grid-template-columns:1fr}.import-help{padding:20px}.library-nav{flex-direction:column;align-items:flex-start}}
/* Simulated KARDASH previews, generated from template JSON */
.kard-preview{margin:0 0 24px;width:100%}.kard-preview figcaption{font-size:11px;line-height:1.5;color:#ccc5d8;margin-bottom:10px}.mock-kard{background:var(--kard-color,#e3e5e8);color:#242326;border-radius:15px;padding:17px;box-shadow:0 8px 24px #0003;text-align:left}.mock-top{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1px;opacity:.65}.mock-title{display:flex;gap:9px;align-items:center;border-bottom:1px solid #24232626;padding:15px 0;font-size:19px;line-height:1.25}.mock-title>span{font-size:26px}.mock-kard dl{margin:0}.mock-field{padding:10px 0;border-bottom:1px solid #2423261a}.mock-field:last-child{border-bottom:0}.mock-field dt{font-size:10px;font-weight:700;letter-spacing:.3px;line-height:1.4;opacity:.7;margin-bottom:4px}.mock-field dd{margin:0}.mock-value{font-size:13px;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere}.mock-photo{display:flex;align-items:center;justify-content:center;gap:8px;min-height:74px;border:1px dashed #24232645;border-radius:7px;background:#ffffff45;font-size:11px}.mock-photo>span:first-child{font-size:28px}.mock-file{font-size:11px;padding:8px;background:#ffffff60;border-radius:6px;overflow-wrap:anywhere}.mock-file>span{margin-right:5px}.template-card:has(.kard-preview){padding:20px}.template-card:has(.kard-preview)>h3{font-size:23px}.template-grid{align-items:start}
/* Uniform template frames; all fields remain accessible inside the preview. */
.template-card:has(.kard-preview)>h3{height:84px;line-height:28px;display:flex;align-items:center;margin:8px 0 12px}.kard-preview figcaption{height:33px}.mock-kard{height:480px;display:flex;flex-direction:column;overflow:hidden}.mock-top,.mock-title{flex-shrink:0}.mock-title{min-height:76px}.mock-kard dl{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-right:7px;overscroll-behavior:contain;scrollbar-color:#78736d transparent;scrollbar-width:thin}.mock-kard dl:focus-visible{outline:2px solid #242326;outline-offset:2px}.bundle{height:570px}.bundle ul{overflow-y:auto;min-height:0;flex:1;width:100%;padding-right:8px}.bundle h3{min-height:64px}.bundle .button{flex-shrink:0}
.espresiones{background:#b8dfa9}.espresiones h3{font-size:clamp(30px,3.5vw,46px);overflow-wrap:anywhere}