.free-tools-page{min-height:100vh;background:#000;color:#fff;font-family:Barlow,sans-serif}.free-tools-page main{width:min(1180px,calc(100% - 48px));margin:0 auto}.free-tools-hero{max-width:980px;padding:132px 0 124px;animation:tool-rise .65s ease both}.free-tools-hero>span,.tool-header-kicker{color:#67e8f9;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.free-tools-hero h1{margin:24px 0 30px;font-size:clamp(4rem,9vw,8rem);line-height:.84;letter-spacing:-.055em}.free-tools-hero h1 em{color:#999;font-family:"Instrument Serif",serif;font-weight:400}.free-tools-hero p{max-width:680px;margin:0;color:#999;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.55}.free-tools-directory{padding:52px 0 110px}.tool-section-label{display:grid;grid-template-columns:180px 1fr;align-items:end;gap:24px;padding-bottom:24px;border-bottom:1px solid #292929}.tool-section-label>span{color:#67e8f9;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.tool-section-label h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.free-tool-rows>a{display:grid;grid-template-columns:180px minmax(0,1fr) 36px;gap:24px;padding:46px 0;border-bottom:1px solid #1e1e1e;color:#fff;text-decoration:none;transition:border-color .22s ease,transform .22s ease}.free-tool-rows>a:hover{border-color:#666;transform:translate(5px)}.free-tool-number{color:#444;font-family:"Instrument Serif",serif;font-size:28px;font-style:italic}.free-tool-rows small{color:#67e8f9;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.free-tool-rows h2{margin:8px 0 10px;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1}.free-tool-rows p{max-width:720px;margin:0;color:#888;font-size:17px;line-height:1.5}.free-tool-rows i{color:#666;font-size:24px;font-style:normal;transition:color .22s ease,transform .22s ease}.free-tool-rows>a:hover i{color:#fff;transform:translate(3px,-3px)}.free-tools-privacy{display:grid;grid-template-columns:20px 1fr;gap:18px;max-width:760px;margin:0 0 120px auto;padding:32px 0;border-top:1px solid #222;border-bottom:1px solid #222}.free-tools-privacy>span{color:#34d399}.free-tools-privacy strong{font-size:19px}.free-tools-privacy p{margin:7px 0 0;color:#888;line-height:1.6}.free-tool-main{padding:56px 0 120px}.tool-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 72px;color:#666;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tool-breadcrumb a{color:#aaa;text-decoration:none}.tool-breadcrumb a:hover{color:#fff}.tool-header{max-width:970px;padding-bottom:76px;animation:tool-rise .6s ease both}.tool-header h1{max-width:940px;margin:20px 0 25px;font-size:clamp(3.7rem,8vw,7rem);line-height:.88;letter-spacing:-.05em}.tool-header p{max-width:720px;margin:0;color:#999;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.55}.calculator-stage{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);min-height:470px;border-top:1px solid #333;border-bottom:1px solid #333}.calculator-controls{padding:52px 64px 52px 0;border-right:1px solid #292929}.calculator-result{display:flex;flex-direction:column;justify-content:space-between;padding:52px 0 52px 64px}.calculator-stage h2{margin:0 0 34px;font-size:1.5rem}.tool-field{display:block;margin-top:28px}.tool-field>span,.tool-fieldset legend{display:block;margin-bottom:10px;color:#888;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tool-field input,.tool-field select{width:100%;min-height:64px;padding:0 18px;border:1px solid #333;border-radius:12px;outline:none;background:#080808;color:#fff;font:600 1.2rem Barlow,sans-serif;transition:border-color .2s ease,background .2s ease}.tool-field input:focus,.tool-field select:focus{border-color:#67e8f9;background:#0b0b0b}.tool-field small{display:block;margin-top:9px;color:#666;font-size:13px;line-height:1.45}.tempo-presets{display:flex;flex-wrap:wrap;gap:8px}.tempo-presets button{min-width:54px;padding:10px 12px;border:1px solid #2d2d2d;border-radius:999px;background:transparent;color:#888;cursor:pointer;font:600 13px Barlow,sans-serif;transition:border-color .2s ease,color .2s ease,background .2s ease}.tempo-presets button:hover,.tempo-presets button[aria-pressed=true]{border-color:#67e8f9;background:#67e8f912;color:#fff}.tool-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-result-label{color:#67e8f9;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.tool-result-number{display:block;margin:16px 0;font-size:clamp(4.5rem,9vw,8.5rem);font-weight:600;line-height:.84;letter-spacing:-.055em;overflow-wrap:anywhere}.tool-result-unit{color:#888;font-family:"Instrument Serif",serif;font-size:clamp(2.1rem,4vw,3.8rem);font-style:italic}.tool-result-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-top:34px;border-top:1px solid #222}.tool-result-detail span{color:#777;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.tool-result-detail strong{display:block;margin-top:5px;font-size:18px}.formula-strip{display:grid;grid-template-columns:180px 1fr;gap:24px;margin:48px 0 120px}.formula-strip span{color:#666;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.formula-strip code{color:#ddd;font:500 clamp(1.1rem,2.5vw,1.6rem) "Barlow",sans-serif}.tool-content-section{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:80px;padding:80px 0;border-top:1px solid #222}.tool-content-section h2{margin:0;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.96}.tool-copy{min-width:0}.tool-copy p,.tool-copy li{color:#aaa;font-size:17px;line-height:1.72}.tool-copy p:first-child{margin-top:0}.tool-copy strong{color:#fff}.tool-copy ul{padding-left:20px}.tool-table-wrap{width:100%;max-width:100%;margin:28px 0 0;overflow-x:auto}.tool-table{width:100%;border-collapse:collapse;min-width:620px}.tool-table th,.tool-table td{padding:18px 14px;border-bottom:1px solid #222;text-align:right}.tool-table th:first-child,.tool-table td:first-child{padding-left:0;text-align:left}.tool-table th{color:#777;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.tool-table td{color:#bbb;font-variant-numeric:tabular-nums}.tool-table tr.highlight td{color:#fff;background:#67e8f90a}.royalty-results{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:auto;background:#222;border:1px solid #222}.royalty-results div{padding:28px 20px;background:#000}.royalty-results span{color:#777;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.royalty-results strong{display:block;margin-top:8px;font-size:clamp(1.7rem,3vw,2.8rem);font-variant-numeric:tabular-nums}.royalty-results .typical{background:#071313}.royalty-note{margin:24px 0 0;color:#888;font-size:14px;line-height:1.5}.royalty-warning{margin-top:20px;padding:16px 18px;border-left:2px solid #fbbf24;background:#fbbf240f;color:#d4d4d4;font-size:14px;line-height:1.5}.royalty-rate-settings{margin-top:28px;padding-top:24px;border-top:1px solid #222}.royalty-rate-settings summary{display:flex;justify-content:space-between;color:#aaa;cursor:pointer;font-size:14px;font-weight:600;list-style:none}.royalty-rate-settings summary::-webkit-details-marker{display:none}.royalty-rate-settings summary i{color:#67e8f9;font-style:normal;transition:transform .2s ease}.royalty-rate-settings[open] summary i{transform:rotate(45deg)}.tool-mode-switch{display:inline-flex;gap:4px;margin-bottom:28px;padding:4px;border:1px solid #272727;border-radius:999px;background:#080808}.tool-mode-switch button{padding:11px 18px;border:0;border-radius:999px;background:transparent;color:#777;cursor:pointer;font:700 12px Barlow,sans-serif}.tool-mode-switch button[aria-pressed=true]{background:#fff;color:#000}.note-name-result{text-transform:none}.pitch-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tap-stage{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);min-height:560px;border-top:1px solid #333;border-bottom:1px solid #333}.tap-target{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:560px;overflow:hidden;border:0;border-right:1px solid #292929;background:radial-gradient(circle,rgba(103,232,249,.14),transparent 53%),#040404;color:#fff;cursor:pointer;font-family:Barlow,sans-serif;isolation:isolate}.tap-target:before{position:absolute;z-index:-1;width:55%;aspect-ratio:1;border:1px solid rgba(103,232,249,.28);border-radius:50%;content:"";transition:transform .12s ease,background .12s ease}.tap-target:active:before{transform:scale(.88);background:#67e8f914}.tap-target>span{font-size:clamp(4.5rem,10vw,8.8rem);font-weight:600;line-height:.82;letter-spacing:-.06em}.tap-target>small{margin-top:18px;color:#67e8f9;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.tap-panel{display:flex;flex-direction:column;justify-content:space-between;padding:56px 0 56px 64px}.tap-panel h2{max-width:640px;margin:18px 0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95}.tap-panel p{max-width:570px;color:#888;font-size:16px;line-height:1.6}.tap-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:38px 0;border:1px solid #222;background:#222}.tap-stats div{padding:22px;background:#000}.tap-stats span{color:#666;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.tap-stats strong{display:block;margin-top:7px;font-size:20px}.tool-reset-button,.copy-size-button{align-self:flex-start;padding:13px 18px;border:1px solid #333;border-radius:999px;background:transparent;color:#bbb;cursor:pointer;font:700 12px Barlow,sans-serif;transition:border-color .2s ease,color .2s ease}.tool-reset-button:hover,.copy-size-button:hover{border-color:#67e8f9;color:#fff}.tool-reset-button:disabled{cursor:default;opacity:.35}.release-date-readout{display:block;max-width:650px;margin:20px 0;font-size:clamp(3.2rem,6.5vw,6.4rem);font-weight:600;line-height:.88;letter-spacing:-.05em}.release-day-status{display:inline-flex;padding:8px 12px;border:1px solid #333;border-radius:999px;color:#999;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.release-day-status.is-friday{border-color:#34d39966;background:#34d3990f;color:#6ee7b7}.release-timeline{position:relative}.release-timeline:before{position:absolute;top:24px;bottom:24px;left:156px;width:1px;background:#2b2b2b;content:""}.release-timeline article{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);gap:48px;padding:0 0 38px}.release-timeline article:before{position:absolute;top:8px;left:151px;width:11px;height:11px;border:2px solid #67e8f9;border-radius:50%;background:#000;content:""}.release-timeline time{color:#777;font-size:12px;font-weight:700;line-height:1.45;text-transform:uppercase}.release-timeline h3{margin:0 0 7px;font-size:22px}.release-timeline p{margin:0;color:#888;font-size:15px;line-height:1.55}.release-timeline .release-milestone h3{color:#67e8f9}.release-timeline .release-milestone:before{box-shadow:0 0 0 7px #67e8f914;background:#67e8f9}.social-size-stage{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);min-height:720px;border-top:1px solid #333;border-bottom:1px solid #333}.social-format-list{padding:48px 46px 48px 0;border-right:1px solid #292929}.social-format-list h2{margin:0 0 28px;font-size:1.5rem}.social-format-list button{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;width:100%;padding:17px 0;border:0;border-bottom:1px solid #202020;background:transparent;color:#fff;cursor:pointer;text-align:left}.social-format-list button>span{color:#777;font-size:11px;font-weight:700;text-transform:uppercase}.social-format-list button>strong{font-size:15px}.social-format-list button>small{color:#666;font-size:11px}.social-format-list button[aria-pressed=true]>span,.social-format-list button[aria-pressed=true]>small{color:#67e8f9}.social-format-list button[aria-pressed=true]>strong{color:#fff}.social-format-result{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:52px 0 52px 64px}.social-frame-wrap{display:flex;align-items:center;justify-content:center;height:310px;margin-bottom:36px;border:1px solid #1e1e1e;border-radius:22px;background:radial-gradient(circle at center,rgba(103,232,249,.08),transparent 65%),#050505}.social-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(82%,var(--preview-width));height:auto;border:1px solid rgba(103,232,249,.46);border-radius:14px;background:linear-gradient(145deg,#67e8f917,#a855f714);box-shadow:0 20px 60px #00000073}.social-frame>span{color:#67e8f9;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.social-frame>strong{margin:8px 0;font-size:clamp(2rem,4vw,4rem)}.social-frame>small{max-width:190px;color:#777;font-size:9px;line-height:1.35;text-align:center}.social-dimensions{margin:13px 0 12px;font-size:clamp(3rem,6vw,6rem);line-height:.88;letter-spacing:-.05em}.social-format-meta{display:flex;flex-wrap:wrap;gap:8px}.social-format-meta span{padding:7px 10px;border:1px solid #292929;border-radius:999px;color:#888;font-size:11px}.social-format-result>p{max-width:600px;color:#888;line-height:1.55}.official-reference-links a{color:#d4d4d4;text-underline-offset:4px}.tool-faq,.related-tools{padding:80px 0;border-top:1px solid #222}.tool-faq-list details{border-bottom:1px solid #222}.tool-faq-list summary{display:flex;justify-content:space-between;gap:24px;padding:27px 0;cursor:pointer;color:#eee;font-size:19px;font-weight:600;list-style:none}.tool-faq-list summary::-webkit-details-marker{display:none}.tool-faq-list summary i{color:#67e8f9;font-style:normal;font-weight:400;transition:transform .2s ease}.tool-faq-list details[open] summary i{transform:rotate(45deg)}.tool-faq-list details p{max-width:780px;margin:-6px 0 28px;color:#999;font-size:16px;line-height:1.7}.tool-link-list>a{display:grid;grid-template-columns:180px 1fr 28px;gap:24px;padding:30px 0;border-bottom:1px solid #222;color:#fff;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.tool-link-list>a:hover{border-color:#666;transform:translate(4px)}.tool-link-list span{color:#67e8f9;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.tool-link-list strong{font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.1}.tool-link-list i{color:#777;font-size:20px;font-style:normal}.free-tool-cta{margin-top:60px;padding:64px;border:1px solid #242424;border-radius:28px;background:radial-gradient(circle at 90% 20%,rgba(8,145,178,.16),transparent 42%),#070707}.free-tool-cta>span{color:#67e8f9;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.free-tool-cta h2{margin:14px 0 12px;font-size:clamp(2.7rem,6vw,5rem);line-height:.92}.free-tool-cta p{max-width:580px;color:#999;font-size:17px}.free-tool-cta a{display:inline-flex;gap:18px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid #555;color:#fff;font-weight:700;text-decoration:none}.free-tool-cta i{font-style:normal}@keyframes tool-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.free-tools-page main{width:min(100% - 40px,1180px)}.free-tools-hero{padding:76px 0 84px}.free-tools-hero h1{font-size:4rem}.tool-section-label{grid-template-columns:1fr;gap:10px}.free-tool-rows>a{grid-template-columns:42px minmax(0,1fr) 22px;gap:8px;padding:34px 0}.free-tool-rows p{font-size:15px}.free-tool-main{padding-top:28px}.tool-breadcrumb{margin-bottom:48px}.tool-header{padding-bottom:56px}.tool-header h1{font-size:3.8rem}.calculator-stage{grid-template-columns:1fr}.calculator-controls{padding:38px 0;border-right:0;border-bottom:1px solid #292929}.calculator-result{min-height:390px;padding:38px 0}.tool-mode-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.tool-mode-switch button{padding-inline:8px}.tool-field-row{grid-template-columns:1fr;gap:0}.tap-stage{grid-template-columns:1fr}.tap-target{min-height:390px;border-right:0;border-bottom:1px solid #292929}.tap-panel{padding:42px 0}.release-timeline:before{left:7px}.release-timeline article{grid-template-columns:1fr;gap:8px;padding-left:34px}.release-timeline article:before{left:2px}.release-timeline time{color:#67e8f9}.social-size-stage{grid-template-columns:1fr}.social-format-list{padding:38px 0;border-right:0;border-bottom:1px solid #292929}.social-format-list button{grid-template-columns:74px minmax(0,1fr) auto}.social-format-result{padding:42px 0}.social-frame-wrap{height:260px}.formula-strip{grid-template-columns:1fr;gap:10px;margin-bottom:80px}.tool-content-section{grid-template-columns:1fr;gap:34px;padding:64px 0}.royalty-results{grid-template-columns:1fr}.tool-faq,.related-tools{padding:64px 0}.tool-link-list>a{grid-template-columns:1fr 22px;gap:8px}.tool-link-list span{grid-column:1 / -1}.free-tool-cta{padding:38px 26px;border-radius:22px}}@media(prefers-reduced-motion:reduce){.free-tools-hero,.tool-header{animation:none}.free-tool-rows>a,.free-tool-rows i,.tool-link-list>a,.tool-faq-list summary i,.tempo-presets button,.royalty-rate-settings summary i,.tap-target:before,.tool-reset-button,.copy-size-button{transition:none}}
