:root{--b-blue:#003399;--b-yellow:#FFCC00;--b-black:#0A0A0A;--b-white:#FFFFFF;--paper:#F7F6F1;--gray-100:#EFEDE6;--gray-200:#E0DDD5;--gray-300:#C8C5BC;--gray-400:#9C9990;--gray-500:#706D65;--gray-600:#504E48;--gray-700:#38362F;--gray-800:#1E1C17;--color-text:var(--b-black);--color-text-muted:var(--gray-500);--color-bg:var(--paper);--color-border:var(--gray-200);--color-accent:var(--b-blue);--font-display:'Space Grotesk', -apple-system, sans-serif;--font-body:'Source Serif 4', Georgia, serif;--font-mono:'JetBrains Mono', monospace;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-4xl:3.75rem;--text-5xl:5rem;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--col-text:740px;--col-wide:1100px;--col-full:1400px;--stripe:8px;--border-w:2px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-md);line-height:1.75;color:var(--color-text);background:var(--color-bg)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ol,ul{list-style:none}.wrap{width:100%;max-width:var(--col-text);margin-inline:auto;padding-inline:var(--sp-6)}.wrap--wide{max-width:var(--col-wide)}.wrap--full{max-width:var(--col-full)}.site-wrapper{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.progress-bar{position:fixed;top:0;left:0;z-index:200;width:0%;height:3px;background:linear-gradient(90deg,var(--b-blue) 0% 50%,var(--b-yellow) 50% 100%);transition:width .08s linear;pointer-events:none}.site-header{position:sticky;top:0;z-index:100;background:var(--b-black);border-bottom:none}.site-header::before{content:'';display:block;height:var(--stripe);background:linear-gradient(90deg,var(--b-blue) 0% 50%,var(--b-yellow) 50% 100%)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4)var(--sp-6);max-width:var(--col-full);margin-inline:auto}.logo{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--b-white);line-height:1}.logo__mark{width:36px;height:36px;background:var(--b-yellow);color:var(--b-black);display:grid;place-items:center;font-size:var(--text-base);font-weight:700;transition:background .2s,transform .25s;flex-shrink:0}.logo__text{color:var(--b-white);letter-spacing:.01em}.logo:hover .logo__mark{background:var(--b-blue);transform:rotate(-8deg)scale(1.05)}.main-nav__list{display:flex;gap:var(--sp-8)}.main-nav__link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);position:relative;transition:color .15s}.main-nav__link::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:var(--b-yellow);transform:scaleX(0);transform-origin:left;transition:transform .2s}.main-nav__link:hover{color:var(--b-white)}.main-nav__link:hover::after{transform:scaleX(1)}.main-nav__link.is-active{color:var(--b-yellow)}.main-nav__link.is-active::after{transform:scaleX(1);background:var(--b-yellow)}.hero{background:var(--b-black);position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 60%,rgba(0,51,153,6%) 60%,rgba(0,51,153,6%) 80%,rgba(255,204,0,5%) 80%,rgba(255,204,0,5%) 100%);pointer-events:none}.hero__inner{position:relative;z-index:1;width:100%;max-width:var(--col-full);margin-inline:auto;padding:var(--sp-24)var(--sp-6)var(--sp-20);display:grid;grid-template-columns:1fr auto;gap:var(--sp-12);align-items:center}@media(max-width:800px){.hero__inner{grid-template-columns:1fr}}.hero__content{max-width:700px}.hero__label{display:inline-flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-yellow);margin-bottom:var(--sp-6)}.hero__label::before{content:'';display:block;width:24px;height:2px;background:var(--b-yellow)}.hero__title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),6.5vw,var(--text-5xl));font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--b-white);margin-bottom:var(--sp-8)}.hero__title em{font-style:normal;color:var(--b-yellow)}.hero__title strong{font-weight:700;color:var(--b-yellow);display:block}.hero__sub{font-family:var(--font-body);font-size:var(--text-lg);line-height:1.6;color:var(--gray-400);max-width:480px;border-left:3px solid var(--b-blue);padding-left:var(--sp-5)}.hero__geo{position:relative;width:200px;height:320px;flex-shrink:0}@media(max-width:800px){.hero__geo{display:none}}.geo-block{position:absolute}.geo-block--blue-sq{top:0;left:50%;transform:translateX(-50%);width:100px;height:100px;background:var(--b-blue);opacity:.9}.geo-block--yellow-bar{top:80px;left:0;width:36px;height:180px;background:var(--b-yellow)}.geo-block--red-circle{bottom:0;right:0;width:90px;height:90px;border-radius:50%;background:var(--b-blue);opacity:.5}.geo-block--outline{bottom:30px;left:30px;width:70px;height:70px;border:3px solid var(--b-white);opacity:.15}.geo-block--dot{top:50%;right:10px;transform:translateY(-50%);width:12px;height:12px;background:var(--b-white);opacity:.4}.section-eyebrow{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-blue);margin-bottom:var(--sp-6)}.section-eyebrow::before{content:'';display:block;width:6px;height:6px;background:var(--b-yellow);transform:rotate(45deg);flex-shrink:0}.posts-index{padding:var(--sp-20)0 var(--sp-32)}.posts-index__header{padding-bottom:var(--sp-8);margin-bottom:var(--sp-4);border-bottom:var(--border-w)solid var(--b-black);display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-6)}.posts-index__header h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.03em;line-height:1}.posts-index__header h2 span{color:var(--b-blue)}.posts-index__header a{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);transition:color .15s}.posts-index__header a:hover{color:var(--b-blue)}.posts-list{display:flex;flex-direction:column}.post-row{display:grid;grid-template-columns:56px 1fr;gap:0;border-bottom:1px solid var(--color-border);transition:background .15s}.post-row:hover{background:var(--gray-100)}.post-row:hover .post-row__num{color:var(--b-blue)}.post-row:hover .post-row__title{color:var(--b-blue)}@media(max-width:560px){.post-row{grid-template-columns:36px 1fr}}.post-row__num{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--gray-300);padding:var(--sp-6)var(--sp-3)var(--sp-6)0;padding-top:calc(var(--sp-6) + .25rem);transition:color .15s;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1}.post-row__body{padding:var(--sp-6)0;display:flex;flex-direction:column;gap:var(--sp-2);border-left:1px solid var(--color-border);padding-left:var(--sp-6)}.post-row__meta{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.04em}.post-row__cat{font-weight:600;color:var(--b-blue);text-transform:uppercase;letter-spacing:.1em}.post-row__dot{width:3px;height:3px;background:var(--gray-300);border-radius:50%;flex-shrink:0}.post-row__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1.2;letter-spacing:-.02em;transition:color .15s;color:var(--b-black)}.post-row__excerpt{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-muted);line-height:1.5}.post-row__excerpt img,.post-row__excerpt figure,.post-row__excerpt .portrait-frame,.post-row__excerpt .img-frame{display:none}.post-header{background:var(--b-black);position:relative;overflow:hidden}.post-header::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0% 65%,rgba(0,51,153,8%) 65% 80%,rgba(255,204,0,6%) 80% 100%);pointer-events:none}.post-header__inner{position:relative;z-index:1;max-width:var(--col-wide);margin-inline:auto;padding:var(--sp-16)var(--sp-6)var(--sp-12)}.post-header__meta{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);margin-bottom:var(--sp-6)}.post-header__cat{color:var(--b-yellow);font-weight:700}.post-header__sep{width:16px;height:1px;background:var(--gray-600);flex-shrink:0}.post-header__title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4.5vw,var(--text-4xl));font-weight:700;letter-spacing:-.035em;line-height:1.05;color:var(--b-white);max-width:720px}.post-header__rule{display:flex;height:4px;margin-top:var(--sp-10);width:120px}.post-header__rule span{flex:1}.post-header__rule span:nth-child(1){background:var(--b-blue)}.post-header__rule span:nth-child(2){background:var(--b-yellow)}.post-header__rule span:nth-child(3){background:var(--b-blue)}.post-body{padding:var(--sp-16)0 var(--sp-32)}.post-body__inner{max-width:var(--col-wide);margin-inline:auto;padding-inline:var(--sp-6);display:grid;grid-template-columns:1fr minmax(0,var(--col-text))1fr}.post-body__inner>*{grid-column:2}.article-content{font-family:var(--font-body);font-size:var(--text-md);line-height:1.85;color:var(--b-black)}.article-content>p:first-of-type{font-size:var(--text-lg);line-height:1.75;color:var(--gray-700)}.article-content h2,.article-content h3,.article-content h4{font-family:var(--font-display);font-weight:700;margin-top:var(--sp-16);margin-bottom:var(--sp-4);line-height:1.2}.article-content h2{font-size:var(--text-xl);letter-spacing:-.025em;border-bottom:var(--border-w)solid var(--b-black);padding-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-3)}.article-content h2::before{content:'';display:inline-block;width:10px;height:10px;background:var(--b-yellow);flex-shrink:0;margin-bottom:1px}.article-content h3{font-size:var(--text-lg);color:var(--b-blue);letter-spacing:-.015em}.article-content h4{font-size:var(--text-md);font-weight:600;color:var(--gray-700)}.article-content p{margin-bottom:var(--sp-6)}.article-content a{color:var(--b-blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:var(--b-yellow);transition:text-decoration-color .15s,color .15s}.article-content a:hover{color:var(--b-black);text-decoration-color:var(--b-blue)}.article-content ul,.article-content ol{margin-bottom:var(--sp-6);padding-left:var(--sp-6)}.article-content li{margin-bottom:var(--sp-2)}.article-content ul{list-style:none;padding-left:0}.article-content ul li{padding-left:var(--sp-6);position:relative}.article-content ul li::before{content:'—';position:absolute;left:0;color:var(--b-blue);font-family:var(--font-display);font-weight:700}.article-content ol{list-style:decimal}.article-content ol li::marker{color:var(--b-blue);font-family:var(--font-display);font-weight:700}.article-content blockquote{margin:var(--sp-10)calc(-1 * var(--sp-6));padding:var(--sp-8)var(--sp-8)var(--sp-8)var(--sp-10);background:var(--gray-100);border-left:none;position:relative;font-style:normal}.article-content blockquote::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--b-blue) 0% 50%,var(--b-yellow) 50% 100%)}.article-content blockquote::after{content:'»';position:absolute;top:var(--sp-4);right:var(--sp-5);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--b-blue);opacity:.1;line-height:1}.article-content blockquote p{margin-bottom:0;font-size:var(--text-lg);font-style:italic;color:var(--gray-700)}.article-content code{font-family:var(--font-mono);font-size:.82em;padding:.1em var(--sp-2);background:var(--gray-100);border-radius:0;border-bottom:2px solid var(--b-blue);color:var(--b-black)}.article-content pre{margin:var(--sp-8)calc(-1 * var(--sp-6));padding:var(--sp-6);background:var(--gray-800);color:var(--b-white);overflow-x:auto;border-radius:0;position:relative}.article-content pre::before{content:'';display:block;height:3px;background:linear-gradient(90deg,var(--b-blue) 0% 50%,var(--b-yellow) 50% 100%);margin:calc(-1 * var(--sp-6))calc(-1 * var(--sp-6))var(--sp-5)}.article-content pre code{background:0 0;padding:0;font-size:var(--text-sm);border-bottom:none;color:inherit}.article-content hr{margin:var(--sp-16)0;border:none;height:4px;background:linear-gradient(90deg,var(--b-blue) 0% 50%,var(--b-yellow) 50% 100%);opacity:.5}.article-content table{width:100%;border-collapse:collapse;margin:var(--sp-8)0;font-size:var(--text-sm);font-family:var(--font-display)}.article-content table th{background:var(--b-black);color:var(--b-white);padding:var(--sp-3)var(--sp-4);text-align:left;font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:var(--text-xs)}.article-content table td{padding:var(--sp-3)var(--sp-4);border-bottom:1px solid var(--color-border)}.article-content table tr:nth-child(even) td{background:var(--gray-100)}.page-banner{background:var(--b-black);padding:var(--sp-16)0 var(--sp-12);position:relative;overflow:hidden}.page-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0% 65%,rgba(0,51,153,8%) 65% 80%,rgba(255,204,0,6%) 80% 100%);pointer-events:none}.page-banner__inner{position:relative;z-index:1;max-width:var(--col-wide);margin-inline:auto;padding-inline:var(--sp-6)}.page-banner__eyebrow{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-yellow);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3)}.page-banner__eyebrow::before{content:'';display:block;width:20px;height:2px;background:var(--b-yellow)}.page-banner__title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));font-weight:700;letter-spacing:-.035em;line-height:1.05;color:var(--b-white)}.page-banner__title span{color:var(--b-yellow)}.page-banner__rule{display:flex;height:4px;margin-top:var(--sp-8);width:80px}.page-banner__rule span{flex:1}.page-banner__rule span:nth-child(1){background:var(--b-blue)}.page-banner__rule span:nth-child(2){background:var(--b-yellow)}.page-banner__rule span:nth-child(3){background:var(--b-blue)}.page-body{padding:var(--sp-16)0 var(--sp-32);max-width:var(--col-wide);margin-inline:auto;padding-inline:var(--sp-6)}.uses-section{margin-bottom:var(--sp-16)}.uses-section__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);margin-bottom:var(--sp-6);display:flex;align-items:center;gap:var(--sp-3)}.uses-section__title::before{content:'';width:10px;height:10px;background:var(--b-yellow);flex-shrink:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.tool-card{padding:var(--sp-5);border:var(--border-w)solid var(--color-border);background:var(--b-white);transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.tool-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--b-blue);transform:scaleY(0);transform-origin:bottom;transition:transform .2s}.tool-card:hover{border-color:var(--b-black);transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--b-yellow)}.tool-card:hover::before{transform:scaleY(1)}.tool-card__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);margin-bottom:var(--sp-2)}.tool-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.site-footer{background:var(--b-black);padding-bottom:var(--sp-10)}.footer-stripe{height:var(--stripe);background:linear-gradient(90deg,var(--b-blue) 0% 50%,var(--b-yellow) 50% 100%);margin-bottom:var(--sp-10)}.footer-inner{max-width:var(--col-full);margin-inline:auto;padding-inline:var(--sp-6);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-6)}@media(max-width:600px){.footer-inner{grid-template-columns:1fr;text-align:center}}.footer-copy{font-family:var(--font-display);font-size:var(--text-sm);color:var(--gray-500)}.footer-flag{display:block;width:60px;height:40px;border:1px solid var(--gray-700)}.footer-links{display:flex;justify-content:flex-end;gap:var(--sp-6);font-family:var(--font-display);font-size:var(--text-sm)}@media(max-width:600px){.footer-links{justify-content:center}}.footer-links a{color:var(--gray-500);transition:color .15s}.footer-links a:hover{color:var(--b-yellow)}img{image-rendering:auto;color-scheme:only light;dynamic-range-limit:standard!important}.portrait-frame{display:inline-block;position:relative;margin:var(--sp-8)0}.portrait-frame img{display:block;width:100%;max-width:220px;filter:grayscale(100%);border:var(--border-w)solid var(--b-black)}.portrait-frame::before{content:'';position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:var(--b-blue);z-index:-1}.portrait-frame::after{content:'';position:absolute;bottom:-10px;left:-10px;width:10px;height:70px;background:var(--b-yellow);z-index:-1}.article-content img:not(.portrait),.article-content p>img{display:block;width:100%;margin:var(--sp-8)0;border:var(--border-w)solid var(--b-black)}.img-frame{position:relative;margin:var(--sp-10)0;background:var(--gray-100);padding:var(--sp-1);border:var(--border-w)solid var(--b-black)}.img-frame::before{content:'';display:block;height:4px;background:linear-gradient(90deg,var(--b-blue) 0% 50%,var(--b-yellow) 50% 100%);margin:calc(-1 * var(--sp-1));margin-bottom:var(--sp-1)}.img-frame img{display:block;width:100%;border:none;margin:0}.article-content figure{margin:var(--sp-10)0;position:relative}.article-content figure img{width:100%;height:auto;border:var(--border-w)solid var(--b-black);margin:0}.article-content figure::after{content:'';display:block;height:3px;width:60px;background:linear-gradient(90deg,var(--b-blue) 0% 50%,var(--b-yellow) 50% 100%);margin-top:var(--sp-3)}.article-content figure figcaption{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--sp-2);letter-spacing:.04em;text-transform:uppercase}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-accent{color:var(--b-blue)}.text-muted{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--sp-16)0}.error-page .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);max-width:var(--col-wide)}@media(max-width:700px){.error-page .wrap{flex-direction:column;text-align:center}}.error-page__content{max-width:500px}.error-page__code{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--b-blue);display:block;margin-bottom:var(--sp-4)}.error-page__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--b-black);margin-bottom:var(--sp-4)}.error-page__message{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--sp-8)}.error-page__link{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--b-white);background:var(--b-black);padding:var(--sp-4)var(--sp-6);transition:background .15s,transform .15s,box-shadow .15s}.error-page__link:hover{background:var(--b-blue);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--b-yellow)}.error-page__geo{position:relative;width:180px;height:240px;flex-shrink:0}@media(max-width:700px){.error-page__geo{width:120px;height:160px}}.error-page__geo .geo-block--blue-sq{top:0;left:50%;transform:translateX(-50%);width:80px;height:80px}@media(max-width:700px){.error-page__geo .geo-block--blue-sq{width:50px;height:50px}}.error-page__geo .geo-block--yellow-bar{top:60px;left:0;width:24px;height:140px}@media(max-width:700px){.error-page__geo .geo-block--yellow-bar{top:40px;width:16px;height:90px}}.error-page__geo .geo-block--red-circle{bottom:0;right:0;width:70px;height:70px}@media(max-width:700px){.error-page__geo .geo-block--red-circle{width:45px;height:45px}}