:root { --bg:#f4eee2; --paper:#fcf8f0; --ink:#29241e; --muted:#6d6256; --line:rgba(52,41,29,.15); --accent:#8c5d45; --moss:#61775e; --serif:Charter,"Iowan Old Style",Georgia,serif; --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif; --mono:ui-monospace,"SF Mono",Menlo,monospace; color-scheme:light dark; }
@media (prefers-color-scheme:dark){:root{--bg:#181614;--paper:#211d19;--ink:#f4eadc;--muted:#b9ab9b;--line:rgba(244,234,220,.13);--accent:#d4a887;--moss:#a0b798}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:radial-gradient(ellipse 70% 35% at 54% -7%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 80%),var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:5px}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-50px;left:16px;background:var(--ink);color:var(--bg);padding:9px 14px;z-index:20;border-radius:7px}.skip:focus{top:12px}
/* Navigation */
header.site{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(16px)}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font:600 20px/.9 var(--serif);letter-spacing:-.02em}.brand img{border-radius:7px}.brand small{display:block;margin-top:5px;font:600 8px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.nav nav{display:flex;align-items:center;gap:25px;font-size:14px;color:var(--muted)}.nav nav a{text-decoration:none}.nav nav a:not(.button):hover{color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;border-radius:999px;background:var(--ink);color:var(--bg);font:600 14px var(--sans);text-decoration:none;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px);background:var(--accent)}.button b,.text-link b{font-size:17px;line-height:0}.button.compact{padding:8px 16px}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}.text-link:hover{color:var(--accent);border-color:var(--accent)}
/* Hero */
.hero{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding:90px 0 70px}.kicker{margin:0;color:var(--muted);font:600 11px/1.3 var(--sans);letter-spacing:.15em;text-transform:uppercase}.kicker span{display:inline-block;width:22px;height:1px;background:var(--accent);vertical-align:middle;margin:0 9px 3px 0}.hero h1,.promise h2,.themes-inner h2,.projects h2,.export h2,.files h2,.download h2{margin:17px 0 0;font:600 clamp(42px,5.5vw,75px)/.98 var(--serif);letter-spacing:-.045em}.hero h1 em{font-weight:400;color:var(--accent)}.lede{margin:24px 0 0;max-width:48ch;font-size:19px;line-height:1.55;color:var(--muted)}.lede.small{font-size:18px}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:30px}.fine{margin:18px 0 0;color:var(--muted);font-size:13px}
.hero-art{position:relative;min-height:510px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 37%,transparent);border-radius:50%;animation:float 9s ease-in-out infinite}.orbit-one{width:510px;height:510px;transform:rotate(-20deg)}.orbit-two{width:380px;height:580px;transform:rotate(42deg);animation-delay:-3s}.glow{position:absolute;width:340px;height:340px;border-radius:50%;background:var(--accent);opacity:.13;filter:blur(65px)}
.editor-demo{position:relative;z-index:2;width:min(610px,100%);overflow:hidden;border:1px solid rgba(245,235,219,.18);border-radius:16px;background:#24211f;color:#ede5da;box-shadow:0 40px 90px -38px #000;transition:background .4s ease,color .4s ease}.window-bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#1c1a18;border-bottom:1px solid rgba(255,255,255,.09);font:600 11px var(--sans);color:rgba(237,229,218,.55)}.window-bar i{width:9px;height:9px;border-radius:50%;background:#be775c}.window-bar i:nth-child(2){background:#d2a450}.window-bar i:nth-child(3){background:#7fa57a}.window-bar span{margin:auto}.window-bar b{font:600 9px var(--mono);opacity:.55}.editor-layout{display:grid;grid-template-columns:172px 1fr;min-height:355px}.mini-desk{padding:14px 10px;background:#1e1b19;border-right:1px solid rgba(255,255,255,.08);font-size:11px;color:rgba(237,229,218,.7)}.desk-tabs{display:grid;grid-template-columns:1fr 1fr;padding:2px;border-radius:6px;background:rgba(255,255,255,.06);text-align:center}.desk-tabs>*{padding:5px 0;font-weight:500}.desk-tabs b{border-radius:4px;background:#292521}.mini-desk p{margin:10px 5px}.mini-desk .chapter{margin-left:25px}.mini-desk .active{padding:6px;margin-left:17px;border-radius:5px;background:rgba(255,255,255,.1)}.folder i{display:inline-block;width:10px;height:8px;background:#b9785a;border-radius:2px}.folder.moss i{background:#8fa38b}.folder.violet i{background:#af8fa8}.editor-page{position:relative;padding:68px 15% 38px;font:16px/1.75 var(--serif)}.editor-page p{margin:0 0 1em}.editor-page .soft{opacity:.33}.chapter-label{font-size:21px;font-weight:600}.editor-tools{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#211e1c;font:600 11px var(--sans)}.editor-tools>*{display:grid;place-items:center;width:23px;height:20px;font-style:normal}.tool-on{border-radius:5px;background:rgba(255,255,255,.14)}.editor-page mark{color:inherit;background:none}.name-hit,.place-hit{display:inline-block;background:linear-gradient(105deg,#c28b6d 0%,#c28b6d 42%,#f4d8c4 50%,#c28b6d 58%,#c28b6d 100%)!important;background-size:240% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 11px rgba(210,145,111,.14);animation:text-shimmer 4.8s ease-in-out infinite}.place-hit{background-image:linear-gradient(105deg,#8fac86 0%,#8fac86 42%,#d8e9cf 50%,#8fac86 58%,#8fac86 100%)!important;text-shadow:0 0 11px rgba(155,190,143,.14);animation-delay:-2.3s}.page-status{position:absolute;bottom:0;left:0;right:0;display:flex;gap:16px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08);font:10px var(--sans);color:rgba(237,229,218,.5)}.page-status span:last-child{margin-left:auto}.scene-tags{display:flex;gap:6px;align-items:center;padding:9px 14px;background:#1d1b19;border-top:1px solid rgba(255,255,255,.08);font:600 10px var(--sans)}.scene-tags b{padding:5px 8px;border-radius:999px;border:1px solid rgba(143,163,139,.65);color:#d9e4d1}.scene-tags b:nth-child(2){border-color:rgba(185,120,90,.65);color:#edcabb}.scene-tags span{margin-left:auto;color:rgba(237,229,218,.4)}
.float-card{position:absolute;z-index:3;right:-24px;top:62px;display:grid;grid-template-columns:45px 1fr 10px;gap:11px;align-items:center;width:215px;padding:13px;border:1px solid rgba(222,184,147,.45);border-radius:12px;background:rgba(54,45,37,.96);color:#f5eadc;box-shadow:0 21px 38px -22px #000;animation:float 7s ease-in-out infinite}.float-portrait{display:grid;place-items:center;width:45px;height:55px;border-radius:7px;background:linear-gradient(140deg,#bb7c61,#614638);font:600 23px var(--serif)}.float-card small{display:block;color:#c8b8a8;font:600 8px var(--sans);letter-spacing:.12em;text-transform:uppercase}.float-card strong{display:block;margin-top:2px;font:600 16px var(--serif)}.float-card p{margin:2px 0 0;color:#cbbcac;font-size:10px}.float-card>i{color:#a8bf9e;font-style:normal}
/* Content */
.promise{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:110px 0}.promise h2,.themes-inner h2,.projects h2,.export h2,.files h2,.download h2{font-size:clamp(33px,4.2vw,56px);max-width:11ch}.promise-list{border-top:1px solid var(--line)}.promise-list article{position:relative;padding:23px 0 22px 62px;border-bottom:1px solid var(--line)}.promise-list span{position:absolute;left:0;top:27px;color:var(--accent);font:600 11px var(--mono)}.promise-list h3{margin:0;font:600 22px/1.1 var(--serif)}.promise-list p{margin:8px 0 0;color:var(--muted);max-width:50ch}
.themes-band{border-block:1px solid var(--line);background:color-mix(in srgb,var(--paper) 65%,transparent)}.themes-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:80px 0}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.swatch{position:relative;height:80px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.swatch::before{content:"";position:absolute;inset:7px;border-radius:6px;background:var(--paper)}.swatch span{position:relative;z-index:1;font:600 11px var(--sans);opacity:0;transition:opacity .2s ease}.swatch:hover,.swatch[aria-pressed="true"]{border-color:var(--accent);transform:translateY(-3px)}.swatch:hover span,.swatch[aria-pressed="true"] span{opacity:1}.editor-demo[data-theme="midnight"]{background:#131820;color:#d6dee8}.editor-demo[data-theme="chalk"]{background:#2d3034;color:#eeece4}.editor-demo[data-theme="forest"]{background:#1d2925;color:#dce4d9}.editor-demo[data-theme="parchment"]{background:#f3ebdd;color:#40382e}.editor-demo[data-theme="paper"]{background:#fafaf8;color:#30302e}.editor-demo[data-theme="parchment"] .mini-desk,.editor-demo[data-theme="paper"] .mini-desk,.editor-demo[data-theme="parchment"] .window-bar,.editor-demo[data-theme="paper"] .window-bar,.editor-demo[data-theme="parchment"] .scene-tags,.editor-demo[data-theme="paper"] .scene-tags{background:color-mix(in srgb,currentColor 7%,transparent)}
.projects,.export{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:130px 0}.project-copy ul{padding:0;margin:28px 0 0;list-style:none}.project-copy li{padding:12px 0;border-top:1px solid var(--line);color:var(--muted)}.project-copy li:last-child{border-bottom:1px solid var(--line)}.project-copy b,.file-points b{color:var(--ink)}.project-board{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:0 25px 60px -42px #000}.board-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);font:600 13px var(--sans)}.board-head small{color:var(--muted);font-size:10px}.board-head b{margin-left:auto;color:var(--muted)}.board-main{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;padding:14px}.manuscript-card,.side-cards article{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg) 45%,transparent);padding:15px}.manuscript-card small,.side-cards small{font:600 9px var(--sans);letter-spacing:.12em;color:var(--muted)}.manuscript-card strong,.side-cards strong{display:block;margin-top:5px;font:600 20px var(--serif)}.manuscript-card p,.side-cards p{margin:8px 0;color:var(--muted);font-size:11px}.progress{height:5px;border-radius:6px;background:var(--line);overflow:hidden}.progress i{display:block;width:62%;height:100%;background:var(--accent)}.manuscript-card ol{margin:15px 0 0;padding:0;list-style:none;font:11px var(--mono);color:var(--muted)}.manuscript-card li{padding:6px}.manuscript-card li.selected{border-radius:5px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--ink)}.side-cards{display:grid;gap:9px}.side-cards article{padding:11px;min-height:81px}.side-cards span{float:right;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font:600 14px var(--serif)}.side-cards .location span{background:color-mix(in srgb,var(--moss) 20%,transparent);color:var(--moss)}.side-cards .lore span{background:color-mix(in srgb,#9b7b99 20%,transparent);color:#9b7b99}.side-cards strong{font-size:15px}
.export{padding-top:20px}.export-copy{order:2}.export-visual{position:relative;min-height:330px;display:grid;place-items:center}.export-window{position:relative;z-index:2;width:360px;padding:18px;border:1px solid rgba(241,230,216,.18);border-radius:14px;background:#292522;color:#eee4d7;box-shadow:0 25px 60px -30px #000}.export-title{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12);font:600 15px var(--sans)}.export-title b{float:right;opacity:.55}.export-window>p{display:flex;justify-content:space-between;color:#c9bbae;font-size:12px}.export-window>p span{color:#9dc096}.export-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.export-choices b,.export-look{padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:7px;font:600 11px var(--sans)}.export-choices b:first-child{border-color:#d7ae8e;background:rgba(215,174,142,.11)}.export-look{display:flex;gap:11px;margin-top:10px;color:#b9aa9a}.export-look b{color:#f2e8dc}.export-look i{font-style:normal}.export-window button{width:100%;margin-top:16px;padding:10px;border:0;border-radius:7px;background:#e1b18e;color:#2a211b;font:700 12px var(--sans)}.paper-stack{position:absolute;width:265px;height:245px;border:1px solid var(--line);border-radius:10px;background:var(--paper);transform:translate(58px,30px) rotate(8deg);box-shadow:18px 15px 0 -1px color-mix(in srgb,var(--accent) 12%,transparent)}.paper-stack i{display:block;width:62%;height:1px;margin:27px 0 0 26px;background:var(--line)}
.export-note{margin:22px 0 0;padding-left:15px;border-left:2px solid var(--accent);color:var(--muted);font-size:14px}.files{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:20px 0 125px}.file-points{border-top:1px solid var(--line)}.file-points p{margin:0;padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.download{padding:112px 0;background:#2a231d;color:#f4eade}.download .kicker,.download p{color:#c7b8a7}.download h2{max-width:13ch;margin-inline:auto}.download .button{background:#f4eade;color:#2a231d}.download .button:hover{background:#dcae88}.download .text-link{border-color:rgba(244,234,222,.25)}.download-inner{max-width:720px;text-align:center}.download-inner .actions{justify-content:center}.download-inner>p:not(.kicker):not(.fine){max-width:52ch;margin:20px auto 0;font-size:18px}.download .fine{color:#c7b8a7}
footer.site{padding:35px 0;background:#211c17;color:#c2b5a6}.footer{display:flex;align-items:center;gap:28px;font-size:13px}.footer .brand{color:#f3e8da}.footer span a{color:#f3e8da}.footer nav{margin-left:auto;display:flex;gap:18px}.footer nav a{text-decoration:none}.footer nav a:hover{color:#fff}
/* Guide, privacy, and 404 retain the same calm editorial system. */
.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.article{max-width:760px;padding:72px 0 0}.article h1{margin:14px 0 0;font:600 clamp(38px,5vw,58px)/1 var(--serif);letter-spacing:-.04em}.article .lede{max-width:58ch}.article h2{margin:54px 0 0;font:600 30px/1.12 var(--serif);letter-spacing:-.02em}.article h3{margin-top:30px;font:600 21px/1.2 var(--serif)}.article p,.article li{color:var(--muted)}.article strong,.article b{color:var(--ink)}.article a{color:var(--accent);text-underline-offset:3px}.article code,.article kbd{border:1px solid var(--line);border-radius:5px;background:var(--paper);padding:1px 5px;color:var(--ink);font-family:var(--mono);font-size:.88em}.article ul{display:grid;gap:8px;padding-left:22px}.article .toc{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}.article .toc a{display:block;padding:6px 11px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--muted);font-size:13px}.article .toc a:hover{color:var(--ink);border-color:var(--accent)}.crumbs{color:var(--muted);font-size:14px}.tablewrap{overflow-x:auto;margin-top:18px;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}tr:last-child td{border-bottom:0}td:first-child{font-family:var(--mono);white-space:nowrap}.center404{text-align:center;padding:120px 0 40px}.center404 h1{font-size:clamp(48px,8vw,84px)}.center404 p{margin:15px auto;color:var(--muted);max-width:42ch}.foot{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.foot nav{display:flex;gap:17px;flex-wrap:wrap}.foot a{color:inherit}.foot a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal[data-delay="1"]{transition-delay:.14s}.reveal.visible{opacity:1;transform:none}@keyframes text-shimmer{0%,22%{background-position:120% 0}55%,100%{background-position:-110% 0}}@keyframes float{50%{translate:0 -12px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:900px){.hero,.promise,.themes-inner,.projects,.export,.files{grid-template-columns:1fr;gap:45px}.hero{padding-top:65px}.hero-art{min-height:460px}.promise{padding:80px 0}.projects,.export{padding:90px 0}.export-copy{order:initial}.float-card{right:-5px}.footer{align-items:flex-start;flex-wrap:wrap}.footer nav{margin-left:0;width:100%}}@media(max-width:620px){.shell{width:min(100% - 28px,1160px)}.nav nav a:not(.button){display:none}.hero{min-height:0;padding-bottom:55px}.hero h1{font-size:48px}.hero-art{min-height:390px}.editor-layout{grid-template-columns:1fr}.mini-desk{display:none}.editor-page{min-height:300px;padding-inline:13%;font-size:14px}.float-card{transform:scale(.8);transform-origin:top right;right:-15px;top:22px}.orbit-one{width:330px;height:330px}.orbit-two{width:270px;height:390px}.scene-tags span{display:none}.swatches{grid-template-columns:repeat(2,1fr)}.project-board{margin-inline:-2px}.board-main{grid-template-columns:1fr}.side-cards{grid-template-columns:repeat(3,1fr)}.side-cards article{min-height:95px}.side-cards span{float:none;margin-bottom:5px}.side-cards strong{font-size:13px}.paper-stack{transform:translate(32px,35px) rotate(8deg)}.export-window{width:min(330px,100%)}.files{padding-bottom:80px}.footer{gap:18px}.footer nav{gap:14px}}