:root{--ink:#1d1b20;--paper:#f1f3ee;--violet:#4c46c8;--acid:#d8e85a;--lilac:#dcd9f2;--red:#a83e35;--white:#fff;--line:2px solid var(--ink);--shadow:8px 8px 0 var(--ink);--max:76rem;--pad:clamp(1rem,4vw,3rem)}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:var(--paper);color:var(--ink);font:clamp(1rem,.4vw + .92rem,1.16rem)/1.62 Georgia,"Times New Roman",serif;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration-thickness:.11em;text-underline-offset:.18em}
a:hover{text-decoration-color:var(--violet)}
img,svg{max-width:100%;display:block}
button,input{font:inherit}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--acid);border:var(--line);padding:.75rem 1rem;font-family:Consolas,"Courier New",monospace;font-weight:700}
.skip-link:focus{top:1rem}
:focus-visible{outline:4px solid var(--acid);outline-offset:4px}
.site-header{border-bottom:var(--line);background:rgba(241,243,238,.97);position:relative;z-index:20}
.header-inner{max-width:var(--max);margin:auto;padding:.85rem var(--pad);display:flex;align-items:center;gap:1.5rem}
.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-family:Arial Black,Arial,sans-serif;font-size:1rem;letter-spacing:-.03em;line-height:1}
.brand-mark{width:2.5rem;height:2.5rem;background:var(--violet);border:var(--line);box-shadow:3px 3px 0 var(--ink);position:relative}
.brand-mark:after{content:"";position:absolute;left:.45rem;right:.45rem;top:.72rem;border-top:4px solid var(--acid);box-shadow:0 .52rem 0 var(--acid)}
.primary-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(.9rem,2vw,1.8rem);font:700 .82rem/1.2 Consolas,"Courier New",monospace;text-transform:uppercase;letter-spacing:.04em}
.primary-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;border-bottom:3px solid transparent}
.primary-nav a[aria-current=page],.primary-nav a:hover{border-color:var(--violet)}
.nav-toggle{display:none;min-width:4.5rem;min-height:44px;background:var(--acid);border:var(--line);font:700 .82rem Consolas,"Courier New",monospace;text-transform:uppercase}
.shell{max-width:var(--max);margin:auto;padding-inline:var(--pad)}
.hero{padding:clamp(3rem,8vw,7rem) 0 clamp(4rem,8vw,7rem);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.eyebrow,.file-label,.source-label,.kicker{font:700 .78rem/1.25 Consolas,"Courier New",monospace;text-transform:uppercase;letter-spacing:.08em}
.eyebrow{display:inline-block;background:var(--acid);border:var(--line);padding:.45rem .65rem;transform:rotate(-1deg)}
h1,h2,h3{font-family:Arial Black,Arial,sans-serif;line-height:.98;letter-spacing:-.055em;margin:0 0 1rem}
h1{font-size:clamp(3rem,7.4vw,7.5rem);max-width:10.5ch}
h2{font-size:clamp(2.1rem,4.3vw,4.6rem);max-width:15ch}
h3{font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.035em;line-height:1.08}
.lede{font-size:clamp(1.18rem,1.1vw + .9rem,1.6rem);max-width:42rem;margin:1.5rem 0 2rem}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.76rem 1rem;border:var(--line);background:var(--violet);color:var(--white);box-shadow:4px 4px 0 var(--ink);font:700 .86rem/1.2 Consolas,"Courier New",monospace;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;cursor:pointer}
.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.button.secondary{background:var(--paper);color:var(--ink)}
.button.acid{background:var(--acid);color:var(--ink)}
.hero-files{min-height:30rem;position:relative;isolation:isolate}
.hero-file{position:absolute;width:min(100%,24rem);min-height:17rem;border:var(--line);padding:1.2rem;box-shadow:var(--shadow);transition:transform .55s cubic-bezier(.22,1,.36,1)}
.hero-file:nth-child(1){background:var(--lilac);right:1rem;top:0;transform:rotate(4deg)}
.hero-file:nth-child(2){background:var(--violet);color:var(--white);left:0;top:7rem;transform:rotate(-3deg)}
.hero-file:nth-child(3){background:var(--acid);right:0;top:15rem;transform:rotate(2deg)}
.hero-file strong{font:900 clamp(1.7rem,3vw,3.2rem)/1 Arial Black,Arial,sans-serif;display:block;margin-top:2rem;letter-spacing:-.04em}
.hero-files.is-aligned .hero-file:nth-child(1),.hero-files:focus-within .hero-file:nth-child(1){transform:translate(-1rem,1.2rem) rotate(0)}
.hero-files.is-aligned .hero-file:nth-child(2),.hero-files:focus-within .hero-file:nth-child(2){transform:translate(1.2rem,-.5rem) rotate(0)}
.hero-files.is-aligned .hero-file:nth-child(3),.hero-files:focus-within .hero-file:nth-child(3){transform:translate(-.5rem,-1rem) rotate(0)}
.section{padding:clamp(4rem,8vw,7rem) 0;border-top:var(--line)}
.section-head{display:grid;grid-template-columns:minmax(0,.78fr) minmax(18rem,1.22fr);gap:clamp(2rem,7vw,7rem);align-items:start;margin-bottom:clamp(2rem,5vw,4rem)}
.section-head>p{font-size:clamp(1.1rem,1vw + .9rem,1.45rem);margin:0;max-width:45rem}
.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-items:start}
.file-card{position:relative;border:var(--line);background:var(--white);padding:clamp(1.3rem,3vw,2.2rem);min-height:19rem}
.file-card:nth-child(2){margin-top:2rem;background:var(--lilac)}
.file-card:nth-child(3){margin-top:4rem;background:var(--acid)}
.file-card:before{content:attr(data-tab);position:absolute;left:-2px;top:-2.2rem;border:var(--line);border-bottom:0;background:inherit;padding:.42rem .7rem;font:700 .72rem Consolas,"Courier New",monospace;text-transform:uppercase}
.file-card p{margin-bottom:0}
.paper{border:var(--line);background:var(--white);box-shadow:var(--shadow);padding:clamp(1.4rem,4vw,3.4rem);position:relative}
.paper:after{content:"";position:absolute;right:-2px;top:-2px;border-style:solid;border-width:0 2.7rem 2.7rem 0;border-color:transparent var(--paper) var(--ink) transparent}
.paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)}
.checklist{list-style:none;padding:0;margin:0;counter-reset:item}
.checklist li{counter-increment:item;padding:1rem 0 1rem 3.4rem;border-top:1px solid var(--ink);position:relative}
.checklist li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:1rem;font:700 .8rem Consolas,"Courier New",monospace;color:var(--violet)}
.checklist strong{font-family:Arial Black,Arial,sans-serif;letter-spacing:-.025em}
.source-box{border-left:.75rem solid var(--violet);background:var(--lilac);padding:1.2rem 1.4rem;margin:1.5rem 0}
.source-box a{font-weight:700}
.dated-note{border:var(--line);background:var(--ink);color:var(--white);padding:clamp(1.3rem,3vw,2.2rem);display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start}
.dated-note .date{background:var(--acid);color:var(--ink);padding:.5rem;border:var(--line);font:700 .78rem Consolas,"Courier New",monospace;white-space:nowrap}
.path-list{display:grid;gap:1rem}
.path-item{display:grid;grid-template-columns:minmax(9rem,.36fr) 1fr;gap:1.4rem;padding:1.4rem 0;border-top:var(--line)}
.path-item h3{margin:0}.path-item p{margin:0}
.guide-wrap{display:grid;grid-template-columns:minmax(0,.72fr) minmax(19rem,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.guide-form{border:var(--line);background:var(--white);box-shadow:var(--shadow);padding:clamp(1.3rem,4vw,3rem)}
.guide-form fieldset{border:0;padding:0;margin:0}.guide-form legend{font:900 clamp(1.45rem,3vw,2.4rem)/1.05 Arial Black,Arial,sans-serif;letter-spacing:-.04em;margin-bottom:1.5rem}
.form-field{display:grid;gap:.38rem;margin:0 0 1rem}.form-field span{font:700 .78rem/1.3 Consolas,"Courier New",monospace;text-transform:uppercase;letter-spacing:.04em}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;border:var(--line);background:var(--paper);color:var(--ink);padding:.72rem .8rem;border-radius:0}.form-field textarea{min-height:9rem;resize:vertical}.form-field small{font-size:.84rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:var(--white)}
.choice{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:.75rem;border-top:1px solid var(--ink);padding:.8rem .3rem;cursor:pointer;min-height:58px}
.choice input{width:24px;height:24px;accent-color:var(--violet)}
.choice:has(input:checked){background:var(--lilac)}
.form-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.3rem}
.form-status{font:700 .8rem/1.4 Consolas,"Courier New",monospace;min-height:1.4em}.form-status.error,.field-error{color:var(--red)}
.field-error{font-weight:700}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.result{margin-top:2rem;border:var(--line);background:var(--acid);padding:1.4rem;box-shadow:5px 5px 0 var(--ink)}
.result[hidden]{display:none}.result h3{font-size:clamp(1.5rem,3vw,2.4rem)}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.result-grid>div{border-top:2px solid var(--ink);padding-top:.7rem}
.result-label{font:700 .72rem Consolas,"Courier New",monospace;text-transform:uppercase}
.contact-strip{background:var(--violet);color:var(--white);padding:clamp(2rem,5vw,4rem) 0;border-top:var(--line);border-bottom:var(--line)}
.contact-strip .shell{display:flex;align-items:center;justify-content:space-between;gap:2rem}.contact-strip h2{font-size:clamp(2rem,5vw,5rem);margin:0}.contact-strip a{font:700 clamp(1rem,2vw,1.4rem) Consolas,"Courier New",monospace;color:var(--acid)}
.site-footer{padding:2.2rem 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem}.site-footer p{margin:.3rem 0}.site-footer nav{display:grid;gap:.4rem}.fine{font-size:.86rem;color:#4d494e}
.cookie-notice{border-top:var(--line);border-bottom:var(--line);background:var(--lilac);padding:1rem 0}.cookie-notice[hidden]{display:none}.cookie-notice-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cookie-notice h2{font-size:1.2rem;line-height:1.1;letter-spacing:-.03em;margin:0 0 .35rem}.cookie-notice p{margin:0;max-width:54rem}.cookie-notice-status{font:700 .78rem/1.4 Consolas,"Courier New",monospace;margin-top:.35rem!important}.cookie-settings{min-height:44px;border:0;background:transparent;color:inherit;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.18em;cursor:pointer;font:inherit}
.subhero{padding:clamp(3rem,7vw,6rem) 0}.subhero h1{font-size:clamp(2.8rem,7vw,6.7rem);max-width:12ch}.subhero .lede{max-width:52rem}
.legal{max-width:54rem}.legal h2{font-size:clamp(1.7rem,3vw,2.8rem);margin-top:3rem}.legal p{max-width:48rem}
@media(max-width:850px){.header-inner{flex-wrap:wrap}.nav-toggle{display:block;margin-left:auto}.js .primary-nav{width:100%;margin:0;display:none;flex-direction:column;align-items:stretch}.js .primary-nav[data-open=true]{display:flex}.primary-nav a{border:var(--line);padding:.6rem}.hero-grid,.section-head,.guide-wrap,.paper-grid{grid-template-columns:1fr}.hero-files{min-height:28rem;max-width:28rem;margin:auto}.file-grid{grid-template-columns:1fr;gap:3.2rem}.file-card:nth-child(2),.file-card:nth-child(3){margin-top:0}.path-item{grid-template-columns:1fr;gap:.4rem}.contact-strip .shell{display:block}.footer-grid{grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:1fr}.cookie-notice-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){:root{--pad:1rem;--shadow:5px 5px 0 var(--ink)}h1{font-size:clamp(2.7rem,15vw,4.4rem)}.hero{padding-top:2.4rem}.hero-files{min-height:24rem}.hero-file{min-height:13rem}.hero-file:nth-child(2){top:5.5rem}.hero-file:nth-child(3){top:12rem}.hero-file strong{font-size:1.6rem}.dated-note{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.paper{padding:1.2rem}.actions{display:grid}.button{width:100%}}
@media(min-width:1800px){body{font-size:1.18rem}.shell{max-width:88rem}.hero-grid{grid-template-columns:1.25fr .75fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
