:root{--fx-bg:#050508;--fx-panel:#0b0d12;--fx-paper:#f4f1ea;--fx-white:#fff;--fx-ink:#111217;--fx-muted:#666b73;--fx-darkmuted:#a2a6ae;--fx-line:#d8d3c9;--fx-darkline:rgba(255,255,255,.12);--fx-cyan:#18dff7;--fx-pink:#ff2d91;--fx-yellow:#ffd51c;--fx-green:#55e59a;--fx-max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--fx-paper);color:var(--fx-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#007e94}button{font:inherit}.wrap{width:min(var(--fx-max),calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:120;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.display,.hero h1,.article-hero h1,.section-title h2,.prose h2,.quote{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--fx-cyan)}
.site-head{position:sticky;top:0;z-index:80;background:rgba(5,5,8,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--fx-darkline);color:#fff}.head-row{min-height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px;font:900 24px/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:.05em;white-space:nowrap}.brand:before{content:"";width:38px;height:38px;flex:0 0 38px;background:url("/assets/field-notes-heart.webp") center/contain no-repeat;filter:drop-shadow(0 0 10px rgba(255,45,145,.16))}.brand em{font-style:normal;color:var(--fx-pink)}.nav{margin-left:auto;display:flex;align-items:center;gap:16px}.nav>a{font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#d8d9dd}.nav>a.active{color:var(--fx-cyan)}.nav>a.support{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:9px;background:var(--fx-yellow);color:#111;box-shadow:0 0 24px rgba(255,213,28,.08)}.menu{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.2);background:#0b0d12;color:#fff;width:42px;height:42px;border-radius:9px}.support-strip{background:var(--fx-paper);border-bottom:1px solid var(--fx-line);color:#111}.support-strip .wrap{min-height:42px;display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;font-size:12px}.support-strip b{font-weight:900}.support-strip a{text-decoration:underline;text-underline-offset:3px;font-weight:900}
.hero,.article-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 560px at 78% 48%,rgba(24,223,247,.10),transparent 68%),radial-gradient(680px 480px at 92% 10%,rgba(255,45,145,.08),transparent 70%),#050508;border-bottom:1px solid var(--fx-darkline)}.hero:before,.article-hero:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.hero{padding:78px 0 68px}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:60px;align-items:center}.hero h1{font-size:clamp(66px,7.2vw,112px);line-height:.82;margin:13px 0 22px}.hero h1 span,.article-hero h1 span{color:var(--fx-pink)}.hero p{max-width:760px;margin:0;color:#d0d2d8;font-size:19px;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;border:1px solid rgba(17,18,23,.22);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;transition:.18s ease;background:#fff;color:#111}.btn:hover{transform:translateY(-1px);color:#111}.btn.primary{background:var(--fx-cyan);border-color:var(--fx-cyan);color:#041014;box-shadow:0 0 24px rgba(24,223,247,.12)}.btn.alt{background:transparent;border-color:rgba(255,255,255,.24);color:#fff}.hero-note{transform:rotate(-1.5deg);border:1px solid rgba(24,223,247,.40);border-radius:18px;padding:28px;background:linear-gradient(145deg,#0b1118,#07090e);box-shadow:0 30px 80px rgba(0,0,0,.4),0 0 45px rgba(24,223,247,.06)}.hero-note b{display:block;font:900 34px/.95 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}.hero-note span{display:block;margin-top:12px;color:#b9bdc5;font-size:14px;line-height:1.55}
.section{padding:72px 0;background:var(--fx-paper);border-bottom:1px solid var(--fx-line)}.section.dark2{background:#07090d;color:#fff;border-color:var(--fx-darkline)}.section-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,450px);gap:50px;align-items:end;margin-bottom:32px}.section-title h2{font-size:clamp(48px,5vw,76px);line-height:.88;margin:10px 0 0}.section-title p{margin:0;color:var(--fx-muted);line-height:1.65}.dark2 .section-title p{color:#9ea2aa}.principles{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--fx-line);border-radius:16px;overflow:hidden;background:#fff}.principles div{padding:22px;border-right:1px solid var(--fx-line)}.principles div:last-child{border:0}.principles b{display:block;font:900 25px/.95 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase}.principles span{display:block;color:#6c7077;font-size:12px;line-height:1.45;margin-top:7px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.note-card{position:relative;min-height:270px;border:1px solid var(--fx-darkline);border-radius:16px;background:#0a0c11;padding:24px;color:#fff;display:flex;flex-direction:column;transition:.18s ease;overflow:hidden}.note-card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--fx-cyan),transparent 55%,var(--fx-pink))}.note-card:hover{transform:translateY(-3px);border-color:rgba(24,223,247,.34);color:#fff}.note-card small{font-size:9px;line-height:1;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-cyan)}.note-card h3{font:900 29px/.96 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;margin:14px 0 11px;letter-spacing:-.015em}.note-card p{font-size:12px;line-height:1.55;color:#aeb0b7;margin:0 0 18px}.note-card em{font-style:normal;margin-top:auto;color:var(--fx-yellow);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.note-card.featured{grid-column:span 2;min-height:330px;background:radial-gradient(500px 300px at 90% 20%,rgba(24,223,247,.08),transparent 60%),#090c11}.note-card.featured h3{font-size:46px;max-width:700px}.note-card.featured p{font-size:14px;max-width:760px}
.ad-wrap{border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line);background:#f8f5ef;padding:14px}.hub-page>.ad-wrap,.hub-page main>.ad-wrap{width:min(var(--fx-max),calc(100% - 44px));margin:24px auto;border:1px dashed #beb8ad;border-radius:13px}.ad-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#888;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.fixes-manual-ad{display:block;width:100%;min-height:78px}.dark2+.ad-wrap{background:#090b10}.footer{background:#050508;color:#858991;border-top:1px solid var(--fx-darkline);padding:30px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px}.footer strong{color:#fff}
.article-hero{padding:66px 0 52px}.article-hero .wrap{position:relative}.crumbs{font-size:11px;color:#8f939c;margin-bottom:24px}.crumbs a{color:#c4c8ce}.article-hero h1{font-size:clamp(56px,6.8vw,100px);line-height:.85;max-width:1050px;margin:13px 0 20px}.article-dek{font-size:20px;line-height:1.5;color:#cdd0d6;max-width:880px}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.article-meta span{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#b8bcc4}.article-shell{display:grid;grid-template-columns:minmax(0,780px) minmax(250px,300px);gap:32px;align-items:start;padding:44px 0 76px}.prose{background:#fff;border:1px solid var(--fx-line);border-radius:20px;padding:48px 52px;font-size:17px;box-shadow:0 16px 50px rgba(17,18,23,.06)}.prose p{margin:0 0 22px;color:#34363c}.prose strong{color:#111}.prose h2{font-size:42px;line-height:.94;margin:54px 0 18px;color:#111}.prose h3{font-size:22px;line-height:1.2;margin:30px 0 12px}.prose ul,.prose ol{padding-left:23px;color:#34363c}.prose li{margin:9px 0}.prose .ad-wrap{width:100%;margin:38px 0;padding:14px;border:1px dashed #c8c2b8;border-radius:12px}.reality{border-left:4px solid var(--fx-pink);background:#f7f3f0;border-radius:0 12px 12px 0;padding:22px 24px;margin:0 0 35px}.reality small,.tomorrow small,.tool-bridge small{font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.reality small{color:#c51e70}.reality p{font-size:19px;line-height:1.48;margin:7px 0 0;color:#15161a}.system-map{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--fx-line);border:1px solid var(--fx-line);border-radius:13px;overflow:hidden;margin:28px 0 34px}.system-map div{background:#f8f6f1;padding:16px}.system-map b{display:block;color:#007f94;font-size:9px;letter-spacing:.11em;text-transform:uppercase}.system-map span{display:block;margin-top:4px;font-size:11px;color:#686c73;line-height:1.35}.tomorrow{margin:38px 0;border:1px solid rgba(24,223,247,.38);border-radius:14px;padding:24px;background:linear-gradient(120deg,rgba(24,223,247,.075),#fbfffe 70%)}.tomorrow small{color:#007f94}.tomorrow h3{font:900 31px/.95 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;margin:8px 0 10px}.quote{font-size:34px;line-height:1.02;color:#111;border-left:4px solid var(--fx-yellow);padding-left:20px;margin:38px 0}.tool-bridge{margin:52px 0 12px;border-radius:15px;padding:26px;background:#080a0f;color:#fff;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center}.tool-bridge small{color:var(--fx-pink)}.tool-bridge h3{font:900 32px/.95 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;margin:7px 0 7px}.tool-bridge p{color:#aeb2ba;margin:0;font-size:13px}.tool-bridge .btn{white-space:nowrap}.article-end{border-top:1px solid var(--fx-line);padding-top:30px;margin-top:44px}.article-end h2{margin-top:8px}.editorial-box{margin-top:34px;border-top:1px solid var(--fx-line);padding-top:22px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.editorial-mark{width:44px;height:44px;border:2px solid var(--fx-cyan);border-radius:12px;background:linear-gradient(135deg,rgba(24,223,247,.09),rgba(255,45,145,.08))}.editorial-box b{display:block;font-size:13px}.editorial-box span{display:block;margin-top:3px;color:#73777f;font-size:11px;line-height:1.45}.side{position:sticky;top:100px;display:grid;gap:12px}.side-block{background:#fff;border:1px solid var(--fx-line);border-radius:15px;padding:18px}.side-block small{font-size:9px;letter-spacing:.14em;color:#858a92;text-transform:uppercase;font-weight:900}.side-block b{display:block;font:900 25px/.95 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;margin:8px 0}.side-block p{font-size:12px;color:#74787f;line-height:1.5;margin:0}.side-links{display:grid;margin-top:8px}.side-links a{padding:11px 0;border-top:1px solid #e7e2d9;font-size:12px;font-weight:750;line-height:1.35}.side .btn{margin-top:14px;width:100%;background:#111;color:#fff;border-color:#111}.reading-rule{height:3px;background:linear-gradient(90deg,var(--fx-cyan),var(--fx-pink));border-radius:4px;margin:0 0 28px}
@media(max-width:1000px){.nav{gap:10px}.nav>a{font-size:10px}.hero-grid{grid-template-columns:1fr 340px;gap:34px}.note-grid{grid-template-columns:1fr 1fr}.article-shell{grid-template-columns:minmax(0,1fr) 260px}.prose{padding:40px}.principles{grid-template-columns:1fr 1fr}.principles div:nth-child(2){border-right:0}.principles div:nth-child(-n+2){border-bottom:1px solid var(--fx-line)}}
@media(max-width:780px){.wrap{width:min(100% - 28px,var(--fx-max))}.head-row{min-height:66px;gap:10px}.brand{font-size:21px}.brand:before{width:32px;height:32px;flex-basis:32px}.menu{display:block}.nav{display:none;position:absolute;left:0;right:0;top:66px;background:#050508;padding:15px 18px;border-bottom:1px solid var(--fx-darkline);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav>a{padding:8px 4px}.nav>a.support{justify-content:center}.support-strip .wrap{min-height:46px;font-size:11px;line-height:1.35}.hero{padding:50px 0}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-note{display:none}.hero h1{font-size:clamp(56px,16vw,84px)}.hero p{font-size:16px}.section{padding:54px 0}.section-title{grid-template-columns:1fr;gap:16px}.note-grid{grid-template-columns:1fr}.note-card.featured{grid-column:auto}.note-card.featured h3{font-size:38px}.article-hero{padding:48px 0 38px}.article-hero h1{font-size:clamp(50px,13vw,72px)}.article-dek{font-size:17px}.article-shell{grid-template-columns:1fr;padding-top:28px}.side{position:static;grid-template-columns:1fr 1fr}.prose{padding:32px 28px}.prose h2{font-size:36px}.system-map{grid-template-columns:1fr 1fr}.tool-bridge{grid-template-columns:1fr}.hub-page>.ad-wrap,.hub-page main>.ad-wrap{width:min(100% - 28px,var(--fx-max))}}
@media(max-width:520px){.principles{grid-template-columns:1fr}.principles div{border-right:0!important;border-bottom:1px solid var(--fx-line)}.principles div:last-child{border-bottom:0}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.article-meta{gap:6px}.article-meta span{padding:7px 8px;font-size:8px}.prose{padding:25px 20px;border-radius:15px}.prose h2{font-size:33px;margin-top:44px}.system-map{grid-template-columns:1fr}.quote{font-size:28px}.side{grid-template-columns:1fr}.editorial-box{grid-template-columns:1fr}.support-strip .wrap{display:block;padding:8px 0}}


.article-meta .article-author{border:1px solid rgba(24,223,247,.32);border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#aef7ff}.article-meta .article-author:hover{border-color:var(--fx-cyan);color:#fff}.editorial-box a{color:#007f94;font-weight:800;text-decoration:underline;text-underline-offset:2px}