.creator-tools{padding-top:65px;padding-bottom:95px;scroll-margin-top:30px}.tools-heading>p{color:#d7b3ed;font-size:11px;letter-spacing:.15em;margin-bottom:15px}.tools-heading h2{font-size:clamp(30px,4vw,55px);letter-spacing:-.04em;line-height:1.1;margin-bottom:32px}.creator-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.creator-tool{display:flex;flex-direction:column;background:#1a2027;border:1px solid #3b414d;border-radius:24px;overflow:hidden;min-width:0}.tool-art{background:radial-gradient(ellipse at center,#67506e,#25212d);display:grid;place-items:center;height:300px;padding:25px;overflow:hidden}.tool-frame{position:relative;width:140px;aspect-ratio:9/16;background:#b89acc;color:#291b33;border-radius:15px;padding:45px 19px;box-shadow:12px 18px 40px #0005;transform:rotate(-7deg)}.tool-frame>span{font:600 31px/.94 Raleway,sans-serif;letter-spacing:-.06em}.tool-frame em{font-family:Georgia,serif;color:white}.tool-frame i{position:absolute;inset:31px 24px 57px 12px;border:1px dashed #e2ffe9}.tool-frame b{position:absolute;right:9px;bottom:47px;color:white;font-size:15px;line-height:1.8}.tool-copy{padding:30px 32px 32px;flex:1}.tool-tag{font-size:10px;letter-spacing:.12em;color:#d7b3ed}.tool-copy h3{font-size:clamp(24px,2.6vw,37px);line-height:1.15;letter-spacing:-.04em;margin:13px 0 17px}.tool-copy p{color:#afbbc6;font-size:14px;line-height:1.7;max-width:46ch}.tool-action{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #75818e;padding-bottom:11px;margin-top:25px;color:#e5caee;font-size:14px;max-width:270px}.tool-action>span{font-size:24px}.tool-copy small{display:block;font-size:11px;color:#a9b9bd;margin-top:14px}a.creator-tool:hover{border-color:#c6a2d9}.creator-tool:focus-visible{outline:3px solid #d7b3ed;outline-offset:5px}.creator-tool-soon{background:#171d23;border-color:#343c46}.tool-tag-soon{display:inline-block;border:1px solid #6b597b;border-radius:20px;padding:5px 10px;font-size:9px;line-height:1.4}.creator-tool-soon h3{margin-top:13px}.booster-art{background:radial-gradient(ellipse at 45% 60%,#4b526b,#222832 75%)}.booster-window{width:80%;max-width:340px;background:#1c212b;border:1px solid #79829577;border-radius:12px;box-shadow:10px 18px 35px #0005;transform:rotate(4deg);overflow:hidden}.booster-window-bar{height:25px;display:flex;gap:5px;align-items:center;padding:0 12px;border-bottom:1px solid #76829c30}.booster-window-bar i{width:4px;height:4px;background:#929aad;border-radius:50%}.booster-screen{height:135px;margin:10px;position:relative;background:linear-gradient(125deg,#c8bdcd,#8d80a9 65%,#655c7a);color:#302638;border-radius:5px;padding:20px 24px;overflow:hidden}.booster-screen>span{font:600 27px/1 Raleway,sans-serif;letter-spacing:-.045em}.booster-screen em{font-family:Georgia,serif;font-weight:400;color:white}.booster-screen>b{position:absolute;right:22px;bottom:20px;font-size:28px;font-weight:400;color:#f2e9f7}.booster-timeline{position:relative;padding:0 12px 12px;display:grid;gap:5px}.booster-timeline>i{display:block;height:10px;width:83%;border-radius:3px;background:repeating-linear-gradient(90deg,#9b81b0 0 35px,#292836 35px 38px)}.booster-timeline>i:nth-child(2){width:65%;margin-left:22%;background:#6c8f88}.booster-timeline>i:nth-child(3){width:90%;background:repeating-linear-gradient(90deg,#586875 0 2px,#789199 2px 4px)}.booster-timeline>b{position:absolute;top:-3px;bottom:7px;left:52%;width:1px;background:#efe5f4}.booster-timeline>b:before{content:'';position:absolute;top:0;left:-3px;width:7px;height:5px;background:#efe5f4;border-radius:1px}@media(max-width:700px){.creator-tools-grid{grid-template-columns:1fr;gap:20px}.tool-art{height:260px;padding:24px}.tool-frame{width:125px;padding:40px 16px}.tool-frame>span{font-size:27px}.tool-copy{padding:27px}.tool-copy h3{font-size:29px}.creator-tools{padding-block:40px 60px}.booster-window{width:85%;max-width:300px}}@media(max-width:600px){.header nav{gap:14px;font-size:12px}}

.tagger-art{background:radial-gradient(ellipse,#614a75,#26212e);padding:10px}.tagger-art img{display:block;width:100%;height:auto;max-width:420px}.creator-tools-grid .tool-copy{padding:26px}.creator-tools-grid .tool-copy h3{font-size:clamp(24px,2.4vw,32px)}
@media(min-width:701px) and (max-width:1000px){.creator-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-tools-grid .creator-tool-soon{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.creator-tool-soon .tool-copy{align-self:center}}
