.page-module__SxYCMW__page{width:min(100%,1280px);min-height:100dvh;margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}.page-module__SxYCMW__hero{text-align:center;justify-items:center;padding-block:clamp(76px,10vw,132px);display:grid}.page-module__SxYCMW__eyebrow{color:var(--color-accent);font-size:13px;font-weight:400}.page-module__SxYCMW__hero h1{max-width:980px;margin-top:18px;font-size:clamp(48px,7.5vw,92px);font-weight:400;line-height:1}.page-module__SxYCMW__intro{max-width:680px;color:var(--color-text-muted);margin-top:24px;font-size:clamp(18px,2vw,21px);line-height:1.55}.page-module__SxYCMW__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.page-module__SxYCMW__colorStage{border:1px solid var(--color-border);background:var(--color-surface);text-align:left;border-radius:10px;width:100%;margin-top:clamp(58px,8vw,92px);overflow:hidden;box-shadow:0 2px 4px #00000012}.page-module__SxYCMW__colorStrip{grid-template-columns:repeat(5,minmax(0,1fr));height:clamp(190px,26vw,320px);display:grid}.page-module__SxYCMW__colorStrip span:first-child{background:#ff3c2b}.page-module__SxYCMW__colorStrip span:nth-child(2){background:#fabb05}.page-module__SxYCMW__colorStrip span:nth-child(3){background:#34a853}.page-module__SxYCMW__colorStrip span:nth-child(4){background:#4285f4}.page-module__SxYCMW__colorStrip span:nth-child(5){background:#7c5cff}.page-module__SxYCMW__stageCaption{justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding-inline:clamp(18px,3vw,30px);display:flex}.page-module__SxYCMW__stageCaption span:first-child{color:var(--color-text);font-weight:400}.page-module__SxYCMW__stageCaption span:last-child{color:var(--color-text-muted);font-size:13px}.page-module__SxYCMW__tools{padding-block:clamp(22px,9vw,42px)}.page-module__SxYCMW__sectionHeading{width:100%}.page-module__SxYCMW__sectionHeading h2{margin-top:10px;font-size:clamp(30px,4.5vw,54px);font-weight:400;line-height:1.08}.page-module__SxYCMW__toolGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:44px;display:grid}.page-module__SxYCMW__toolCard{border:1px solid var(--color-border);height:100%;transition:border-color var(--transition), transform var(--transition);border-radius:10px;display:block;overflow:hidden}.page-module__SxYCMW__toolArt{--art-one:#ff3c2b;--art-two:#fabb05;--art-three:#7c5cff;background:radial-gradient(circle at 12% 18%, #ffffff80, transparent 30%), linear-gradient(135deg, var(--art-one), var(--art-two));isolation:isolate;place-items:center;height:clamp(210px,24vw,290px);transition:transform .24s;display:grid;position:relative;overflow:hidden}.page-module__SxYCMW__toolCard:hover .page-module__SxYCMW__toolArt{transform:scale(1.025)}.page-module__SxYCMW__toolArt[data-tool-art=converter]{--art-one:#4285f4;--art-two:#8f6cff;--art-three:#7de3ff}.page-module__SxYCMW__toolArt[data-tool-art=contrast]{--art-one:#151519;--art-two:#f4f5f8;--art-three:#c8ff61}.page-module__SxYCMW__toolArt[data-tool-art=mixer]{--art-one:#ff5ea8;--art-two:#5d79ff;--art-three:#79e2cf}.page-module__SxYCMW__toolArt[data-tool-art=builder]{--art-one:#ff3c2b;--art-two:#7c5cff;--art-three:#fabb05}.page-module__SxYCMW__toolArt[data-tool-art=palettes]{--art-one:#34a853;--art-two:#4285f4;--art-three:#ea4335}.page-module__SxYCMW__toolArt[data-tool-art=wheel]{--art-one:#ff4f64;--art-two:#7357ff;--art-three:#22d3a7;background:conic-gradient(from 210deg,#ff4f64,#fabb05,#34a853,#4285f4,#7357ff,#ff4f64)}.page-module__SxYCMW__toolArt[data-tool-art=scales]{--art-one:#dce8ff;--art-two:#315fd4;--art-three:#10265f}.page-module__SxYCMW__toolArt[data-tool-art=gradient]{--art-one:#ff8a3d;--art-two:#ef4f9a;--art-three:#7157ff}.page-module__SxYCMW__toolArt[data-tool-art=image]{--art-one:#39c6b3;--art-two:#ff8f75;--art-three:#ffd85c}.page-module__SxYCMW__artShape{aspect-ratio:1;background:var(--art-three);opacity:.92;border-radius:32% 68% 56% 44%;width:46%;display:block;position:absolute;box-shadow:0 18px 40px #00000029}.page-module__SxYCMW__artShape:first-child{top:-20%;left:-8%;transform:rotate(18deg)}.page-module__SxYCMW__artShape:nth-child(2){background:var(--art-one);bottom:-28%;right:-10%;transform:rotate(54deg)}.page-module__SxYCMW__artShape:nth-child(3){width:26%;box-shadow:none;background:#ffffff7a;border-radius:50%;top:12%;right:16%}.page-module__SxYCMW__toolArt[data-tool-art=contrast] .page-module__SxYCMW__artShape:first-child,.page-module__SxYCMW__toolArt[data-tool-art=scales] .page-module__SxYCMW__artShape:first-child{border-radius:18px}.page-module__SxYCMW__toolArt[data-tool-art=wheel] .page-module__SxYCMW__artShape:first-child{width:52%;box-shadow:none;background:0 0;border:18px solid #ffffffb8;border-radius:50%;top:24%;left:8%}.page-module__SxYCMW__toolIcon{z-index:1;color:#17171a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #ffffffb8;border-radius:22px;place-items:center;width:72px;height:72px;display:grid;position:relative;box-shadow:0 10px 28px #00000029}.page-module__SxYCMW__toolIcon svg{width:30px;height:30px}.page-module__SxYCMW__toolBody{min-height:128px;padding:24px;display:block}.page-module__SxYCMW__toolCopy{gap:7px;display:grid}.page-module__SxYCMW__toolCopy strong{font-size:20px;font-weight:400}.page-module__SxYCMW__toolCopy small{color:var(--color-text-muted);font-size:14px;line-height:1.45}.page-module__SxYCMW__closing{text-align:center;place-items:center;display:grid}.page-module__SxYCMW__closing h2{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-text) 50%, transparent) 0 50%, var(--color-text) 50% 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(58px,14vw,180px);font-weight:400;line-height:.9}.page-module__SxYCMW__toolCard:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (max-width:720px){.page-module__SxYCMW__colorStrip{height:210px}.page-module__SxYCMW__toolGrid{grid-template-columns:1fr}}@media (max-width:560px){.page-module__SxYCMW__hero{padding-top:64px}.page-module__SxYCMW__hero h1{font-size:clamp(44px,14vw,68px)}.page-module__SxYCMW__colorStrip{height:170px}.page-module__SxYCMW__stageCaption{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:84px}.page-module__SxYCMW__toolArt{height:210px}.page-module__SxYCMW__toolBody{min-height:116px;padding:20px}}@media (prefers-reduced-motion:reduce){.page-module__SxYCMW__toolArt{transition:none}}