/* A distinct visual home for the toolkit. */
body.catalog-home{background:#f5f6fa!important;color:#17233b}
body.catalog-home .site-wrap{max-width:1320px!important;padding-left:clamp(14px,3vw,40px);padding-right:clamp(14px,3vw,40px)}
body.catalog-home .catalog-brand{padding:25px 2px 22px;max-width:1200px}
body.catalog-home .catalog-brand a{font-size:17px;letter-spacing:-.03em}
body.catalog-home .catalog-brand img{width:40px;height:40px;border-radius:12px;box-shadow:0 5px 15px #6556d52b}
body.catalog-home .catalog-brand>span{font-size:12px;letter-spacing:.04em;background:white;padding:9px 14px;border:1px solid #e1e5ee;border-radius:999px;color:#657086}
body.catalog-home .site-wrap>header.site-hero{max-width:1200px!important;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;margin:0 auto 32px;padding:38px 44px!important;border-radius:30px;background:linear-gradient(118deg,#12213d,#242958 65%,#333367);color:white;overflow:hidden;box-shadow:0 18px 40px #26325b18;text-align:left}
body.catalog-home .site-hero::before{inset:0!important;background:radial-gradient(ellipse at 85% 70%,#7355ff70,transparent 50%),radial-gradient(ellipse at 10% 0%,#35cbb82a,transparent 48%);z-index:-1}
body.catalog-home .site-hero .site-hero__inner{align-items:flex-start;gap:16px!important;max-width:570px}
body.catalog-home .site-hero .studio-eyebrow{display:inline-flex!important;align-items:center;gap:8px;color:#b7c8ec;font-size:10px;letter-spacing:.16em;margin:0}
body.catalog-home .studio-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#70e6c9;box-shadow:0 0 14px #70e6c999}
body.catalog-home .site-hero .site-hero__title{color:white!important;font-size:clamp(2.5rem,4.1vw,3.65rem)!important;line-height:1.08;letter-spacing:-.045em}
body.catalog-home .site-hero .site-hero__grad{background:linear-gradient(90deg,#89f2d0,#a9d9ff,#c2b7ff);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:#89f2d0;-webkit-text-fill-color:transparent}
body.catalog-home .site-hero .studio-intro{color:#c2cbe2!important;font-size:15px!important;line-height:1.75;max-width:440px;margin:0}
body.catalog-home .site-hero .site-hero__meta{justify-content:flex-start;gap:14px;margin-top:2px}
body.catalog-home .site-hero .site-hero__pill{border:0;background:transparent;box-shadow:none;color:#b9c6df;padding:0;font-size:11px;font-weight:500}
body.catalog-home .site-hero .site-hero__pill b{color:#89f2d0}.catalog-home .site-hero__pill::before{background:#89f2d0!important;width:4px;height:4px}
.atelier-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 2px}
.atelier-actions a{display:inline-flex;align-items:center;gap:18px;justify-content:center;min-height:46px;padding:13px 18px;border-radius:11px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .2s,background .2s}
.atelier-actions .atelier-primary{color:#162740;background:#91edcf;box-shadow:0 5px 20px #74e7c118}.atelier-actions .atelier-secondary{color:#e4eaff;background:#ffffff0c;border:1px solid #ffffff25}
.atelier-actions a:hover{transform:translateY(-2px)}.atelier-actions a:focus-visible{outline:3px solid #e3fff5;outline-offset:3px}
.atelier-art{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.atelier-art::before{content:"";position:absolute;width:270px;height:270px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff02;transform:rotate(-15deg)}
.atelier-board{width:310px;padding:18px;background:linear-gradient(150deg,#fffffffa,#f0f0ffed);border:1px solid #ffffffb0;border-radius:21px;transform:rotate(-6deg);box-shadow:0 28px 45px #07152b55;position:relative}
.atelier-board__bar{display:flex;gap:5px;align-items:center;padding-bottom:15px;border-bottom:1px solid #dee1ed;margin-bottom:16px}.atelier-board__bar span{width:6px;height:6px;background:#cecbe1;border-radius:50%}.atelier-board__bar small{color:#79829b;font-size:9px;margin-left:auto;letter-spacing:.08em;text-transform:uppercase}
.atelier-board__title{font-size:16px;letter-spacing:-.025em;font-weight:750;color:#263352;margin-bottom:14px}
.atelier-board__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.atelier-tile{height:87px;border-radius:12px;background:#eae6ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7360ca}.atelier-tile:nth-child(2){background:#ddf6ee;color:#209c81}.atelier-tile:nth-child(3){background:#ffe8e6;color:#dc6a79}.atelier-tile svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.atelier-tile span{font-size:9px;font-weight:700}
.atelier-board__footer{height:7px;width:62%;border-radius:8px;background:#dedfeb;margin-top:18px}
.atelier-float{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;background:#ffffffed;box-shadow:0 12px 35px #07152b33;transform:rotate(5deg);right:-4px;bottom:16px;color:#23314d;font-size:11px;font-weight:700;border:1px solid #ffffff}
.atelier-float svg{width:23px;height:23px;fill:none;stroke:#37a78b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.atelier-float--top{left:-14px;right:auto;top:8px;bottom:auto;transform:rotate(5deg);background:#d8cfff;color:#524485}.atelier-float--top svg{stroke:#7d65c9}
body.catalog-home #toolCatalog{padding:0 0 40px}
body.catalog-home .catalog-search{margin:0 0 20px;max-width:none}.catalog-home .catalog-search>svg{top:18px;left:19px}
body.catalog-home #toolCatalog #catalogSearch{min-height:58px!important;border-radius:15px;border-color:#e1e4ed;font-size:15px;background:white;box-shadow:0 3px 12px #20314c04;padding-top:15px!important;padding-bottom:15px!important}
body.catalog-home .catalog-filters{justify-content:flex-start;margin-bottom:27px;gap:7px}
body.catalog-home #toolCatalog .catalog-filter{border:1px solid #e1e5ed;background:white;min-height:40px;padding:9px 15px;font-size:12px;font-weight:650;color:#677086;border-radius:10px}
body.catalog-home #toolCatalog .catalog-filter[aria-pressed=true]{color:white;background:#252b4b;border-color:#252b4b;box-shadow:0 3px 8px #25304b20}
body.catalog-home #toolCatalog .catalog-title-row{margin-bottom:20px;padding:0;gap:12px}.catalog-home #catalogHeading{font-size:24px;letter-spacing:-.035em}.catalog-home #catalogCount{color:#939aad;font-size:12px}
body.catalog-home #toolCatalog .catalog-motion-toggle{min-height:44px;border-radius:10px;border-color:#e0e4ed;background:transparent;color:#858ba0;font-size:11px;padding:10px 12px}
body.catalog-home .catalog-grid{gap:17px}
body.catalog-home #toolCatalog .tool-card{border-radius:19px;min-height:247px;padding:24px 23px;border:1px solid #e4e6ef;background:linear-gradient(145deg,#fff 50%,var(--tint));box-shadow:0 4px 12px #25314b03}
body.catalog-home #toolCatalog .tool-card:hover,body.catalog-home #toolCatalog .tool-card:focus-visible{box-shadow:0 16px 30px #25314b0c;border-color:var(--accent)}
body.catalog-home #toolCatalog .tool-card__top{margin-bottom:20px}.catalog-home #toolCatalog .tool-card__icon{width:61px;height:61px;border-radius:18px;border:1px solid white;box-shadow:0 5px 14px #2332520a;background:linear-gradient(135deg,var(--tint),#fff)}
body.catalog-home #toolCatalog .sleek-icon{width:35px;height:35px}.catalog-home #toolCatalog .tool-card__arrow{background:#fff8;border:1px solid #e5e8ef;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:15px}
body.catalog-home #toolCatalog .tool-card h3{font-size:16px;color:#27314b;font-weight:750;line-height:1.4;margin-bottom:8px}.catalog-home #toolCatalog .tool-card p{font-size:12px;color:#7b8296;line-height:1.75}.catalog-home #toolCatalog .tool-card__category{font-size:9px;letter-spacing:.1em}
body.catalog-home .site-footer,body.catalog-home .seo-guide{margin-top:25px}
body:not(.catalog-home) .atelier-actions,body:not(.catalog-home) .atelier-art{display:none}
@media(max-width:1050px){body.catalog-home .site-wrap>header.site-hero{padding:30px!important;gap:22px;grid-template-columns:1.15fr 1fr}.atelier-board{width:260px}.atelier-art{min-height:280px}.atelier-float{right:-6px;padding:12px}.atelier-float--top{left:-7px;right:auto}.atelier-actions a{font-size:12px;padding:12px 14px;gap:10px}}
@media(max-width:800px){body.catalog-home .site-wrap>header.site-hero{grid-template-columns:minmax(0,1fr);padding:28px!important}.atelier-art{display:none}body.catalog-home .site-hero .site-hero__title{font-size:clamp(2.5rem,7vw,3.3rem)!important}body.catalog-home .site-hero .studio-intro{max-width:570px}.catalog-home #toolCatalog .tool-card{padding:20px 18px;min-height:245px}}
@media(max-width:420px){body.catalog-home .site-wrap{padding-left:14px;padding-right:14px}body.catalog-home .catalog-brand{padding:18px 0}.catalog-home .catalog-brand a{font-size:15px}.catalog-home .catalog-brand img{width:33px;height:33px}body.catalog-home .site-wrap>header.site-hero{padding:25px 22px!important;border-radius:23px;margin-bottom:24px}.catalog-home .site-hero .studio-eyebrow{font-size:8px!important}body.catalog-home .site-hero .site-hero__title{font-size:2.35rem!important}body.catalog-home .site-hero .studio-intro{font-size:13px!important;line-height:1.7}.atelier-actions{gap:8px;width:100%}.atelier-actions a{width:100%;justify-content:space-between;min-height:43px}.atelier-actions .atelier-secondary{display:none}body.catalog-home .site-hero .site-hero__meta{gap:11px}.catalog-home .site-hero .site-hero__pill{font-size:9px!important}.catalog-home #catalogHeading{font-size:22px}.catalog-home #toolCatalog .tool-card{min-height:220px;padding:23px}.catalog-home #toolCatalog .tool-card__top{margin-bottom:17px}}
body.catalog-home .site-hero .site-hero__grad{background:linear-gradient(90deg,#89f2d0,#a9d9ff,#c2b7ff)!important;background-size:200% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
body.catalog-home .site-hero .site-hero__pill{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#c1cce3!important}
body.catalog-home .site-wrap>header.site-hero{margin-bottom:26px!important;padding-top:30px!important;padding-bottom:30px!important}
body.catalog-home .site-hero .site-hero__inner{gap:12px!important}
@media(max-width:420px){body.catalog-home .site-wrap>header.site-hero{padding:25px 22px!important}}