:root{--bg:#FFFFFF;--panel:#F7F7F7;--panel2:#F0F0F0;--cyan:#111111;--cyan2:#333333;--blue:#000000;--white:#111111;--muted:#6E6E6E;--line:rgba(0,0,0,.12);--glow:0 0 0 1px rgba(0,0,0,.06),0 20px 60px rgba(0,0,0,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(0,0,0,.025),transparent 27%),radial-gradient(circle at 88% 8%,rgba(0,0,0,.02),transparent 26%),linear-gradient(180deg,#FFFFFF,#FAFAFA 45%,#FFFFFF);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}.wrap{width:min(1520px,94vw);margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brandrow{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{width:290px;max-width:52vw}.desktop-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.desktop-nav a,.dropbtn{padding:11px 13px;border-radius:999px;font-weight:700;color:#111111;background:transparent;border:0}.desktop-nav a:hover,.dropbtn:hover{background:rgba(255,255,255,.06)}.join-btn{background:linear-gradient(135deg,#1A1A1A,#000000)!important;color:#fff!important}.hamb{display:none;background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--line);border-radius:12px;font-size:22px;padding:9px 14px}.mobile-menu{display:none;flex-direction:column;padding:8px 4vw 16px;background:#FFFFFF}.mobile-menu.show{display:flex}.mobile-menu a{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.primary,.market{display:none}.hero{padding:30px 0 18px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}.hero-copy,.hero-media{border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,247,247,.97));box-shadow:var(--glow);overflow:hidden}.hero-copy{padding:36px}.eyebrow{color:#444444;letter-spacing:.16em;font-size:12px;font-weight:900}.hero h1{font:700 clamp(42px,5.8vw,82px)/.96 Georgia,serif;margin:12px 0 18px}.hook-line{background:linear-gradient(90deg,#000000,#3A3A3A);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#4A4A4A;line-height:1.8;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.hero-actions a,.loadmore,.newsletter-form button,.auth-btn{padding:12px 18px;border-radius:999px;border:0;background:linear-gradient(135deg,#1A1A1A,#000000);color:#fff;font-weight:900;cursor:pointer}.hero-actions .ghost{background:transparent;border:1px solid var(--line)}.trust{display:flex;flex-wrap:wrap;gap:8px}.trust span{padding:9px 12px;border-radius:999px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);color:#333333;font-size:13px}
.slider-window{height:100%;min-height:440px;overflow:hidden;position:relative}.slider-track{display:flex;gap:12px;height:100%;width:max-content;padding:12px;animation:rail 32s linear infinite}.slider-track:hover{animation-play-state:paused}.slide{width:min(590px,68vw);height:416px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#F0F0F0}.slide img{width:100%;height:100%;object-fit:cover}.slider-controls{display:none}@keyframes rail{to{transform:translateX(-48%)}}
.section{padding:38px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.section-head h2{font:700 clamp(32px,4.2vw,52px)/1 Georgia,serif;margin:7px 0}.section-head p{color:var(--muted)}.gradient-heading{background:linear-gradient(90deg,#000000,#3A3A3A);-webkit-background-clip:text;background-clip:text;color:transparent}
.filters{display:flex;gap:10px;flex-wrap:wrap}.filter-pill{position:relative;border:1px solid var(--line);background:linear-gradient(135deg,rgba(0,0,0,.04),rgba(0,0,0,.02));color:#111111;padding:11px 14px;border-radius:999px;font-weight:800;cursor:pointer;transition:.25s;overflow:hidden}.filter-pill:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-120%);animation:shine 5s linear infinite}.filter-pill:hover,.filter-pill.active{transform:translateY(-3px);box-shadow:0 0 16px rgba(0,0,0,.14);background:linear-gradient(135deg,#111111,#000000)}@keyframes shine{to{transform:translateX(130%)}}
.article-grid,.blog-grid,.tool-preview,.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card,.blog-card,.tool-card,.product-card,.resource-card{background:linear-gradient(180deg,#FFFFFF,#FAFAFA);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--glow);transition:.25s}.article-card:hover,.blog-card:hover,.tool-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 20px 40px rgba(0,0,0,.12)}.card-cover{aspect-ratio:1.68/1;background:#F0F0F0;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover}.inside{padding:15px}.cat{font-size:11px;letter-spacing:.13em;font-weight:900;color:#333333}.inside h3,.tool-card h3{font:700 24px/1.06 Georgia,serif;margin:8px 0;color:#111111}.inside p,.tool-card p{color:#6E6E6E;line-height:1.6}.loadmore{display:flex;margin:24px auto}.blog-strip{background:linear-gradient(180deg,#FAFAFA,#FFFFFF);border-block:1px solid var(--line);padding:38px 0}
.tool-preview{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-card{padding:18px;min-height:160px}.tool-card:before{content:attr(data-icon);display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#1A1A1A,#000000);font-size:26px;margin-bottom:10px}
.shopband{padding:28px 0}.shop-inner,.newsletter-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#F5F5F5,#FAFAFA);padding:24px;box-shadow:var(--glow)}.shop-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.shop-inner a{padding:12px 18px;border-radius:999px;background:#111111;color:#fff;font-weight:900}
.footer{margin-top:30px;border-top:1px solid var(--line);background:#0A0A0A;padding:36px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}.footer p,.footer a,.footer small{color:#B5B5B5;line-height:1.8}
.newsletter{padding:24px 0}.newsletter-card{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}.newsletter-title{font:700 32px/1.05 Georgia,serif;margin:6px 0}.newsletter-form{display:flex;gap:10px}.newsletter-form input{flex:1;padding:14px 16px;border-radius:999px;border:1px solid var(--line);background:#FFFFFF;color:#111111}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;place-items:center;padding:16px;z-index:70}.modal.show{display:grid}.modal-card{width:min(560px,95vw);border:1px solid var(--line);border-radius:22px;padding:24px;background:#FFFFFF}.auth-fields{display:grid;gap:10px}.auth-fields input{padding:13px;border-radius:14px;border:1px solid var(--line);background:#FFFFFF;color:#111111}.closex{float:right;background:transparent;color:#111111;border:0;font-size:24px}
/* article layout */
.article-shell{padding:24px 0 40px}.article-wrap{width:min(1500px,94vw);margin:auto}.article-hero{display:grid;gap:14px}.article-top,.hero-cover,.intro-grid,.article-main,.premium-block{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#FFFFFF,#FAFAFA);box-shadow:var(--glow)}.article-top{padding:26px}.article-top h1{font:700 clamp(40px,5vw,72px)/.98 Georgia,serif;margin:10px 0;background:linear-gradient(90deg,#000000,#3A3A3A);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-cover{padding:12px;overflow:hidden}.hero-cover img{width:100%;border-radius:18px;max-height:620px;object-fit:cover}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;padding:18px}.summary-box,.takeaways-box,.content-block,.link-card,.end-note,.marquee-box{border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.02);border-radius:18px;padding:18px}.article-main{padding:18px;display:grid;gap:14px}.content-block h2,.link-card h3,.marquee-box h3{font:700 30px/1.05 Georgia,serif;margin:0 0 10px}.content-block p,.summary-box p,.takeaways-box li,.link-card p{color:#4A4A4A;line-height:1.8}.premium-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.premium-nav .nav-tile{background:#F5F5F5;border:1px solid var(--line);border-radius:14px;overflow:hidden}.premium-nav img{width:100%;aspect-ratio:1.18/1;object-fit:cover}.premium-nav b{display:block;padding:9px;font-size:12px}.marquee-track{overflow:hidden}.marquee-row{display:flex;gap:10px;width:max-content;animation:scrollL 30s linear infinite}.marquee-track.right .marquee-row{animation-name:scrollR}.mini-card{width:220px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#F5F5F5}.mini-card img{width:100%;height:135px;object-fit:cover}.mini-card .cap{padding:9px}.mini-card b{display:block;font-size:13px}.mini-card span{color:#6E6E6E;font-size:11px}.marquee-track:hover .marquee-row{animation-play-state:paused}@keyframes scrollL{to{transform:translateX(-50%)}}@keyframes scrollR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-card .inside{padding:12px}
.hidden{display:none!important}
@media(max-width:1050px){.desktop-nav{display:none}.hamb{display:block}.hero-grid,.intro-grid,.newsletter-card,.footer-grid,.resource-grid{grid-template-columns:1fr}.article-grid,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.brand img{width:250px}.slider-window{min-height:350px}.slide{height:340px}}
@media(max-width:620px){.wrap,.article-wrap{width:94vw}.article-grid,.blog-grid,.tool-preview,.premium-nav{grid-template-columns:1fr}.hero{padding-top:18px}.hero-copy{padding:22px}.hero h1{font-size:44px}.slide{width:82vw;height:300px}.section-head{align-items:flex-start;flex-direction:column}.shop-inner{align-items:flex-start;flex-direction:column}.newsletter-form{flex-direction:column}.article-top{padding:20px}.article-top h1{font-size:38px}.hero-cover{padding:8px}.hero-cover img{max-height:none}.premium-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-card{width:180px}.mini-card img{height:110px}}