:root{--graphite: #14171c;--steel: #d7dee6;--ink: #0e1318;--vellum: #e8edf2;--cobalt: #2f6fed;--stamp: #1f8a4c;--deadline: #c43b3b;--slate: #8a93a0;--display: "Syne", sans-serif;--body: "Atkinson Hyperlegible", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--page: min(1120px, calc(100% - 40px) )}*,*:before,*:after{box-sizing:border-box}html{background:var(--graphite)}body{margin:0;min-height:100vh;font-family:var(--body);font-size:18px;line-height:1.5;color:var(--vellum);background:var(--graphite)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}a{color:var(--cobalt)}a:hover{color:var(--vellum)}a:focus-visible,.btn:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}.wrap{position:relative;z-index:1;width:var(--page);margin:0 auto}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0 8px}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--vellum);font-family:var(--display);font-weight:800;font-size:1.15rem;letter-spacing:-.03em}.wordmark .hop{color:var(--cobalt)}.mark{width:22px;height:22px;display:block}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 22px;font-size:.95rem}.nav-links a{color:var(--slate);text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--vellum)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:56px;align-items:end;padding:56px 0 48px}.hero-copy h1{margin:0 0 18px;font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,5.4vw,4.1rem);line-height:.95;letter-spacing:-.045em}.lede{margin:0 0 28px;max-width:38rem;color:var(--slate);font-size:1.05rem}.lede strong{color:var(--vellum);font-weight:700}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;text-decoration:none;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.btn.primary{background:var(--cobalt);color:#fff}.btn.primary:hover{color:#fff;filter:brightness(1.08)}.btn.ghost{border-color:var(--slate);color:var(--vellum);background:transparent}.btn.ghost:hover{border-color:var(--vellum);color:var(--vellum)}.gate{display:flex;flex-direction:column;gap:12px;max-width:28rem}.gate label{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}.gate input[type=email]{min-height:44px;padding:0 12px;border:1px solid #2a3038;background:#0e1318;color:var(--vellum);font-family:var(--body);font-size:1rem;text-transform:none;letter-spacing:0}.gate-check{flex-direction:row!important;align-items:center;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--body)!important;font-size:.95rem!important;color:var(--vellum)!important}.gate button{align-self:flex-start;cursor:pointer}.gate button:disabled{opacity:.5}.gate-error{margin:0;color:var(--deadline);font-size:.95rem}.folder{position:relative;background:var(--steel);color:var(--ink);min-height:320px;padding:36px 28px 28px 40px;box-shadow:10px 12px 0 var(--ink)}.folder-tab{position:absolute;top:0;left:0;width:28px;height:100%;background:var(--cobalt);color:#fff;font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center}.folder-kicker{margin:0 0 8px;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#4b5563}.folder h2{margin:0 0 16px;font-family:var(--display);font-size:1.85rem;line-height:1.05;letter-spacing:-.03em}.stamps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.stamp{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border:1px solid currentColor}.stamp.ok{color:var(--stamp)}.stamp.warn{color:var(--deadline)}.sidecar{margin:0;font-family:var(--mono);font-size:.78rem;line-height:1.7;color:#334155}.rail{display:flex;flex-wrap:wrap;gap:10px 28px;padding:16px 0 48px;border-top:1px solid #2a3038;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--slate)}.rail b{color:var(--deadline);font-weight:500}main{padding-bottom:72px}.block{padding:8px 0 40px}.block h2{margin:0 0 14px;font-family:var(--display);font-size:1.35rem;letter-spacing:-.03em}.block p,.block li,.article p{color:var(--slate)}.block ul{margin:0;padding-left:1.15em}.block strong,.article strong{color:var(--vellum);font-weight:700}.suno-embed{margin:28px 0;padding:16px 18px;background:#101318;border:1px solid #2a3038;border-radius:8px}.suno-embed figcaption{margin:0 0 12px;font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--vellum)}.suno-embed iframe{display:block;width:100%;min-height:240px;border:0;border-radius:6px;background:#0e1318}.suno-embed-link{margin:10px 0 0;font-size:.85rem}.suno-embed-link a{font-family:var(--mono)}.tour-embed{margin:0 0 28px}.tour-embed video{display:block;width:100%;height:auto;background:var(--graphite);border:2px solid var(--line)}.tour-embed figcaption{margin:10px 0 0;font-family:var(--mono);font-size:.78rem;color:var(--slate);line-height:1.45}.tree{margin:0;padding:20px 22px;background:var(--steel);color:var(--ink);font-family:var(--mono);font-size:.82rem;line-height:1.7;overflow-x:auto}.steps{margin:0;padding:0;list-style:none;counter-reset:step}.steps li{position:relative;padding:14px 0 14px 52px;border-top:1px solid #2a3038;color:var(--slate)}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:14px;width:32px;font-family:var(--mono);font-size:.78rem;color:var(--cobalt)}.note{margin:16px 0 0;font-size:.95rem}.not-this{padding:22px 0 8px;border-top:1px solid #2a3038}.site-foot{padding:0 0 48px;color:var(--slate);font-size:.88rem}.site-foot a{color:var(--slate)}.compact{padding-top:36px;padding-bottom:12px}.compact h1{font-family:var(--display);font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:0 0 8px}.journal-index{display:flex;flex-direction:column;gap:28px}.journal-row{display:grid;grid-template-columns:7.5rem 1fr;gap:16px;align-items:start}.journal-date,.journal-kicker{font-family:var(--mono);font-size:12px;color:var(--slate);letter-spacing:.04em}.journal-row h2{margin:0 0 8px;font-size:1.35rem}.journal-row h2 a{color:var(--vellum);text-decoration:none}.journal-row h2 a:hover{color:var(--cobalt)}.journal-cta{margin-top:28px}.article h2{margin-top:1.6em}.article .faq h2{font-size:1.15rem}.article ul{margin:0 0 1.2em;padding-left:1.2em;color:var(--slate)}.article ul li{margin:.35em 0}.article .tree{margin:1.2em 0}.article-nav{display:flex;flex-wrap:wrap;gap:10px 18px;margin:2em 0 0;padding-top:1.2em;border-top:1px solid #2a3038}.article-nav a{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--cobalt)}.article-nav a:hover{color:var(--vellum)}.guide-shelf{display:flex;flex-direction:column;gap:18px;padding:8px 0 36px}a.guide-card{position:relative;display:block;background:var(--steel);color:var(--ink);text-decoration:none;padding:22px 24px 20px 44px;box-shadow:6px 7px 0 var(--ink)}a.guide-card:hover{color:var(--ink);filter:brightness(1.04)}a.guide-card .folder-tab{font-size:.62rem;letter-spacing:.14em}a.guide-card h2{margin:0 0 8px;font-family:var(--display);font-size:clamp(1.25rem,3vw,1.55rem);line-height:1.1;letter-spacing:-.03em}a.guide-card p{margin:0;max-width:40rem;color:#3d4650;font-size:1rem;line-height:1.45}@media(max-width:820px){:root{--page: calc(100% - 32px) }.hero{grid-template-columns:1fr;gap:32px;padding-top:36px}.folder{box-shadow:6px 8px 0 var(--ink)}.journal-row{grid-template-columns:1fr}a.guide-card{box-shadow:4px 5px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){a.guide-card:hover{filter:none}}@media(prefers-reduced-motion:no-preference){.folder{animation:card-in .7s ease both}.stamps .stamp{animation:stamp-in .5s ease both}.stamps .stamp:nth-child(2){animation-delay:90ms}.stamps .stamp:nth-child(3){animation-delay:.18s}}@keyframes card-in{0%{opacity:0;transform:translate(8px,10px)}to{opacity:1;transform:none}}@keyframes stamp-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.h-24{height:6rem}.w-full{width:100%}.min-w-\[16rem\]{min-width:16rem}.min-w-\[4px\]{min-width:4px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.gap-1{gap:.25rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-\[\#2a3038\]{--tw-border-opacity: 1;border-color:rgb(42 48 56 / var(--tw-border-opacity, 1))}.border-slate{--tw-border-opacity: 1;border-color:rgb(138 147 160 / var(--tw-border-opacity, 1))}.bg-cobalt{--tw-bg-opacity: 1;background-color:rgb(47 111 237 / var(--tw-bg-opacity, 1))}.bg-ink{--tw-bg-opacity: 1;background-color:rgb(14 19 24 / var(--tw-bg-opacity, 1))}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-left{text-align:left}.font-display{font-family:Syne,sans-serif}.font-mono{font-family:IBM Plex Mono,ui-monospace,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-sm{font-size:.875rem;line-height:1.25rem}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.text-deadline{--tw-text-opacity: 1;color:rgb(196 59 59 / var(--tw-text-opacity, 1))}.text-slate{--tw-text-opacity: 1;color:rgb(138 147 160 / var(--tw-text-opacity, 1))}.text-vellum{--tw-text-opacity: 1;color:rgb(232 237 242 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}