/* DOMYNTA · Vida en color. Shared visual layer, including every tool. */
:root{--brand:#6637e8;--brand-deep:#21124f;--topic:#6637e8;--topic-tint:#eee6ff;--ink:#241d38;--muted:#665e78;--line:#e7e0f1;--shadow:0 16px 45px #29134a0b}
body{background:#fbfaff}::selection{background:#dcccff;color:#25164d}
.navwrap{background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e8e0f4}.navcta,.btn.purple{background:var(--brand);color:white;box-shadow:0 5px 14px #6131cc20}.btn{transition:background .18s,box-shadow .18s;min-height:44px}.btn.purple:hover{background:#5128bc;box-shadow:0 8px 20px #6131cc33}.btn.light{background:#f3eefb;border:1px solid #e4d9f4;color:#453361}.navlinks a:hover{color:var(--brand)}
.welcome{background:radial-gradient(ellipse at 80% 20%,#8362f2 0,transparent 48%),linear-gradient(120deg,#251263,#6035d5 65%,#7849ec)}.life-screen{box-shadow:0 20px 42px #15072d38}.screen-money{background:#b1f2d4}.screen-goal{background:#ffbb99}.screen-care{background:#dacaff}.trust-strip{background:#ece4ff}
.section.soft{background:#f2edfc}.sectionhead h2{letter-spacing:-1.2px}.category-tile{border-radius:24px;background:linear-gradient(135deg,var(--topic-tint),white);border:1px solid color-mix(in srgb,var(--topic) 16%,white);box-shadow:0 6px 20px #31205206}.category-art{color:var(--topic)}.category-art:before{background:var(--topic-tint);border:1px solid color-mix(in srgb,var(--topic) 15%,transparent)}.journey-card{border-radius:24px;border:1px solid #37214a0c;box-shadow:0 10px 28px #27113f08}.journey-art{background:#ffffff70;border-radius:16px;padding:10px;width:fit-content}.how-panel{background:linear-gradient(115deg,#211249,#6640cf)}
.catalog-hero,.tool-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,var(--topic-tint),#f9f6ff 75%);border-bottom:1px solid color-mix(in srgb,var(--topic) 15%,white)}
.catalog-hero:after,.tool-hero:after{content:'';position:absolute;inset:0 0 0 auto;width:44%;z-index:-1;background:url('./life-art.svg') right center/auto 100% no-repeat;opacity:.9;pointer-events:none}.tool-hero>.container{position:relative;padding-block:8px}.tool-hero .app-heading{max-width:74%}.tool-hero .back{color:var(--topic)}.tool-hero .eyebrow{color:var(--topic)}.app-heading h1{font-size:clamp(36px,4.7vw,60px);letter-spacing:-2px;color:#271b40}.app-logo{border-radius:24px;border:5px solid white;box-shadow:0 12px 30px #2b16451c}.app-heading p{color:#544765;max-width:580px}.catalog-hero h1{color:#2f1a58}.catalog-layout{gap:28px}.catalog-sidebar{background:#fff;border:1px solid #e7dff1;border-radius:22px;padding:20px;height:fit-content}.catalog-sidebar button{border-radius:12px}.app-card{position:relative;border:1px solid #e7e0ef;border-top:0;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--topic-tint) 55%,white),white 70%);box-shadow:0 8px 24px #29164a06;padding-top:27px}.app-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:var(--topic)}.app-card:hover{border-color:color-mix(in srgb,var(--topic) 35%,white);box-shadow:0 16px 35px #30134c12}.app-card-top img{box-shadow:0 6px 14px #2c184714;border:3px solid white;border-radius:16px}.app-card h3{line-height:1.25}.app-open{background:var(--topic-tint);color:var(--topic);padding:9px 13px;border-radius:12px;border:0}.app-card .card-bottom{gap:8px}.category-tile:hover,.journey-card:hover{box-shadow:0 14px 28px #30134c13}
.workspace{background:radial-gradient(ellipse at 0 0,var(--topic-tint),transparent 45%),#f8f6fc;padding-bottom:48px}.workspace-intro{background:#ffffffb8;border:1px solid #ffffff;border-radius:18px;padding:18px 22px}.workspace-intro p{margin:0}.panel{border:1px solid #e8e0ef;border-radius:24px;box-shadow:var(--shadow);background:#fff}.panel h2{display:flex;align-items:center;gap:10px;line-height:1.3}.panel h2:before{content:'';flex:none;width:7px;height:22px;border-radius:6px;background:var(--topic)}.input{background:#fcfbff;border:1px solid #d8cee4;border-radius:12px;min-height:48px;padding:12px;color:#2a2239}.input:focus{border-color:var(--topic);outline:3px solid color-mix(in srgb,var(--topic) 13%,transparent);outline-offset:1px}.field label{color:#4f425e}.summary-grid{gap:12px}.metric{border:1px solid #ffffff;border-radius:17px;background:#eee7ff;padding:17px}.metric:nth-child(4n+2){background:#ddf4e8}.metric:nth-child(4n+3){background:#fff0d6}.metric:nth-child(4n+4){background:#ffe8ee}.metric strong{color:#35224f;font-variant-numeric:tabular-nums}.metric small{color:#554661}.progress-track{height:9px;border-radius:10px;background:#ece4f7}.progress-fill{background:var(--topic);border-radius:10px}.notice{background:var(--topic-tint);color:#4d405c;border:1px solid #ffffff80;border-radius:16px;padding:18px}.report-note{background:#f5f1fa;color:#5e526d;border-left:3px solid var(--topic)}.entry{background:#fff;border:1px solid #e5dced;border-radius:15px;padding:16px;margin-block:10px}.entry:hover{border-color:#c7b5df}.empty-state{background:linear-gradient(140deg,#f3edff,#fdfbff);border:1px dashed #cfc0e5;border-radius:20px}.calculator{background:linear-gradient(140deg,#fff2d7,#fffaf0);border:1px solid #efdfb9;border-radius:24px;padding:25px}.calculator output{color:#64431c}.flash-card{background:#ede3ff;border-radius:22px}.timer-circle{background:radial-gradient(circle,#f7f1ff 58%,#e4d7fb 59%,#eee7fa 68%,transparent 69%);border-color:#c8b0f4}.timer{color:#542cad;font-variant-numeric:tabular-nums}.pill{border-radius:20px;background:#fff;border-color:#e4d9f0;color:#5a4770}
.feedback-panel{background:linear-gradient(115deg,#e9ddff,#f4ecff 60%,#e1f4ef);border:1px solid #d9c9f1;border-radius:24px;padding:30px}.feedback-panel h2{color:#42246e}.feedback-panel details summary{border:1px solid #cdbce2;border-radius:14px;padding:16px}.cloud-panel{border-radius:20px;background:#eef6ff;border:1px solid #d5e5f4}.cloud-panel h3{color:#294d70}.workspace-tools{background:linear-gradient(150deg,#fff,#f5f1fb)}.legal-text{background:#fff;border:1px solid #ece3f4;border-radius:28px;padding:38px;box-shadow:var(--shadow);margin-block:42px;line-height:1.8}.legal-text h2{color:#593499;margin-top:30px}.footer{background:linear-gradient(110deg,#eee7fc,#f8f3ff 65%,#e9f4ef);border-top:1px solid #e3d7f0}.footer-copy{color:#645373}.footer-links a:hover{color:#6637e8}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #8654ea;outline-offset:4px}.btn:disabled{box-shadow:none;opacity:.55}.chip.active,.tabs .active{background:#6336ce;color:white;border-color:#6336ce}
@media(max-width:900px){.tool-hero:after,.catalog-hero:after{width:35%;opacity:.35}.tool-hero .app-heading{max-width:100%}.catalog-sidebar{padding:14px}.legal-text{padding:26px}}
@media(max-width:600px){.tool-hero:after,.catalog-hero:after{opacity:.16;width:62%}.app-heading{gap:16px}.app-heading h1{font-size:36px;letter-spacing:-1px;overflow-wrap:anywhere}.app-logo{width:72px;height:72px;border-radius:20px}.panel{padding:21px;border-radius:20px}.workspace-intro{padding:16px;flex-wrap:wrap}.feedback-panel{padding:22px}.legal-text{padding:22px;margin-block:24px}.metric{padding:13px}.metric strong{font-size:26px}.catalog-hero h1{font-size:38px}.sectionhead h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media print{.tool-hero:after,.catalog-hero:after{display:none}.workspace,.tool-hero,.panel,.legal-text{background:white;box-shadow:none}.panel h2:before{display:none}}
.catalog-intro{position:relative;isolation:isolate;background:linear-gradient(110deg,#e9ddff,#f4edff 60%,#e4f2ed);overflow:hidden;border-bottom:1px solid #e2d6ef}.catalog-intro:before{content:'';position:absolute;inset:0 0 0 auto;width:40%;background:url('./life-art.svg') right center/auto 100% no-repeat;opacity:.16;z-index:-1;pointer-events:none}.catalog-intro h1{color:#291746}.catalog-intro .discovery-search{box-shadow:0 8px 22px #33205209}.mini-landing{background:linear-gradient(120deg,#e9ddff,#eef7f1);border-bottom:1px solid #dfd2ee}.mini-landing .hero-art{border-radius:28px;background:#ffffff90}.feature-card,.mini-card{border:1px solid #e7ddf0;border-radius:24px;background:linear-gradient(155deg,#f0e7ff,#fff 70%);box-shadow:var(--shadow)}.feature-icon{background:#e8d9ff;color:#6233b5;border-radius:17px}.return-section{background:linear-gradient(110deg,#efe6ff,#e5f3ed)}.membership-note{background:linear-gradient(110deg,#f8eada,#f1e8fc)}
/* V8 · Real tool screens and category art direction */
:root{--stage:#7041ed;--stage-ink:#fff}
.preview{position:relative;padding:0;margin:0;flex:none;width:172px;height:352px;border:6px solid #201b2d;border-radius:29px;background:#201b2d;box-shadow:0 20px 28px #1b103c30;overflow:hidden;isolation:isolate;transform:none!important}.preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:22px}.preview-speaker{position:absolute;z-index:2;top:0;left:50%;translate:-50% 0;width:48px;height:10px;background:#201b2d;border-radius:0 0 9px 9px}.preview-home{position:absolute;z-index:2;bottom:3px;left:50%;translate:-50% 0;width:42px;height:3px;border-radius:3px;background:#282334}
.editorial-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px}.stage-copy{position:relative;z-index:2;min-width:0}.preview-stage{position:relative;min-width:0;min-height:410px;display:flex;align-items:center;justify-content:center;gap:14px;padding:28px 6px 18px;isolation:isolate;pointer-events:none}.preview-stage .preview{width:31%;max-width:178px;height:auto;aspect-ratio: .49}.preview-stage .preview-0{margin-top:58px}.preview-stage .preview-1{margin-top:-18px;z-index:3}.preview-stage .preview-2{margin-top:82px}.stage-halo{position:absolute;z-index:-1;width:410px;max-width:100%;aspect-ratio:1;border:1px solid #ffffff70;border-radius:50%;background:radial-gradient(circle,#ffffff28 0 49%,transparent 50%);box-shadow:0 0 0 32px #ffffff0b}.stage-floor{position:absolute;bottom:0;width:94%;height:24px;border-radius:50%;background:#1c0a4624;filter:blur(13px);z-index:-1}.stage-spark{position:absolute;width:26px;height:26px;background:currentColor;opacity:.65;clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)}.stage-spark-one{left:4%;top:10%}.stage-spark-two{right:1%;bottom:18%;width:17px;height:17px}
.catalog-intro{padding:42px 0 34px;background:var(--stage);color:var(--stage-ink);border:0}.catalog-intro:before,.tool-hero:after,.catalog-hero:after{display:none}.catalog-intro .eyebrow,.catalog-intro h1,.catalog-intro h1 em,.catalog-intro p{color:var(--stage-ink)}.catalog-intro h1{font-size:clamp(36px,4.4vw,62px);line-height:1.06;letter-spacing:-2.6px;max-width:650px}.catalog-intro h1 em{background:linear-gradient(transparent 75%,#ffffff42 75%);padding-bottom:4px}.catalog-intro p{opacity:.85;max-width:550px;line-height:1.7}.catalog-search-line{gap:9px}.catalog-intro .discovery-search{background:#fff;border:0;border-radius:16px;box-shadow:0 10px 25px #27133816}.catalog-intro .discovery-search input{min-width:0;color:#392b52}.favorite-filter{background:#ffffffde;border:0;color:#322445;border-radius:16px;flex:none}.collection-chips{flex-wrap:wrap;overflow:visible;gap:8px}.collection-chips button{color:var(--stage-ink);background:#ffffff14;border:1px solid color-mix(in srgb,var(--stage-ink) 30%,transparent);font-size:10px}.collection-chips button[aria-pressed=true]{background:var(--stage-ink);color:var(--stage)}.catalog-layout{padding-top:38px;grid-template-columns:220px minmax(0,1fr);gap:30px}.catalog-sidebar{box-shadow:none;background:#fff;padding:17px;border-radius:24px;position:sticky;top:100px}.selection-intro{padding:25px 28px;border-radius:22px;background:var(--stage);color:var(--stage-ink);margin-bottom:23px;position:relative;overflow:hidden}.selection-intro:after{content:'';width:110px;height:110px;border:20px solid #ffffff20;border-radius:50%;position:absolute;right:-35px;top:-35px;pointer-events:none}.selection-intro h2,.selection-intro p{color:inherit}.selection-intro h2{font-size:30px;margin:0 0 8px;letter-spacing:-1px}.selection-intro p{margin:0;opacity:.86}
.app-grid{gap:22px}.app-card{padding:0 20px 20px;border-radius:24px;border:1px solid #e7e0ef;background:#fff;box-shadow:0 10px 25px #29164a09}.app-card:before{display:none}.app-poster{height:210px;margin:0 -20px 20px;background:var(--stage);display:flex;position:relative;align-items:flex-start;justify-content:center;padding-top:22px;overflow:hidden;isolation:isolate}.app-poster .preview{width:121px;height:247px;border-width:4px;border-radius:21px;box-shadow:0 15px 22px #26133830}.app-poster .preview img{border-radius:16px}.app-poster .preview-speaker{width:35px;height:7px}.poster-orbit{position:absolute;width:200px;height:200px;border:1px solid #ffffff78;top:30px;left:50%;translate:-50% 0;border-radius:50%;box-shadow:0 0 0 30px #ffffff19;z-index:-1}.poster-symbol{position:absolute;left:14px;top:18px;color:var(--stage-ink);opacity:.7}.poster-symbol svg{width:24px;height:24px}.app-card-top{gap:9px}.app-card-top img{width:40px;height:40px;border-radius:12px}.app-card h3{font-size:20px;line-height:1.3;margin-top:18px}.app-card p{font-size:13px}.app-card .app-open{background:var(--stage);color:var(--stage-ink);min-height:40px}.app-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #29164a15}.app-card .favorite{padding:2px;min-width:36px}.app-card .card-bottom{padding-top:15px}
.tool-hero{background:var(--stage);color:var(--stage-ink);padding:24px 0;overflow:hidden;border:0}.tool-hero .back,.tool-hero .eyebrow,.tool-hero h1,.tool-hero p{color:var(--stage-ink)}.tool-hero .app-heading{max-width:100%;align-items:center;gap:22px}.tool-hero .app-heading h1{font-size:clamp(38px,4.8vw,66px);line-height:1.08;letter-spacing:-2px}.tool-hero .app-logo{border-color:#fff;border-radius:25px;width:90px;height:90px}.tool-hero .preview-stage{min-height:330px;gap:10px;padding-block:10px}.tool-hero .preview-stage .preview{max-width:138px}.tool-hero .preview-stage .preview-0{margin-top:20px}.tool-hero .preview-stage .preview-1{margin-top:0}.tool-hero .preview-stage .preview-2{margin-top:40px}.tool-hero .stage-halo{max-width:80%;width:310px}.workspace{background:#f6f3fb}.workspace-intro{border-left:5px solid var(--stage);background:#fff}.work-grid>.panel:first-child{border-top:5px solid var(--stage)}.panel{box-shadow:0 10px 34px #2b14490a}.panel h2:before{background:var(--stage-ink)}.summary-grid .metric{border-radius:18px}.feedback-panel{background:var(--stage);color:var(--stage-ink);border:0}.feedback-panel h2,.feedback-panel p,.feedback-panel .eyebrow{color:inherit}.feedback-panel details summary{color:#352744;background:#fff;border:0}.feedback-panel form{background:#ffffffd9;color:#342744;padding:20px;border-radius:18px}.feedback-panel form p{color:#574960}.cloud-panel{background:#221538;color:#fff;border:0}.cloud-panel h3,.cloud-panel p,.cloud-panel a{color:#eee4ff}.cloud-panel .btn{background:#ede2ff;color:#34254a}
.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-tile{padding:0 18px 20px;display:flex;flex-direction:column;align-items:flex-start;background:var(--topic-tint);min-height:340px;overflow:hidden;border:0}.category-preview{height:190px;width:calc(100% + 36px);margin:0 -18px 20px;display:flex;justify-content:center;align-items:flex-start;padding-top:17px;background:var(--topic);overflow:hidden}.category-preview:before{display:none}.category-preview .preview{width:95px;height:195px;border-width:3px;border-radius:16px;z-index:2;box-shadow:0 13px 18px #13072655}.category-preview .preview img{border-radius:12px}.category-preview .preview-speaker{width:25px;height:5px}.category-preview .art-orbit{width:160px;height:160px;border:1px solid #ffffff50;position:absolute;border-radius:50%;top:30px;left:50%;translate:-50% 0}.category-tile h3{font-size:18px;line-height:1.2;margin:0 0 8px}.category-tile p{font-size:12px;line-height:1.6}.category-tile .tile-arrow{position:absolute;right:14px;bottom:12px}.journey-art{width:calc(100% + 44px);height:185px;margin:-22px -22px 22px;padding:20px 20px 0;border-radius:0;background:color-mix(in srgb,var(--journey) 65%,#aa82ec);gap:10px;align-items:flex-start;justify-content:center;overflow:hidden}.journey-art .preview{width:76px;height:156px;border-width:3px;border-radius:14px}.journey-art .preview:nth-child(2){margin-top:-7px}.journey-art .preview:nth-child(3){margin-top:17px}.journey-art .preview img{width:100%;height:100%;margin:0;box-shadow:none;border-radius:10px}.journey-art .preview-speaker{width:22px;height:5px}.journey-card{padding:22px;overflow:hidden}.life-screen{border:7px solid #211832;border-radius:32px;position:relative;padding-top:25px}.life-screen:before{content:'';position:absolute;top:0;left:50%;translate:-50% 0;width:58px;height:10px;background:#211832;border-radius:0 0 10px 10px}.mini-landing{background:var(--stage);color:var(--stage-ink)}.mini-landing h1,.mini-landing .lead,.mini-landing .eyebrow,.mini-landing .gradient-word{color:inherit}.footer{background:#211431;color:#f6f0ff}.footer .brand,.footer-copy,.footer-links a{color:#eee4ff}
@media(min-width:1500px){.preview-stage .preview{max-width:200px}.preview-stage{min-height:450px}}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-layout{grid-template-columns:195px minmax(0,1fr);gap:22px}.catalog-results .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-stage{gap:22px}.preview-stage{gap:8px;min-height:340px}.preview{border-width:5px;border-radius:24px}.preview img{border-radius:18px}.catalog-intro h1{font-size:44px}.tool-hero .app-heading{gap:15px}.tool-hero .app-logo{width:70px;height:70px}.tool-hero .app-heading h1{font-size:42px}}
@media(max-width:760px){.editorial-stage{grid-template-columns:1fr;gap:10px}.catalog-intro{padding:30px 0 22px}.catalog-intro h1{font-size:43px;max-width:540px}.preview-stage{max-width:490px;width:100%;margin:0 auto;min-height:325px;padding-top:20px;padding-bottom:0;gap:12px}.preview-stage .preview{max-width:140px}.preview-stage .preview-0{margin-top:32px}.preview-stage .preview-1{margin-top:0}.preview-stage .preview-2{margin-top:50px}.stage-halo{width:300px}.catalog-layout{display:block;padding-top:24px}.catalog-sidebar{position:static;margin-bottom:25px;padding:14px}.selection-intro{padding:22px}.selection-intro h2{font-size:27px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-hero .preview-stage{min-height:265px;max-width:380px;gap:12px}.tool-hero .preview-stage .preview{max-width:108px;border-width:4px;border-radius:21px}.tool-hero .preview-stage .preview img{border-radius:16px}.tool-hero .stage-halo{width:230px}.tool-hero .stage-copy{padding-top:5px}.tool-hero .app-heading h1{font-size:40px}.tool-hero .app-heading{margin-top:22px}.tool-hero{padding-bottom:14px}.tool-hero .back{font-size:11px}.mini-landing .preview-stage{min-height:300px}.category-tile{min-height:330px}.category-tile h3{font-size:17px}.category-tile p{font-size:12px}.journey-grid{gap:18px}.app-poster{height:215px}}
@media(max-width:480px){.catalog-results .app-grid,.app-grid{grid-template-columns:1fr}.catalog-intro h1{font-size:39px;letter-spacing:-1.8px}.catalog-intro .preview-stage{min-height:275px}.catalog-intro .preview{max-width:110px;border-width:4px;border-radius:20px}.catalog-intro .preview img{border-radius:15px}.catalog-search-line{flex-wrap:nowrap}.favorite-filter{font-size:11px;padding:10px;min-width:72px}.collection-chips button{font-size:10px;padding:8px 10px}.app-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 16px;padding:16px;border-radius:22px}.app-poster{grid-row:1/5;grid-column:1;width:110px;height:100%;min-height:235px;margin:0;border-radius:16px;padding:28px 6px 0;align-items:center}.app-poster .preview{width:92px;height:188px;border-width:3px;border-radius:16px}.app-poster .preview img{border-radius:12px}.app-poster .poster-symbol{top:9px;left:9px}.app-poster .poster-symbol svg{width:17px;height:17px}.poster-orbit{width:150px;height:150px;top:60px}.app-card-top{grid-column:2;align-self:start;gap:5px}.app-card-top img{width:27px;height:27px;border:0;border-radius:8px}.app-card-top .app-brand{font-size:11px}.app-card-top .app-kind{font-size:9px}.app-card .favorite{min-width:28px;min-height:36px;font-size:23px;margin-left:auto}.app-card h3{grid-column:2;font-size:18px;margin:12px 0 5px}.app-card>p{grid-column:2;font-size:12px;line-height:1.6;margin:7px 0 12px}.app-card .card-bottom{grid-column:2;flex-wrap:wrap;gap:10px;font-size:9px;margin-top:auto}.app-card .card-bottom>span{font-size:9px}.app-card .app-open{font-size:11px}.category-tile{padding:0 13px 18px}.category-preview{width:calc(100% + 26px);margin:0 -13px 16px;height:173px}.category-preview .preview{width:86px;height:176px}.category-tile h3{font-size:16px}.category-tile p{font-size:11px}.stage-spark{width:18px;height:18px}.tool-hero .preview-stage{min-height:240px}.tool-hero .preview-stage .preview{max-width:99px}.tool-hero .app-heading h1{font-size:36px}.tool-hero .app-logo{width:65px;height:65px}.feedback-panel{padding:23px}.life-screen{border-width:6px}}
@media(prefers-reduced-motion:reduce){.app-card:hover{transform:none}}
@media print{.preview-stage,.app-poster,.category-preview{display:none}.editorial-stage{display:block}.tool-hero,.catalog-intro,.selection-intro,.footer{background:#fff;color:#222}.tool-hero h1,.tool-hero p,.tool-hero .eyebrow{color:#222}.app-card{display:block}}
/* Explicit catalogue rules override the older compact-card layout. */
.catalog-results .app-card{padding:0 20px 20px}.catalog-results .app-card h3{font-size:20px;line-height:1.3;margin-top:18px}.catalog-results .app-card-top{flex-wrap:nowrap}.catalog-results .app-card-top>div{order:initial;width:auto}.catalog-results .app-card-top img{width:40px;height:40px}
@media(max-width:760px){.collection-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}.collection-chips button{flex:none}.tool-hero .preview-stage{min-height:215px}.tool-hero .preview-stage .preview{max-width:90px}}
@media(max-width:480px){.catalog-results .app-card{padding:16px}.catalog-results .app-card h3{font-size:18px;margin:12px 0 5px}.catalog-results .app-card-top img{width:27px;height:27px}.catalog-results .app-card-top{gap:5px}.catalog-results .app-card-top>div{min-width:0}.tool-hero .preview-stage{min-height:210px}.tool-hero .preview-stage .preview{max-width:86px;border-radius:18px}.tool-hero .preview-stage .preview img{border-radius:13px}}
.app-card-top .app-brand,.app-card-top .app-kind{overflow-wrap:anywhere}
@media(max-width:350px){.app-card{grid-template-columns:90px minmax(0,1fr);gap:0 12px}.app-poster{width:90px}.app-poster .preview{width:76px;height:155px;border-radius:14px}.app-poster .preview img{border-radius:10px}.app-card-top img,.catalog-results .app-card-top img{display:none}.catalog-intro h1{font-size:35px}.category-tile h3{font-size:15px}}