@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0e1a;--color-surface:#0f172acc;--color-surface-solid:#0f172a;--color-text-primary:#fff;--color-text-secondary:#ffffffbf;--color-text-tertiary:#ffffff80;--color-border:#ffffff1a;--color-cyan:#67e8f9;--color-cyan-dim:#22d3ee26;--color-purple:#c4b5fd;--color-purple-dim:#a855f726;--color-orange:#fdba74;--color-orange-dim:#fb923c26;--color-blue:#93c5fd;--color-blue-dim:#3b82f626;--color-yellow:#fcd34d;--max-width:800px;--max-width-wide:1120px;--radius-lg:18px;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem}html{scroll-behavior:smooth}html,body{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background:var(--color-bg);letter-spacing:-.01em;min-height:100vh;font-family:Sora,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;line-height:1.8}a{color:var(--color-cyan);text-decoration:none;transition:all .2s}a:hover{color:var(--color-purple);text-shadow:0 0 20px var(--color-purple)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-text-primary);font-weight:600;line-height:1.2}h1{margin-bottom:var(--spacing-md);letter-spacing:-.04em;background:linear-gradient(135deg,#fff 0%,var(--color-cyan)50%,var(--color-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.75rem,7vw,4.5rem);font-weight:700;line-height:1.1}h2{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);letter-spacing:-.03em;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#fff 0%,var(--color-blue)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.25}h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-cyan);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:600}p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:17px;font-weight:400;line-height:1.85}ul,ol{color:var(--color-text-secondary);margin-bottom:1.5rem;padding-left:1.5rem}li{margin-bottom:.75rem;font-size:17px;line-height:1.8}li::marker{color:var(--color-cyan)}strong{color:var(--color-text-primary);font-weight:600}em{color:var(--color-purple);font-style:italic}main{z-index:0;background:radial-gradient(100% 80% at 50% 0,#3b82f614 0%,#0000 50%),radial-gradient(80% 60% at 0%,#a855f70d 0%,#0000 40%),radial-gradient(80% 60% at 100% 80%,#22d3ee0d 0%,#0000 40%),linear-gradient(#0a0e1a 0%,#0f1525 50%,#0a0e1a 100%);width:100%;min-height:100vh;position:relative}.hero{z-index:1;width:100%;min-height:clamp(600px,90vh,900px);position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{object-fit:cover;opacity:.4;width:100%;height:100%}.hero-scrim{pointer-events:none;background:radial-gradient(80% 60% at 30% 30%,#3b82f626 0%,#0000 50%),radial-gradient(60% 50% at 70% 60%,#a855f71f 0%,#0000 50%),linear-gradient(#0a0e1a4d 0%,#0a0e1a80 40%,#0a0e1af2 100%);position:absolute;inset:0}.hero-overlay{z-index:2;min-height:inherit;padding:var(--spacing-xl)var(--spacing-md);align-items:flex-end;display:flex;position:relative}.hero-content-wrapper{max-width:var(--max-width);margin:0 auto}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:clamp(20px,3vw,24px);font-style:italic;font-weight:400;line-height:1.6}.hero-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#0f172ab3;border:1px solid #ffffff1a;border-radius:20px;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 25px 80px #0006,0 0 60px #6366f11a,inset 0 1px #ffffff0d}.hero-card h1{margin-bottom:var(--spacing-md)}.hero-card .hero-subtitle{margin-bottom:var(--spacing-md);color:var(--color-cyan);font-style:italic}.hero-card p{color:var(--color-text-secondary);font-size:17px;line-height:1.85}.hero-card strong{color:var(--color-purple)}.content-section{width:100%;padding:var(--spacing-xl)var(--spacing-md);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(#0f172a80 0%,#141c3299 50%,#0f172a80 100%);position:relative}.content-section:before{content:"";pointer-events:none;background:radial-gradient(50% 40% at 0%,#fb923c0f 0%,#0000 50%),radial-gradient(50% 40% at 100%,#a855f70f 0%,#0000 50%);position:absolute;inset:0}.content-section-wrapper{max-width:var(--max-width-wide);gap:var(--spacing-lg);z-index:1;grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid;position:relative}@media (min-width:768px){.content-section-wrapper{grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem)}.content-section-wrapper.reverse .section-figure{order:2}.content-section-wrapper.reverse .section-text{order:1}}.section-figure{aspect-ratio:16/11;border-radius:var(--radius-lg);background:#0f172a80;border:1px solid #ffffff1a;width:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 25px 60px #0006,0 0 40px #6366f11a}.section-figure img{object-fit:cover;opacity:.85;width:100%;height:100%}.section-text{flex-direction:column;max-width:62ch;display:flex}.section-text h2{margin-top:0}.media-caption{color:var(--color-text-primary);-webkit-backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff26;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.35;position:absolute;bottom:12px;left:14px;right:14px;box-shadow:0 8px 32px #0000004d}.standalone-section{width:100%;padding:var(--spacing-xl)var(--spacing-md);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:0 0;position:relative}.standalone-section:nth-child(odd):before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 80% 20%,#22d3ee0a 0%,#0000 50%);position:absolute;inset:0}.standalone-section:nth-child(2n):before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 20% 80%,#a855f70a 0%,#0000 50%);position:absolute;inset:0}.standalone-content{max-width:var(--max-width);z-index:1;margin:0 auto;position:relative}.standalone-content h2{margin-top:0}.image-spacer{width:100%;height:clamp(180px,28vw,350px);margin:0;position:relative;overflow:hidden}.image-spacer img{object-fit:cover;opacity:.5;width:100%;height:100%}.image-spacer:before{content:"";background:linear-gradient(180deg,var(--color-bg)0%,transparent 30%,transparent 70%,var(--color-bg)100%),linear-gradient(90deg,#a855f71a 0%,transparent 50%,#22d3ee1a 100%);pointer-events:none;z-index:1;position:absolute;inset:0}.image-spacer:after{content:"";pointer-events:none;background:linear-gradient(#0a0e1a99 0%,#0a0e1a33 40%,#0a0e1a80 100%);position:absolute;inset:0}.image-spacer-label{z-index:3;color:var(--color-text-primary);letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);background:#0f172acc;border:1px solid #ffffff26;border-radius:999px;padding:10px 16px;font-size:14px;position:absolute;bottom:14px;left:16px;box-shadow:0 4px 20px #0000004d}.highlight-box{background:linear-gradient(135deg,var(--color-purple-dim)0%,var(--color-cyan-dim)100%);border-left:4px solid var(--color-purple);padding:var(--spacing-md);margin:var(--spacing-lg)0;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0d}.highlight-box p{color:var(--color-text-primary);margin-bottom:0;font-size:18px;font-weight:500;line-height:1.7}.highlight-box strong{color:var(--color-cyan)}.formula{margin:var(--spacing-xl)0;text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-orange-dim)0%,var(--color-purple-dim)100%);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-orange)0%,var(--color-purple)50%,var(--color-cyan)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border:1px solid #ffffff26;border-radius:16px;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;line-height:1.3;position:relative;box-shadow:0 20px 60px #0000004d,0 0 40px #fb923c1a}.formula:before{content:"";background:linear-gradient(135deg,var(--color-orange-dim)0%,var(--color-purple-dim)100%);z-index:-1;border-radius:16px;position:absolute;inset:0}.question{margin:var(--spacing-xl)0;text-align:center;padding:var(--spacing-lg);letter-spacing:-.02em;border:2px solid var(--color-cyan);color:var(--color-text-primary);background:linear-gradient(135deg,#22d3ee1f 0%,#a855f71f 100%);border-radius:16px;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;line-height:1.35;box-shadow:0 20px 60px #0000004d,0 0 60px #22d3ee26}.question-intro{text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:18px;font-style:italic}.question-outro{text-align:center;margin-top:var(--spacing-lg);color:var(--color-purple);font-size:18px;font-weight:500}ul.list-unstyled{gap:var(--spacing-md);margin-top:var(--spacing-md);padding-left:0;list-style:none;display:grid}ul.list-unstyled li{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:12px;transition:all .3s;position:relative;overflow:hidden}ul.list-unstyled li:first-child{background:linear-gradient(135deg,var(--color-cyan-dim)0%,transparent 100%);border-color:#22d3ee40}ul.list-unstyled li:nth-child(2){background:linear-gradient(135deg,var(--color-purple-dim)0%,transparent 100%);border-color:#a855f740}ul.list-unstyled li:nth-child(3){background:linear-gradient(135deg,var(--color-orange-dim)0%,transparent 100%);border-color:#fb923c40}ul.list-unstyled li:hover{transform:translateY(-3px);box-shadow:0 10px 40px #0000004d}ul.list-unstyled li:first-child:hover{border-color:var(--color-cyan);box-shadow:0 10px 40px #0000004d,0 0 30px #22d3ee26}ul.list-unstyled li:nth-child(2):hover{border-color:var(--color-purple);box-shadow:0 10px 40px #0000004d,0 0 30px #a855f726}ul.list-unstyled li:nth-child(3):hover{border-color:var(--color-orange);box-shadow:0 10px 40px #0000004d,0 0 30px #fb923c26}ul.list-unstyled li strong{margin-bottom:.5rem;font-size:1.15em;display:block}ul.list-unstyled li:first-child strong{color:var(--color-cyan)}ul.list-unstyled li:nth-child(2) strong{color:var(--color-purple)}ul.list-unstyled li:nth-child(3) strong{color:var(--color-orange)}.highlight-section{border-top:2px solid var(--color-cyan);border-bottom:2px solid var(--color-purple);background:linear-gradient(135deg,#22d3ee14 0%,#a855f714 100%);position:relative}.highlight-section:before{content:"";pointer-events:none;background:radial-gradient(50% 50% at 20% 30%,#22d3ee14 0%,#0000 50%),radial-gradient(50% 50% at 80% 70%,#a855f714 0%,#0000 50%);position:absolute;inset:0}.diagram-section{width:100%;padding:var(--spacing-xl)var(--spacing-md);background:linear-gradient(135deg,#0f1729 0%,#1a1f35 50%,#0d1421 100%);border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;position:relative;overflow:hidden}.diagram-section:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 20% 20%,#3b82f614 0%,#0000 50%),radial-gradient(60% 40% at 80% 80%,#a855f70f 0%,#0000 50%);position:absolute;inset:0}.diagram-content{z-index:1;max-width:1000px;margin:0 auto;position:relative}.diagram-content h2{color:#fff;text-align:center;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;border-bottom:none;margin-top:0;padding-bottom:0;font-size:clamp(2rem,5vw,3rem)}.diagram-intro{text-align:center;color:#ffffffbf;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;font-size:18px}.diagram-figure{margin:var(--spacing-lg)0;justify-content:center;padding:0;display:flex}.diagram-figure img{border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 80px #00000080,0 0 60px #6366f126}.diagram-explanation{margin-top:var(--spacing-xl)}.diagram-explanation h3{color:#fff;text-align:center;margin-top:0;margin-bottom:var(--spacing-lg);font-size:clamp(1.4rem,3vw,1.85rem)}.diagram-explanation>p{color:#fffc;text-align:center;max-width:700px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.85}.diagram-explanation>p strong{color:#a5b4fc}.quadrant-grid{margin:var(--spacing-lg)0;grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (max-width:640px){.quadrant-grid{grid-template-columns:1fr}}.quadrant{border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s}.quadrant:hover{border-color:#fff3;transform:translateY(-2px)}.quadrant h4{margin-bottom:.75rem;font-size:1.05rem;font-weight:600;line-height:1.3}.quadrant p{margin-bottom:0;font-size:15px;line-height:1.7}.quadrant p strong{font-weight:600}.quadrant-generation{background:linear-gradient(135deg,#22d3ee1f 0%,#3b82f614 100%);border-color:#22d3ee40}.quadrant-generation h4{color:#67e8f9}.quadrant-generation p{color:#ffffffbf}.quadrant-generation p strong{color:#67e8f9}.quadrant-narratives{background:linear-gradient(135deg,#a855f71f 0%,#ec489914 100%);border-color:#a855f740}.quadrant-narratives h4{color:#c4b5fd}.quadrant-narratives p{color:#ffffffbf}.quadrant-narratives p strong{color:#c4b5fd}.quadrant-artifacts{background:linear-gradient(135deg,#fb923c1f 0%,#ef444414 100%);border-color:#fb923c40}.quadrant-artifacts h4{color:#fdba74}.quadrant-artifacts p{color:#ffffffbf}.quadrant-artifacts p strong{color:#fdba74}.quadrant-infrastructure{background:linear-gradient(135deg,#3b82f61f 0%,#14b8a614 100%);border-color:#3b82f640}.quadrant-infrastructure h4{color:#93c5fd}.quadrant-infrastructure p{color:#ffffffbf}.quadrant-infrastructure p strong{color:#93c5fd}.friction-note{margin-top:var(--spacing-lg);text-align:center;background:linear-gradient(135deg,#facc1514 0%,#fb923c0f 100%);border:1px solid #facc1533;border-radius:12px;padding:1.5rem}.friction-note h4{color:#fcd34d;margin-top:0;margin-bottom:.75rem;font-size:1.05rem}.friction-note p{color:#ffffffbf;margin-bottom:0;font-size:15px;line-height:1.7}.friction-note p strong{color:#fcd34d}footer{padding:var(--spacing-xl)var(--spacing-md);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-tertiary);background:linear-gradient(#0000 0%,#0f172a80 100%);margin-top:0;font-size:15px;font-weight:400;position:relative}footer:before{content:"";background:linear-gradient(90deg,transparent,var(--color-cyan),var(--color-purple),transparent);width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}footer p{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:16px;line-height:1.7}footer a{color:var(--color-cyan);transition:all .2s}footer a:hover{color:var(--color-purple);text-shadow:0 0 20px var(--color-purple)}@media (max-width:768px){body,p{font-size:16px}.hero{min-height:75vh}.hero-overlay{padding:var(--spacing-lg)var(--spacing-md);align-items:flex-end}.content-section,.standalone-section{padding:var(--spacing-lg)var(--spacing-md)}.hero-card p{font-size:16px}.image-spacer{height:160px}}::selection{background:var(--color-purple);color:#fff}::selection{background:var(--color-purple);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-cyan),var(--color-purple));border:2px solid var(--color-bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-purple),var(--color-orange))}.blog-container{max-width:var(--max-width);padding:var(--spacing-xl)var(--spacing-md);margin:0 auto}.blog-header{margin-bottom:var(--spacing-xl);text-align:center}.blog-intro{color:var(--color-text-secondary);margin-top:var(--spacing-sm);font-size:1.15rem}.blog-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-tertiary)}.blog-list{gap:var(--spacing-md);flex-direction:column;display:flex}.blog-post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s}.blog-post-card:hover{border-color:var(--color-cyan);transform:translateY(-3px);box-shadow:0 15px 40px #0000004d,0 0 30px #6366f11a}.blog-post-link{color:inherit;text-decoration:none;display:block}.blog-post-link h2{margin-top:0;margin-bottom:var(--spacing-sm);border-bottom:none;padding-bottom:0;font-size:1.6rem}.blog-post-excerpt{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:1.05rem}.blog-post-meta{gap:var(--spacing-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-sm);font-size:.9rem;display:flex}.blog-post{max-width:var(--max-width);padding:var(--spacing-xl)var(--spacing-md);margin:0 auto}.blog-post-container{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-back-link{margin-bottom:var(--spacing-md);color:var(--color-cyan);font-size:1rem;text-decoration:none;display:inline-block}.blog-back-link:hover{color:var(--color-purple)}.blog-post-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.blog-post-header h1{margin-bottom:var(--spacing-sm);border-bottom:none;padding-bottom:0}.blog-post-date{margin-top:var(--spacing-sm);color:var(--color-text-tertiary);font-size:.95rem;display:block}.blog-post-content{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.9}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.75rem}.blog-post-content strong{color:var(--color-text-primary);font-weight:600}.admin-container{max-width:1400px;padding:var(--spacing-xl)var(--spacing-md);margin:0 auto}.admin-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.admin-link{color:var(--color-cyan);font-weight:500;text-decoration:none}.admin-layout{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.admin-form-section,.admin-posts-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-form-section h2,.admin-posts-section h2{margin-top:0;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:none;border-bottom:1px solid var(--color-border)}.admin-form{gap:var(--spacing-md);flex-direction:column;display:flex}.admin-form-group{flex-direction:column;gap:.5rem;display:flex}.admin-form-group label{color:var(--color-text-primary);font-size:.95rem;font-weight:500}.admin-form-group input,.admin-form-group textarea{border:1px solid var(--color-border);color:var(--color-text-primary);background:#0f172a80;border-radius:8px;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.admin-form-group input:focus,.admin-form-group textarea:focus{border-color:var(--color-cyan);outline:none;box-shadow:0 0 20px #22d3ee26}.admin-form-group textarea{resize:vertical;font-family:Monaco,Menlo,monospace}.admin-form-group input[type=checkbox]{width:auto;margin-right:.5rem}.admin-form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.admin-form-actions button{cursor:pointer;background:linear-gradient(135deg,var(--color-cyan),var(--color-purple));color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.admin-form-actions button:hover{transform:translateY(-1px);box-shadow:0 5px 20px #6366f14d}.admin-form-actions button[type=button]{background:var(--color-surface-solid);border:1px solid var(--color-border)}.admin-posts-list{gap:var(--spacing-sm);flex-direction:column;max-height:70vh;display:flex;overflow-y:auto}.admin-post-item{padding:var(--spacing-sm);border:1px solid var(--color-border);background:#0f172a4d;border-radius:8px;justify-content:space-between;align-items:flex-start;display:flex}.admin-post-info{flex:1}.admin-post-info h3{color:var(--color-text-primary);border-bottom:none;margin:0 0 .5rem;padding-bottom:0;font-size:1.1rem}.admin-post-slug{color:var(--color-text-tertiary);margin:.25rem 0;font-family:Monaco,Menlo,monospace;font-size:.85rem}.admin-post-meta{gap:var(--spacing-sm);margin-top:.5rem;font-size:.85rem;display:flex}.admin-post-meta .published{color:#10b981;font-weight:500}.admin-post-meta .draft{color:var(--color-text-tertiary)}.admin-post-actions{gap:.5rem;display:flex}.admin-post-actions button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.admin-post-actions button:hover{border-color:var(--color-cyan);background:#22d3ee1a}@media (max-width:1024px){.admin-layout{grid-template-columns:1fr}}