:root{--font-h:"Outfit",sans-serif;--font-b:"Outfit",sans-serif;--tr:.26s cubic-bezier(.4,0,.2,1);--a1:#c026d3;--a2:#d946ef;--a3:#e879f9;--a4:#f0abfc;--an:#86198f;--v1:#7c3aed;--v2:#8b5cf6;--v3:#a78bfa;--nav-top:76px}:root:not([data-theme]){--bg:#0d0514;--bg-s:#130920;--bg-c:#180b28;--bg-g:rgba(19,9,32,.9);--bd:rgba(192,38,211,.17);--bd-s:rgba(217,70,239,.4);--tx:#fdf0ff;--tx-2:#e8b4f0;--tx-3:#9b6aaa;--sh:0 8px 36px rgba(0,0,0,.6);--sh-g:0 0 50px rgba(192,38,211,.11);--grid-c:rgba(192,38,211,.06);--hero-g:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(192,38,211,.16) 0%,transparent 70%)}[data-theme=light]{--bg:#fdf8ff;--bg-s:#fff;--bg-c:#fff;--bg-g:hsla(0,0%,100%,.88);--bd:rgba(192,38,211,.11);--bd-s:rgba(192,38,211,.3);--tx:#1a0a1e;--tx-2:#4a2050;--tx-3:#9b6aaa;--sh:0 6px 28px rgba(192,38,211,.1);--sh-g:0 0 40px rgba(217,70,239,.13);--grid-c:rgba(192,38,211,.045);--hero-g:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(192,38,211,.08) 0%,transparent 70%)}[data-theme=dark]{--bg:#0d0514;--bg-s:#130920;--bg-c:#180b28;--bg-g:rgba(19,9,32,.9);--bd:rgba(192,38,211,.17);--bd-s:rgba(217,70,239,.4);--tx:#fdf0ff;--tx-2:#e8b4f0;--tx-3:#9b6aaa;--sh:0 8px 36px rgba(0,0,0,.6);--sh-g:0 0 50px rgba(192,38,211,.11);--grid-c:rgba(192,38,211,.06);--hero-g:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(192,38,211,.16) 0%,transparent 70%)}html{overscroll-behavior-x:auto;overscroll-behavior-y:auto}body,html{overflow-x:hidden}img{max-width:100%;display:block}button{font-family:var(--font-b)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.grid-bg,.orb{display:none}.fc{backdrop-filter:none;-webkit-backdrop-filter:none}}h1{font-size:clamp(2rem,5.5vw,4.2rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3{font-size:clamp(1rem,2vw,1.25rem)}.g-text{background:linear-gradient(135deg,var(--an) 15%,var(--a1) 50%,var(--v2) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sec{padding:4rem 0;position:relative;z-index:1}@media(max-width:768px){.sec{padding:2.8rem 0}}@media(max-width:480px){.sec{padding:2.2rem 0}}.sec-div{height:1px;background:var(--bd);opacity:.6;position:relative;z-index:1}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:.75rem}.sec-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a2);display:block;margin-bottom:.3rem}.sec-title{font-family:var(--font-h);font-size:clamp(1.25rem,2.5vw,1.9rem);font-weight:800;letter-spacing:-.025em}.view-all{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--a1);border:1px solid var(--bd-s);padding:.4rem 1rem;border-radius:100px;background:rgba(192,38,211,.06);transition:all var(--tr);white-space:nowrap;flex-shrink:0}.view-all:hover{background:rgba(192,38,211,.14);border-color:var(--a1)}.reveal.anim{transform:translateY(18px)}.rd1{transition-delay:.06s}.rd2{transition-delay:.12s}.rd3{transition-delay:.18s}@media(max-width:768px){.reveal.anim{transform:translateY(10px);transition-duration:.35s}.rd1,.rd2,.rd3{transition-delay:0s}}.no-posts{grid-column:1/-1;text-align:center;color:var(--tx-3);padding:3rem 1rem;font-size:.95rem}.badge-rose{background:linear-gradient(90deg,#86198f,#c026d3)}.badge-pink{background:linear-gradient(90deg,#9d174d,#ec4899)}.grid-bg{will-change:auto}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:calc(var(--nav-top) + 2.5rem);padding-bottom:3rem;overflow:hidden}.hero:before{content:"";inset:0;background:var(--hero-g)}.hero:before,.orb{position:absolute;pointer-events:none}.orb{border-radius:50%;filter:blur(80px);will-change:transform}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(192,38,211,.2),transparent 70%);top:-120px;left:-100px;animation:forb 8s ease-in-out infinite}.orb-2{width:360px;height:360px;background:radial-gradient(circle,rgba(139,92,246,.16),transparent 70%);top:8%;right:-80px;animation:forb 7s ease-in-out infinite;animation-delay:-3s}.orb-3{width:260px;height:260px;background:radial-gradient(circle,rgba(217,70,239,.13),transparent 70%);bottom:12%;left:32%;animation:forb 9s ease-in-out infinite;animation-delay:-5s}@keyframes forb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(18px,-24px) scale(1.04)}66%{transform:translate(-12px,14px) scale(.97)}}.hero-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;position:relative;z-index:1}.hero-eyebrow{gap:.5rem;font-size:.73rem;letter-spacing:.1em;margin-bottom:1rem}.hero-eyebrow:before{width:20px}.hero-title{margin-bottom:1rem}.gradient-text{background:linear-gradient(135deg,var(--an) 15%,var(--a1) 50%,var(--v2) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.05rem;color:var(--tx-2);max-width:520px;margin-bottom:1.8rem;font-weight:300;line-height:1.72}.hero-actions{align-items:center;gap:.85rem}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:1.75rem;margin-top:2rem;padding-top:1.75rem;border-top:1px solid var(--bd)}.stat-num{font-family:var(--font-h);font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--an),var(--v2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:.76rem;color:var(--tx-3);margin-top:.18rem}.hero-visual{position:relative;height:480px}.fc{position:absolute;background:var(--bg-g);border:1px solid var(--bd-s);border-radius:18px;padding:1.3rem;box-shadow:var(--sh),inset 0 1px 0 hsla(0,0%,100%,.07);touch-action:none;pointer-events:none}@media(hover:hover){.fc{backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}}.fc-main{width:305px;top:42px;left:48px;animation:fc1 6s ease-in-out infinite;z-index:3}.fc-b{width:215px;top:0;right:22px;animation:fc2 7s ease-in-out infinite;z-index:2}.fc-c{width:200px;bottom:44px;right:58px;animation:fc3 8s ease-in-out infinite;z-index:2}.fc-d{width:158px;bottom:82px;left:18px;animation:fc2 5s ease-in-out infinite;z-index:1}@keyframes fc1{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(.5deg)}}@keyframes fc2{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-11px) rotate(-1deg)}}@keyframes fc3{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-18px) rotate(1deg)}}.fc-irow{gap:.7rem;margin-bottom:.9rem}.fc-ico,.fc-irow{display:flex;align-items:center}.fc-ico{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--an),var(--a1));justify-content:center;font-size:1rem;box-shadow:0 4px 12px rgba(192,38,211,.35)}.fc-lbl{font-size:.68rem;color:var(--tx-3);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.fc-t{font-family:var(--font-h);font-size:.92rem;font-weight:700;color:var(--tx)}.fc-bar-row{margin-top:.5rem}.fc-bar-lbl{display:flex;justify-content:space-between;font-size:.7rem;color:var(--tx-3);margin-bottom:.26rem}.fc-track{height:4px;background:var(--bd);border-radius:4px;overflow:hidden}.fc-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--an),var(--a2))}.fc-metrics{display:grid;grid-template-columns:1fr 1fr;grid-gap:.45rem;gap:.45rem;margin-top:.7rem}.fc-met{background:rgba(192,38,211,.07);border-radius:9px;padding:.55rem;text-align:center}.fc-mv{font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--a2)}.fc-ml{font-size:.62rem;color:var(--tx-3)}.fc-pill-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.7rem}.fc-pill{font-size:.64rem;font-weight:600;padding:.17rem .52rem;border-radius:100px;background:rgba(192,38,211,.1);color:var(--a3);border:1px solid rgba(192,38,211,.2)}.ticker-sec{border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:1.4rem 0;overflow:hidden;position:relative;z-index:1}.ticker-inner{display:flex;align-items:center;gap:1.25rem}.ticker-lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--a2);white-space:nowrap;flex-shrink:0;padding:.18rem .7rem;background:rgba(192,38,211,.09);border:1px solid rgba(192,38,211,.22);border-radius:100px}.ticker-wrap{flex:1 1;overflow:hidden;position:relative}.ticker-wrap:after,.ticker-wrap:before{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}.ticker-wrap:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.ticker-wrap:after{right:0;background:linear-gradient(-90deg,var(--bg),transparent)}.ticker-track{display:flex;gap:.9rem;width:max-content;animation:tick 28s linear infinite;touch-action:pan-x;will-change:transform}@media(hover:hover){.ticker-track:hover{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}@keyframes tick{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-item{display:flex;align-items:center;gap:.4rem;white-space:nowrap;font-size:.79rem;font-weight:500;color:var(--tx-3);padding:.3rem .82rem;border:1px solid var(--bd);border-radius:100px;background:var(--bg-s);cursor:pointer;transition:color var(--tr),border-color var(--tr);-webkit-tap-highlight-color:transparent}.ticker-item:active{color:var(--a1);border-color:var(--a1)}@media(hover:hover){.ticker-item:hover{color:var(--a1);border-color:var(--a1)}}.featured-layout{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:1.25rem;gap:1.25rem;align-items:stretch}#featured-hero{display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg-c);border:1px solid var(--bd);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr);min-height:380px}@media(hover:hover){#featured-hero:hover{transform:translateY(-4px);border-color:var(--bd-s);box-shadow:0 18px 52px rgba(192,38,211,.14)}}#featured-hero:active{transform:scale(.99)}.fh-img{position:relative;overflow:hidden}.fh-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}@media(hover:hover){#featured-hero:hover .fh-img img{transform:scale(1.04)}}.fh-img-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(134,25,143,.2),transparent 60%);pointer-events:none}.fh-body{padding:2rem;display:flex;flex-direction:column;justify-content:center;position:relative}.fh-body:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--an),var(--a2))}.fh-eyebrow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.85rem}.fh-cat{font-size:.72rem;font-weight:600;color:var(--a2);text-transform:uppercase;letter-spacing:.06em}.fh-dot{color:var(--tx-3);font-size:.65rem}.fh-date,.fh-time{font-size:.72rem;color:var(--tx-3)}.fh-title{font-family:var(--font-h);font-size:clamp(1.1rem,2vw,1.65rem);font-weight:800;letter-spacing:-.025em;line-height:1.22;color:var(--tx);margin-bottom:.8rem}.fh-excerpt{font-size:.88rem;color:var(--tx-2);font-weight:300;line-height:1.7;flex:1 1;margin-bottom:1.3rem}.fh-btn{font-size:.79rem;font-weight:600;padding:.44rem 1rem;border-radius:100px;background:rgba(192,38,211,.1);color:var(--a1);border:1px solid rgba(192,38,211,.28);cursor:pointer;transition:all var(--tr);align-self:flex-start;font-family:var(--font-b);-webkit-tap-highlight-color:transparent}.fh-btn:active{background:rgba(192,38,211,.22)}@media(hover:hover){.fh-btn:hover{background:rgba(192,38,211,.2);border-color:var(--a1)}}#featured-sides{display:flex;flex-direction:column;gap:.9rem}.side-card{display:flex;gap:.85rem;align-items:flex-start;background:var(--bg-c);border:1px solid var(--bd);border-radius:15px;padding:.85rem;cursor:pointer;transition:all var(--tr);flex:1 1;-webkit-tap-highlight-color:transparent}.side-card:active{background:rgba(192,38,211,.04)}@media(hover:hover){.side-card:hover{border-color:var(--bd-s);transform:translateX(4px);box-shadow:0 6px 24px rgba(192,38,211,.09)}}.side-img{position:relative;width:82px;height:74px;border-radius:10px;overflow:hidden;flex-shrink:0}.side-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}@media(hover:hover){.side-card:hover .side-img img{transform:scale(1.07)}}.side-pill{position:absolute;top:4px;left:4px;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.12rem .46rem;border-radius:100px;background:rgba(13,5,20,.78);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.side-body{flex:1 1;min-width:0}.side-body .badge{margin-bottom:.3rem;display:inline-block}.side-title{font-family:var(--font-h);font-size:.88rem;font-weight:700;line-height:1.35;color:var(--tx);margin-bottom:.26rem}.side-meta{font-size:.7rem;color:var(--tx-3)}#trending-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.tr-item{display:flex;gap:.8rem;align-items:flex-start;background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:1rem;cursor:pointer;transition:all var(--tr);-webkit-tap-highlight-color:transparent}.tr-item:active{background:rgba(192,38,211,.04)}@media(hover:hover){.tr-item:hover{border-color:var(--bd-s);transform:translateY(-3px);box-shadow:var(--sh)}}.tr-num{font-family:var(--font-h);font-size:1.4rem;font-weight:800;color:rgba(192,38,211,.2);line-height:1;flex-shrink:0;min-width:1.9rem}.tr-body{flex:1 1;min-width:0}.tr-cat{font-size:.66rem;font-weight:700;color:var(--a2);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:.26rem}.tr-title{font-family:var(--font-h);font-size:.86rem;font-weight:700;line-height:1.38;color:var(--tx);margin-bottom:.32rem}.tr-time{font-size:.68rem;color:var(--tx-3)}.stats-band{padding:3rem 0;background:linear-gradient(135deg,rgba(134,25,143,.07),rgba(139,92,246,.04));border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.75rem;gap:1.75rem;text-align:center}.stat-val{font-family:var(--font-h);font-size:2.6rem;font-weight:800;background:linear-gradient(135deg,var(--an),var(--v2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.32rem}.stat-lbl{font-size:.84rem;font-weight:500;color:var(--tx-2)}.stat-sub{font-size:.7rem;color:var(--tx-3);margin-top:.16rem}.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.bc{background:var(--bg-c);border:1px solid var(--bd);border-radius:15px;overflow:hidden;cursor:pointer;transition:all var(--tr);-webkit-tap-highlight-color:transparent}.bc:active{transform:scale(.98)}@media(hover:hover){.bc:hover{transform:translateY(-4px);border-color:var(--bd-s);box-shadow:0 10px 34px rgba(192,38,211,.11)}}.bc-img{height:180px;overflow:hidden;position:relative}.bc-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}@media(hover:hover){.bc:hover .bc-img img{transform:scale(1.06)}}.bc-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(13,5,20,.35));pointer-events:none}.bc-body{padding:1rem;flex:1 1;display:flex;flex-direction:column}.bc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.52rem}.bc-body .badge{flex-shrink:0}.bc-title{font-family:var(--font-h);font-size:.95rem;font-weight:700;line-height:1.38;color:var(--tx);flex:1 1;margin-bottom:.62rem}.bc-excerpt{font-size:.8rem;color:var(--tx-2);font-weight:300;line-height:1.62;margin-bottom:.65rem}.bc-foot{display:flex;justify-content:space-between;align-items:center;padding-top:.58rem;border-top:1px solid var(--bd)}.bc-author{font-size:.67rem;color:var(--tx-3)}.bc-read{font-size:.67rem;font-weight:600;color:var(--a1)}.hscroll{overflow-x:auto;overflow-y:hidden;padding-bottom:.7rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:var(--a1) var(--bd)}.hscroll::-webkit-scrollbar{height:3px}.hscroll::-webkit-scrollbar-track{background:var(--bd);border-radius:4px}.hscroll::-webkit-scrollbar-thumb{background:var(--a1);border-radius:4px}.hscroll-track{display:flex;gap:1.1rem;width:max-content;padding-right:1.25rem}.sc{width:265px;flex-shrink:0;scroll-snap-align:start;background:var(--bg-c);border:1px solid var(--bd);border-radius:15px;overflow:hidden;cursor:pointer;transition:all var(--tr);display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent}.sc:active{transform:scale(.98)}@media(hover:hover){.sc:hover{transform:translateY(-4px);border-color:var(--bd-s);box-shadow:0 10px 34px rgba(192,38,211,.12)}}.sc-img{height:150px;overflow:hidden}.sc-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s;display:block}@media(hover:hover){.sc:hover .sc-img img{transform:scale(1.06)}}.sc-body{padding:.95rem;flex:1 1;display:flex;flex-direction:column}.sc-body .badge{margin-bottom:.35rem}.sc-title{font-family:var(--font-h);font-size:.88rem;font-weight:700;line-height:1.35;color:var(--tx);flex:1 1;margin-bottom:.62rem}.sc-foot{display:flex;justify-content:space-between;align-items:center;padding-top:.58rem;border-top:1px solid var(--bd)}.sc-date{font-size:.66rem;color:var(--tx-3)}.sc-read{font-size:.66rem;font-weight:600;color:var(--a1)}.cmp-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--bd);background:var(--bg-c);-webkit-overflow-scrolling:touch}.cmp-table{width:100%;border-collapse:collapse;min-width:600px}.cmp-table th{font-family:var(--font-h);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3);padding:.85rem 1.1rem;text-align:left;background:rgba(192,38,211,.04);white-space:nowrap}.cmp-table td,.cmp-table th{border-bottom:1px solid var(--bd)}.cmp-table td{padding:.82rem 1.1rem;font-size:.85rem;color:var(--tx-2);vertical-align:middle}.cmp-table tr:last-child td{border-bottom:none}@media(hover:hover){.cmp-table tr:hover td{background:rgba(192,38,211,.03)}}.ct-t{gap:.65rem}.ct-ico,.ct-t{display:flex;align-items:center}.ct-ico{width:33px;height:33px;border-radius:9px;justify-content:center;font-size:1rem;flex-shrink:0}.ct-n{font-weight:600;color:var(--tx);font-size:.87rem}.ct-s{font-size:.67rem;color:var(--tx-3)}.ct-stars{color:#f59e0b;font-size:.74rem;letter-spacing:1px}.ct-score{font-size:.7rem;color:var(--tx-3);margin-left:.26rem}.ct-price{font-weight:600;color:var(--tx);font-size:.85rem}.ct-yes{color:#10b981;font-weight:700}.ct-no{color:#ef4444}.ct-btn{font-size:.72rem;font-weight:600;padding:.28rem .8rem;border-radius:100px;background:rgba(192,38,211,.09);color:var(--a1);border:1px solid rgba(192,38,211,.22);cursor:pointer;transition:all var(--tr);font-family:var(--font-b);-webkit-tap-highlight-color:transparent}.ct-btn:active{background:rgba(192,38,211,.2)}@media(hover:hover){.ct-btn:hover{background:rgba(192,38,211,.2);border-color:var(--a1)}}.picks-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.1rem;gap:1.1rem}.pick{display:flex;gap:1rem;align-items:flex-start;background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.35rem;cursor:pointer;transition:all var(--tr);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.pick:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--an),var(--v2));transform:scaleX(0);transform-origin:left;transition:transform .35s}@media(hover:hover){.pick:hover:after{transform:scaleX(1)}}.pick:active{background:rgba(192,38,211,.03)}@media(hover:hover){.pick:hover{border-color:var(--bd-s);box-shadow:0 8px 30px rgba(192,38,211,.1)}}.pick-rank{font-family:var(--font-h);font-size:1.9rem;font-weight:800;color:rgba(192,38,211,.18);line-height:1;flex-shrink:0;min-width:2.3rem}.pick-badges{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.38rem}.pick-name{font-family:var(--font-h);font-size:1rem;font-weight:700;color:var(--tx);margin-bottom:.3rem}.pick-desc{font-size:.83rem;color:var(--tx-2);font-weight:300;line-height:1.62;margin-bottom:.55rem}.pick-tags{display:flex;gap:.35rem;flex-wrap:wrap}.pick-tag{font-size:.61rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .5rem;border-radius:100px;background:rgba(192,38,211,.08);color:var(--a3);border:1px solid rgba(192,38,211,.15)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.3rem;gap:1.3rem}.why-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.75rem;transition:all var(--tr);position:relative;overflow:hidden}.why-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--an),var(--v2));transform:scaleX(0);transform-origin:left;transition:transform .35s}@media(hover:hover){.why-card:hover:after{transform:scaleX(1)}.why-card:hover{border-color:var(--bd-s);transform:translateY(-3px);box-shadow:0 10px 34px rgba(192,38,211,.09)}}.why-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,rgba(192,38,211,.13),rgba(139,92,246,.07));border:1px solid rgba(192,38,211,.2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.1rem}.why-title{font-family:var(--font-h);font-size:1rem;font-weight:700;margin-bottom:.45rem}.why-desc{font-size:.85rem;color:var(--tx-2);font-weight:300;line-height:1.7}.nl-box{padding:3.5rem}.nl-box:before{top:-70px;width:360px;height:260px}.nl-glyph{font-size:2.4rem;margin-bottom:.9rem}.nl-title{font-size:clamp(1.4rem,3vw,2.2rem);margin-bottom:.7rem}.nl-desc{font-size:.97rem;max-width:455px;margin:0 auto 1.8rem}.nl-form{max-width:430px}.nl-input{padding:.76rem 1.1rem}.nl-submit{padding:.76rem 1.3rem;-webkit-tap-highlight-color:transparent}@media(hover:hover){.nl-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(192,38,211,.5)}}.nl-perks{justify-content:center;gap:1.4rem;margin-top:1.4rem;flex-wrap:wrap}.nl-perk,.nl-perks{display:flex;align-items:center}.nl-perk{font-size:.77rem;color:var(--tx-3);gap:.32rem}.nl-perk-icon{color:var(--a2)}.footer-logo-ico{border-radius:7px}.soc-ico{-webkit-tap-highlight-color:transparent}.soc-ico:active{border-color:var(--a1);color:var(--a1);background:rgba(192,38,211,.07)}@media(hover:hover){.soc-ico:hover{border-color:var(--a1);color:var(--a1);background:rgba(192,38,211,.07)}}.footer-links a:active{color:var(--a1)}@media(hover:hover){.footer-links a:hover{color:var(--a1)}}.footer-bl a:active{color:var(--a1)}@media(hover:hover){.footer-bl a:hover{color:var(--a1)}}@media(max-width:480px){#sf-toast{left:1rem;right:1rem;bottom:1rem;max-width:none;text-align:center;border-radius:12px}}#load-error{display:none;background:rgba(192,38,211,.08);border:1px solid rgba(192,38,211,.3);border-radius:14px;padding:1.4rem 1.75rem;margin:1.5rem auto;max-width:620px;text-align:center;color:var(--tx)}#load-error strong{color:var(--a1)}#load-error code{font-size:.8rem;background:rgba(192,38,211,.1);padding:.18rem .46rem;border-radius:5px}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}#trending-list,.sec-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.hero-desc{max-width:100%}#featured-hero,.featured-layout{grid-template-columns:1fr}.fh-img{height:210px}.picks-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}#featured-sides{flex-direction:row;flex-wrap:wrap}.side-card{flex:1 1;min-width:calc(50% - .5rem)}}@media(max-width:768px){.hero{padding-top:calc(var(--nav-top) + 1.5rem);min-height:auto;padding-bottom:2.5rem}h1{font-size:clamp(1.8rem,7vw,2.6rem)}.hero-desc{font-size:.97rem}.hero-stats{gap:1.25rem;margin-top:1.5rem;padding-top:1.5rem}.stat-num{font-size:1.4rem}#featured-sides{flex-direction:column}.side-card{flex:none;min-width:auto}.stats-band{padding:2.2rem 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.stat-val{font-size:2.1rem}.nl-form{flex-direction:column}.nl-box{padding:2.2rem 1.25rem}#trending-list,.picks-grid{grid-template-columns:1fr}.footer-grid,.why-grid{grid-template-columns:1fr 1fr}.footer-grid{gap:1.75rem}}@media(max-width:540px){.container{padding:0 1rem}h1{font-size:clamp(1.7rem,8vw,2.2rem)}h2{font-size:clamp(1.3rem,6vw,1.7rem)}.footer-grid,.sec-grid,.why-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.footer-bl{justify-content:center;flex-wrap:wrap;gap:.75rem}.nl-perks{flex-direction:column;gap:.5rem}.hero-stats{gap:1rem}.bc-img{height:170px}.sc{width:240px}.sc-img{height:138px}}@media(max-width:390px){.container{padding:0 .9rem}.logo{font-size:1.1rem}.logo-ico{width:28px;height:28px;font-size:.82rem}h1{font-size:1.65rem}.theme-tog{display:none}.hero-actions{gap:.65rem}.hero-actions .btn-pri,.hero-actions .btn-sec{font-size:.8rem;padding:.48rem .9rem}.bc-img{height:155px}.sc{width:220px}.why-card{padding:1.3rem}.nl-box{padding:1.75rem 1rem;border-radius:16px}}@media(max-width:375px){h1{font-size:1.5rem}.hero-desc{font-size:.9rem}.bc-excerpt{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:.9rem}.stat-val{font-size:1.8rem}}@media(max-height:500px) and (max-width:900px){.hero{min-height:auto;padding-top:calc(var(--nav-top) + 1rem);padding-bottom:1.5rem}.hero-stats,.hero-visual{display:none}}.header-inner{gap:1rem}.btn-pri{padding:.5rem 1.1rem;cursor:pointer;border:none;font-family:inherit}.btn-pri:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(192,38,211,.5)}.btn-sec{font-size:.84rem;font-weight:500;padding:.48rem 1rem;border-radius:100px;color:var(--tx-2);border:1px solid var(--bd-s);transition:all var(--tr);display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.btn-sec:hover{color:var(--tx);border-color:var(--a1);background:rgba(192,38,211,.06)}@media(max-width:768px){.header{top:0;left:0;transform:none;width:100%;max-width:none;padding:.5rem 0}.header-inner{border-radius:0;border:none;border-bottom:1px solid var(--bd);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:.5rem 1.25rem;background:var(--bg-s)}.header.scrolled .header-inner{box-shadow:0 1px 0 var(--bd);background:var(--bg-s)}.nav{visibility:hidden;pointer-events:none;opacity:0;position:fixed;top:var(--nav-top);left:0;right:0;bottom:0;z-index:999;flex-direction:column;align-items:flex-start;padding:1.5rem 1.25rem max(1.5rem,env(safe-area-inset-bottom));gap:.35rem;background:var(--bg-s);border-top:1px solid var(--bd);transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;overflow-y:auto}.nav.open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,visibility 0s}.nav a{font-size:1rem;font-weight:600;padding:.75rem 1.1rem;width:100%;border-radius:100px;color:var(--tx-2);display:flex;align-items:center;border:1px solid transparent;min-height:48px}.nav a.active,.nav a:active{color:var(--a1);background:rgba(192,38,211,.08);border-color:var(--bd)}.menu-tog{display:flex}.hdr-pri{display:none}}@media(max-width:480px){.header-inner{padding:.42rem 1rem}}.bc-meta{display:flex;align-items:center;gap:.38rem;flex-wrap:wrap;margin-bottom:.5rem}.bc-dot{color:var(--tx-3);font-size:.6rem;flex-shrink:0}.bc-date,.bc-time{font-size:.67rem;color:var(--tx-3)}.bc-time{font-weight:500;display:inline-flex;align-items:center;gap:.2rem;background:rgba(192,38,211,.07);padding:.06rem .4rem;border-radius:100px;border:1px solid rgba(192,38,211,.15)}.bc-pill{position:absolute;top:8px;left:8px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.14rem .5rem;border-radius:100px;background:rgba(13,5,20,.72);color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bc{display:flex;flex-direction:column;text-decoration:none;color:inherit}.grid-hidden-group{display:contents}.grid-hidden-group.grid-collapsed{display:none!important}.show-more-wrap{display:flex;justify-content:center;padding:1.5rem 0 .5rem;width:100%;grid-column:1/-1}.show-more-btn{font-family:var(--font-b);font-size:.84rem;font-weight:600;padding:.65rem 1.75rem;border-radius:100px;border:1px solid var(--bd-s);background:rgba(192,38,211,.06);color:var(--a1);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--tr);box-shadow:0 2px 12px rgba(192,38,211,.1);line-height:1}.show-more-btn:hover{background:rgba(192,38,211,.14);border-color:var(--a1);transform:translateY(-1px);box-shadow:0 4px 18px rgba(192,38,211,.22)}.show-more-btn:active{transform:scale(.97)}.sm-count{font-size:.76rem;opacity:.7;font-weight:500}.sm-arrow{font-size:.9rem;line-height:1}.cat-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-top:.5rem}@media(max-width:900px){.cat-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.cat-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.cat-cards-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}}.cat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.4rem 1rem;text-decoration:none;color:inherit;transition:all var(--tr);position:relative;overflow:hidden}.cat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(192,38,211,.06),rgba(139,92,246,.03));opacity:0;transition:opacity var(--tr)}@media(hover:hover){.cat-card:hover{border-color:var(--bd-s);transform:translateY(-3px);box-shadow:var(--sh)}.cat-card:hover:before{opacity:1}.cat-card:hover .cat-card-icon{transform:scale(1.15)}.cat-card:hover .cat-card-name{color:var(--a1)}}.cat-card:active{transform:scale(.97)}.cat-card-icon{font-size:1.75rem;display:block;transition:transform var(--tr);line-height:1;margin-bottom:.1rem}.cat-card-name{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx);line-height:1.2;transition:color var(--tr)}.cat-card-count{font-size:.68rem;font-weight:500;color:var(--tx-3)}@media(max-width:480px){.cat-card{padding:1.1rem .75rem;border-radius:13px}.cat-card-icon{font-size:1.5rem}.cat-card-name{font-size:.82rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body,html{overflow-x:clip}body{font-family:var(--font-b);background:var(--bg);color:var(--tx);line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom);transition:background var(--tr),color var(--tr)}img,video{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:inherit;border:none;background:none}ul{list-style:none}::selection{background:rgba(192,38,211,.22);color:var(--tx)}h1,h2,h3,h4{font-family:var(--font-h);font-weight:700;line-height:1.15;letter-spacing:-.025em}@media(hover:hover){::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--a1);border-radius:5px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem;width:100%}@media(min-width:1280px){.container{padding:0 2rem}}@media(max-width:480px){.container{padding:0 1rem}}.grid-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-c) 1px,transparent 1px),linear-gradient(90deg,var(--grid-c) 1px,transparent 1px);background-size:56px 56px}@media(max-width:768px){.grid-bg{display:none}}.reveal{opacity:1;transform:none}.reveal.anim{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.anim.visible{opacity:1;transform:none}#progress-bar{top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--an),var(--a1),var(--v2));transition:width .1s linear}#progress-bar,#sf-toast{position:fixed;z-index:9999;pointer-events:none}#sf-toast{bottom:1.5rem;right:1.5rem;background:var(--bg-c);border:1px solid var(--bd-s);border-radius:14px;padding:.9rem 1.3rem;box-shadow:0 8px 32px rgba(0,0,0,.2);transform:translateY(18px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:.86rem;color:var(--tx);max-width:300px}#sf-toast.show{transform:translateY(0);opacity:1}.badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.18rem .6rem;border-radius:100px;line-height:1.5;white-space:nowrap}.badge-rose{background:linear-gradient(90deg,var(--an),var(--a1));color:#fff}.badge-amber{background:linear-gradient(90deg,#b45309,#d97706);color:#fff}.badge-teal{background:linear-gradient(90deg,#0f766e,#14b8a6);color:#fff}.badge-indigo{background:linear-gradient(90deg,#4338ca,#6366f1);color:#fff}.badge-pink{background:linear-gradient(90deg,#be185d,#ec4899);color:#fff}.badge-green{background:linear-gradient(90deg,#15803d,#22c55e);color:#fff}.badge-slate{background:linear-gradient(90deg,#334155,#64748b);color:#fff}.badge-violet{background:linear-gradient(90deg,var(--v1),var(--v2));color:#fff}.header{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:1000;width:calc(100% - 2.5rem);max-width:900px;transition:top var(--tr),box-shadow var(--tr)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .9rem .65rem 1rem;background:var(--bg-g);border:1px solid var(--bd-s);border-radius:100px;box-shadow:0 4px 24px rgba(0,0,0,.12),0 0 0 1px var(--bd);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);transition:box-shadow var(--tr),background var(--tr)}.header .container{width:100%;padding:0;max-width:none}.header.scrolled .header-inner{box-shadow:0 8px 32px rgba(0,0,0,.18),0 0 0 1px var(--bd-s),var(--sh-g)}.logo{gap:0;font-family:var(--font-h);font-size:1.15rem;font-weight:800;letter-spacing:-.03em;text-decoration:none;color:var(--tx)}.logo,.logo-ico{display:flex;align-items:center;flex-shrink:0}.logo-ico{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--an),var(--a1));justify-content:center;font-size:.88rem;font-weight:900;color:#fff;box-shadow:0 0 12px rgba(192,38,211,.5);margin-right:.45rem}.logo>span:not(.logo-text){color:var(--a2)}.nav{display:flex;align-items:center;justify-content:center;gap:.1rem;flex:1 1}.nav a{font-size:.81rem;font-weight:500;color:var(--tx-2);padding:.35rem .78rem;border-radius:100px;transition:color var(--tr),background var(--tr);white-space:nowrap;text-decoration:none}.nav a.active,.nav a:hover{color:var(--tx);background:rgba(192,38,211,.1)}.hdr-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.theme-tog{background:var(--bg-s);border:1px solid var(--bd);padding:.2rem;gap:.1rem}.theme-btn,.theme-tog{display:flex;align-items:center;border-radius:100px}.theme-btn{width:26px;height:26px;justify-content:center;font-size:.75rem;color:var(--tx-3);transition:background var(--tr),color var(--tr);border:none;background:none;cursor:pointer;font-family:inherit}.theme-btn.active{background:linear-gradient(135deg,var(--an),var(--a1));color:#fff;box-shadow:0 2px 8px rgba(192,38,211,.4)}.theme-btn:hover:not(.active){color:var(--tx);background:var(--bd)}.menu-tog{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:4px;width:38px;height:38px;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0}.menu-tog span{width:22px;height:2px;background:var(--tx-2);border-radius:2px;transition:transform .28s ease,opacity .2s ease}.menu-tog.open span:first-child{transform:translateY(7px) rotate(45deg)}.menu-tog.open span:nth-child(2){opacity:0}.menu-tog.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-backdrop{display:none;position:fixed;inset:0;z-index:998;background:rgba(13,5,20,.55)}.nav-mobile-backdrop.open{display:block}@media(max-width:768px){.header{top:0;left:0;transform:none;width:100%;max-width:none;padding:0}.header-inner{border-radius:0;border:none;border-bottom:1px solid var(--bd);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:.55rem 1rem;background:var(--bg-s);gap:.5rem}.header.scrolled .header-inner{box-shadow:0 1px 0 var(--bd)}.nav{visibility:hidden;pointer-events:none;opacity:0;position:fixed;top:var(--nav-top);left:0;right:0;bottom:0;z-index:999;flex-direction:column;align-items:flex-start;padding:1.25rem 1.25rem max(1.5rem,env(safe-area-inset-bottom));gap:.3rem;background:var(--bg-s);border-top:1px solid var(--bd);transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;overflow-y:auto}.nav.open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,visibility 0s}.nav a{font-size:.95rem;font-weight:600;padding:.7rem 1rem;width:100%;border-radius:12px;display:flex;align-items:center;border:1px solid transparent;min-height:44px}.nav a.active,.nav a:active{color:var(--a1);background:rgba(192,38,211,.08);border-color:var(--bd)}.menu-tog{display:flex}.hdr-pri{display:none}.theme-btn{width:28px;height:28px;font-size:.8rem}}@media(max-width:400px){.header-inner{padding:.5rem .75rem}.logo{font-size:1rem}.logo-ico{width:26px;height:26px;font-size:.78rem}.theme-btn{width:24px;height:24px;font-size:.72rem}}.article-hero{padding-top:calc(var(--nav-top) + 3.5rem);padding-bottom:2.5rem;position:relative;overflow:hidden;z-index:1}.article-hero:before{content:"";inset:0;background:radial-gradient(ellipse 80% 55% at 50% 0,rgba(192,38,211,.1) 0,transparent 70%)}.article-hero:before,.hero-orb{position:absolute;pointer-events:none}.hero-orb{border-radius:50%;filter:blur(80px)}.hero-orb-a{width:400px;height:400px;background:radial-gradient(circle,rgba(192,38,211,.18),transparent 70%);top:-100px;right:-60px;animation:horb 9s ease-in-out infinite}.hero-orb-b{width:250px;height:250px;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 70%);bottom:0;left:6%;animation:horb 7s ease-in-out infinite;animation-delay:-4s}@keyframes horb{0%,to{transform:translate(0)}50%{transform:translate(-15px,18px)}}.article-label{display:inline-flex;align-items:center;gap:.55rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a2);margin-bottom:1rem}.article-label:before{content:"";display:inline-block;width:18px;height:2px;background:linear-gradient(90deg,var(--an),var(--a1));border-radius:2px}.article-title{font-family:var(--font-h);font-size:clamp(1.75rem,5vw,3.2rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;color:var(--tx)}.hl{background:linear-gradient(135deg,var(--an) 10%,var(--a1) 50%,var(--v2) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-subtitle{font-size:1.05rem;color:var(--tx-2);font-weight:300;line-height:1.75;max-width:680px;margin-bottom:1.75rem}.article-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.meta-badge-row{display:flex;gap:.4rem;flex-wrap:wrap}.meta-item{font-size:.77rem;color:var(--tx-3)}.meta-dot{color:var(--tx-3);font-size:.55rem}.article-cover{border-radius:18px;overflow:hidden;margin:2rem 0;height:400px;position:relative}.article-cover img{width:100%;height:100%;object-fit:cover}.article-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(13,5,20,.62));pointer-events:none}.cover-caption{position:absolute;bottom:1rem;left:1.2rem;right:1.2rem;font-size:.71rem;color:hsla(0,0%,100%,.62)}.article-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:3rem;gap:3rem;align-items:start;padding:2.5rem 0 5rem}@media(max-width:1100px){.article-layout{grid-template-columns:1fr 260px;gap:2rem}}@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:0;padding:1.5rem 0 3rem}main{order:1}.sidebar{order:2;margin-top:2rem;position:static;max-height:none;overflow:visible}.toc-box{display:none}}.sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--nav-top) + 1rem);align-self:start;max-height:calc(100vh - var(--nav-top) - 2rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--bd) transparent}.toc-box{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.4rem;margin-bottom:1.2rem}.toc-title{font-family:var(--font-h);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3);margin-bottom:.85rem}.toc-list{display:flex;flex-direction:column;gap:.1rem}.toc-link{font-size:.82rem;color:var(--tx-2);padding:.34rem .55rem;border-radius:8px;display:block;transition:all var(--tr);border-left:2px solid transparent}.toc-link.active,.toc-link:hover{color:var(--a1);background:rgba(192,38,211,.06);border-left-color:var(--a1)}.toc-h3{padding-left:1.1rem;font-size:.77rem;color:var(--tx-3)}.toc-h3.active,.toc-h3:hover{color:var(--a2)}.sidebar-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.3rem;margin-bottom:1.1rem}.sidebar-card-title{font-family:var(--font-h);font-size:.84rem;font-weight:700;margin-bottom:.8rem;color:var(--tx)}.share-btns{display:flex;flex-direction:column;gap:.42rem}.share-btn{font-size:.79rem;font-weight:600;padding:.48rem .9rem;border-radius:100px;border:1px solid var(--bd);color:var(--tx-2);background:var(--bg-s);cursor:pointer;transition:all var(--tr);display:flex;align-items:center;gap:.5rem;min-height:38px}.share-btn:active,.share-btn:hover{border-color:var(--a1);color:var(--a1)}.alt-chip{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:100px;margin-bottom:.42rem;background:var(--bg-s);border:1px solid var(--bd);transition:all var(--tr)}.alt-chip:hover{border-color:var(--bd-s)}.ac-icon{font-size:1.1rem;flex-shrink:0}.ac-name{font-size:.83rem;font-weight:600;color:var(--tx)}.ac-tag{font-size:.62rem;color:var(--tx-3);display:block;margin-top:.05rem}.mobile-toc{display:none}.prose{font-size:1rem;line-height:1.82;color:var(--tx-2);min-width:0;overflow-wrap:break-word}.prose h2{font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:800;letter-spacing:-.025em;margin:2.8rem 0 .9rem;padding-top:.4rem;line-height:1.2}.prose h2,.prose h3{font-family:var(--font-h);color:var(--tx)}.prose h3{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;margin:2rem 0 .7rem}.prose p{margin-bottom:1.3rem}.prose strong{color:var(--tx);font-weight:600}.prose em{color:var(--a2);font-style:italic}.prose a{color:var(--a1);text-decoration:underline;text-underline-offset:3px}.prose ol,.prose ul{margin:1rem 0 1.4rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.prose ul li{list-style:none;position:relative;padding-left:1.25rem}.prose ul li:before{content:"→";position:absolute;left:0;color:var(--a2);font-weight:700}.prose ol li{list-style:decimal;padding-left:.25rem}.prose ol li::marker{color:var(--a1);font-weight:700}.prose code{font-family:Courier New,monospace;font-size:.85rem;background:rgba(192,38,211,.09);color:var(--a2);padding:.12rem .4rem;border-radius:5px}.prose blockquote{border-left:3px solid var(--a1);padding:.9rem 1.25rem;background:rgba(192,38,211,.05);border-radius:0 12px 12px 0;margin:1.75rem 0;font-style:italic;color:var(--tx-2)}.prose blockquote cite{display:block;margin-top:.5rem;font-size:.76rem;font-style:normal;color:var(--tx-3)}.callout{border-radius:14px;padding:1.2rem 1.4rem;margin:1.75rem 0;display:flex;gap:.85rem;align-items:flex-start}.callout-icon{font-size:1.2rem;flex-shrink:0}.callout-title{font-family:var(--font-h);font-size:.87rem;font-weight:700;margin-bottom:.25rem}.callout-body,.callout-text{font-size:.85rem;line-height:1.64;color:var(--tx-2)}.callout-info{background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.2)}.callout-info .callout-title{color:#0ea5e9}.callout-warn{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2)}.callout-warn .callout-title{color:#d97706}.callout-win{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2)}.callout-win .callout-title{color:#10b981}.callout-rose{background:rgba(192,38,211,.07);border:1px solid rgba(192,38,211,.2)}.callout-rose .callout-title{color:var(--a1)}.alt-card{border-radius:20px;border:1px solid var(--bd);background:var(--bg-c);overflow:hidden;margin:2.5rem 0;transition:border-color var(--tr)}.alt-card-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:1.1rem;gap:1.1rem;padding:1.5rem;border-bottom:1px solid var(--bd);position:relative;overflow:hidden}.alt-card-header:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.ac-claude:before{background:linear-gradient(180deg,var(--an),var(--a3))}.ac-gemini:before{background:linear-gradient(180deg,#4285f4,#34a853)}.ac-perplexity:before{background:linear-gradient(180deg,#20b2aa,#00bcd4)}.ac-deepseek:before{background:linear-gradient(180deg,#6366f1,#8b5cf6)}.ac-grok:before{background:linear-gradient(180deg,#555,#888)}.ac-mistral:before{background:linear-gradient(180deg,#f97316,#fb923c)}.ac-copilot:before{background:linear-gradient(180deg,#0078d4,#2463eb)}.ach-logo{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.55rem;flex-shrink:0;margin-left:4px}.ach-info{min-width:0}.ach-name{font-family:var(--font-h);font-size:1.12rem;font-weight:800;color:var(--tx);margin-bottom:.15rem}.ach-maker{font-size:.7rem;color:var(--tx-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.42rem}.ach-badges{display:flex;gap:.35rem;flex-wrap:wrap}.ach-rank{font-family:var(--font-h);font-size:2.4rem;font-weight:800;color:rgba(192,38,211,.12);line-height:1;flex-shrink:0;padding-right:.5rem}.alt-card-body{padding:1.5rem}.alt-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.7rem;gap:.7rem;margin-bottom:1.4rem;background:rgba(192,38,211,.04);border-radius:12px;padding:.85rem 1rem;border:1px solid var(--bd)}@media(max-width:600px){.alt-stats{grid-template-columns:repeat(2,1fr)}}.as-item{display:flex;flex-direction:column}.as-label{font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-3);margin-bottom:.16rem}.as-val{font-size:.84rem;font-weight:600;color:var(--tx)}.as-val.hi{color:var(--a2);font-weight:700}.vs-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:1.1rem}.vs-box{border-radius:12px;padding:.9rem}.vs-box.wins{background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.2)}.vs-box.loses{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.14)}.vs-box-title{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem;display:flex;align-items:center;gap:.35rem}.vs-box.wins .vs-box-title{color:#10b981}.vs-box.loses .vs-box-title{color:#ef4444}.vs-item{font-size:.81rem;color:var(--tx-2);display:flex;align-items:flex-start;gap:.45rem;margin-bottom:.28rem;line-height:1.45}.vi-icon{flex-shrink:0;margin-top:.08rem}.insight-strip{background:linear-gradient(135deg,rgba(192,38,211,.07),rgba(139,92,246,.04));border:1px solid var(--bd-s);border-radius:12px;padding:.9rem 1.1rem;display:flex;align-items:flex-start;gap:.7rem;margin-top:1.1rem}.insight-icon{font-size:1rem;flex-shrink:0;margin-top:.05rem}.insight-label{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--a2);margin-bottom:.18rem}.insight-text{font-size:.82rem;color:var(--tx-2);line-height:1.62}.matrix-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;border:1px solid var(--bd);background:var(--bg-c);margin:1.75rem 0}.matrix-wrap::-webkit-scrollbar{height:3px}.matrix-wrap::-webkit-scrollbar-track{background:var(--bd)}.matrix-wrap::-webkit-scrollbar-thumb{background:var(--a1);border-radius:3px}.matrix-table{width:100%;border-collapse:collapse;min-width:560px}.matrix-table th{font-family:var(--font-h);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3);padding:.82rem 1rem;text-align:left;border-bottom:1px solid var(--bd);background:rgba(192,38,211,.04);white-space:nowrap}.matrix-table td{padding:.78rem 1rem;border-bottom:1px solid var(--bd);font-size:.86rem;color:var(--tx-2);vertical-align:middle}.matrix-table tr:last-child td{border-bottom:none}.mt-tool{font-weight:600;color:var(--tx);display:flex;align-items:center;gap:.45rem}.mt-win{color:var(--a1);font-weight:700}.mt-yes{color:#10b981;font-weight:700}.mt-no{color:#ef4444}.mt-mid{color:#f59e0b;font-weight:600}.mt-free{color:#10b981;font-size:.78rem;font-weight:700}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:580px){.scenario-grid{grid-template-columns:1fr}}.sc-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:1.15rem;transition:all var(--tr)}.sc-icon{font-size:1.35rem;margin-bottom:.45rem}.sc-situation{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx);margin-bottom:.28rem}.sc-answer{font-size:.74rem;font-weight:700;color:var(--a2);margin-bottom:.22rem}.sc-why{font-size:.79rem;color:var(--tx-2);line-height:1.55}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.75rem 0}.pv-card{border-radius:14px;padding:1.1rem;text-align:center;border:1px solid var(--bd);background:var(--bg-c)}.pv-icon{font-size:1.5rem;margin-bottom:.5rem}.pv-name{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx);margin-bottom:.25rem}.pv-level{font-size:.7rem;font-weight:700;padding:.18rem .55rem;border-radius:100px;display:inline-block;margin-bottom:.35rem}.pv-level.best{background:rgba(16,185,129,.12);color:#10b981}.pv-level.mid{background:rgba(245,158,11,.12);color:#d97706}.pv-level.low{background:rgba(239,68,68,.1);color:#ef4444}.pv-desc{font-size:.78rem;color:var(--tx-2);line-height:1.55}.bar-chart{margin:1.75rem 0;display:flex;flex-direction:column;gap:.8rem}.bar-chart-title{font-family:var(--font-h);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-3);margin-bottom:.5rem}.bar-row{display:flex;align-items:center;gap:.85rem}.bar-label{font-size:.79rem;font-weight:600;color:var(--tx-2);min-width:96px;flex-shrink:0}.bar-track{flex:1 1;height:9px;background:var(--bd);border-radius:9px;overflow:hidden;min-width:0}.bar-fill{height:100%;border-radius:9px;background:linear-gradient(90deg,var(--an),var(--a2));transition:width 1s cubic-bezier(.4,0,.2,1)}.bar-val{font-size:.75rem;font-weight:700;color:var(--tx-3);min-width:40px;text-align:right;flex-shrink:0}.bar-note{font-size:.71rem;color:var(--tx-3);margin-top:.3rem}.verdict-box{background:linear-gradient(135deg,rgba(134,25,143,.08),rgba(139,92,246,.04));border:1px solid var(--bd-s);border-radius:20px;padding:1.75rem;margin:2.2rem 0}.verdict-header{display:flex;align-items:center;gap:.7rem;margin-bottom:1.3rem}.verdict-icon{font-size:1.4rem}.verdict-head-title{font-family:var(--font-h);font-size:1.05rem;font-weight:800;color:var(--tx)}.verdict-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.9rem;gap:.9rem}.vd-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:13px;padding:1.1rem}.vd-card.gold{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.04)}.vd-place{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-3);margin-bottom:.28rem}.vd-card.gold .vd-place{color:#d97706}.vd-platform{font-family:var(--font-h);font-size:.95rem;font-weight:700;color:var(--tx);margin-bottom:.28rem}.vd-reason{font-size:.79rem;color:var(--tx-2);line-height:1.55}.faq-list{display:flex;flex-direction:column;gap:.82rem;margin:1.4rem 0}.faq-item{background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;overflow:hidden;transition:border-color var(--tr)}.faq-q{font-family:var(--font-h);font-size:.91rem;font-weight:700;padding:1rem 1.2rem;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;color:var(--tx);-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.35;min-height:50px}.faq-q:after{content:"↓";font-size:.86rem;color:var(--a2);transition:transform var(--tr);flex-shrink:0;margin-top:.1rem}.faq-item.open .faq-q:after{transform:rotate(180deg)}.faq-a{font-size:.87rem;color:var(--tx-2);line-height:1.72;padding:0 1.2rem .95rem;display:none}.faq-item.open .faq-a{display:block}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-top:.9rem}.related-card{display:flex;gap:.8rem;background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:.85rem;cursor:pointer;transition:all var(--tr);text-decoration:none}.related-card:active,.related-card:hover{border-color:var(--bd-s);transform:translateX(4px)}.related-img{width:66px;height:58px;border-radius:9px;overflow:hidden;flex-shrink:0}.related-img img{width:100%;height:100%;object-fit:cover}.related-cat{font-size:.64rem;font-weight:700;color:var(--a2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}.related-title{font-family:var(--font-h);font-size:.81rem;font-weight:700;line-height:1.35;color:var(--tx)}.article-nl{margin:3rem 0}.nl-box{background:var(--bg-c);border:1px solid var(--bd-s);border-radius:20px;padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden}.nl-box:before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:340px;height:240px;background:radial-gradient(ellipse,rgba(192,38,211,.11),transparent 70%);pointer-events:none}.nl-glyph{font-size:2.2rem;display:block;margin-bottom:.85rem}.nl-title{font-family:var(--font-h);font-size:clamp(1.3rem,3vw,1.9rem);margin-bottom:.65rem;letter-spacing:-.025em}.nl-desc{font-size:.95rem;color:var(--tx-2);font-weight:300;max-width:440px;margin:0 auto 1.6rem;line-height:1.7}.nl-form{display:flex;gap:.65rem;max-width:420px;margin:0 auto .65rem}.nl-input{flex:1 1;font-family:var(--font-b);font-size:max(16px,.9rem);padding:.72rem 1.1rem;border-radius:100px;border:1px solid var(--bd-s);background:var(--bg-s);color:var(--tx);outline:none;transition:all var(--tr);min-width:0}.nl-input::placeholder{color:var(--tx-3)}.nl-input:focus{border-color:var(--a1);box-shadow:0 0 0 3px rgba(192,38,211,.12)}.nl-submit{font-family:var(--font-b);font-size:.86rem;font-weight:600;padding:.72rem 1.25rem;border-radius:100px;background:linear-gradient(135deg,var(--an),var(--a1));color:#fff;border:none;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px rgba(192,38,211,.38);transition:all var(--tr)}.nl-submit:active{transform:scale(.97)}.nl-privacy{font-size:.72rem;color:var(--tx-3)}@media(max-width:540px){.nl-form{flex-direction:column}.nl-box{padding:1.75rem 1rem;border-radius:16px}}footer{background:var(--bg-s);border-top:1px solid var(--bd);position:relative;z-index:1;padding:3.5rem 0 max(2rem,env(safe-area-inset-bottom))}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;grid-gap:2.5rem;gap:2.5rem;margin-bottom:2.5rem}.footer-logo{gap:.48rem;font-family:var(--font-h);font-size:1.15rem;font-weight:800;margin-bottom:.68rem}.footer-logo,.footer-logo-ico{display:flex;align-items:center}.footer-logo-ico{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--an),var(--a1));justify-content:center;font-size:.8rem;font-weight:900;color:#fff}.footer-tagline{font-size:.83rem;color:var(--tx-3);font-weight:300;max-width:220px;line-height:1.62;margin-bottom:1.15rem}.footer-social{display:flex;gap:.5rem}.soc-ico{width:32px;height:32px;border-radius:100px;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:.84rem;color:var(--tx-3);transition:all var(--tr)}.soc-ico:active,.soc-ico:hover{border-color:var(--a1);color:var(--a1)}.footer-col-title{font-family:var(--font-h);font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx);margin-bottom:.9rem}.footer-links{display:flex;flex-direction:column;gap:.52rem}.footer-links a{font-size:.82rem;color:var(--tx-3);transition:color var(--tr);min-height:28px;display:flex;align-items:center}.footer-links a:active,.footer-links a:hover{color:var(--a1)}.footer-bottom{align-items:center;justify-content:space-between;padding-top:1.75rem;border-top:1px solid var(--bd);font-size:.77rem;color:var(--tx-3);gap:.85rem}.footer-bl,.footer-bottom{display:flex;flex-wrap:wrap}.footer-bl{gap:1.1rem}.footer-bl a{color:var(--tx-3);transition:color var(--tr)}.footer-bl a:active,.footer-bl a:hover{color:var(--a1)}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}.hero-eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a2);margin-bottom:1.1rem}.hero-eyebrow:before{content:"";display:inline-block;width:18px;height:2px;background:linear-gradient(90deg,var(--an),var(--a1));border-radius:2px}.hero-meta-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}.hero-meta-badge{display:inline-flex;align-items:center;font-size:.74rem;font-weight:600;color:var(--tx-3);background:var(--bg-c);border:1px solid var(--bd);padding:.28rem .75rem;border-radius:100px}.hero-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--bd-s);flex-shrink:0}.hero-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-c);border:1px solid var(--bd);border-radius:20px;overflow:hidden;margin-top:1.5rem}@media(max-width:700px){.hero-stats-bar{grid-template-columns:repeat(2,1fr)}}.hsb-item{padding:1.2rem 1.5rem;text-align:center;border-right:1px solid var(--bd)}.hsb-item:last-child{border-right:none}.hsb-val{font-family:var(--font-h);font-size:1.65rem;font-weight:800;background:linear-gradient(135deg,var(--an),var(--v2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.18rem}.hsb-lbl{font-size:.72rem;color:var(--tx-3);font-weight:500}.gen-cards{display:flex;flex-direction:column;gap:1.5rem;margin:1.75rem 0}.gen-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:20px;padding:1.6rem;position:relative;overflow:hidden;transition:border-color var(--tr)}.gen-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.cc:before{background:linear-gradient(180deg,var(--an),var(--a3))}.cop:before{background:linear-gradient(180deg,#1f2937,#6b7280)}.gem:before{background:linear-gradient(180deg,#1565c0,#1e88e5)}.gen-logo-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;border:1px solid var(--bd);background:var(--bg-s)}.gen-name{font-family:var(--font-h);font-size:1.05rem;font-weight:800;color:var(--tx);margin-bottom:.1rem}.gen-maker{font-size:.72rem;color:var(--tx-3);font-weight:300;margin-bottom:.3rem}.gen-desc{font-size:.87rem;color:var(--tx-2);line-height:1.72;margin-bottom:1rem}.gen-specs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem;margin-bottom:1rem}@media(max-width:500px){.gen-specs{grid-template-columns:repeat(2,1fr)}}.gen-spec{background:var(--bg-s);border:1px solid var(--bd);border-radius:10px;padding:.55rem .75rem}.bar-group{margin-bottom:1.25rem}.bar-group-label{font-family:var(--font-h);font-size:.78rem;font-weight:700;color:var(--tx-2);margin-bottom:.55rem;text-transform:uppercase;letter-spacing:.06em}.fill-cc{background:linear-gradient(90deg,var(--an),var(--a2))}.fill-cop{background:linear-gradient(90deg,#1f2937,#6b7280)}.fill-gem{background:linear-gradient(90deg,#1565c0,#1e88e5)}.data-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--bd);background:var(--bg-c);margin:1.75rem 0;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;min-width:540px}.data-table th{font-family:var(--font-h);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3);padding:.82rem 1rem;text-align:left;background:rgba(192,38,211,.04);white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--bd)}.data-table td{padding:.75rem 1rem;font-size:.84rem;color:var(--tx-2);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.dt-bold{color:var(--tx);font-weight:700}.dt-win,.dt-yes{color:#10b981;font-weight:600}.dt-mid{color:#f59e0b}.dt-mid,.dt-no{font-weight:600}.dt-no{color:#ef4444}.score-podium{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:2rem 0}.podium-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:18px;padding:1.4rem;text-align:center;position:relative;overflow:hidden;transition:all var(--tr)}.podium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.first.podium-card:before,.first:before{background:linear-gradient(90deg,#b45309,#f59e0b,#fbbf24)}.second.podium-card:before,.second:before{background:linear-gradient(90deg,#475569,#94a3b8,#cbd5e1)}.third.podium-card:before,.third:before{background:linear-gradient(90deg,#7c2d12,#c2410c,#ea580c)}.first .podium-score{background:linear-gradient(135deg,#b45309,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.second .podium-score{background:linear-gradient(135deg,#475569,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.third .podium-score{background:linear-gradient(135deg,#7c2d12,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.first.podium-card:before,.gold:before{background:linear-gradient(90deg,#b45309,#f59e0b,#fbbf24)}.second.podium-card:before{background:linear-gradient(90deg,#475569,#94a3b8,#cbd5e1)}.third.podium-card:before{background:linear-gradient(90deg,#7c2d12,#c2410c,#ea580c)}.podium-crown{font-size:1.8rem;display:block;margin-bottom:.4rem}.podium-rank{font-family:var(--font-h);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);margin-bottom:.3rem}.podium-name{font-size:1.05rem;color:var(--tx);margin-bottom:.2rem}.podium-name,.podium-score{font-family:var(--font-h);font-weight:800}.podium-score{font-size:1.9rem;line-height:1;margin-bottom:.15rem}.first .podium-score,.gold .podium-score{background:linear-gradient(135deg,#b45309,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.podium-out-of{font-size:.7rem;color:var(--tx-3);margin-bottom:.15rem}.podium-label{font-size:.75rem;color:var(--tx-2);font-weight:500}.vc-name{font-family:var(--font-h);font-size:.92rem;font-weight:700;color:var(--tx);margin-bottom:.1rem}.vc-place{font-size:.68rem;color:var(--tx-3);text-transform:uppercase;letter-spacing:.07em}.vc-tag{display:inline-block;font-size:.62rem;font-weight:700;padding:.14rem .5rem;border-radius:100px;margin-top:.35rem;background:rgba(192,38,211,.1);color:var(--a2);border:1px solid rgba(192,38,211,.22)}.use-case-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}.uc-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:1.15rem;transition:all var(--tr)}.uc-icon{font-size:1.3rem;margin-bottom:.4rem;display:block}.uc-title{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx);margin-bottom:.25rem}.uc-pick{font-size:.74rem;font-weight:700;color:var(--a2);margin-bottom:.2rem}.uc-reason{font-size:.79rem;color:var(--tx-2);line-height:1.55}.verdict-chip{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;padding:.22rem .7rem;border-radius:100px;gap:.3rem}.section-divider{display:flex;align-items:center;gap:1rem;margin:3rem 0 1.5rem}.section-divider-line{flex:1 1;height:1px;background:var(--bd)}.section-divider-label{font-family:var(--font-h);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);white-space:nowrap;padding:0 .5rem}.tool-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:20px;padding:1.5rem;margin-bottom:1.25rem;position:relative;overflow:hidden;transition:border-color var(--tr)}.tool-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.tool-card.cat-writing:before{background:linear-gradient(180deg,#0ea5e9,#38bdf8)}.tool-card.cat-coding:before{background:linear-gradient(180deg,#10b981,#34d399)}.tool-card.cat-image:before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)}.tool-card.cat-video:before{background:linear-gradient(180deg,#ec4899,#f9a8d4)}.tool-card.cat-research:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.tool-card.cat-productivity:before{background:linear-gradient(180deg,var(--an),var(--a3))}.tool-card.cat-audio:before{background:linear-gradient(180deg,#06b6d4,#67e8f9)}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem;flex-wrap:wrap}.tool-left{gap:.85rem}.tool-left,.tool-logo{display:flex;align-items:center}.tool-logo{width:48px;height:48px;border-radius:14px;justify-content:center;font-size:1.4rem;flex-shrink:0;background:var(--bg-s);border:1px solid var(--bd)}.tool-name{font-family:var(--font-h);font-size:1.05rem;font-weight:800;color:var(--tx);margin-bottom:.1rem}.tool-tagline{font-size:.78rem;color:var(--tx-3);font-weight:300}.tool-cat-badge{display:inline-flex;align-items:center;font-size:.62rem;font-weight:700;padding:.15rem .55rem;border-radius:100px;margin-top:.25rem}.cat-writing .tool-cat-badge{background:rgba(14,165,233,.12);color:#0ea5e9}.cat-coding .tool-cat-badge{background:rgba(16,185,129,.12);color:#10b981}.cat-image .tool-cat-badge{background:rgba(139,92,246,.12);color:#8b5cf6}.cat-video .tool-cat-badge{background:rgba(236,72,153,.12);color:#ec4899}.cat-research .tool-cat-badge{background:rgba(245,158,11,.12);color:#d97706}.cat-productivity .tool-cat-badge{background:rgba(192,38,211,.1);color:var(--a1)}.cat-audio .tool-cat-badge{background:rgba(6,182,212,.12);color:#06b6d4}.tool-free-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;padding:.28rem .7rem;border-radius:100px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#10b981;white-space:nowrap;flex-shrink:0;align-self:flex-start}.tool-body{font-size:.87rem;color:var(--tx-2);line-height:1.72;margin-bottom:1rem}.free-tier{background:var(--bg-s);border:1px solid var(--bd);border-radius:12px;padding:.9rem 1rem;margin-bottom:.9rem;display:flex;gap:.75rem;align-items:flex-start}.free-tier-icon{font-size:1rem;flex-shrink:0;margin-top:.05rem}.free-tier-title{font-family:var(--font-h);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#10b981;margin-bottom:.3rem}.free-tier-text{font-size:.81rem;color:var(--tx-2);line-height:1.6}.limit-badge{display:inline-block;font-size:.67rem;font-weight:700;padding:.1rem .4rem;border-radius:6px;background:rgba(245,158,11,.1);color:#d97706;margin-left:.3rem}.tool-strips{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem;gap:.65rem}.tool-strip{background:var(--bg-s);border-radius:10px;padding:.75rem;border:1px solid var(--bd)}.strip-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem}.strip-pro .strip-title{color:#10b981}.strip-lim .strip-title{color:#f59e0b}.strip-list{display:flex;flex-direction:column;gap:.3rem;list-style:none;padding:0;margin:0}.strip-list li{font-size:.77rem;color:var(--tx-2);display:flex;gap:.4rem;align-items:flex-start;line-height:1.4}.strip-pro .strip-list li:before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0}.strip-lim .strip-list li:before{content:"⚠";color:#f59e0b;font-weight:700;flex-shrink:0}.qr-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--bd);background:var(--bg-c);margin:1.75rem 0;-webkit-overflow-scrolling:touch}.qr-table{width:100%;border-collapse:collapse;min-width:540px}.qr-table th{font-family:var(--font-h);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3);padding:.82rem 1rem;text-align:left;background:rgba(192,38,211,.04);white-space:nowrap}.qr-table td,.qr-table th{border-bottom:1px solid var(--bd)}.qr-table td{padding:.75rem 1rem;font-size:.84rem;color:var(--tx-2);vertical-align:middle}.qr-table tr:last-child td{border-bottom:none}.btn-pri{font-size:.84rem;font-weight:600;padding:.52rem 1.2rem;border-radius:100px;background:linear-gradient(135deg,var(--an),var(--a1));color:#fff;box-shadow:0 4px 14px rgba(192,38,211,.35);transition:transform var(--tr),box-shadow var(--tr);white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.btn-pri:active{transform:scale(.97)}.strip-lim,.strip-pro{background:var(--bg-s);border-radius:10px;padding:.75rem;border:1px solid var(--bd)}.podium{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:2rem 0}@media(max-width:640px){.podium{grid-template-columns:1fr}}.podium-medal{font-size:2rem;display:block;margin-bottom:.5rem}.podium-tag{display:inline-block;font-size:.65rem;font-weight:700;padding:.18rem .55rem;border-radius:100px;margin-top:.6rem}.gold .podium-tag,.podium-card.gold .podium-tag{background:rgba(245,158,11,.15);color:#d97706}.podium-card.silver .podium-tag,.silver .podium-tag{background:rgba(148,163,184,.15);color:#64748b}.bronze .podium-tag,.podium-card.bronze .podium-tag{background:rgba(234,88,12,.15);color:#ea580c}.bronze:before{background:linear-gradient(90deg,#7c2d12,#c2410c,#ea580c)}.silver:before{background:linear-gradient(90deg,#475569,#94a3b8,#cbd5e1)}.gen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.gen-left{gap:.85rem}.gen-left,.gen-logo{display:flex;align-items:center}.gen-logo{width:48px;height:48px;border-radius:14px;justify-content:center;font-size:1.4rem;flex-shrink:0;border:1px solid var(--bd);background:var(--bg-s)}.gen-sub{font-size:.78rem;color:var(--tx-3);font-weight:300}.gen-badge{display:inline-flex;font-size:.62rem;font-weight:700;padding:.15rem .55rem;border-radius:100px;margin-top:.25rem}.gen-score-wrap{text-align:right;flex-shrink:0}.gen-score{font-family:var(--font-h);font-size:2rem;font-weight:800;line-height:1}.gen-score-label{font-size:.62rem;color:var(--tx-3);text-transform:uppercase;letter-spacing:.07em}.gen-body{font-size:.87rem;color:var(--tx-2);line-height:1.72;margin-bottom:1rem}.g1:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.g2:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.g3:before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)}.g4:before{background:linear-gradient(180deg,#ec4899,#f9a8d4)}.g5:before{background:linear-gradient(180deg,#10b981,#34d399)}.g6:before{background:linear-gradient(180deg,#06b6d4,#67e8f9)}.g1 .gen-badge{background:rgba(245,158,11,.12);color:#d97706}.g2 .gen-badge{background:rgba(59,130,246,.12);color:#3b82f6}.g3 .gen-badge{background:rgba(139,92,246,.12);color:#8b5cf6}.g4 .gen-badge{background:rgba(236,72,153,.12);color:#ec4899}.g5 .gen-badge{background:rgba(16,185,129,.12);color:#10b981}.g6 .gen-badge{background:rgba(6,182,212,.12);color:#06b6d4}.g1 .gen-score{background:linear-gradient(135deg,#b45309,#f59e0b);-webkit-background-clip:text;background-clip:text}.g1 .gen-score,.g2 .gen-score{-webkit-text-fill-color:transparent}.g2 .gen-score{background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;background-clip:text}.g3 .gen-score{background:linear-gradient(135deg,#5b21b6,#a78bfa);-webkit-background-clip:text;background-clip:text}.g3 .gen-score,.g4 .gen-score{-webkit-text-fill-color:transparent}.g4 .gen-score{background:linear-gradient(135deg,#9d174d,#ec4899);-webkit-background-clip:text;background-clip:text}.g5 .gen-score{background:linear-gradient(135deg,#065f46,#10b981);-webkit-background-clip:text;background-clip:text}.g5 .gen-score,.g6 .gen-score{-webkit-text-fill-color:transparent}.g6 .gen-score{background:linear-gradient(135deg,#0e7490,#06b6d4);-webkit-background-clip:text;background-clip:text}.g1 .bar-fill{background:linear-gradient(90deg,#b45309,#f59e0b)}.g2 .bar-fill{background:linear-gradient(90deg,#1e3a8a,#3b82f6)}.g3 .bar-fill{background:linear-gradient(90deg,#5b21b6,#a78bfa)}.g4 .bar-fill{background:linear-gradient(90deg,#9d174d,#ec4899)}.g5 .bar-fill{background:linear-gradient(90deg,#065f46,#10b981)}.g6 .bar-fill{background:linear-gradient(90deg,#0e7490,#06b6d4)}.gen-spec-label{font-size:.62rem;color:var(--tx-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem}.gen-spec-val{font-size:.8rem;font-weight:600;color:var(--tx-2)}.gen-pro-con{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.gen-cons,.gen-pros{background:var(--bg-s);border-radius:10px;padding:.8rem;border:1px solid var(--bd)}.gen-pros-title{color:#10b981}.gen-cons-title,.gen-pros-title{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem}.gen-cons-title{color:#ef4444}.gen-cons ul,.gen-pros ul{display:flex;flex-direction:column;gap:.35rem;list-style:none;padding:0;margin:0}.gen-cons ul li,.gen-pros ul li{font-size:.78rem;color:var(--tx-2);display:flex;gap:.4rem;line-height:1.45;align-items:flex-start}.gen-pros ul li:before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0}.gen-cons ul li:before{content:"✕";color:#ef4444;font-weight:700;flex-shrink:0}.use-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}.use-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:1.15rem;transition:all var(--tr)}.use-icon{font-size:1.4rem;margin-bottom:.45rem;display:block}.use-title{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx);margin-bottom:.28rem}.use-pick{font-size:.74rem;font-weight:700;color:var(--a2);margin-bottom:.22rem}.use-reason{font-size:.79rem;color:var(--tx-2);line-height:1.55}.rec-chip{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .7rem;border-radius:10px;margin-bottom:.48rem;background:rgba(192,38,211,.05);border:1px solid var(--bd)}.rec-rank{font-family:var(--font-h);font-size:.85rem;font-weight:800;color:var(--a2);min-width:1.5rem;flex-shrink:0;margin-top:.05rem}.rec-name{font-size:.83rem;font-weight:600;color:var(--tx)}.rec-tag{font-size:.62rem;color:var(--tx-3);display:block;margin-top:.05rem}.mobile-toc-btn{width:100%;font-family:var(--font-h);font-size:.85rem;font-weight:700;padding:.85rem 1.1rem;border-radius:100px;background:var(--bg-c);border:1px solid var(--bd);color:var(--tx);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color var(--tr)}.mobile-toc-btn.open{border-color:var(--a1)}.mobile-toc-btn:after{content:"↓";color:var(--a2);transition:transform .25s;font-size:.9rem}.mobile-toc-btn.open:after{transform:rotate(180deg)}.mobile-toc-panel{display:none;padding:.75rem 0 0}.mobile-toc-panel.open{display:block}.mobile-toc-panel .toc-list{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:.9rem}.mobile-toc-panel .toc-link{font-size:.84rem;padding:.48rem .7rem}.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.1rem;gap:1.1rem;margin:1.75rem 0}@media(max-width:768px){.platform-cards{grid-template-columns:1fr}}.pc{background:var(--bg-c);border:1px solid var(--bd);border-radius:18px;padding:1.35rem;position:relative;overflow:hidden;transition:all var(--tr);display:flex;flex-direction:column;gap:.5rem}@media(hover:hover){.pc:hover{border-color:var(--bd-s);transform:translateY(-2px)}}.pc:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.pc.g2:before{background:linear-gradient(90deg,#e8294a,#ff6b81)}.pc.cap:before{background:linear-gradient(90deg,#0052cc,#2684ff)}.pc.tp:before{background:linear-gradient(90deg,#00b67a,#25d48a)}.pc-logo{font-size:1.8rem;display:block;margin-bottom:.25rem}.pc-name{font-family:var(--font-h);font-size:1.05rem;font-weight:800;color:var(--tx)}.pc-owner{font-size:.72rem;color:var(--tx-3);margin-bottom:.25rem}.pc-trust{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;padding:.18rem .6rem;border-radius:100px;margin-bottom:.35rem;width:-moz-fit-content;width:fit-content}.pc-trust.high{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.25)}.pc-trust.medium{background:rgba(245,158,11,.12);color:#d97706;border:1px solid rgba(245,158,11,.25)}.pc-trust.low{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.22)}.pc-desc{font-size:.84rem;color:var(--tx-2);line-height:1.68;flex:1 1}.pc-facts{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--bd)}.pc-fact{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;font-size:.78rem}.pc-fact span{color:var(--tx-3)}.pc-fact strong{color:var(--tx);font-weight:600;text-align:right}.flag-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin:1.75rem 0}@media(max-width:640px){.flag-grid{grid-template-columns:1fr}}.flag-card{border-radius:16px;padding:1.25rem;border:1px solid var(--bd)}.flag-card.red{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2)}.flag-card.green{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)}.flag-title{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx);margin-bottom:.85rem;display:flex;align-items:center;gap:.4rem}.flag-list{display:flex;flex-direction:column;gap:.7rem}.flag-item{display:flex;gap:.6rem;align-items:flex-start;font-size:.83rem;color:var(--tx-2);line-height:1.58}.flag-ico{font-size:.85rem;flex-shrink:0;margin-top:.12rem}.step-cards{display:flex;flex-direction:column;gap:.85rem;margin:1.75rem 0}.step-card{display:flex;gap:1rem;align-items:flex-start;background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.2rem 1.3rem;transition:border-color var(--tr)}@media(hover:hover){.step-card:hover{border-color:var(--bd-s)}}@media(max-width:480px){.step-card{padding:1rem}}.step-num{font-family:var(--font-h);font-size:.88rem;font-weight:800;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--an),var(--a1));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-body{flex:1 1;min-width:0}.step-title{font-family:var(--font-h);font-size:.95rem;font-weight:700;color:var(--tx);margin-bottom:.35rem;line-height:1.3}.step-text{font-size:.87rem;color:var(--tx-2);line-height:1.7}.high{color:#10b981}.high,.medium{font-weight:600}.medium{color:#d97706}.red{color:#ef4444}.green,.red{font-weight:600}.green{color:#10b981}.takeaway-box{background:var(--bg-c);border:1px solid var(--bd);border-radius:18px;overflow:hidden;margin:1.75rem 0}.takeaway-header{display:flex;align-items:center;gap:.65rem;padding:1rem 1.3rem;background:linear-gradient(135deg,rgba(192,38,211,.07),rgba(139,92,246,.04));border-bottom:1px solid var(--bd)}.takeaway-head-title{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx)}.takeaway-icon{font-size:1.1rem}.takeaway-grid{display:grid;grid-template-columns:repeat(3,1fr)}@media(max-width:600px){.takeaway-grid{grid-template-columns:1fr}}.tk-card{padding:1.1rem 1.3rem;border-right:1px solid var(--bd)}.tk-card:last-child{border-right:none}@media(max-width:600px){.tk-card{border-right:none;border-bottom:1px solid var(--bd)}.tk-card:last-child{border-bottom:none}}.tk-platform{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-3);margin-bottom:.25rem}.tk-verdict{font-family:var(--font-h);font-size:.92rem;font-weight:700;color:var(--tx);margin-bottom:.2rem}.tk-detail{font-size:.79rem;color:var(--tx-2);line-height:1.55}.trust-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--bd);background:var(--bg-c);margin:1.75rem 0;-webkit-overflow-scrolling:touch}.trust-table{width:100%;border-collapse:collapse;min-width:500px}.trust-table th{font-family:var(--font-h);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3);padding:.82rem 1rem;text-align:left;background:rgba(192,38,211,.04);white-space:nowrap}.trust-table td,.trust-table th{border-bottom:1px solid var(--bd)}.trust-table td{padding:.75rem 1rem;font-size:.84rem;color:var(--tx-2);vertical-align:middle}.trust-table tr:last-child td{border-bottom:none}@media(hover:hover){.trust-table tr:hover td{background:rgba(192,38,211,.03)}}.mixed{color:#d97706;font-weight:600}.announce-bar{display:none}.host-cards{display:flex;flex-direction:column;gap:1.5rem;margin:1.75rem 0}.host-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;transition:border-color var(--tr)}.host-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.shared:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.vps:before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)}.managed:before{background:linear-gradient(180deg,#10b981,#34d399)}@media(hover:hover){.host-card:hover{border-color:var(--bd-s)}}.host-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem;flex-wrap:wrap}.host-left{gap:.85rem}.host-left,.host-logo{display:flex;align-items:center}.host-logo{width:46px;height:46px;border-radius:13px;justify-content:center;font-size:1.3rem;border:1px solid var(--bd);background:var(--bg-s);flex-shrink:0}.host-name{font-family:var(--font-h);font-size:1rem;font-weight:800;color:var(--tx);margin-bottom:.1rem}.host-tagline{font-size:.76rem;color:var(--tx-3);font-weight:300}.host-score-wrap{text-align:right;flex-shrink:0}.host-score{font-family:var(--font-h);font-size:1.9rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--an),var(--a2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.host-score-label{font-size:.62rem;color:var(--tx-3);text-transform:uppercase;letter-spacing:.06em}.host-body{font-size:.87rem;color:var(--tx-2);line-height:1.72;margin-bottom:1rem}.host-specs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem;margin-bottom:1rem}@media(max-width:500px){.host-specs{grid-template-columns:repeat(2,1fr)}}.host-spec{background:var(--bg-s);border:1px solid var(--bd);border-radius:10px;padding:.55rem .75rem}.host-spec-label{font-size:.62rem;color:var(--tx-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.15rem}.host-spec-val{font-size:.8rem;font-weight:600;color:var(--tx-2)}.host-pro-con{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}@media(max-width:500px){.host-pro-con{grid-template-columns:1fr}}.host-cons,.host-pros{background:var(--bg-s);border-radius:10px;padding:.8rem;border:1px solid var(--bd)}.host-pros-title{color:#10b981}.host-cons-title,.host-pros-title{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.45rem}.host-cons-title{color:#ef4444}.host-cons ul,.host-pros ul{display:flex;flex-direction:column;gap:.3rem;list-style:none;padding:0;margin:0}.host-cons ul li,.host-pros ul li{font-size:.78rem;color:var(--tx-2);display:flex;gap:.4rem;line-height:1.45;align-items:flex-start}.host-pros ul li:before{content:"✓";color:#10b981;font-weight:700;flex-shrink:0}.host-cons ul li:before{content:"✕";color:#ef4444;font-weight:700;flex-shrink:0}.type-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:640px){.type-cards{grid-template-columns:1fr 1fr}}@media(max-width:420px){.type-cards{grid-template-columns:1fr}}.type-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:1.1rem;transition:all var(--tr)}@media(hover:hover){.type-card:hover{border-color:var(--bd-s);transform:translateY(-2px)}}.type-icon{font-size:1.4rem;margin-bottom:.5rem;display:block}.type-name{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx);margin-bottom:.2rem}.type-desc{font-size:.78rem;color:var(--tx-2);line-height:1.55;margin-bottom:.45rem}.type-best{font-size:.72rem;color:var(--a2);font-weight:600}.type-price{font-size:.72rem;color:var(--tx-3);margin-top:.2rem}.situation-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:600px){.situation-grid{grid-template-columns:1fr}}.sit-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:1.15rem;transition:all var(--tr)}@media(hover:hover){.sit-card:hover{border-color:var(--bd-s);transform:translateY(-2px)}}.sit-icon{font-size:1.3rem;margin-bottom:.4rem;display:block}.sit-title{font-family:var(--font-h);font-size:.88rem;color:var(--tx)}.sit-pick,.sit-title{font-weight:700;margin-bottom:.22rem}.sit-pick{font-size:.74rem;color:var(--a2)}.sit-reason{font-size:.79rem;color:var(--tx-2);line-height:1.55}.avoid-list{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.18);border-radius:14px;padding:1.1rem 1.25rem;margin:1.25rem 0}.avoid-title{font-family:var(--font-h);font-size:.82rem;font-weight:700;color:#ef4444;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.avoid-item{display:flex;gap:.6rem;align-items:flex-start;margin-bottom:.45rem}.avoid-item:last-child{margin-bottom:0}.avoid-icon{font-size:.9rem;flex-shrink:0;margin-top:.05rem}.avoid-text{font-size:.82rem;color:var(--tx-2);line-height:1.55}.h1{font-size:clamp(1.5rem,3vw,2rem);line-height:1.15}.h1,.h2{font-family:var(--font-h);font-weight:800;color:var(--tx);letter-spacing:-.025em}.h2{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.2}.h3{font-size:1rem;line-height:1.3}.h3,.h4{font-family:var(--font-h);font-weight:700;color:var(--tx)}.h4{font-size:.9rem}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:640px){.score-grid{grid-template-columns:1fr}}.score-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.2rem;text-align:center;transition:all var(--tr)}@media(hover:hover){.score-card:hover{border-color:var(--bd-s);transform:translateY(-2px)}}.score-card.featured{border-color:rgba(192,38,211,.35);background:rgba(192,38,211,.04)}.sc-platform{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-3);margin-bottom:.4rem}.sc-score-big{font-family:var(--font-h);font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,var(--an),var(--v2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.2rem}.sc-out-of{font-size:.72rem;color:var(--tx-3)}.sc-label{font-size:.75rem;color:var(--tx-2);margin-top:.35rem;font-weight:500}.tool-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:768px){.tool-cards{grid-template-columns:1fr 1fr}}@media(max-width:480px){.tool-cards{grid-template-columns:1fr}}.tc-logo{font-size:1.6rem;margin-bottom:.55rem;display:block}.tc-name{font-family:var(--font-h);font-size:.95rem;font-weight:800;color:var(--tx);margin-bottom:.1rem}.tc-tagline{font-size:.74rem;color:var(--tx-3);margin-bottom:.65rem}.tc-specs{display:flex;flex-direction:column;gap:.3rem}.tc-spec{display:flex;justify-content:space-between;font-size:.77rem;padding:.25rem 0;border-bottom:1px solid var(--bd)}.tc-spec:last-child{border-bottom:none}.tc-zapier:before{background:linear-gradient(180deg,#ff4a00,#ff7043)}.tc-make:before{background:linear-gradient(180deg,#6d00cc,#9c27b0)}.tc-n8n:before{background:linear-gradient(180deg,#ea4b71,#ff6b6b)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:640px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.3rem;transition:all var(--tr);position:relative;overflow:hidden}.pricing-card.featured{border-color:rgba(192,38,211,.35);background:rgba(192,38,211,.04)}.pc-tool{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-3);margin-bottom:.2rem}.pc-plan{font-size:.95rem;font-weight:700;color:var(--tx);margin-bottom:.15rem}.pc-plan,.pc-price{font-family:var(--font-h)}.pc-price{font-size:1.9rem;font-weight:800;line-height:1;margin-bottom:.1rem;background:linear-gradient(135deg,var(--an),var(--v2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pc-period{font-size:.72rem;color:var(--tx-3);margin-bottom:.65rem}.pc-badge{display:inline-flex;font-size:.62rem;font-weight:700;padding:.14rem .5rem;border-radius:100px;margin-bottom:.65rem}.pc-features{display:flex;flex-direction:column;gap:.35rem}.pcf-item{display:flex;align-items:flex-start;gap:.45rem;font-size:.8rem;color:var(--tx-2);line-height:1.45}.pcf-icon{font-size:.8rem;flex-shrink:0;margin-top:.06rem}.complexity-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:640px){.complexity-grid{grid-template-columns:1fr}}.cx-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:1.15rem;transition:all var(--tr)}@media(hover:hover){.cx-card:hover{border-color:var(--bd-s)}}.cx-tool{font-family:var(--font-h);font-size:.9rem;font-weight:700;color:var(--tx);margin-bottom:.5rem}.cx-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3);margin-bottom:.25rem}.cx-flow{font-size:.82rem;color:var(--tx-2);line-height:1.6;font-style:italic}.arrow{color:var(--a2);font-weight:700;margin:0 .25rem}.who-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:600px){.who-grid{grid-template-columns:1fr}}.who-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:1.15rem;transition:all var(--tr)}@media(hover:hover){.who-card:hover{border-color:var(--bd-s);transform:translateY(-2px)}}.who-icon{font-size:1.3rem;margin-bottom:.4rem;display:block}.who-title{font-family:var(--font-h);font-size:.88rem;color:var(--tx)}.who-pick,.who-title{font-weight:700;margin-bottom:.22rem}.who-pick{font-size:.74rem;color:var(--a2)}.who-reason{font-size:.79rem;color:var(--tx-2);line-height:1.55}.fill-zapier{background:linear-gradient(90deg,#c0390a,#ff4a00)}.fill-make{background:linear-gradient(90deg,#5600a8,#6d00cc)}.fill-n8n{background:linear-gradient(90deg,#c0253a,#ea4b71)}.badge-orange{background:linear-gradient(90deg,#c2410c,#ea580c);color:#fff}.badge-purple{background:linear-gradient(90deg,#6d28d9,#7c3aed);color:#fff}.no{color:#ef4444}.no,.yes{font-weight:600}.yes{color:#10b981}.component-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:640px){.component-cards{grid-template-columns:1fr}}.comp-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.25rem;transition:all var(--tr);position:relative;overflow:hidden}.comp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.host:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.client:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.server:before{background:linear-gradient(90deg,#10b981,#34d399)}@media(hover:hover){.comp-card:hover{border-color:var(--bd-s);transform:translateY(-2px)}}.comp-icon{font-size:1.6rem;margin-bottom:.6rem;display:block}.comp-name{font-family:var(--font-h);font-size:.95rem;font-weight:800;color:var(--tx);margin-bottom:.1rem}.comp-role{font-size:.72rem;color:var(--tx-3);margin-bottom:.5rem}.comp-desc{font-size:.82rem;color:var(--tx-2);line-height:1.65;margin-bottom:.55rem}.comp-example{font-size:.75rem;color:var(--a2);font-weight:600}.def-box{background:linear-gradient(135deg,rgba(192,38,211,.07),rgba(139,92,246,.04));border:1px solid var(--bd-s);border-radius:16px;padding:1.5rem 1.75rem;margin:1.75rem 0;position:relative;overflow:hidden}.def-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--an),var(--a1),var(--v2))}.def-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--a2);margin-bottom:.5rem}.def-title{font-family:var(--font-h);font-size:1.1rem;font-weight:800;color:var(--tx);margin-bottom:.6rem;line-height:1.2}.def-body{font-size:.93rem;color:var(--tx-2);line-height:1.78}.flow-diagram{display:flex;flex-direction:column;gap:.65rem;margin:1.5rem 0}.flow-step{display:flex;gap:.85rem;align-items:flex-start}.flow-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--an),var(--a1));flex-shrink:0;margin-top:.4rem}.flow-content{flex:1 1;min-width:0}.flow-title{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx);margin-bottom:.2rem}.flow-text{font-size:.84rem;color:var(--tx-2);line-height:1.65}.flow-code{font-family:monospace;font-size:.77rem;background:rgba(192,38,211,.07);border:1px solid rgba(192,38,211,.18);padding:.2rem .5rem;border-radius:5px;color:var(--a3);display:inline-block;margin-top:.3rem}.adoption-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;margin:1.25rem 0}@media(max-width:640px){.adoption-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.adoption-grid{grid-template-columns:1fr}}.adopt-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:12px;padding:.9rem;display:flex;align-items:center;gap:.65rem;transition:all var(--tr)}@media(hover:hover){.adopt-card:hover{border-color:var(--bd-s)}}.adopt-icon{font-size:1.3rem;flex-shrink:0}.adopt-name{font-family:var(--font-h);font-size:.83rem;font-weight:700;color:var(--tx)}.adopt-status{display:inline-block;font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:100px;margin-top:.2rem}.native{background:rgba(16,185,129,.12);color:#10b981}.partner{background:rgba(245,158,11,.12);color:#d97706}.growing{background:rgba(192,38,211,.1);color:var(--a1)}.example-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin:1.25rem 0}@media(max-width:500px){.example-grid{grid-template-columns:1fr}}.ex-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:14px;padding:1.1rem;transition:all var(--tr)}@media(hover:hover){.ex-card:hover{border-color:var(--bd-s)}}.ex-icon{font-size:1.3rem;margin-bottom:.4rem;display:block}.ex-title{font-family:var(--font-h);font-size:.88rem;font-weight:700;color:var(--tx);margin-bottom:.2rem}.ex-scenario{font-size:.72rem;color:var(--tx-3);margin-bottom:.35rem}.ex-desc{font-size:.8rem;color:var(--tx-2);line-height:1.6}.vs-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--bd);background:var(--bg-c);margin:1.75rem 0;-webkit-overflow-scrolling:touch}@media(max-width:768px){.vs-table-wrap:after{content:"← Scroll →";display:block;text-align:center;font-size:.67rem;color:var(--tx-3);padding:.3rem;border-top:1px solid var(--bd)}}.vs-table{width:100%;border-collapse:collapse;min-width:480px}.vs-table th{font-family:var(--font-h);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3);padding:.82rem 1rem;text-align:left;background:rgba(192,38,211,.04);white-space:nowrap}.vs-table td,.vs-table th{border-bottom:1px solid var(--bd)}.vs-table td{padding:.75rem 1rem;font-size:.84rem;color:var(--tx-2);vertical-align:middle}.vs-table tr:last-child td{border-bottom:none}@media(hover:hover){.vs-table tr:hover td{background:rgba(192,38,211,.03)}}.dt-api{color:#3b82f6;font-weight:600}.dt-mcp{color:var(--a1);font-weight:600}.sb-checklist{display:flex;flex-direction:column;gap:.55rem;padding:0;list-style:none;margin:0}.sb-checklist li{font-size:.79rem;color:var(--tx-2);display:flex;gap:.5rem;align-items:flex-start;line-height:1.5}.sb-check-yes{color:#10b981}.sb-check-no,.sb-check-yes{flex-shrink:0;font-weight:700}.sb-check-no{color:#ef4444}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--bd);border-radius:3px}@media(max-width:1100px){.sidebar{max-height:calc(100vh - var(--nav-top) - 1.5rem)}}.jasper{--tool-color:#7c3aed}.copyai{--tool-color:#3b82f6}.writesonic{--tool-color:#ea580c}.tool-profiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin:1.75rem 0}@media(max-width:768px){.tool-profiles{grid-template-columns:1fr 1fr}}@media(max-width:480px){.tool-profiles{grid-template-columns:1fr}}.tp-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.25rem;position:relative;overflow:hidden;transition:all var(--tr)}.tp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.tp-jasper:before{background:linear-gradient(90deg,#5b21b6,#7c3aed)}.tp-copyai:before{background:linear-gradient(90deg,#1d4ed8,#3b82f6)}.tp-writesonic:before{background:linear-gradient(90deg,#c2410c,#ea580c)}@media(hover:hover){.tp-card:hover{border-color:var(--bd-s);transform:translateY(-2px)}}.tp-logo{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;border:1px solid var(--bd);background:var(--bg-s);margin-bottom:.7rem}.tp-name{font-family:var(--font-h);font-size:.95rem;font-weight:800;color:var(--tx);margin-bottom:.1rem}.tp-tagline{font-size:.74rem;color:var(--tx-3);font-weight:300;margin-bottom:.75rem}.tp-specs{display:flex;flex-direction:column;gap:.3rem}.tp-spec{display:flex;justify-content:space-between;align-items:center;font-size:.77rem;padding:.28rem 0;border-bottom:1px solid var(--bd)}.tp-spec:last-child{border-bottom:none}.fill-jasper{background:linear-gradient(90deg,#5b21b6,#7c3aed)}.fill-copyai{background:linear-gradient(90deg,#1d4ed8,#3b82f6)}.fill-writesonic{background:linear-gradient(90deg,#c2410c,#ea580c)}.wt-samples{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.write-test{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;overflow:hidden;transition:border-color var(--tr)}.jasper.write-test{border-top:3px solid #7c3aed}.copyai.write-test{border-top:3px solid #3b82f6}.writesonic.write-test{border-top:3px solid #ea580c}.wt-header{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--bd);background:rgba(192,38,211,.03)}.wt-icon{font-size:1rem;flex-shrink:0}.wt-title{font-family:var(--font-h);font-size:.85rem;font-weight:700;color:var(--tx)}.wt-prompt{font-size:.73rem;color:var(--tx-3);font-style:italic}.wt-sample{padding:.9rem 1.1rem}.wts-tool{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--a2);margin-bottom:.3rem}.wts-text{font-size:.83rem;color:var(--tx-2);line-height:1.68;margin-bottom:.4rem}.wts-verdict{display:inline-flex;font-size:.67rem;font-weight:700;padding:.15rem .5rem;border-radius:100px}.win{background:rgba(16,185,129,.12);color:#10b981;border:1px solid rgba(16,185,129,.25)}.ok{background:rgba(245,158,11,.1);color:#d97706;border:1px solid rgba(245,158,11,.25)}.miss{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.22)}.linear{--tool-color:#5e6ad2}.jira{--tool-color:#0052cc}.fill-linear{background:linear-gradient(90deg,#4b55c0,#5e6ad2)}.fill-jira{background:linear-gradient(90deg,#003f9e,#0052cc)}.speed-compare{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin:1.5rem 0}@media(max-width:580px){.speed-compare{grid-template-columns:1fr}}.sp-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.25rem;transition:all var(--tr)}@media(hover:hover){.sp-card:hover{border-color:var(--bd-s);transform:translateY(-2px)}}.sp-tool{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-3);margin-bottom:.35rem}.sp-label{font-size:.92rem;font-weight:700;color:var(--tx);margin-bottom:.25rem}.sp-label,.sp-time{font-family:var(--font-h)}.sp-time{font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.15rem}.linear .sp-time{background:linear-gradient(135deg,#4b55c0,#5e6ad2);-webkit-background-clip:text;background-clip:text}.jira .sp-time,.linear .sp-time{-webkit-text-fill-color:transparent}.jira .sp-time{background:linear-gradient(135deg,#003f9e,#0052cc);-webkit-background-clip:text;background-clip:text}.fast{color:#10b981}.fast,.slow{font-weight:700}.slow{color:#ef4444}.dx-compare{display:flex;flex-direction:column;gap:0;margin:1.75rem 0;border:1px solid var(--bd);border-radius:16px;overflow:hidden;background:var(--bg-c)}.dx-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid var(--bd)}.dx-row:last-child{border-bottom:none}.dx-row.header-row{background:rgba(192,38,211,.04)}@media(max-width:580px){.dx-row{grid-template-columns:1fr 1fr}.dx-label{display:none}}.dx-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-3)}.dx-label,.dx-tool-label{font-family:var(--font-h);font-weight:700;padding:.75rem 1rem;display:flex;align-items:center}.dx-tool-label{font-size:.75rem;color:var(--tx)}.dx-tool,.dx-tool-label{border-left:1px solid var(--bd)}.dx-tool{padding:.8rem 1rem;font-size:.83rem;color:var(--tx-2);line-height:1.5;display:flex;align-items:center}.dx-win{background:rgba(16,185,129,.06);font-weight:600}.dx-win,.logo-text{color:var(--tx)}.logo-text+span{color:var(--a2);margin-left:0}.cat-browser-wrap{width:100%}#cat-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.75rem;align-items:center}.cat-tab{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-h);font-size:.78rem;font-weight:600;padding:.42rem .85rem;border-radius:100px;border:1px solid var(--bd);background:var(--bg-c);color:var(--tx-2);cursor:pointer;transition:all var(--tr);white-space:nowrap}@media(hover:hover){.cat-tab:hover{border-color:var(--a1);color:var(--a1);background:rgba(192,38,211,.06)}}.cat-tab.active{background:linear-gradient(135deg,var(--an),var(--a1));color:#fff;border-color:transparent;box-shadow:0 2px 12px rgba(192,38,211,.35)}.cat-count{font-size:.68rem;font-weight:700;background:hsla(0,0%,100%,.18);border-radius:100px;padding:.05rem .38rem;line-height:1.4}.cat-tab:not(.active) .cat-count{background:var(--bg-s);color:var(--tx-3)}.cat-more-wrap{position:relative}.cat-more-btn{font-family:var(--font-h);font-size:.78rem;font-weight:600;padding:.42rem .85rem;border-radius:100px;border:1px dashed var(--bd);background:transparent;color:var(--tx-3);cursor:pointer;transition:all var(--tr)}@media(hover:hover){.cat-more-btn:hover{border-color:var(--a1);color:var(--a1)}}.cat-more-items{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem;padding:.85rem;background:var(--bg-c);border:1px solid var(--bd);border-radius:16px}#cat-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}@media(max-width:900px){#cat-posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){#cat-posts-grid{grid-template-columns:1fr}}@media(max-width:900px){.mobile-toc{display:block;margin-bottom:1.5rem}}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}@media(max-width:900px){.compare-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.compare-grid{grid-template-columns:1fr}}.compare-card{background:var(--bg-c);border:1px solid var(--bd);border-radius:16px;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.4rem;transition:all var(--tr);position:relative;overflow:hidden}.compare-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--an),var(--a1),var(--v2));opacity:0;transition:opacity var(--tr)}@media(hover:hover){.compare-card:hover{border-color:var(--bd-s);transform:translateY(-3px);box-shadow:var(--sh)}.compare-card:hover:before{opacity:1}.compare-card:hover .compare-arrow{transform:translateX(4px);color:var(--a1)}}.compare-icon{font-size:1.1rem}.compare-title{font-family:var(--font-h);font-size:.9rem;font-weight:700;color:var(--tx);line-height:1.35;flex:1 1}.compare-meta{font-size:.72rem;color:var(--tx-3)}.compare-arrow{font-size:.9rem;color:var(--tx-3);align-self:flex-end;transition:all var(--tr);margin-top:.25rem}