.flux-page{--fx-gold:#ddc17c;--fx-line:#3a332b;--fx-muted:#b4aaa0}.fx-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:72px 56px 50px;background:radial-gradient(ellipse at 85% 40%,#322619,transparent 65%)}.fx-brand{display:flex;align-items:center;gap:15px;font-size:1.7rem;letter-spacing:-.04em;font-weight:600}.fx-brand img,.fx-cta>img{border-radius:14px}.fx-kicker{font:500 .72rem/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fx-gold);margin:30px 0 22px}.fx-hero h1{font-size:clamp(2.7rem,4.1vw,4.2rem);line-height:1.07;letter-spacing:-.05em;margin:0 0 27px}.fx-lead{font-size:1.1rem;line-height:1.75;color:#c2bab1;max-width:510px}.fx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:30px}.flux-page .btn{background:var(--fx-gold);border-color:var(--fx-gold);color:#201a12}.flux-page .btn:hover{background:#efdaa5;border-color:#efdaa5}.fx-text-link{text-decoration:none;color:var(--ink);font-size:.9rem;border-bottom:1px solid #786548;padding-bottom:3px}.fx-text-link:hover{color:var(--fx-gold)}.fx-fine{font-size:.81rem;line-height:1.75;color:var(--fx-muted);margin-top:20px}.fx-preview{margin:0;min-width:0}.fx-inbox{border:1px solid #66503a;background:#1d1813;border-radius:18px;padding:24px;box-shadow:0 30px 65px #0006;color:#f2e7d4;transform:rotate(2deg)}.fx-inbox-brand{display:flex;gap:8px;align-items:center;font-size:.8rem}.fx-mark{border:1px solid #ae8b4a;border-radius:50%;color:#e5c373;width:23px;height:23px;text-align:center;line-height:19px;font-size:20px}.fx-inbox-plus{margin-left:auto;color:#b99f6f;font-size:21px}.fx-inbox h2{font-size:1.8rem;letter-spacing:-.04em;margin:22px 0 3px;line-height:1.2}.fx-inbox-sub{font-size:.68rem;color:#ab9b88;margin:0 0 18px}.fx-tabs{display:flex;gap:8px;border-bottom:1px solid #423629;padding-bottom:14px;margin-bottom:19px;font-size:.62rem;color:#b1a28e}.fx-tabs>span{padding:5px 9px}.fx-tabs .active{background:#493b27;border-radius:14px;color:#f3dfb3}.fx-featured{position:relative;border:1px solid #4a3c2b;border-radius:9px;overflow:hidden;background:#272015;padding-bottom:15px}.fx-editorial{height:86px;position:relative;overflow:hidden;background:#b99b5d;display:flex;justify-content:center;align-items:center}.fx-editorial i{position:absolute;width:160px;height:160px;border:1px solid #e4cb8f99;border-radius:50%;left:55%;top:-60px}.fx-editorial i:nth-child(2){left:15%;top:-100px;width:240px;height:240px}.fx-editorial i:nth-child(3){left:-20%;top:-20px;width:200px;height:200px}.fx-editorial>span{font:italic 65px/1 Georgia,serif;color:#4b381b;z-index:1}.fx-featured>small{display:block;font:.49rem var(--font-mono);color:#c6a96f;letter-spacing:.08em;margin:15px 16px 8px}.fx-featured h3{font-family:Georgia,serif;font-weight:400;font-size:1.26rem;line-height:1.2;letter-spacing:-.025em;margin:0 16px 9px}.fx-featured>p{font-size:.65rem;line-height:1.6;color:#b5a68e;margin:0 16px 12px}.fx-save{display:block;color:#d9b56a;font-size:15px;margin:0 16px}.fx-item{display:flex;align-items:center;gap:11px;border-bottom:1px solid #3b3024;padding:14px 0}.fx-thumb{width:43px;height:43px;flex-shrink:0;border-radius:5px;display:grid;place-items:center;font-size:22px}.fx-thumb-video{background:linear-gradient(135deg,#725c3c,#3d392d);color:#edcf8b}.fx-thumb-audio{background:linear-gradient(135deg,#353d3a,#586052);color:#d5dbc7}.fx-item>div{min-width:0}.fx-item small{display:block;font:.47rem var(--font-mono);letter-spacing:.05em;color:#a99a85;margin-bottom:5px}.fx-item strong{display:block;font-size:.7rem;font-weight:500;line-height:1.45}.fx-item>span:last-child{margin-left:auto;color:#bba46f}.fx-player{display:flex;align-items:center;gap:12px;margin:17px -9px -9px;padding:12px;background:#3c3020;border:1px solid #665236;border-radius:9px}.fx-play{width:30px;height:30px;display:grid;place-items:center;background:#d8ba75;border-radius:50%;color:#302413;font-size:18px;flex-shrink:0}.fx-player>div{flex:1;min-width:0}.fx-player small{font-size:.51rem;color:#bead90;display:block}.fx-player strong{font-size:.64rem;font-weight:500;display:block;margin:3px 0 7px}.fx-progress{height:2px;background:linear-gradient(90deg,#e5ca86 37%,#77613c 37%)}.fx-player-time{font:.5rem var(--font-mono);color:#cdb783}.fx-preview figcaption{font:.61rem/1.7 var(--font-mono);color:#a39483;text-align:center;margin:25px 0 0}
.fx-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#171610;border-block:1px solid var(--fx-line)}.fx-strip>span{padding:22px 26px;display:flex;align-items:center;gap:14px;font-size:.82rem;color:#c6bcaa}.fx-strip>span+span{border-left:1px solid var(--fx-line)}.fx-strip b{font:.7rem var(--font-mono);color:#a38c5a}.fx-section{padding:72px 64px;border-bottom:1px solid var(--fx-line);scroll-margin-top:90px}.fx-section>.fx-kicker,.fx-audio>div>.fx-kicker{margin:0 0 22px}.fx-section h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;line-height:1.13;margin:0 0 25px}.fx-section h3{font-size:1.2rem;line-height:1.4;letter-spacing:-.025em}.fx-section p{color:var(--fx-muted);line-height:1.75}.fx-section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:end;margin-bottom:40px}.fx-section-head h2,.fx-section-head p{margin:0}.fx-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--fx-line);border-left:1px solid var(--fx-line)}.fx-features article{padding:28px 24px;border-right:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line)}.fx-number{font:.7rem var(--font-mono);color:var(--fx-gold)}.fx-features h3{margin:20px 0 12px}.fx-features p{margin:0;font-size:.94rem}.fx-flow{background:linear-gradient(120deg,#1e1a15,#151b20)}.fx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:38px}.fx-steps article{border-top:1px solid #5a4a34;padding-top:23px}.fx-steps article>span{font:.75rem var(--font-mono);color:var(--fx-gold)}.fx-steps h3{font-size:1.4rem;margin:18px 0 12px}.fx-steps p{font-size:.95rem;margin:0}.fx-audio{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.fx-audio-card{padding:38px;border:1px solid #4e402c;background:radial-gradient(ellipse at 50% 15%,#43331d,#201c16 80%);text-align:center;border-radius:16px}.fx-audio-card>img{border-radius:15px;margin:0 auto 22px}.fx-wave{display:flex;justify-content:center;align-items:center;gap:6px;height:110px;margin:20px 0}.fx-wave i{height:var(--height);width:6px;border-radius:6px;background:linear-gradient(#e5cc8a,#8b703b);flex-shrink:1}.fx-audio-card>p{font:.65rem/1.8 var(--font-mono);color:#c1a978}.fx-audio-card>span{color:#e3c47e;font-size:25px;display:block;letter-spacing:.25em;margin-top:24px}.fx-faq details{border-top:1px solid var(--fx-line)}.fx-faq details:last-child{border-bottom:1px solid var(--fx-line)}.fx-faq summary{padding:22px 28px 22px 0;cursor:pointer;font-size:1.02rem;font-weight:500}.fx-faq details p{max-width:800px;font-size:.95rem;margin:0 0 24px}.fx-cta{text-align:center;background:radial-gradient(ellipse at 50% 100%,#392c1a,transparent 70%)}.fx-cta>img{margin:0 auto 25px}.fx-cta>p{max-width:550px;margin:0 auto 30px}.fx-cta>.fx-text-link{display:table;margin:26px auto 0}.flux-page :focus-visible{outline:3px solid var(--fx-gold);outline-offset:5px}
@media(max-width:1000px){.fx-hero{padding:60px 36px;gap:32px}.fx-section{padding:58px 36px}.fx-features{grid-template-columns:repeat(2,1fr)}.fx-audio{gap:32px}.fx-strip>span{padding:20px;font-size:.75rem}}
@media(max-width:720px){.fx-hero{grid-template-columns:1fr;padding:44px 24px;gap:40px}.fx-brand{font-size:1.5rem}.fx-brand img{width:48px;height:48px}.fx-hero h1{font-size:clamp(2.5rem,10vw,3.8rem)}.fx-lead{font-size:1rem}.fx-actions{gap:20px}.fx-preview{max-width:400px;width:100%;margin:auto}.fx-inbox{padding:20px;transform:none}.fx-strip{grid-template-columns:1fr}.fx-strip>span{padding:14px 24px}.fx-strip>span+span{border-left:0;border-top:1px solid var(--fx-line)}.fx-section{padding:48px 24px}.fx-section-head,.fx-features,.fx-audio,.fx-steps{grid-template-columns:1fr;gap:25px}.fx-section h2{font-size:2.1rem}.fx-features{gap:0}.fx-features article{padding:24px}.fx-audio-card{padding:28px}}
.fx-audio>div{min-width:0}
@media(max-width:360px){.flux-page .nav-bar{padding-inline:12px;gap:8px}.flux-page .nav-cluster{gap:8px}.flux-page .btn-nav{padding:10px 12px;min-width:0}.fx-wave{gap:4px}}
@media(prefers-reduced-motion:reduce){.flux-page *{scroll-behavior:auto!important}}
