:root{--bg-main: #F4F7F6;--bg-card: #FFFFFF;--bg-surface: #E8EDEC;--bg-hover: #F0F4F3;--border-subtle: #D8E0DE;--border-strong: #BDC6C4;--border-focus: #9CA8A6;--primary-navy: #0C2340;--primary-blue: #457B9D;--status-green: #2A9D8F;--status-red: #D76A6A;--status-gold: #D4A373;--status-purple: #6B705C;--text-main: #2C3E50;--text-muted: #5A6873;--text-dim: #95A5A6;--text-inverse: #FFFFFF;--font-main: "Inter", system-ui, sans-serif;--font-heading: "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 3px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .02);--shadow-hover: 0 4px 6px -1px rgba(15, 23, 42, .1), 0 2px 4px -1px rgba(15, 23, 42, .06);--transition: all .2s ease-in-out}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:var(--primary-navy);color:var(--text-inverse);font-family:var(--font-main);font-size:.875rem;font-weight:600;border-radius:0 0 var(--radius-sm) var(--radius-sm);text-decoration:none;transition:top .2s ease}.skip-link:focus{top:0}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--primary-navy),var(--primary-blue));z-index:1001;transition:width .05s linear}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--primary-navy)}.font-main{font-family:var(--font-main)}.font-mono{font-family:var(--font-mono)}.font-heading{font-family:var(--font-heading)}.mono-data{font-family:var(--font-mono);font-size:.9em;font-weight:500;letter-spacing:-.02em}.container{width:100%;padding:0 var(--space-4);margin:0 auto}.section{padding:var(--space-12) 0;position:relative}body.js-loaded .section,body.js-loaded .card,body.js-loaded .inner-box{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}body.js-loaded .section.animated,body.js-loaded .card.animated,body.js-loaded .inner-box.animated{opacity:1;transform:translateY(0)}.section-header{margin-bottom:var(--space-8);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-4)}.section-header.bg-navy{border-bottom:none}.section-title{font-size:1.75rem;letter-spacing:-.02em;margin-bottom:var(--space-2)}.section-subtitle{color:var(--text-muted);font-size:.95rem;font-weight:400;font-family:var(--font-main)}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-6{margin-bottom:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-8{margin-bottom:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-auto{margin-top:auto}.ml-1{margin-left:var(--space-1)}.mr-1{margin-right:var(--space-1)}.ml-2{margin-left:var(--space-2)}.mr-2{margin-right:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.pt-4{padding-top:var(--space-4)}.pb-4{padding-bottom:var(--space-4)}.pb-2{padding-bottom:var(--space-2)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.w-full{width:100%}.h-full{height:100%}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-muted{color:var(--text-muted)}.text-green{color:var(--status-green)}.text-red{color:var(--status-red)}.text-blue{color:var(--primary-blue)}.text-navy{color:var(--primary-navy)}.text-gold{color:var(--status-gold)}.text-purple{color:var(--status-purple)}.text-inverse{color:var(--text-inverse)}.bg-navy{background:var(--primary-navy)}.bg-gold{background:var(--status-gold)}.bg-surface{background:var(--bg-surface)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-card);display:flex;flex-direction:column}.card-hover{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0c23401a,0 4px 8px -2px #0c23400f;border-color:var(--border-strong)}.inner-box{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-4)}.icon-wrapper{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--primary-navy);border:1px solid var(--border-subtle);flex-shrink:0}.icon-wrapper.small{width:32px;height:32px}.icon-primary{background:var(--primary-navy);color:var(--text-inverse)}.border-l-blue{border-left:3px solid var(--primary-blue)}.border-l-navy{border-left:3px solid var(--primary-navy)}.border-l-gold{border-left:3px solid var(--status-gold)}.border-0{border:none}.border-t{border-top:1px solid var(--border-subtle)}.border-b{border-bottom:1px solid var(--border-subtle)}.border-l-4{border-left-width:4px;border-left-style:solid}.border-subtle{border-color:var(--border-subtle)}.rounded{border-radius:var(--radius-sm)}.plain-list{list-style:none}.plain-list li{margin-bottom:var(--space-2);display:flex;align-items:flex-start}.bullet-list li:before{content:"•";color:var(--text-muted);margin-right:var(--space-2);font-weight:700}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);font-family:var(--font-main)}.badge.navy{background:var(--primary-navy);color:var(--text-inverse);border-color:var(--primary-navy)}.badge.green{background:#ecfdf5;color:var(--status-green);border-color:#a7f3d0}.navbar{position:sticky;top:0;width:100%;z-index:1000;padding:var(--space-3) 0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;color:var(--primary-navy);letter-spacing:-.02em}.mobile-menu-btn{background:none;border:1px solid var(--border-subtle);border-radius:4px;padding:4px;color:var(--primary-navy);cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-links{display:none}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:var(--space-4);box-shadow:var(--shadow-hover)}.nav-links.active a{padding:var(--space-2) 0;border-bottom:1px solid var(--bg-surface);text-decoration:none;color:var(--primary-navy);font-size:.9rem;font-weight:500;font-family:var(--font-main)}.nav-links.active a:last-child{border-bottom:none}.hero{padding:var(--space-12) 0 var(--space-8) 0;border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-main) 100%)}.hero-title{font-size:2.25rem;font-weight:700;margin-bottom:var(--space-4);line-height:1.1}details{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-2);overflow:hidden}summary{padding:var(--space-4);cursor:pointer;display:flex;align-items:center;font-weight:600;color:var(--primary-navy);font-family:var(--font-main);font-size:.95rem;-webkit-user-select:none;user-select:none;transition:var(--transition);background:var(--bg-card)}summary:hover{background:var(--bg-hover)}summary::marker{display:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";margin-left:auto;font-family:var(--font-mono);font-weight:700;color:var(--text-muted);font-size:1.2rem}details[open] summary{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}details[open] summary:after{content:"−"}.details-content{padding:var(--space-4);background:var(--bg-main);font-family:var(--font-main)}.css-tree-container{display:flex;flex-direction:column;align-items:center;width:100%;font-family:var(--font-main)}.tree-node{background:var(--bg-card);border:2px solid var(--primary-navy);color:var(--primary-navy);padding:10px 20px;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;text-align:center;z-index:2;position:relative;min-width:180px;box-shadow:0 4px 6px #0000000d}.tree-node.root-node{background:var(--primary-navy);color:var(--text-inverse);border-radius:30px;letter-spacing:.05em}.tree-node.branch-header.green{border-color:var(--status-green);color:var(--status-green)}.tree-node.branch-header.gold{border-color:var(--status-gold);color:var(--status-gold)}.tree-node.final-node{background:var(--primary-navy);color:var(--text-inverse);border-color:var(--primary-navy)}.diamond-node{width:130px;height:130px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;box-shadow:none;min-width:auto;margin:10px 0}.diamond-node:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-card);border:2px solid var(--primary-navy);transform:rotate(45deg);z-index:-1;border-radius:8px;transition:inherit;box-shadow:0 4px 6px #0000000d}.diamond-node:hover:before{box-shadow:0 8px 20px -4px #0c23401a;border-color:var(--border-strong)}.diamond-node span{font-size:.75rem;letter-spacing:.05em;line-height:1.4;font-weight:800;color:var(--primary-navy);text-align:center}.tree-line{width:2px;height:24px;background:var(--primary-navy);position:relative;z-index:1}.tree-line:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);border-width:6px 5px 0 5px;border-style:solid;border-color:var(--primary-navy) transparent transparent transparent}.tree-line.green{background:var(--status-green)}.tree-line.green:after{border-color:var(--status-green) transparent transparent transparent}.tree-line.gold{background:var(--status-gold)}.tree-line.gold:after{border-color:var(--status-gold) transparent transparent transparent}.tree-line.dashed{background:transparent;border-left:2px dashed var(--status-gold);height:20px}.tree-line.dashed:after{display:none}.tree-split{display:flex;width:100%;justify-content:center;position:relative;margin-top:24px}.tree-split:before{content:"";position:absolute;top:-24px;left:25%;width:50%;height:2px;background:var(--primary-navy)}.tree-branch{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;gap:0}.tree-line-corner{width:2px;height:24px;position:absolute;top:-24px}.tree-line-corner.left{background:var(--primary-navy);left:50%;transform:translate(-50%)}.tree-line-corner.left:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);border-width:6px 5px 0 5px;border-style:solid;border-color:var(--primary-navy) transparent transparent transparent}.tree-line-corner.right{background:var(--primary-navy);left:50%;transform:translate(-50%)}.tree-line-corner.right:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);border-width:6px 5px 0 5px;border-style:solid;border-color:var(--primary-navy) transparent transparent transparent}@media(max-width:768px){.css-tree-container{align-items:flex-start;padding-left:16px;position:relative;padding-bottom:16px}.tree-split{flex-direction:column;gap:0;margin-top:0;width:100%;align-items:flex-start}.tree-split:before,.tree-line,.tree-line-corner,.tree-branch:before,.tree-branch:after{display:none!important}.css-tree-container:before{content:"";position:absolute;left:36px;top:46px;bottom:50px;width:2px;background:var(--primary-navy);z-index:0}.tree-node{width:100%;max-width:280px;text-align:left;margin:10px 0;position:relative;min-width:0}.tree-node.root-node{margin-top:0}.diamond-node{width:fit-content;height:auto;padding:12px 20px;margin:10px 0 10px 48px;border:2px solid var(--primary-navy);border-radius:var(--radius-sm);background:var(--bg-card);justify-content:flex-start;box-shadow:0 4px 6px #0000000d}.diamond-node:before{display:none}.diamond-node span{text-align:left;font-size:.85rem;font-weight:700}.diamond-node:after,.tree-branch>.branch-header:after{content:"";position:absolute;left:-28px;top:50%;width:28px;height:2px;z-index:0}.diamond-node:after{background:var(--primary-navy)}.tree-branch{padding-top:0;width:calc(100% - 48px);align-items:flex-start;margin-bottom:8px;margin-left:48px;position:relative}.tree-branch:first-child>.branch-header:after{background:var(--status-green)}.tree-branch:last-child>.branch-header:after{background:var(--status-gold)}.tree-branch:before{content:"";display:block!important;position:absolute;left:20px;top:40px;bottom:20px;width:2px}.tree-branch:first-child:before{background:var(--status-green)}.tree-branch:last-child:before{background:var(--status-gold)}.tree-branch .tree-node:not(.branch-header){margin-left:48px;width:calc(100% - 48px);max-width:240px}.tree-branch .tree-node:not(.branch-header):after{content:"";position:absolute;left:-28px;top:50%;width:28px;height:2px;z-index:0}.tree-branch:first-child .tree-node:not(.branch-header):after{background:var(--status-green)}.tree-branch:last-child .tree-node:not(.branch-header):after{background:var(--status-gold)}.tree-footer-note{margin-top:16px;margin-left:48px;width:calc(100% - 48px);max-width:280px;position:relative}.tree-footer-note:before{content:"";position:absolute;left:-28px;top:50%;width:28px;height:2px;background:var(--primary-navy)}}.table-container{width:100%;overflow-x:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}table{width:100%;border-collapse:collapse;font-family:var(--font-main)}th{background:var(--bg-surface);padding:var(--space-3) var(--space-4);text-align:left;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}td{padding:var(--space-3) var(--space-4);font-size:.875rem;border-bottom:1px solid var(--border-subtle);color:var(--text-main)}tr:last-child td{border-bottom:none}@media(max-width:767px){.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{border-bottom:2px solid var(--border-strong);background:var(--bg-card)}.responsive-table tr:last-child{border-bottom:none}.responsive-table td{position:relative;padding-left:45%;text-align:right;border-bottom:1px solid var(--border-subtle)}.responsive-table td:before{content:attr(data-label);position:absolute;left:var(--space-3);width:40%;text-align:left;font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;top:50%;transform:translateY(-50%);font-family:var(--font-main)}.responsive-table td:last-child{border-bottom:none}}.chart-box{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4) auto;border:1px solid var(--border-subtle)}.chart-inner{width:90px;height:90px;background:var(--bg-card);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.timeline{display:flex;flex-direction:column;position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--border-subtle)}.timeline-item{position:relative;margin-bottom:var(--space-6)}.timeline-dot{position:absolute;left:calc(var(--space-8) * -1);top:4px;width:24px;height:24px;background:var(--bg-card);border:2px solid var(--primary-navy);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--primary-navy)}@media(min-width:768px){.container{max-width:720px;padding:0 var(--space-6)}.section{padding:var(--space-16) 0}.section-title{font-size:2.25rem}.hero{padding:var(--space-16) 0 var(--space-12) 0}.hero-title{font-size:3.5rem}.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-grid-cols-5{grid-template-columns:repeat(5,1fr)}.md-text-center{text-align:center}.md-justify-center{justify-content:center}.text-right-md{text-align:right}.mobile-menu-btn{display:none}.nav-links{display:flex;gap:var(--space-6)}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.85rem;font-weight:500;font-family:var(--font-main);transition:var(--transition);position:relative}.nav-links a:hover{color:var(--primary-navy)}.nav-links a.active{color:var(--primary-navy);font-weight:600}.nav-links a.active:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:2px;background:var(--primary-navy);border-radius:1px}.chart-box{width:160px;height:160px}.chart-inner{width:120px;height:120px}}@media(min-width:1024px){.container{max-width:1140px;padding:0 var(--space-8)}.section-title{font-size:2.5rem}.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-4{grid-template-columns:repeat(4,1fr)}}.chart-box{background:conic-gradient(var(--donut-color, var(--primary-blue)) 0%,var(--bg-surface) 0)}.reveal-phrase{display:inline-block;opacity:0;transform:translateY(12px);filter:blur(4px);transition:opacity .6s ease,transform .6s ease,filter .6s ease}.reveal-phrase.visible{opacity:1;transform:translateY(0);filter:blur(0)}.jargon{position:relative;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:var(--border-strong);text-underline-offset:3px;cursor:help;font-weight:600}.jargon:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(5px);background:var(--primary-navy);color:var(--text-inverse);padding:6px 12px;border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-main);font-weight:400;font-style:normal;text-decoration:none;width:max-content;max-width:250px;white-space:normal;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100;box-shadow:0 4px 12px #00000026}.jargon:before{content:"";position:absolute;bottom:calc(100% + 2px);left:15px;border:5px solid transparent;border-top-color:var(--primary-navy);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100}.jargon:hover:after,.jargon:focus:after{opacity:1;transform:translateY(0)}.jargon:hover:before,.jargon:focus:before{opacity:1}@keyframes dot-ping{0%{box-shadow:0 0 #2a9d8f80}80%{box-shadow:0 0 0 12px #2a9d8f00}to{box-shadow:0 0 #2a9d8f00}}.timeline-dot.pulse{animation:dot-ping .7s ease-out}.stagger-item{transition-delay:calc(var(--i, 0) * 80ms)}details .details-content{overflow:hidden;transition:max-height .35s ease,opacity .25s ease,padding .35s ease;max-height:0;opacity:0;padding-top:0;padding-bottom:0}details[open] .details-content{opacity:1}.navbar{--nav-blur: 8px;--nav-bg: rgba(255, 255, 255, .85);background:var(--nav-bg);backdrop-filter:blur(var(--nav-blur));-webkit-backdrop-filter:blur(var(--nav-blur))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-left{text-align:left}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.p-6{padding:1.5rem}.pl-5{padding-left:1.25rem}.italic{font-style:italic}.opacity-70{opacity:.7}.max-w-2xl{max-width:42rem}.justify-start{justify-content:flex-start}.callout-tip{background:#0e74900d;border:1px solid var(--primary-blue);border-left-width:4px;border-radius:4px;padding:.75rem;font-size:.85rem;color:var(--primary-navy);line-height:1.4;margin-top:1rem}.nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0c234066;z-index:999}.no-scroll{overflow:hidden}