.themes-page{color:#15151d}.themes-page .nav-link[aria-current="page"]{color:#6955df}.themes-hero{background:radial-gradient(ellipse at 63% 45%,#f0ecff 0%,transparent 57%),linear-gradient(120deg,#fff 15%,#f8f7ff 70%,#fff4f7);overflow:hidden}.themes-hero__layout{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:center;min-height:390px;padding-block:38px}.themes-eyebrow{display:inline-flex;gap:13px;padding:11px 15px;background:#fff;border:1px solid #edeaf7;border-radius:30px;font-size:12px;font-weight:800;letter-spacing:.13em;color:#3153b8}.themes-eyebrow span{color:#b5adc8}.themes-hero h1{font-size:clamp(39px,4.3vw,64px);letter-spacing:-.06em;line-height:1.08;margin:20px 0 14px;font-weight:750}.themes-hero h1 em,.themes-cta h2 em{font-style:normal;color:#7858f3}.themes-hero__copy>p{font-size:16px;line-height:1.75;color:#566078;max-width:530px}.themes-hero__pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.themes-hero__pills span{padding:10px 13px;background:#fff;border:1px solid #f0edf8;border-radius:28px;font-size:12px;font-weight:650;box-shadow:0 4px 15px #3330470a}.themes-hero__art{display:flex;align-items:center;position:relative;min-height:315px}.themes-hero__art img{object-fit:cover;width:57%;border-radius:15px;border:5px solid #fff;box-shadow:0 16px 42px #24213724}.themes-hero__restaurant{transform:rotate(-5deg);z-index:1}.themes-hero__cafe{margin-left:-10%;transform:rotate(5deg)}.themes-catalog{padding-block:64px 26px}.themes-catalog__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.themes-catalog h2,.themes-steps h2{font-size:clamp(28px,3vw,39px);letter-spacing:-.045em;margin:0 0 9px}.themes-catalog__head p{color:#69728a;margin:0;font-size:15px}.themes-filters{display:flex;gap:9px}.themes-filters button{cursor:pointer;border:1px solid #e5e6ed;background:#fff;border-radius:9px;padding:12px 18px;font-size:14px;font-weight:650;color:#343747}.themes-filters button.is-active{background:#16171d;border-color:#16171d;color:#fff;box-shadow:0 8px 18px #1010181c}.themes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.theme-card{min-width:0;border:1px solid #e9e9f0;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 10px 30px #11112308}.theme-card__visual{aspect-ratio:1.55;background:#f4f1ed;overflow:hidden}.theme-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.theme-card:hover .theme-card__visual img{transform:scale(1.025)}.theme-card__body{padding:23px 26px 25px}.theme-card__category{display:inline-flex;border-radius:8px;padding:7px 11px;background:#fff1e5;color:#af5926;font-size:12px;font-weight:750}.theme-card h3{font-size:24px;letter-spacing:-.035em;margin:13px 0 6px}.theme-card p{font-size:14px;line-height:1.6;color:#646e83;min-height:44px;margin:0}.theme-card__features{display:flex;flex-wrap:wrap;gap:12px 18px;margin:19px 0 22px;padding:0;list-style:none;font-size:12px;font-weight:650}.theme-card__features li{white-space:nowrap}.theme-card__features li::first-letter{color:#14b87b}.theme-card__actions,.themes-cta__actions{display:flex;gap:10px}.themes-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;min-height:46px;padding:12px 18px;border-radius:9px;border:1px solid #e4e5eb;font-size:14px;font-weight:700;text-decoration:none;font-family:inherit}.theme-card__actions .themes-btn{flex:1}.themes-btn--dark{color:#fff;border-color:#17171e;background:#17171e}.themes-btn--dark:hover{background:#383442}.themes-btn--light{color:#17171e;background:#fbfbfd}.themes-btn--light:hover{background:#f0edfa}.themes-benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ebeaf3;border-radius:13px;margin-top:15px;box-shadow:0 5px 22px #221b4408}.themes-benefits>div{display:grid;grid-template-columns:50px 1fr;column-gap:12px;align-items:center;padding:21px 16px;border-right:1px solid #edecf4}.themes-benefits>div:last-child{border:0}.themes-benefit-icon{grid-row:span 2;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:25px}.themes-benefit-icon.violet{background:#f0eaff;color:#8854f9}.themes-benefit-icon.mint{background:#e2faf1;color:#18bb91}.themes-benefit-icon.blue{background:#eaf0ff;color:#547afb}.themes-benefit-icon.amber{background:#fff0e1;color:#e9983c}.themes-benefits strong{font-size:13px}.themes-benefits p{color:#798095;font-size:12px;line-height:1.5;margin:4px 0 0}.themes-steps{text-align:center;padding-block:67px 70px}.themes-section-label{color:#785cf2;font-weight:800;font-size:11px;letter-spacing:.18em}.themes-steps h2{margin:12px 0 29px}.themes-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:left}.themes-steps__grid>div{display:grid;grid-template-columns:47px 1fr;gap:3px 12px;align-items:center}.themes-steps__grid span{grid-row:span 2;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#f1edff;color:#7051f3;font-weight:800}.themes-steps__grid strong{font-size:13px}.themes-steps__grid p{font-size:12px;color:#778095;line-height:1.5;margin:0}.themes-cta{text-align:center;padding:43px 0 50px;border:1px solid #e7e0ff;border-radius:16px 16px 0 0;background:radial-gradient(circle at 1% 90%,#eee8ff,transparent 35%),radial-gradient(circle at 97% 20%,#eeeaff,transparent 36%),#fbfaff}.themes-cta h2{font-size:clamp(26px,3vw,37px);letter-spacing:-.05em;margin:13px 0 9px}.themes-cta p{margin:0 0 21px;color:#677087;font-size:14px}.themes-cta__actions{justify-content:center}.themes-dialog{width:min(960px,calc(100% - 36px));max-height:90vh;border:1px solid #eeedf4;border-radius:18px;padding:0;box-shadow:0 30px 100px #090a2050;overflow:auto}.themes-dialog::backdrop{background:#111322b3;backdrop-filter:blur(5px)}.themes-dialog__content{display:grid;grid-template-columns:1.3fr 1fr}.themes-dialog__content>img{width:100%;height:100%;object-fit:cover;align-self:stretch}.themes-dialog__copy{padding:45px 27px}.themes-dialog__copy h2{margin:15px 0;font-size:28px}.themes-dialog__copy p,.themes-dialog__copy li{font-size:14px;line-height:1.65;color:#666e83}.themes-dialog__copy ul{padding-left:20px;margin-bottom:25px}.themes-dialog__close{position:absolute;right:13px;top:12px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 13px #0002;cursor:pointer;font-size:26px}.themes-dialog__copy[hidden] + *{display:none}.themes-dialog__content:has(.themes-dialog__copy[hidden]){display:block}.themes-dialog__content:has(.themes-dialog__copy[hidden])>img{height:auto;max-height:82vh;object-fit:contain}@media(max-width:1050px){.themes-hero__layout{grid-template-columns:1fr 1fr;gap:20px}.themes-benefits{grid-template-columns:repeat(2,1fr)}.themes-benefits>div:nth-child(2){border-right:0}.themes-benefits>div:nth-child(-n+2){border-bottom:1px solid #edecf4}.themes-steps__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.themes-hero__layout{grid-template-columns:1fr;padding-block:37px 23px}.themes-hero__art{min-height:220px;justify-content:center}.themes-hero__art img{width:53%}.themes-hero h1{font-size:42px}.themes-catalog{padding-top:42px}.themes-catalog__head{align-items:start;flex-direction:column}.themes-grid{grid-template-columns:1fr}.themes-filters{width:100%}.themes-filters button{flex:1;padding:10px}.themes-steps__grid{gap:23px}.themes-dialog__content{grid-template-columns:1fr}.themes-dialog__content>img{max-height:300px}.themes-dialog__copy{padding:23px}.theme-card__visual{aspect-ratio:1.55}}@media(max-width:480px){.themes-hero h1{font-size:37px}.themes-hero__pills span{font-size:11px}.theme-card__body{padding:19px}.theme-card__features{gap:10px}.theme-card__actions{flex-direction:column}.themes-benefits{grid-template-columns:1fr}.themes-benefits>div{border-right:0;border-bottom:1px solid #edecf4}.themes-benefits>div:nth-child(2){border-bottom:1px solid #edecf4}.themes-steps__grid{grid-template-columns:1fr}.themes-cta__actions{flex-wrap:wrap}.themes-cta__actions a{flex:1}}@media(prefers-reduced-motion:reduce){.theme-card__visual img{transition:none}.theme-card:hover .theme-card__visual img{transform:none}}
/* Consistent scalable icons for theme benefits */
.themes-benefit-icon svg{display:block;width:24px;height:24px;flex:none;stroke:currentColor}

/* Category filter icons: consistent, visible and aligned */
.themes-filters button{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.themes-filters button svg{display:block;width:21px;height:21px;flex:none;stroke:currentColor}
@media(max-width:480px){.themes-filters button{gap:6px;padding:10px 7px;font-size:13px}.themes-filters button svg{width:19px;height:19px}}