/*
Theme Name: Yalla Fekra AI Blue Red V9 Audio Embed
Theme URI: https://yallafekra.com/
Author: Yalla Fekra
Description: تصميم عربي عصري بالأزرق والأبيض والأحمر لمنصة يلا فكرة بذكاء.
Version: 9.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: yalla-fekra-ai
*/
:root{--blue:#d9b56d;--violet:#f1dfb3;--navy:#171512;--muted:#77716a;--line:#e9e0d0;--soft:#faf7f0;--mint:#f7efd9;--radius:22px;--shadow:0 18px 55px rgba(17,24,39,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.yf-wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.yf-topline{height:4px;background:linear-gradient(90deg,#b8f34a,#16cbb5,#ff8057)}
.yf-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,231,246,.9)}
.yf-head{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.yf-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.yf-mark{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:900;background:linear-gradient(140deg,#b8f34a,#16cbb5);box-shadow:0 7px 18px #16cbb533}
.yf-brand-name{font-weight:900;font-size:18px;line-height:1.3;letter-spacing:-.3px}.yf-brand-name small{display:block;color:#8b96ae;font-size:9px;letter-spacing:2px;font-weight:800}
.yf-nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700;color:#485573}.yf-nav a:hover{color:var(--blue)}
.yf-head-actions{display:flex;align-items:center;gap:9px}.yf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:12px 17px;background:linear-gradient(120deg,#b8f34a,#16cbb5);color:white;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 7px 17px #16cbb526;transition:transform .2s,box-shadow .2s}.yf-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #16cbb533}.yf-btn-light{background:white;color:var(--blue);border:1px solid #dce2ff;box-shadow:none}.yf-menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 11px;color:var(--navy)}
.yf-hero{position:relative;overflow:hidden;padding:62px 0 54px;background:linear-gradient(115deg,#111827 0%,#182537 58%,#173c39 100%);color:#fff}.yf-hero:before{content:"";position:absolute;width:470px;height:470px;border-radius:50%;background:#b8f34a20;filter:blur(4px);top:-280px;left:-90px}.yf-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:58px}
.yf-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #b8f34a55;border-radius:99px;background:#ffffff0d;color:#d5ff8a;font-size:12px;font-weight:800}.yf-eyebrow i{width:7px;height:7px;border-radius:50%;background:#42c99b;display:inline-block}
.yf-hero h1{font-size:clamp(36px,4.5vw,57px);line-height:1.25;letter-spacing:-1.4px;margin:18px 0 14px;font-weight:900}.yf-gradient{background:linear-gradient(110deg,#b8f34a,#16cbb5);-webkit-background-clip:text;background-clip:text;color:transparent}.yf-hero-copy{font-size:16px;line-height:2;color:#c5cfdd;max-width:560px;margin:0 0 24px}
.yf-search{max-width:570px;display:flex;gap:7px;padding:7px;border:1px solid #ffffff25;border-radius:17px;background:#fff;box-shadow:0 12px 30px #263b7510}.yf-search input{border:0;outline:0;min-width:0;flex:1;padding:7px 13px;color:var(--navy);background:transparent;font-size:13px}.yf-hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.yf-trustline{display:flex;align-items:center;gap:8px;margin-top:22px;color:#c0ccdc;font-size:11px}.yf-trust-dots{display:flex;direction:ltr}.yf-trust-dots span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-left:-5px;border:2px solid white;background:#e5f6ce;font-size:10px}
.yf-showcase{min-height:345px;position:relative;border-radius:32px;border:1px solid #d9f0d9;background:linear-gradient(145deg,#eff9df,#e4fff8);display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow)}.yf-orbit{position:absolute;width:265px;height:265px;border:1px solid #cde9dd;border-radius:50%}.yf-orbit:before,.yf-orbit:after{content:"";position:absolute;border:1px solid #b8e8d9;border-radius:50%;inset:22px}.yf-orbit:after{inset:46px}.yf-ai-core{position:relative;z-index:2;width:145px;height:145px;border-radius:38px;background:linear-gradient(145deg,#fff,#eaffd2);border:1px solid white;display:grid;place-items:center;font-size:69px;box-shadow:0 20px 40px #16cbb520;transform:rotate(-4deg)}.yf-float{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #fff;background:#ffffffeb;border-radius:15px;box-shadow:0 12px 26px #273d7912;font-size:12px;font-weight:800}.yf-float b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#f0f9df;font-size:16px}.yf-float-a{top:13%;right:7%}.yf-float-b{bottom:17%;left:5%}.yf-float-c{bottom:8%;right:13%}
.yf-section{padding:50px 0}.yf-section-muted{background:var(--soft)}.yf-section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.yf-overline{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.4px}.yf-section h2{font-size:clamp(23px,3vw,30px);line-height:1.35;margin:4px 0 5px;font-weight:900;letter-spacing:-.5px}.yf-section-top p{margin:0;color:var(--muted);font-size:13px}.yf-text-link{font-size:12px;color:var(--blue);font-weight:900;white-space:nowrap}
.yf-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.yf-tool{position:relative;min-height:196px;padding:21px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.yf-tool:hover{transform:translateY(-4px);border-color:#b9e8d2;box-shadow:0 16px 36px #243e7d0c}.yf-tool-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:linear-gradient(145deg,#eff9df,#e4fff8);font-size:23px;margin-bottom:17px}.yf-tool h3{font-size:15px;margin:0 0 5px;font-weight:900}.yf-tool p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px}.yf-tool .yf-text-link{font-size:11px}.yf-tool-tag{position:absolute;top:17px;left:16px;color:#8a96b0;font-size:10px}
.yf-promo{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:32px;border:1px solid #dcebd0;border-radius:28px;padding:34px;background:linear-gradient(110deg,#f3f9e9,#effffb)}.yf-promo h2{font-size:29px;line-height:1.4;margin:10px 0}.yf-promo p{font-size:13px;color:var(--muted);max-width:510px}.yf-promo-art{min-height:190px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(140deg,#e5f7c8,#d9fff5);font-size:75px;position:relative;overflow:hidden}.yf-promo-art:before,.yf-promo-art:after{content:"";position:absolute;border:1px solid #c4ccff;border-radius:50%;width:200px;height:200px}.yf-promo-art:after{width:260px;height:260px}
.yf-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.yf-app{padding:20px;border:1px solid var(--line);border-radius:20px;text-align:center;background:white;transition:.2s}.yf-app:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.yf-app-logo{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 12px;border-radius:18px;background:#f0f9df;font-size:27px}.yf-app h3{font-size:15px;margin:0 0 4px}.yf-app p{font-size:12px;color:var(--muted);margin:0 0 12px}
.yf-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.yf-post{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;transition:.2s}.yf-post:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.yf-post-thumb{height:145px;background:linear-gradient(135deg,#eaf7d5,#e1fff7);display:grid;place-items:center;overflow:hidden;font-size:43px}.yf-post-thumb img{width:100%;height:100%;object-fit:cover}.yf-post-body{padding:17px}.yf-post-meta{font-size:10px;color:#8994aa}.yf-post h3{font-size:14px;line-height:1.7;margin:7px 0}.yf-post p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 12px}
.yf-install{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;border-radius:24px;background:linear-gradient(110deg,#f0f8df,#e6fff7);border:1px solid #d8ead0}.yf-install h2{font-size:23px;margin:0 0 5px}.yf-install p{margin:0;color:var(--muted);font-size:13px}
.yf-footer{background:#111827;color:#fff;padding:42px 0 95px}.yf-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.yf-footer .yf-brand-name{color:#fff}.yf-footer p,.yf-footer a{font-size:12px;color:#b9c4df}.yf-footer h3{font-size:14px;margin:0 0 12px}.yf-footer-links{display:grid;gap:8px}.yf-footer a:hover{color:#fff}.yf-copy{margin-top:28px;padding-top:18px;border-top:1px solid #ffffff1a;text-align:center;font-size:11px;color:#8f9dbd}
.yf-bottom{display:none}.yf-content{padding:36px 0 65px;min-height:45vh}.yf-content article{max-width:860px;margin:auto}.yf-content h1{font-size:clamp(27px,4vw,40px);line-height:1.4}.yf-entry{line-height:2.1}.yf-empty{padding:35px;border:1px dashed #ccd5ee;border-radius:20px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.yf-nav{gap:13px;font-size:12px}.yf-tools-grid,.yf-app-grid,.yf-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.yf-hero-grid{gap:30px}}
@media(max-width:760px){
 .yf-wrap{width:calc(100% - 24px)}.yf-head{height:67px;gap:10px}.yf-brand-name{font-size:16px}.yf-mark{width:40px;height:40px;border-radius:13px}.yf-nav{display:none;position:absolute;top:67px;right:12px;left:12px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.yf-nav.is-open{display:flex}.yf-nav a{padding:10px 12px;border-radius:10px}.yf-nav a:hover{background:var(--soft)}.yf-menu-toggle{display:block}.yf-head-actions .yf-btn{font-size:11px;padding:10px 11px}
 .yf-hero{padding:28px 0 30px}.yf-hero-grid{grid-template-columns:1fr;gap:22px}.yf-showcase{grid-row:1;min-height:210px;border-radius:24px}.yf-ai-core{width:100px;height:100px;border-radius:28px;font-size:48px}.yf-orbit{width:170px;height:170px}.yf-orbit:before{inset:15px}.yf-orbit:after{inset:31px}.yf-float{font-size:10px;padding:7px 9px;gap:6px}.yf-float b{width:25px;height:25px;font-size:13px}.yf-hero h1{font-size:35px;margin-top:14px}.yf-hero-copy{font-size:14px;line-height:1.9}.yf-search{border-radius:15px}.yf-search input{font-size:12px;padding-inline:8px}.yf-search .yf-btn{padding:10px 12px}.yf-trustline{margin-top:15px}
 .yf-section{padding:32px 0}.yf-section-top{align-items:start;margin-bottom:18px}.yf-section h2{font-size:23px}.yf-section-top p{font-size:12px}.yf-tools-grid,.yf-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.yf-tool{padding:15px;min-height:180px;border-radius:17px}.yf-tool-icon{width:43px;height:43px;border-radius:13px;margin-bottom:12px;font-size:20px}.yf-tool h3{font-size:14px}.yf-tool p{font-size:11px}.yf-tool-tag{top:13px;left:12px;font-size:9px}
 .yf-promo{grid-template-columns:1fr;padding:20px;gap:18px;border-radius:22px}.yf-promo h2{font-size:24px}.yf-promo-art{min-height:130px;font-size:55px}.yf-promo-art:before{width:150px;height:150px}.yf-promo-art:after{width:190px;height:190px}.yf-app{padding:15px 8px;border-radius:17px}.yf-app-logo{width:47px;height:47px;font-size:23px;border-radius:15px}.yf-app h3{font-size:13px}.yf-app p{font-size:11px}
 .yf-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.yf-post{border-radius:17px}.yf-post-thumb{height:105px}.yf-post-body{padding:12px}.yf-post h3{font-size:13px}.yf-post p{font-size:11px}.yf-install{padding:20px;align-items:flex-start;flex-direction:column}.yf-install h2{font-size:21px}
 .yf-footer{padding-bottom:105px}.yf-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.yf-bottom{position:fixed;right:0;left:0;bottom:0;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-top:1px solid #e5e9f5;box-shadow:0 -8px 25px #1118270a}.yf-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#7d89a2;font-size:10px;font-weight:800;min-height:44px}.yf-bottom a span:first-child{font-size:20px;line-height:1.25}.yf-bottom a.active{color:var(--blue)}body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* ===== YF AI LUXE — PREMIUM VISUAL IDENTITY ===== */
:root{--blue:#c9a45c;--violet:#f1dfb3;--navy:#171512;--muted:#77716a;--line:#e9e0d0;--soft:#faf7f0;--mint:#f7efd9;--shadow:0 22px 60px rgba(36,27,12,.10)}
body{background:#fffdfa;color:#201d18}
.yf-topline{height:3px;background:linear-gradient(90deg,#8b6b32,#f4dfa5,#b18b48,#f9e8bd,#8b6b32)}
.yf-header{background:rgba(255,253,248,.94);border-bottom:1px solid #e8dfcf}
.yf-mark{background:linear-gradient(145deg,#211e18,#3b3020);color:#e8c982;border:1px solid #b99858;box-shadow:0 7px 20px #5c45201c}
.yf-brand-name{color:#211d17;letter-spacing:-.5px}
.yf-brand-name small{color:#a0844d;letter-spacing:2.5px}
.yf-nav{color:#575047}
.yf-nav a:hover,.yf-text-link{color:#9b7736}
.yf-btn{background:linear-gradient(125deg,#b18b48,#e8cf91);color:#211b10;box-shadow:0 8px 20px #a8833b2a;border:1px solid #c5a35e}
.yf-btn:hover{box-shadow:0 12px 28px #a8833b40}
.yf-btn-light{background:transparent;color:#9b7736;border:1px solid #d7c49a;box-shadow:none}
.yf-hero{background:radial-gradient(ellipse at 78% 10%,#41321d 0%,transparent 38%),linear-gradient(125deg,#141310 0%,#211e19 58%,#2c2418 100%);color:#fff8e8;padding-top:72px;padding-bottom:68px}
.yf-hero:before{width:540px;height:540px;background:#d4ad5c12;top:-260px;left:-140px;filter:blur(10px)}
.yf-hero h1{color:#fff8e8;font-size:clamp(38px,4.8vw,62px);letter-spacing:-1.8px}
.yf-gradient{background:linear-gradient(100deg,#f5dfa2,#c49a4b 60%,#fff0c4);-webkit-background-clip:text;background-clip:text;color:transparent}
.yf-eyebrow{background:#ffffff08;border-color:#b99a5c66;color:#e7cd91}
.yf-eyebrow i{background:#d9bd79;box-shadow:0 0 12px #d9bd7977}
.yf-hero-copy{color:#c9c0b0}
.yf-search{border-color:#ffffff22;box-shadow:0 16px 40px #00000024}
.yf-search input{color:#211d17}
.yf-trustline{color:#c0b6a3}
.yf-trust-dots span{background:#f1e2bd}
.yf-showcase{background:radial-gradient(circle at center,#4a3920 0%,#28231a 42%,#1c1a16 76%);border:1px solid #bda06466;box-shadow:0 25px 70px #00000030}
.yf-orbit,.yf-orbit:before,.yf-orbit:after{border-color:#b99a5c55}
.yf-ai-core{background:linear-gradient(145deg,#302719,#171512);border:1px solid #d5b66f88;color:#e8cc85;box-shadow:0 20px 45px #00000035}
.yf-float{background:#fffdf6;border:1px solid #e5d8b8;color:#28231a;box-shadow:0 14px 32px #00000025}
.yf-float b{background:#f5ecd8}
.yf-section{padding-top:62px;padding-bottom:62px}
.yf-section-muted{background:#faf7f0}
.yf-overline{color:#9b7736;letter-spacing:1.2px}
.yf-section h2{color:#211d17;letter-spacing:-.7px}
.yf-section-top p{color:#77716a}
.yf-tool{border:1px solid #e9e0d0;border-radius:22px;background:linear-gradient(160deg,#fffefa,#fffdf8);box-shadow:0 4px 18px #30210a05}
.yf-tool:hover{border-color:#c9a45c;box-shadow:0 20px 42px #5a42151a}
.yf-tool-icon{background:linear-gradient(145deg,#f7efd9,#eee0bb);color:#6e5120;border:1px solid #e9d7ac}
.yf-tool-tag{color:#9b8b6d}
.yf-tool .yf-text-link,.yf-text-link{color:#9b7736}
.yf-promo{background:linear-gradient(115deg,#f6efdf,#fffaf0);border-color:#e6d7b4}
.yf-promo .yf-eyebrow{background:#fffaf0;color:#8c692d;border-color:#e3d2a9}
.yf-promo-art{background:radial-gradient(circle,#f8e9c2,#e8d5a7 65%,#f7efd9);color:#5c431a}
.yf-promo-art:before,.yf-promo-art:after{border-color:#b99a5c44}
.yf-app,.yf-post{border-color:#e9e0d0;background:#fffefa}
.yf-app:hover,.yf-post:hover{box-shadow:0 18px 45px #4a36151a}
.yf-app-logo{background:linear-gradient(145deg,#f7efd9,#eee0bb)}
.yf-post-thumb{background:linear-gradient(135deg,#f2e6c8,#f9f4e8)}
.yf-install{background:linear-gradient(115deg,#f5ecd5,#fffaf0);border-color:#e5d5ad}
.yf-footer{background:#171512;color:#fff8e8;border-top:3px solid #b18b48}
.yf-footer .yf-brand-name{color:#fff8e8}
.yf-footer .yf-mark{background:linear-gradient(145deg,#2b2519,#40331f)}
.yf-footer p,.yf-footer a{color:#c4b9a5}
.yf-footer h3{color:#ead6a8}
.yf-copy{border-color:#ffffff1c;color:#928775}
.yf-bottom{background:rgba(255,253,248,.97);border-top-color:#e7dece}
.yf-bottom a{color:#827866}
.yf-bottom a.active{color:#9b7736}
.yf-content{background:#fffdfa}
.yf-content article{background:transparent}
.yf-empty{border-color:#dfcfaa;background:#fffaf0}
@media(max-width:760px){
 .yf-hero{padding-top:32px;padding-bottom:34px}
 .yf-showcase{background:radial-gradient(circle at center,#4a3920 0%,#28231a 45%,#1c1a16 80%)}
 .yf-section{padding-top:38px;padding-bottom:38px}
 .yf-tool{box-shadow:0 4px 16px #30210a06}
 .yf-footer{padding-bottom:105px}
 .yf-nav{background:#fffdf8;border-color:#e9e0d0}
}


/* ===== YALLA FEKRA AI V5 — BLUE / WHITE / RED REDESIGN ===== */
:root{--blue:#1454a6;--violet:#2879df;--navy:#10284b;--muted:#64748b;--line:#e2eaf5;--soft:#f3f7fd;--mint:#eaf2ff;--radius:20px;--shadow:0 18px 45px rgba(20,62,120,.10)}
body{background:#fff;color:#10284b;font-family:Tahoma,Arial,sans-serif}
.yf-topline{height:5px;background:linear-gradient(90deg,#e9364d 0 22%,#1454a6 22% 78%,#e9364d 78%)}
.yf-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e4ebf5;box-shadow:0 4px 22px rgba(17,55,105,.045)}
.yf-head{height:76px}
.yf-mark{background:linear-gradient(145deg,#1454a6,#2879df);color:#fff;border-radius:14px;box-shadow:0 8px 20px #1454a62e}
.yf-brand-name{color:#12366b;font-size:19px}
.yf-brand-name small{color:#e9364d;letter-spacing:2px}
.yf-nav{color:#385273;gap:24px}
.yf-nav a{transition:color .18s ease}
.yf-nav a:hover,.yf-text-link{color:#e9364d}
.yf-btn{background:linear-gradient(120deg,#e9364d,#d91f3b);color:#fff;border-radius:12px;box-shadow:0 8px 18px #e9364d2b;border:1px solid #d92b43}
.yf-btn:hover{box-shadow:0 12px 24px #e9364d38}
.yf-btn-light{background:#fff;color:#1454a6;border:1px solid #d7e4f6;box-shadow:none}
.yf-menu-toggle{color:#1454a6;border-color:#d7e4f6}
.yf-hero{padding:66px 0 60px;background:radial-gradient(ellipse at 82% 15%,#2c70c7 0%,transparent 34%),linear-gradient(120deg,#092653 0%,#104787 58%,#1766b8 100%);color:#fff}
.yf-hero:before{width:520px;height:520px;background:#e9364d24;top:-300px;left:-110px;filter:blur(12px)}
.yf-hero-grid{grid-template-columns:1.08fr .92fr;gap:52px}
.yf-eyebrow{background:#ffffff12;border:1px solid #ffffff40;color:#f4f8ff}
.yf-eyebrow i{background:#ff5364;box-shadow:0 0 12px #ff536480}
.yf-hero h1{font-size:clamp(38px,4.6vw,60px);line-height:1.28;letter-spacing:-1.5px}
.yf-gradient{background:linear-gradient(100deg,#ff7a88,#ff354f 75%,#ffd1d6);-webkit-background-clip:text;background-clip:text;color:transparent}
.yf-hero-copy{color:#d8e8ff;max-width:540px}
.yf-search{border:1px solid #ffffff60;border-radius:15px;background:#fff;box-shadow:0 16px 36px #051a3829}
.yf-search input{color:#10284b}
.yf-trustline{color:#d6e6ff}
.yf-trust-dots span{background:#eaf2ff;color:#1454a6;border-color:#fff}
.yf-showcase{min-height:360px;border:1px solid #ffffff40;border-radius:30px;background:radial-gradient(circle at 50% 44%,#eaf3ff 0%,#cfe2ff 45%,#8db9f3 100%);box-shadow:0 24px 65px #061b3a38}
.yf-orbit,.yf-orbit:before,.yf-orbit:after{border-color:#1454a62e}
.yf-ai-core{background:linear-gradient(145deg,#fff,#eaf2ff);border:1px solid #fff;color:#1454a6;box-shadow:0 22px 45px #1454a626;transform:rotate(-5deg)}
.yf-float{background:#fff;border:1px solid #e1eaf7;color:#17365f;border-radius:14px;box-shadow:0 14px 32px #0c31601c}
.yf-float b{background:#eaf2ff;color:#1454a6}
.yf-float-b b{background:#fff0f2;color:#d92f48}
.yf-section{padding:58px 0}
.yf-section-muted{background:#f5f8fd}
.yf-overline{color:#e9364d;letter-spacing:.5px}
.yf-section h2{color:#102f5e;letter-spacing:-.6px}
.yf-section-top p{color:#64748b}
.yf-tool{border:1px solid #e2eaf5;border-radius:19px;background:#fff;box-shadow:0 4px 18px #153e7807;min-height:202px}
.yf-tool:before{content:"";position:absolute;right:0;top:0;width:4px;height:0;background:#e9364d;transition:height .2s}
.yf-tool:hover{transform:translateY(-5px);border-color:#c6d9f3;box-shadow:0 18px 40px #153e7815}
.yf-tool:hover:before{height:100%}
.yf-tool-icon{background:#eaf2ff;color:#1454a6;border:1px solid #dce9fb;border-radius:14px}
.yf-tool:nth-child(2n) .yf-tool-icon{background:#fff0f2;color:#d92f48;border-color:#ffe0e5}
.yf-tool-tag{color:#e9364d;background:#fff0f2;border-radius:30px;padding:2px 8px}
.yf-tool h3{color:#12366b}
.yf-promo{border:1px solid #dce8f8;border-radius:26px;padding:34px;background:linear-gradient(110deg,#edf4ff,#fff 70%,#fff0f2)}
.yf-promo h2{color:#12366b}
.yf-promo .yf-eyebrow{background:#fff0f2;color:#d92f48;border-color:#ffdce2}
.yf-promo-art{background:radial-gradient(circle at 50% 40%,#fff 0%,#dceaff 52%,#a7c9fa 100%);color:#1454a6;border:1px solid #d0e1fb}
.yf-promo-art:before,.yf-promo-art:after{border-color:#1454a628}
.yf-app{border:1px solid #e2eaf5;border-radius:19px;background:#fff}
.yf-app:hover,.yf-post:hover{box-shadow:0 18px 40px #153e7815;border-color:#cbdcf4}
.yf-app-logo{background:#eaf2ff;color:#1454a6;border-radius:16px}
.yf-app:nth-child(even) .yf-app-logo{background:#fff0f2;color:#d92f48}
.yf-post{border:1px solid #e2eaf5;border-radius:19px;background:#fff}
.yf-post-thumb{background:linear-gradient(135deg,#eaf2ff,#d6e6ff);color:#1454a6}
.yf-post-meta{color:#8292aa}
.yf-install{background:linear-gradient(110deg,#edf4ff,#fff 65%,#fff0f2);border:1px solid #dce8f8;border-radius:22px}
.yf-footer{background:#092653;color:#fff;border-top:4px solid #e9364d}
.yf-footer .yf-brand-name{color:#fff}
.yf-footer .yf-mark{background:#fff;color:#1454a6;box-shadow:none}
.yf-footer .yf-brand-name small{color:#ff8794}
.yf-footer p,.yf-footer a{color:#c5d7f0}
.yf-footer h3{color:#fff}
.yf-footer a:hover{color:#ff8c99}
.yf-copy{border-color:#ffffff24;color:#9bb4d5}
.yf-bottom{background:rgba(255,255,255,.97);border-top:1px solid #e0e9f5;box-shadow:0 -8px 25px #0c31600c}
.yf-bottom a{color:#7c8ca5}
.yf-bottom a.active{color:#1454a6}
.yf-content{background:#fff}
.yf-empty{border-color:#d2e1f5;background:#f7faff}
@media(max-width:1000px){.yf-hero-grid{gap:30px}}
@media(max-width:760px){
 .yf-head{height:66px}.yf-brand-name{font-size:16px}.yf-mark{width:39px;height:39px}
 .yf-nav{top:66px;background:#fff;border-color:#e2eaf5}
 .yf-hero{padding:28px 0 31px}.yf-hero-grid{grid-template-columns:1fr;gap:20px}.yf-showcase{grid-row:1;min-height:215px;border-radius:22px}.yf-hero h1{font-size:35px;letter-spacing:-.8px}.yf-hero-copy{font-size:14px}.yf-search{border-radius:13px}.yf-search .yf-btn{padding:10px 12px}
 .yf-section{padding:35px 0}.yf-tools-grid,.yf-app-grid{gap:10px}.yf-tool{min-height:178px;padding:15px;border-radius:16px}.yf-tool-icon{width:43px;height:43px;margin-bottom:12px}.yf-promo{padding:20px;border-radius:20px;gap:16px}.yf-promo h2{font-size:23px}.yf-promo-art{min-height:135px}.yf-app,.yf-post{border-radius:16px}.yf-post-thumb{height:105px}.yf-post-body{padding:12px}.yf-install{padding:20px;border-radius:18px}.yf-footer{padding-bottom:105px}.yf-bottom a.active{color:#e9364d}
}

/* V6 visual refresh: blue, white and red, inspired by the approved concept */
:root{--blue:#1557bd;--violet:#2878f0;--navy:#09265c;--muted:#71809b;--line:#e6edf8;--soft:#f3f7ff;--mint:#eaf2ff;--radius:20px;--shadow:0 12px 34px rgba(13,48,104,.08)}
body{color:#102b5e;background:#fff} .yf-topline{background:linear-gradient(90deg,#0b3b8f,#1769df 55%,#f3344b)}
.yf-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e5ebf5}.yf-mark{background:linear-gradient(145deg,#1769df,#0b2f71);box-shadow:0 7px 18px #1557bd33}.yf-brand-name{color:#09265c}.yf-nav{color:#243c68}.yf-nav a:hover{color:#e82f48}
.yf-btn{background:linear-gradient(120deg,#f52f49,#e7193d);color:#fff;box-shadow:0 7px 17px #ed254533;border-radius:12px}.yf-btn:hover{box-shadow:0 12px 24px #ed254544}.yf-btn-light{background:#fff;color:#1557bd;border:1px solid #dce7fb;box-shadow:none}
.yf-hero-v6{background:radial-gradient(ellipse at 18% 40%,#164b9e 0%,transparent 38%),linear-gradient(115deg,#061b46 0%,#092c6a 57%,#0b3d91 100%);padding:44px 0 36px}.yf-hero-v6:before{background:#ed294b28;left:auto;right:-140px;top:160px;width:340px;height:340px}.yf-hero-v6:after{content:"";position:absolute;width:580px;height:120px;left:-150px;bottom:35px;border:20px solid #f12c48;border-left:0;border-bottom:0;border-radius:0 100% 0 0;transform:rotate(-10deg);opacity:.85}.yf-hero-grid{grid-template-columns:1.03fr .97fr;gap:38px;z-index:1}.yf-eyebrow{border-color:#ffffff25;background:#ffffff0d;color:#eaf2ff}.yf-eyebrow i{background:#ff3b53}.yf-hero h1{font-size:clamp(31px,4vw,48px);line-height:1.4;letter-spacing:-.7px}.yf-gradient{background:none;color:#ff4058;-webkit-text-fill-color:#ff4058}.yf-hero-copy{color:#e0eaff;font-size:14px}.yf-search{border:0;border-radius:50px;padding:5px;background:#fff;gap:0;max-width:580px}.yf-search input{padding:10px 12px}.yf-search .yf-btn{border-radius:40px;padding:11px 17px}.yf-search-symbol{font-size:24px;color:#12366d;padding:0 12px}.yf-quick-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.yf-quick-pills a{font-size:11px;color:#f4f7ff;background:#ffffff12;border:1px solid #ffffff26;border-radius:30px;padding:7px 10px}.yf-quick-pills a:first-child{background:#ef2f49;border-color:#ef2f49}.yf-trustline{color:#d5e2ff}
.yf-showcase-v6{min-height:335px;border:0;border-radius:28px;background:radial-gradient(circle at 50% 45%,#1d6ce5 0,#0e3e90 39%,#09265d 72%);box-shadow:inset 0 0 0 1px #ffffff16,0 22px 50px #00153e55}.yf-showcase-v6:before{content:"";position:absolute;inset:24px;border:1px solid #8ab8ff35;border-radius:50%}.yf-showcase-v6:after{content:"";position:absolute;inset:52px;border:1px solid #8ab8ff25;border-radius:50%}.yf-robot-glow{position:absolute;width:210px;height:210px;border-radius:50%;background:#5c9cff55;filter:blur(35px)}.yf-robot{position:relative;z-index:2;width:190px;height:235px;display:flex;align-items:center;flex-direction:column;filter:drop-shadow(0 18px 22px #00163c80)}.yf-robot-antenna{height:23px;width:4px;background:#dceaff;position:relative;margin-bottom:-1px}.yf-robot-antenna:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#ff4058;top:-7px;left:-4px;box-shadow:0 0 18px #ff4058}.yf-robot-head{width:142px;height:110px;border-radius:43px 43px 34px 34px;background:linear-gradient(145deg,#fff,#c9e1ff);border:4px solid #7eb4ff;box-shadow:inset -8px -9px 0 #9ac5ff;display:flex;justify-content:center;gap:34px;padding-top:34px;position:relative}.yf-robot-head:before,.yf-robot-head:after{content:"";position:absolute;top:32px;width:11px;height:19px;border-radius:8px;background:#1257bd}.yf-robot-head:before{left:35px}.yf-robot-head:after{right:35px}.yf-robot-eye{display:none}.yf-robot-smile{position:absolute;bottom:20px;width:24px;height:10px;border-bottom:4px solid #1257bd;border-radius:0 0 20px 20px}.yf-robot-body{margin-top:5px;width:120px;height:95px;border-radius:30px 30px 22px 22px;background:linear-gradient(145deg,#fff,#b8d8ff);border:4px solid #7eb4ff;display:grid;place-items:center;color:#1557bd;font-size:28px;font-weight:900}.yf-robot-arm{position:absolute;top:125px;width:28px;height:75px;border-radius:20px;background:linear-gradient(90deg,#d9eaff,#8abaff);border:3px solid #76aaff}.yf-arm-left{left:0;transform:rotate(18deg)}.yf-arm-right{right:0;transform:rotate(-30deg)}.yf-float{background:#fffffffa;border-color:#fff;color:#153565;z-index:5}.yf-float b{background:#eaf2ff;color:#1557bd}.yf-float-b b{background:#fff0f2;color:#e92845}.yf-float-a{top:13%;right:2%}.yf-float-b{bottom:16%;left:1%}.yf-float-c{bottom:6%;right:9%}.yf-hero-orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#ff4058;top:22%;left:22%;box-shadow:0 0 0 8px #ff405825}
.yf-section{padding:42px 0}.yf-section-muted{background:#f4f7fd}.yf-overline{color:#e62c47}.yf-section h2{color:#0b2b65}.yf-section-top p{color:#71809b}.yf-text-link{color:#1557bd}.yf-category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px}.yf-category-card{background:#fff;border:1px solid #edf1f8;border-radius:16px;padding:17px 9px 14px;display:flex;align-items:center;flex-direction:column;gap:7px;box-shadow:0 6px 18px #0b2b6508;transition:.2s}.yf-category-card:hover{transform:translateY(-4px);border-color:#c9dcff;box-shadow:0 12px 24px #1557bd12}.yf-category-icon{width:45px;height:45px;border-radius:14px;background:#eaf2ff;color:#1764d2;display:grid;place-items:center;font-size:24px;font-weight:900}.yf-category-card.is-red .yf-category-icon{background:#fff0f2;color:#e72e49}.yf-category-card strong{font-size:12px}.yf-category-card small{font-size:10px;color:#8592a9}.yf-featured-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.yf-featured-list{display:flex;flex-direction:column;gap:10px}.yf-featured-link{display:flex;align-items:center;gap:12px;padding:15px 14px;background:#fff;border:1px solid #edf1f8;border-radius:15px}.yf-featured-link>span:nth-child(2){flex:1}.yf-featured-link strong,.yf-featured-link small{display:block}.yf-featured-link strong{font-size:12px}.yf-featured-link small{font-size:10px;color:#8190aa;margin-top:3px}.yf-featured-link>b{font-size:24px;color:#1557bd}.yf-mini-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:21px;font-weight:900}.yf-mini-icon.blue{background:#eaf2ff;color:#1557bd}.yf-mini-icon.red{background:#fff0f2;color:#e82d48}.yf-music-card{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 0%,#fff 58%,#f7faff 100%);border:1px solid #e7edf8;border-radius:20px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10px;padding:23px;box-shadow:0 12px 30px #09265c08}.yf-music-copy{position:relative;z-index:2}.yf-new-badge{display:inline-block;background:#f02e49;color:#fff;font-size:10px;font-weight:800;border-radius:30px;padding:4px 11px}.yf-music-icon{float:left;width:43px;height:43px;display:grid;place-items:center;background:#fff0f2;color:#e72b47;border-radius:50%;font-size:23px}.yf-music-card h3{font-size:22px;line-height:1.5;margin:12px 0 7px;color:#0b2b65}.yf-music-card p{font-size:12px;color:#71809b;line-height:2}.yf-tool-note{display:block;font-size:10px;color:#8793a8;margin-top:10px}.yf-audio-visual{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px 14px;background:linear-gradient(140deg,#edf4ff,#fff0f2);border-radius:18px}.yf-audio-track{display:flex;align-items:center;gap:10px;padding:13px 10px;background:#fff;border:1px solid #e7edf8;border-radius:13px;box-shadow:0 6px 15px #09265c08}.yf-track-icon{width:38px;height:38px;border-radius:11px;background:#eaf2ff;display:grid;place-items:center;font-size:20px}.yf-track-icon.red-track{background:#fff0f2}.yf-audio-track>div{min-width:0;flex:1}.yf-audio-track strong{font-size:11px}.yf-wave{height:24px;margin-top:5px;border-radius:5px;opacity:.95;background-repeat:repeat-x;background-size:45px 24px}.blue-wave{background:repeating-linear-gradient(90deg,#1769df 0 3px,transparent 3px 7px);clip-path:polygon(0 45%,5% 15%,10% 70%,15% 30%,20% 0,25% 75%,30% 35%,35% 15%,40% 90%,45% 40%,50% 20%,55% 70%,60% 5%,65% 50%,70% 25%,75% 80%,80% 35%,85% 10%,90% 60%,95% 30%,100% 45%)}.red-wave{background:repeating-linear-gradient(90deg,#f02e49 0 3px,transparent 3px 7px);clip-path:polygon(0 45%,5% 35%,10% 80%,15% 20%,20% 60%,25% 5%,30% 45%,35% 15%,40% 90%,45% 40%,50% 20%,55% 60%,60% 10%,65% 50%,70% 35%,75% 70%,80% 15%,85% 50%,90% 30%,95% 60%,100% 45%)}.yf-audio-spark{position:absolute;top:7px;left:10px;color:#ed2e49}.yf-promo-v6{border-radius:24px;background:linear-gradient(110deg,#eaf2ff,#f9fbff);padding:30px 35px;overflow:hidden}.yf-promo-v6 h2{font-size:27px}.yf-promo-v6 p{color:#647694}.yf-promo-art-v6{min-height:160px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.yf-promo-art-v6>span{position:absolute;top:5px;right:20%;font-size:30px;color:#e92d49}.yf-art-tile{width:82px;height:95px;border-radius:19px;background:linear-gradient(145deg,#fff,#cfe1ff);box-shadow:0 15px 30px #1557bd18;display:grid;place-items:center;color:#1557bd;font-size:35px;transform:rotate(-8deg)}.yf-art-tile.red-tile{background:linear-gradient(145deg,#fff,#ffdbe1);color:#e82d48;transform:rotate(8deg) translateY(-12px)}.yf-art-tile.pale-tile{background:#fff;transform:rotate(5deg) translateY(8px)}
.yf-app,.yf-post{border:1px solid #e8eef8;box-shadow:0 7px 22px #09265c08}.yf-app-logo{background:#eaf2ff;color:#1557bd}.yf-install{background:linear-gradient(110deg,#0a2b65,#1557bd);color:#fff;border-radius:22px;padding:25px 30px}.yf-install h2{color:#fff}.yf-install p{color:#d8e6ff}.yf-footer{background:#071c46}.yf-bottom{z-index:60}.yf-bottom a.active{color:#ed2e49}
@media(max-width:900px){.yf-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.yf-hero-grid{gap:22px}.yf-hero h1{font-size:34px}.yf-featured-layout{grid-template-columns:1fr}.yf-featured-list{order:2}.yf-music-card{order:1}}
@media(max-width:640px){.yf-hero-v6{padding:30px 0 25px}.yf-hero-grid{grid-template-columns:1fr;gap:22px}.yf-hero h1{font-size:30px;line-height:1.45;margin:13px 0 10px}.yf-hero-copy{font-size:12px;line-height:1.9}.yf-showcase-v6{min-height:260px;max-width:100%;border-radius:22px}.yf-robot{transform:scale(.82);height:205px}.yf-float{font-size:10px;padding:7px 9px;gap:6px}.yf-float b{width:26px;height:26px}.yf-float-a{top:9%;right:2%}.yf-float-b{bottom:10%;left:1%}.yf-float-c{bottom:3%;right:7%}.yf-trustline{font-size:9px}.yf-section{padding:31px 0}.yf-section-top{align-items:start}.yf-section h2{font-size:22px}.yf-section-top p{font-size:11px}.yf-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.yf-category-card{padding:12px 3px;border-radius:13px;gap:5px}.yf-category-icon{width:38px;height:38px;font-size:20px}.yf-category-card strong{font-size:10px}.yf-category-card small{font-size:9px}.yf-music-card{grid-template-columns:1fr;padding:16px;gap:16px}.yf-music-card h3{font-size:20px}.yf-music-card p{font-size:11px}.yf-audio-visual{padding:12px}.yf-featured-link{padding:11px}.yf-promo-v6{padding:22px 18px}.yf-promo-v6 h2{font-size:22px}.yf-promo-art-v6{min-height:120px}.yf-art-tile{width:65px;height:75px}.yf-install{padding:22px 18px;display:flex;align-items:start;flex-direction:column;gap:14px}.yf-head{height:66px}.yf-brand-name{font-size:15px}.yf-mark{width:38px;height:38px}.yf-bottom{display:flex}.yf-footer{padding-bottom:78px}}


/* Starter tool pages */
.yf-tool-page{max-width:900px!important;margin:10px auto 30px!important;padding:clamp(22px,5vw,48px);border:1px solid #e2eaf8;border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(12,43,100,.07)}
.yf-tool-page h1{margin:18px 0;font-size:clamp(28px,4vw,42px);color:#0b2d69}
.yf-tool-intro{font-size:17px;line-height:2;color:#44536d}
.yf-tool-notice{margin:25px 0;padding:20px;border-radius:16px;background:#fff5f6;border:1px solid #ffd8df;color:#6b2332;line-height:1.9}
.yf-tool-notice p{margin:6px 0 0}.yf-tool-page h2{font-size:23px;color:#0b2d69;margin:26px 0 15px}
.yf-tool-links{display:flex;gap:12px;flex-wrap:wrap}.yf-tool-small{font-size:13px;line-height:1.9;color:#68758c;margin-top:25px}


/* Audio separation embedded tool */
.yf-audio-embed{width:100%;min-height:720px;margin:22px 0;border:1px solid #dbe3ef;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(20,35,70,.08)}
.yf-audio-embed iframe{display:block;width:100%;height:850px;border:0;background:#fff}
.yf-tool-small{font-size:13px;line-height:1.9;color:#667085;margin-top:14px}
@media(max-width:700px){.yf-audio-embed{min-height:760px;border-radius:12px;margin:16px 0}.yf-audio-embed iframe{height:780px}}

/* Video downloader UI */
.yf-downloader{margin:24px 0;padding:clamp(18px,4vw,30px);border:1px solid #e2eaf8;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#fff)}.yf-downloader label{display:block;font-weight:800;color:#12366b;margin-bottom:10px}.yf-downloader-row{display:flex;gap:10px;align-items:stretch}.yf-downloader input{flex:1;min-width:0;width:100%;padding:14px 15px;border:1px solid #d8e1ef;border-radius:12px;font:inherit;font-size:14px;direction:ltr;text-align:left;background:#fff}.yf-downloader .yf-btn{border:0;cursor:pointer;font:inherit;font-weight:800;white-space:nowrap}.yf-check-video{margin-top:12px;min-width:160px}.yf-video-status{padding:12px 14px;border-radius:12px;background:#f0f5ff;color:#345276;font-size:13px;line-height:1.9;margin:14px 0 0}.yf-paste-btn{background:#12366b!important;color:#fff!important}@media(max-width:600px){.yf-downloader-row{flex-direction:column}.yf-downloader-row .yf-btn{width:100%}.yf-check-video{width:100%}}