/* Animation Builder: compact home feature and light internal directory. */
.hero-copy>.eyebrow{letter-spacing:.17em}
.hero-copy h1{margin-bottom:22px}
.hero-specialty{display:flex;align-items:flex-start;gap:11px;max-width:44ch;margin:0;color:var(--dark-secondary);font:400 clamp(15px,1.35vw,19px)/1.5 var(--display);letter-spacing:0}
.hero-specialty::before{content:'';width:8px;height:8px;flex:none;margin-top:.55em;background:var(--orange)}
.hero-specialty+.hero-btns{margin-top:38px}
main>.band-free-tools{background:var(--gray);color:var(--ink);padding:clamp(34px,4vw,55px) 0}
.free-tools-home{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,5vw,76px)}
.free-tools-copy h2{max-width:490px;font-size:clamp(30px,3.5vw,50px);line-height:1.02;margin:17px 0}
.free-tools-copy .band-note{max-width:410px;font-size:clamp(16px,1.45vw,20px);line-height:1.42}
.free-tools-copy .band-cta{margin-top:22px}
.free-tools-all-link{display:inline-flex;gap:9px;align-items:center;margin-top:20px;padding-bottom:6px;border-bottom:1px solid var(--ink);font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.1em}
.free-tools-all-link:hover,.free-tools-all-link:focus-visible{color:var(--paper);border-color:var(--paper)}
.free-tool-feature{display:grid;grid-template-columns:42% 58%;min-height:260px;background:var(--paper);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink);min-width:0;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease}
.free-tool-feature:hover,.free-tool-feature:focus-within{border-color:var(--orange);box-shadow:7px 7px 0 var(--orange)}
.free-tool-screen{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:260px;background:var(--ink);color:var(--paper)}
.free-tool-demo{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
.demo-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(241,246,244,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(241,246,244,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}
.demo-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center}
.demo-orbit{position:absolute;top:50%;left:50%;width:138px;height:138px;border:1px solid rgba(241,246,244,.28);transform:translate(-50%,-50%) rotate(45deg)}
.orbit-two{width:205px;height:205px;opacity:.5}
.demo-object{position:relative;z-index:1;width:66px;height:66px;display:grid;place-items:center;background:var(--orange);color:var(--ink);font-size:44px;line-height:1;will-change:transform,opacity}
.demo-corner{position:relative;z-index:2;display:block;align-self:flex-start;margin:17px 18px 0;font:700 10px var(--mono);letter-spacing:.13em}
.free-tool-controls{position:relative;z-index:2;display:flex;flex:none;justify-content:flex-end;gap:0;border-top:1px solid rgba(241,246,244,.35)}
.free-tool-controls span{display:grid;place-items:center;padding:12px 15px;min-height:44px;border-left:1px solid rgba(241,246,244,.35);color:var(--paper);font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.1em}
.free-tool-controls .decorative-loop{background:var(--orange);color:var(--ink);border-color:var(--orange)}
.band-free-tools.is-preview-playing .demo-object{animation:home-tool-preview 4s ease-in-out infinite}
@keyframes home-tool-preview{0%{opacity:.65;transform:translateX(-16px) scale(.72) rotate(-24deg)}22%{opacity:1;transform:translateX(5px) scale(1.1) rotate(8deg)}36%,82%{opacity:1;transform:none}100%{opacity:.65;transform:translateX(-16px) scale(.72) rotate(-24deg)}}
.free-tool-details{grid-column:1;grid-row:1;padding:22px;display:flex;align-items:stretch}
.free-tool-details>div{display:flex;flex-direction:column;min-width:0}
.free-tool-kicker{font:700 10px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--orange-text)}
.free-tool-details h3{font-size:clamp(25px,2.2vw,34px);line-height:1.02;margin:20px 0 8px}
.free-tool-details h3 a{display:inline-flex;align-items:baseline;gap:8px}
.free-tool-details h3 a span{color:var(--orange-text);font-size:19px}
.free-tool-details h3 a:hover{color:var(--orange-text)}
.free-tool-details p{font-size:13px;line-height:1.4;margin:0 0 11px}
.free-tool-details p:last-child{margin:auto 0 0;padding-top:10px;border-top:1px solid var(--ink-18)}
.free-tools-index{max-width:1100px;margin:auto;padding-bottom:28px}
.free-tools-index-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 50px;align-items:end;margin:6px 0 28px}
.free-tools-index-kicker{font:700 11px var(--mono);letter-spacing:.15em;color:var(--orange-text);text-transform:uppercase}
.free-tools-index-intro .free-tools-index-kicker{grid-column:1/-1}
.free-tools-index-intro h2{font-size:clamp(36px,5vw,62px)}
.free-tools-index-intro>p:last-child{font-size:18px;line-height:1.5;max-width:520px}
.free-tools-index-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink-18);background:var(--white)}
.free-tools-index-art{min-height:350px;background:var(--ink);color:var(--orange);position:relative;display:grid;place-items:center;overflow:hidden}
.index-art-ring{width:min(230px,29vw);aspect-ratio:1;border:1px solid var(--pap-30);animation:directory-ring-turn 6s linear infinite}
.index-art-object{position:absolute;font-size:120px;line-height:1;color:var(--orange);animation:directory-star-turn 2.8s linear infinite}
@keyframes directory-ring-turn{from{transform:rotate(45deg)}to{transform:rotate(135deg)}}
@keyframes directory-star-turn{from{transform:rotate(0deg)}to{transform:rotate(45deg)}}
@media(prefers-reduced-motion:reduce){.index-art-ring,.index-art-object{animation:none}.index-art-ring{transform:rotate(45deg)}}
.index-art-caption{position:absolute;left:22px;top:22px;color:var(--paper);font:700 10px var(--mono);letter-spacing:.14em}
.free-tools-index-info{padding:clamp(22px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start}
.free-tools-index-info h3{font-size:clamp(32px,4vw,52px);margin:12px 0 5px}
.free-tools-index-platform{font-weight:700;margin-bottom:22px}
.free-tools-index-info>p:not(.free-tools-index-kicker){font-size:17px;line-height:1.5}
.free-tools-index-info ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0}
.free-tools-index-info li{border:1px solid var(--ink-18);padding:7px 10px;font:700 10px var(--mono);text-transform:uppercase}
.free-tools-index-info .btn{margin-top:auto}
.free-tools-index-bottom{font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase;margin-top:18px}
@media(max-width:900px){.free-tools-home{grid-template-columns:1fr;gap:26px}.free-tool-feature{max-width:760px}.free-tools-copy h2{max-width:680px}.free-tools-index-intro{grid-template-columns:1fr;gap:12px}.free-tools-index-intro .free-tools-index-kicker{grid-column:auto}}
@media(max-width:640px){main>.band-free-tools{padding:28px 0}.free-tools-home{gap:20px}.free-tools-copy h2{margin:12px 0;font-size:30px}.free-tools-copy .band-note{font-size:15px}.free-tools-all-link{margin-top:12px}.free-tool-feature{display:block}.free-tool-screen{height:190px;min-height:190px}.free-tool-details{min-height:175px;padding:16px 20px}.free-tool-details h3{margin:9px 0 4px}.free-tool-details p{margin-bottom:6px}.free-tools-index-card{grid-template-columns:1fr}.free-tools-index-art{min-height:220px}.index-art-ring{width:min(145px,38vw)}.index-art-object{font-size:95px}.free-tools-index-info{padding:24px}.free-tools-index-info .btn{margin-top:0}.free-tools-index-info ul{margin:18px 0}.free-tools-index-intro>p:last-child{font-size:16px}}
@media(max-width:380px){.free-tool-controls span{padding:10px 12px}.free-tool-details{padding:18px}.free-tool-details h3{font-size:26px}.hero-specialty{font-size:15px}}
@media(prefers-reduced-motion:reduce){.band-free-tools.is-preview-playing .demo-object{animation:none}}