.kaspa-hero{min-height:860px;padding:150px var(--pad) 5rem;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(3rem,8vw,8rem);overflow:hidden;background:radial-gradient(circle at 80% 35%,rgba(112,230,220,.12),transparent 28%),var(--ink)}
.kaspa-hero .hero-grid{inset:0 0 0 45%}.kaspa-hero-copy{position:relative;z-index:2}.kaspa-hero h1{font-size:clamp(5rem,10vw,10rem);margin:1.3rem 0}.kaspa-hero h1 em{color:transparent;-webkit-text-stroke:2px var(--gold)}.kaspa-hero-copy>p{max-width:690px;color:#aab5b0;font-size:clamp(1rem,1.5vw,1.25rem)}
.network-snapshot{position:relative;z-index:2;margin:0;border:1px solid var(--line);background:rgba(8,12,12,.88);box-shadow:22px 22px 0 rgba(246,198,67,.045)}.network-snapshot div{min-height:94px;padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.network-snapshot div:last-child{border-bottom:0}.network-snapshot dt{color:white;font-family:Impact,sans-serif;font-size:1.8rem;letter-spacing:.02em;text-transform:uppercase}.network-snapshot dd{margin:0;color:#75817c;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-align:right;text-transform:uppercase}
.field-section{padding:clamp(6rem,10vw,10rem) var(--pad);background:#eef2ec;color:var(--ink)}.field-section>*{max-width:var(--max);margin-left:auto;margin-right:auto}.field-section .section-kicker{color:#3e6663}.field-heading{display:grid;grid-template-columns:1fr .85fr;align-items:end;gap:clamp(3rem,8vw,8rem);margin-bottom:clamp(3.5rem,7vw,6rem)}.field-heading h2{margin:0;font-size:clamp(4rem,8vw,8.5rem)}.field-heading p{margin:0 0 .7rem;color:#4f5b57;font-size:1.08rem}
.protocol-section{padding-block:clamp(4rem,7vw,7rem);background:#101817;color:#f4f6f3}
.protocol-section .section-kicker{color:var(--cyan)}
.protocol-section .field-heading{margin-bottom:2.5rem;gap:2rem}
.protocol-section .field-heading h2{font-size:clamp(3.5rem,6vw,6rem)}
.protocol-section .field-heading p{color:#bac8c3}
.protocol-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}
.protocol-grid article{min-width:0;min-height:245px;padding:clamp(1.25rem,2vw,2rem);display:flex;flex-direction:column;border-right:1px solid var(--line)}
.protocol-grid article:last-child{border-right:0}
.protocol-grid article>b{color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.13em}
.protocol-grid h3{margin:1.9rem 0 .5rem;font-size:clamp(1.7rem,2.2vw,2.5rem);line-height:1.05}
.protocol-grid p{margin:0 0 1.5rem;color:#bac8c3;font-size:.94rem;line-height:1.5}
.protocol-grid a{margin-top:auto;color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
.protocol-grid a:hover{text-decoration:underline;text-underline-offset:4px}
.live-dag{margin-top:1.4rem;padding:clamp(1rem,2.5vw,2rem);border:1px solid var(--line);background:#0c1211}
.live-dag-head{display:flex;align-items:end;justify-content:space-between;gap:1.25rem}
.live-dag-head small{color:var(--cyan);font-size:.67rem;font-weight:900;letter-spacing:.1em}
.live-dag-head h3{margin:.55rem 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.035em;line-height:1.18;text-transform:none}
.live-dag-head p,.live-dag-note{margin:0;color:#bac8c3;font-size:.83rem;line-height:1.5}
.live-dag-head>a{color:var(--cyan);font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap}
.live-dag-head>a:hover,.live-dag-note a:hover{text-decoration:underline;text-underline-offset:4px}
.live-dag iframe{display:block;width:100%;height:clamp(420px,58vh,640px);margin:1.3rem 0 1rem;border:0;background:#fff}
.live-dag-note a{color:var(--cyan)}
.timeline-section{background:#0c1110;color:white}.timeline-section .section-kicker{color:var(--cyan)}.timeline-section .field-heading p{color:#99a59f}.timeline{padding:0;list-style:none;border-top:1px solid var(--line)}.timeline li{display:grid;grid-template-columns:150px 1fr;gap:2rem;padding:2.2rem 0;border-bottom:1px solid var(--line)}.timeline time{color:var(--gold);font-family:Impact,sans-serif;font-size:3.8rem}.timeline small{color:var(--cyan);font-size:.6rem;font-weight:900;letter-spacing:.13em}.timeline h3{margin:.55rem 0 .7rem;font-size:clamp(2rem,3.5vw,3.8rem)}.timeline p{margin:0;max-width:740px;color:#8b9892}.timeline .future{border-bottom-style:dashed}.timeline .future time,.timeline .future small{color:#87938e}
.builders-section{background:var(--gold)}.builders-section .section-kicker{color:#315c59}.builders-section .field-heading p{color:#4d4938}.builder-paths{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(8,11,11,.2)}.builder-paths article{min-height:300px;padding:2rem;border-right:1px solid rgba(8,11,11,.2)}.builder-paths article:last-child{border-right:0}.builder-paths span{font-size:.65rem;font-weight:900}.builder-paths h3{margin:4.4rem 0 1rem;font-size:clamp(2.3rem,4vw,4rem)}.builder-paths p{color:#4d4938}.toolchain{margin-top:1.2rem;display:grid;grid-template-columns:repeat(4,1fr);background:#0a0e0e;color:white}.toolchain div{padding:1.4rem;border-right:1px solid var(--line);display:grid}.toolchain div:last-child{border-right:0}.toolchain small{color:#6d7974;font-size:.55rem;font-weight:900;letter-spacing:.12em}.toolchain b{margin:.5rem 0;color:var(--cyan)}.toolchain span{color:#8c9993;font-size:.72rem}
.curriculum-section{background:#eef2ec}.curriculum-grid{display:flex;flex-wrap:wrap;gap:.7rem}.curriculum-grid span{padding:.8rem 1rem;border:1px solid var(--line-dark);font-size:.76rem;font-weight:800}.editorial-note{margin-top:2rem!important;padding:1rem 1.2rem;border-left:3px solid var(--gold);background:#fff;color:#59635f;font-size:.8rem}.editorial-note b{color:var(--ink)}
.fit-section{background:#101515;color:white}.fit-section .section-kicker{color:var(--cyan)}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.fit-grid article{min-height:300px;padding:clamp(1.5rem,3vw,2.6rem);border-right:1px solid var(--line)}.fit-grid article:last-child{border-right:0}.fit-grid h3{margin:4rem 0 1rem;font-size:clamp(2rem,3.4vw,3.5rem)}.fit-grid p{color:#8d9994}
.source-desk{padding:clamp(6rem,10vw,10rem) var(--pad);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,8rem);background:#080b0b;color:white}.source-desk>div{max-width:640px}.source-desk h2{margin:0;font-size:clamp(4rem,7vw,7.5rem)}.source-desk p{color:#8d9994}.source-links{border-top:1px solid var(--line)}.source-links a{min-height:82px;padding:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);text-decoration:none}.source-links span{color:#87938e;font-size:.74rem}.source-links b{font-size:.78rem}.source-links a:hover b{color:var(--cyan)}
@media(max-width:950px){.kaspa-hero{grid-template-columns:1fr;padding-top:130px}.network-snapshot{max-width:720px}.field-heading,.source-desk{grid-template-columns:1fr}.builder-paths,.fit-grid{grid-template-columns:1fr}.builder-paths article,.fit-grid article{min-height:240px;border-right:0;border-bottom:1px solid var(--line)}.builder-paths article:last-child,.fit-grid article:last-child{border-bottom:0}.toolchain{grid-template-columns:1fr 1fr}.toolchain div:nth-child(2){border-right:0}.toolchain div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:650px){.kaspa-hero{min-height:auto;padding-inline:1rem}.kaspa-hero h1{font-size:clamp(4.2rem,22vw,6.8rem)}.network-snapshot div{min-height:78px}.timeline li{grid-template-columns:1fr;gap:.6rem}.timeline time{font-size:2.4rem}.toolchain{grid-template-columns:1fr}.toolchain div,.toolchain div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.toolchain div:last-child{border-bottom:0}}
@media(max-width:650px){.kaspa-hero h1{font-size:clamp(3.8rem,18vw,6.2rem)}.field-heading h2,.source-desk h2{font-size:clamp(3.3rem,15vw,5.4rem)}}

@media(max-width:1050px){.protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.protocol-grid article:nth-child(2){border-right:0}.protocol-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:650px){.protocol-grid{grid-template-columns:1fr}.protocol-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.protocol-grid article:last-child{border-bottom:0}.protocol-grid h3{margin-top:1.1rem}.protocol-section .field-heading{margin-bottom:2rem}.live-dag-head{align-items:start;flex-direction:column}.live-dag-head>a{white-space:normal}.live-dag iframe{height:440px}}
