/* Shared visual refresh: public tools, archive and information pages. */
:root{--bg:#f5f7f9;--bg-2:#edf2f5;--surface:#fff;--text:#142333;--text-2:#536474;--text-3:#647585;--muted:#536474;--border:rgba(24,48,65,.1);--border-2:rgba(24,48,65,.2);--signal:#087c66;--signal-hover:#066653;--gradient-signal:linear-gradient(90deg,#43e2b0,#a8f0d7);--ring:rgba(8,124,102,.25);--radius-xl:24px;--shadow-sculpted:0 4px 24px -12px rgba(20,40,60,.12);--shadow-3d:0 16px 38px -20px rgba(20,40,60,.2)}
body{background:#f5f7f9}body::before,body::after,.scene-paper,.scene-grid,.scene-horizon,.scene-sweep,.scene-iso{display:none}
::selection{background:#b2f3db;color:#102d29}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #148871;outline-offset:5px}section[id]{scroll-margin-top:150px}
.site-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:none}.nav-inner{max-width:1180px;width:calc(100% - 64px);margin:auto}.nav-bar{padding:20px 0}.brand-mark{background:#132c35;color:#89ecc8;border:0;box-shadow:none;border-radius:13px;font-size:29px;transform:none}.brand-wordmark{letter-spacing:-1.5px;font-size:28px}.brand-sub{font-family:var(--sans);font-size:11px;letter-spacing:.02em;color:#667783}.nav-right{display:flex;align-items:center;gap:26px}.nav-guide{font-size:13px;font-weight:600;color:#536474}.nav-links{justify-content:center;gap:9px;border-top:1px solid #eff2f4;padding:10px 0}.nav-link{font-family:var(--sans);font-size:12px;letter-spacing:0;border-radius:8px}.nav-link.active{background:#e3f5ed;color:#12644d;box-shadow:none}.nav-link:hover{background:#eef7f3;transform:none}.nav-right .btn{border-radius:9px;background:#132c35;color:white;border-color:#132c35}.nav-right .btn:hover{background:#254853}
main{padding-top:30px}.tool-page{width:min(1180px,calc(100% - 64px));gap:32px;margin-bottom:72px}.page-card,.card{box-shadow:var(--shadow-sculpted)}.page-card:hover{transform:none;box-shadow:var(--shadow-sculpted)}.page-card:before{display:none}
.hero-card{isolation:isolate;overflow:hidden;position:relative;background:#102630;color:#fff;border:0;border-radius:28px;padding:62px 36px 34px;gap:20px;box-shadow:0 16px 45px -25px #102630}.hero-card:hover{box-shadow:0 16px 45px -25px #102630}.hero-card:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 95% 10%,#27534f 0,transparent 48%),radial-gradient(ellipse at 0 100%,#194951 0,transparent 45%);opacity:.7}.hero-card .eyebrow{background:#ffffff0a;border:1px solid #ffffff24;color:#b7dece;border-radius:999px;padding:7px 13px;font-family:var(--sans);font-size:10px;letter-spacing:.13em;box-shadow:none}.hero-card .eyebrow:before{background:#73e5b8;box-shadow:0 0 0 4px #73e5b812}.hero-card__title{font-size:clamp(38px,5.3vw,68px);line-height:1.1;max-width:850px;font-weight:800;letter-spacing:-.055em;color:#f6faf9}.hero-card__title span{color:#84e9bd}.hero-card__copy{font-size:15px;line-height:1.8;color:#b2c7cc;max-width:510px}.hero-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;color:#bad0d1;font-size:11px}.hero-benefits span::first-letter{color:#84e9bd}
.downloader{max-width:800px;background:#fff;padding:22px 24px 16px;border:1px solid #ffffff55;border-radius:18px;margin-top:9px;gap:12px;color:#142333;box-shadow:0 16px 40px #0000001c}.downloader:before{display:none}.downloader__label{background:none;color:#435968;font-family:var(--sans);font-size:12px;text-transform:none;letter-spacing:0;box-shadow:none;padding:0;height:auto}.downloader__label:before{display:none}.downloader__bar{border:1px solid #dce5e7;border-radius:10px;background:#f7f9fa;padding:6px 6px 6px 10px;box-shadow:none;grid-template-columns:auto minmax(0,1fr) auto}.downloader__bar:hover{box-shadow:none;border-color:#b5cbc3}.downloader__bar:focus-within{border-color:#148871;box-shadow:0 0 0 3px #14887119;transform:none}.downloader__icon{background:transparent;color:#77928c}.downloader__input{min-height:48px;font-size:14px;box-shadow:none!important}.downloader__submit{background:#087c66;border:1px solid #087c66;color:white;min-height:48px;padding:0 23px;font-size:13px;box-shadow:0 4px 10px #087c6618;border-radius:7px;cursor:pointer}.downloader__submit:hover{background:#066653;border-color:#066653;box-shadow:0 5px 15px #087c662a}.downloader__submit:disabled{opacity:.6;cursor:wait;transform:none}.downloader__detect{font-family:var(--sans);color:#687c87;font-size:11px}.downloader__tools button{font-family:var(--sans);font-size:11px;color:#476659;min-height:28px}.downloader__tools button:disabled{opacity:.45}.hero-card__trust{gap:16px;margin:0}.hero-card__trust span{background:none;border:0;padding:0;color:#b2c7cc;font-size:11px;font-weight:500}.hero-card__trust span:before{width:5px;height:5px;background:#8baaa5}.home-stats{margin:8px 0 0;border-top:1px solid #ffffff15;padding-top:20px;justify-content:center;width:100%;background:none;box-shadow:none}.home-stats__num{color:#e5f6ef;font-size:25px}.home-stats__label{color:#a9c3c3}.home-stats__item{border-color:#ffffff15}.hero-card .tab-links a{color:#c4dad6}.hero-card .tab-links a.active{background:#d6f7e9;color:#164833}
.platform-directory{padding:12px 0 8px}.directory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;color:#087c66}.directory-heading h2{font-size:24px;font-weight:750;letter-spacing:-.04em;margin:5px 0 0}.directory-note{font-size:11px;color:#73818e}.platform-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.platform-tile{background:white;border:1px solid var(--border);border-radius:16px;display:flex;align-items:flex-start;flex-direction:column;padding:20px 15px;gap:13px;transition:transform .2s,border-color .2s,box-shadow .2s}.platform-tile:hover{transform:translateY(-5px);border-color:#99c9b7;box-shadow:0 12px 25px -15px #39745d55}.platform-symbol{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#edf2f3;color:#172b35;font-size:24px;font-weight:800}.platform-symbol--youtube{background:#fff0ef;color:#e93e3e;font-size:19px}.platform-symbol--instagram{background:#fff0f6;color:#ce4382}.platform-symbol--facebook,.platform-symbol--twitter{background:#edf3ff;color:#3477cf}.platform-symbol--trendyol{background:#fff3e8;color:#e47a24;font-size:18px}.platform-tile strong{font-size:12px}.platform-tile__caption{font-size:10px;color:#70818b;width:100%;display:flex;justify-content:space-between}.platform-tile__caption span{color:#087c66}
.showcase,.seo-detail,.knowledge-card,.related-card{padding:30px}.section-title{font-size:23px;letter-spacing:-.035em;color:#142d39}.section-copy,.seo-detail__copy{font-size:13px;line-height:1.85;color:#627482}.showcase__head{margin-bottom:24px}.media-grid{gap:18px}.media-card{border-radius:14px;box-shadow:none;border-color:#e6ecee}.media-card:hover{box-shadow:0 12px 24px -14px #173c4950;border-color:#9ecbbc}.media-card__thumb{background:linear-gradient(135deg,#dcebe5,#dfe8ef);aspect-ratio:4/3}.media-card__play{background:#ffffffde;color:#17433c;box-shadow:none}.media-card__title{font-size:12px;line-height:1.6}.media-card__platform{font-size:10px}.showcase-tabs button{font-family:var(--sans);border-radius:8px}.showcase-tabs button[aria-selected=true]{background:#163e38;border-color:#163e38}.feature-pill{background:#edf7f2;border-color:#d9e9e1;color:#27644f;border-radius:9px}.knowledge-grid{gap:24px}.steps-list li::before{background:#e4f5ed;color:#087c66;box-shadow:none}.faq-list details{background:#f7f9fa;border:1px solid #e8eef0;border-radius:10px;padding:14px}.faq-list details[open]{border-color:#a9cdbc;background:#f1f8f5}.faq-list summary{font-size:13px}.faq-list p{font-size:12px;color:#627482}.related-links a{background:#f3f7f5;border-color:#dde9e3;color:#28634e}.site-footer{background:#102630;color:#c2d2d5;border:0;padding-top:44px}.footer-inner{width:min(1180px,calc(100% - 64px))}.footer-brand-name{color:#e9f4ef;letter-spacing:-.04em}.footer-desc,.footer-copy,.footer-link{color:#9db7bc}.footer-platform-link{color:#c0d9d4;background:#ffffff05;border-color:#ffffff15}.footer-link:hover{color:#88e9bf}.footer-bottom{border-color:#ffffff15}.skip-link{position:fixed;left:16px;top:-100px;z-index:999;background:white;color:#12382c;padding:12px 18px;border-radius:8px}.skip-link:focus{top:12px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:861px){.hero-card__title{animation:hero-enter .65s ease both}.hero-card__copy{animation:hero-enter .8s ease both}}@keyframes hero-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-tile{padding:18px}.nav-links{gap:3px}.brand-sub{display:none}}
@media(max-width:640px){.nav-inner,.tool-page,.footer-inner{width:calc(100% - 28px)}.nav-bar{padding:13px 0}.nav-guide{display:none}.nav-right{gap:8px}.brand-wordmark{font-size:24px}.nav-links{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding:9px 0}.nav-link{flex-shrink:0;font-size:11px}.nav-right .btn{font-size:11px;min-height:36px;padding:0 10px}main{padding-top:16px}.tool-page{gap:24px}.hero-card{padding:35px 17px 24px;border-radius:20px;gap:17px}.hero-card__title{font-size:clamp(34px,9vw,48px)}.hero-card__copy{font-size:13px}.hero-benefits{font-size:10px;gap:12px}.downloader{padding:15px 12px 12px;margin-top:3px}.downloader__label{font-size:10px}.downloader__bar{grid-template-columns:auto minmax(0,1fr);gap:5px;padding:7px}.downloader__input{font-size:12px;min-height:43px}.downloader__submit{grid-column:1/-1;width:100%;min-height:46px}.downloader__meta{gap:5px}.downloader__icon{width:24px}.hero-card__trust{gap:6px 13px}.hero-card__trust span{font-size:10px}.directory-heading{align-items:flex-start}.directory-heading h2{font-size:20px}.directory-note{display:none}.section-kicker{font-size:9px}.platform-grid{gap:9px}.platform-tile{padding:13px 10px;gap:10px;border-radius:12px}.platform-symbol{height:32px;width:32px;font-size:21px}.platform-tile strong{font-size:10px}.platform-tile__caption{font-size:9px}.showcase,.seo-detail,.knowledge-card,.related-card{padding:21px}.section-title{font-size:20px}.media-grid{gap:10px}.knowledge-grid{grid-template-columns:1fr}.footer-top{gap:28px}.home-stats__item{padding:0 18px}.home-stats__num{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
