@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,520;0,9..144,620;1,9..144,450;1,9..144,560&family=JetBrains+Mono:wght@400;500&display=swap");:root{--paper:oklch(0.968 0.012 85);--paper-2:oklch(0.925 0.022 83);--paper-3:oklch(0.89 0.032 80);--ink:oklch(0.205 0.006 88);--ink-2:oklch(0.31 0.008 88);--muted:oklch(0.49 0.018 82);--faint:oklch(0.71 0.017 82);--rule:color-mix(in oklch,var(--ink) 12%,transparent);--rule-strong:color-mix(in oklch,var(--ink) 22%,transparent);--white:oklch(0.994 0.004 88);--indigo:oklch(0.36 0.115 292);--indigo-2:oklch(0.61 0.12 292);--indigo-soft:color-mix(in oklch,var(--indigo) 12%,transparent);--yellow:oklch(0.88 0.12 93);--kraft:oklch(0.69 0.055 72);--slate:oklch(0.48 0.023 245);--oxblood:oklch(0.42 0.07 31);--sage:oklch(0.52 0.05 130);--cream:oklch(0.86 0.045 82);--radius:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--serif:"Fraunces",Georgia,serif;--hand:"Caveat","Bradley Hand",cursive;--mono:"JetBrains Mono",ui-monospace,monospace;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(color-mix(in oklch,var(--kraft) 14%,transparent) .8px,transparent .8px) 0 0 /7px 7px,radial-gradient(color-mix(in oklch,var(--ink) 8%,transparent) .7px,transparent .7px) 2px 1px /4px 4px,var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--indigo);color:var(--paper)}.wrap{width:min(1180px,calc(100% - clamp(32px, 6vw, 88px)));margin:0 auto}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--rule);background:color-mix(in oklch,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{display:flex;justify-content:space-between;min-height:72px;gap:var(--space-lg)}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:12px;font-family:var(--serif);font-style:italic;font-weight:560;font-size:1.22rem;letter-spacing:-.02em;font-variation-settings:"opsz" 144}.brand-dot{color:var(--indigo)}.mark{width:35px;height:35px;color:var(--ink);flex:0 0 auto}.nav-links{display:flex;gap:clamp(18px,3vw,34px);color:var(--muted);font-size:.83rem;letter-spacing:.01em}.foot a:hover,.nav-links a:hover{color:var(--ink)}.hero-actions,.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 17px;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--white);color:var(--ink);font-size:.84rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.btn:hover{transform:translateY(-1px);border-color:color-mix(in oklch,var(--ink) 34%,transparent)}.btn-primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--indigo);border-color:var(--indigo)}.btn-disabled{cursor:default}.btn-disabled:hover{transform:none;background:var(--ink);border-color:var(--ink)}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted)}.hero{position:relative;overflow:hidden;padding:clamp(44px,7vw,78px) 0 var(--space-3xl)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);align-items:center;grid-gap:clamp(44px,7vw,84px);gap:clamp(44px,7vw,84px)}.eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-lg);color:var(--muted);font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:999px;background:var(--indigo)}.tag{display:inline-flex;align-items:center;min-height:23px;padding:0 9px;border:1px solid var(--rule-strong);border-radius:999px;color:var(--ink);background:color-mix(in oklch,var(--paper) 70%,var(--white));letter-spacing:.12em}h1{max-width:10.5ch;margin:0;font-family:var(--serif);font-size:clamp(3.05rem,7.2vw,6.35rem);font-weight:400;letter-spacing:-.045em;line-height:.98;text-wrap:balance;font-variation-settings:"opsz" 144}.final-title em,.section-title em,h1 em{color:var(--indigo);font-style:italic;font-weight:450}.lede{max-width:37rem;margin:var(--space-lg) 0 var(--space-xl);color:var(--ink-2);font-size:clamp(1.04rem,1.4vw,1.22rem);line-height:1.62;text-wrap:pretty}.hero-note{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:var(--space-md);color:var(--muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.03em}.stars{color:var(--indigo);letter-spacing:.12em}.book-stage{position:relative;min-height:570px;perspective:1800px}.desk-glow{position:absolute;inset:6% -8% 0;background:radial-gradient(ellipse at center,color-mix(in oklch,var(--kraft) 25%,transparent),transparent 68%);transform:rotate(-3deg)}.floating-book{position:absolute;left:50%;top:48%;width:min(560px,94vw);height:390px;display:grid;grid-template-columns:1fr 9px 1fr;transform:translate(-50%,-50%) rotateX(9deg) rotate(-3.5deg);transform-style:preserve-3d;border-radius:6px;box-shadow:0 34px 70px color-mix(in oklch,var(--ink) 24%,transparent),0 9px 18px color-mix(in oklch,var(--ink) 12%,transparent);animation:floatBook 7s cubic-bezier(.45,0,.2,1) infinite}@keyframes floatBook{0%,to{transform:translate(-50%,-50%) rotateX(9deg) rotate(-3.5deg)}50%{transform:translate(-50%,calc(-50% - 8px)) rotateX(7deg) rotate(-2.7deg)}}.page{position:relative;overflow:hidden;background:radial-gradient(color-mix(in oklch,var(--kraft) 7%,transparent) .8px,transparent .8px) 0 0 /9px 9px,var(--white);min-width:0}.page.left{border-radius:6px 0 0 6px;box-shadow:inset -13px 0 22px -15px color-mix(in oklch,var(--ink) 42%,transparent)}.page.right{border-radius:0 6px 6px 0;box-shadow:inset 13px 0 22px -15px color-mix(in oklch,var(--ink) 42%,transparent)}.spine{position:relative;z-index:2;background:linear-gradient(90deg,color-mix(in oklch,var(--ink) 18%,transparent),transparent 40%,transparent 60%,color-mix(in oklch,var(--ink) 18%,transparent))}.folio{position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;color:var(--muted);font-family:var(--mono);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase}.page-body{position:absolute;inset:48px 24px 24px}.page h3{margin:0 0 7px;font-family:var(--serif);font-size:1.2rem;font-weight:520;letter-spacing:-.02em;line-height:1.1}.subline{margin-bottom:14px;color:var(--muted);font-size:.64rem;letter-spacing:.04em}.page p{margin:0 0 10px;color:var(--ink-2);font-size:.64rem;line-height:1.48}.label,.num{color:var(--faint);font-family:var(--mono);font-size:.64rem;letter-spacing:.17em;text-transform:uppercase}.label{margin:14px 0 6px;color:var(--muted);font-size:.54rem}.highlight{padding:0 4px;border-radius:2px;background:var(--indigo-soft)}.check{display:flex;align-items:center;gap:7px;margin-top:6px;color:var(--ink-2);font-size:.64rem}.check-box{width:11px;height:11px;display:inline-grid;place-items:center;border:1px solid var(--muted);border-radius:2px;color:var(--paper);font-size:.5rem;line-height:1;flex:0 0 auto}.check.done{opacity:.68}.check.done .check-box{background:var(--ink);border-color:var(--ink)}.hand-note{margin-top:13px;color:var(--indigo);font-family:var(--hand);font-size:1rem;line-height:1.05;transform:rotate(-1deg)}.paper-svg{width:100%;height:228px;display:block;margin-top:7px}.paper-svg .inkline{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.paper-svg .ghost{stroke:var(--muted);opacity:.55}.paper-svg .accent{stroke:var(--indigo)}.sticky{position:absolute;right:-22px;top:34px;z-index:4;width:138px;min-height:106px;padding:17px 14px 14px;background:var(--yellow);color:oklch(.28 .05 70);box-shadow:0 10px 19px color-mix(in oklch,var(--ink) 22%,transparent);font-family:var(--hand);font-size:1.25rem;line-height:1.08;transform:rotate(4deg) translateZ(50px)}.sticky:before{content:"";position:absolute;top:-3px;left:50%;width:60px;height:15px;border-radius:2px;background:color-mix(in oklch,var(--ink) 8%,transparent);transform:translateX(-50%)}.photo{position:absolute;left:-42px;bottom:34px;z-index:5;width:164px;height:202px;padding:8px 8px 28px;background:var(--white);box-shadow:0 16px 29px color-mix(in oklch,var(--ink) 28%,transparent);transform:rotate(-5deg) translateZ(65px)}.photo-image{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in oklch,var(--kraft) 80%,white),var(--slate) 58%,var(--ink))}.memory-shot:before,.photo-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 38%,color-mix(in oklch,var(--white) 25%,transparent) 38% 42%,transparent 42%),repeating-linear-gradient(45deg,color-mix(in oklch,var(--white) 9%,transparent) 0 4px,transparent 4px 13px)}.photo-caption{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-family:var(--hand);font-size:.98rem}.corner-flip{position:absolute;right:0;bottom:0;z-index:3;width:106px;height:106px;border:0;background:linear-gradient(135deg,transparent 50%,color-mix(in oklch,var(--paper-2) 95%,white) 50%);-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%);cursor:pointer;transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s ease;transform-origin:100% 100%}.corner-flip:focus-visible,.corner-flip:hover{transform:rotate(-8deg) translate(-7px,-7px);filter:drop-shadow(-8px -8px 14px color-mix(in oklch,var(--ink) 14%,transparent));outline:none}.book-controls{position:absolute;left:50%;bottom:0;display:flex;align-items:center;gap:10px;transform:translateX(-50%);color:var(--muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.round-btn{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--rule-strong);border-radius:999px;background:color-mix(in oklch,var(--paper) 75%,var(--white));color:var(--ink);cursor:pointer}.round-btn:hover{border-color:var(--ink)}.ticker{margin-top:var(--space-4xl);overflow:hidden;border-block:1px solid var(--rule);background:color-mix(in oklch,var(--paper) 84%,white)}.ticker-track{width:max-content;display:flex;gap:var(--space-3xl);padding:18px 0;color:var(--muted);font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;animation:ticker 42s linear infinite}.ticker-track span:after{content:"·";margin-left:var(--space-3xl);color:var(--faint)}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}section.content{padding:clamp(72px,11vw,132px) 0}.section-kicker{display:flex;align-items:center;gap:14px;margin-bottom:var(--space-lg);color:var(--muted);font-family:var(--mono);font-size:.68rem;letter-spacing:.17em;text-transform:uppercase}.section-kicker:before{content:"";width:25px;height:1px;background:var(--ink)}.section-title{max-width:13.5ch;margin:0;font-family:var(--serif);font-size:clamp(2.35rem,5.1vw,4.75rem);font-weight:400;letter-spacing:-.035em;line-height:1.02;text-wrap:balance;font-variation-settings:"opsz" 144}.section-copy{max-width:39rem;margin:var(--space-md) 0 0;color:var(--ink-2);font-size:1.02rem;line-height:1.65;text-wrap:pretty}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px;gap:24px;margin-top:var(--space-2xl)}.feature{grid-column:span 4;min-height:310px;display:flex;flex-direction:column;gap:var(--space-md);padding:clamp(22px,3vw,32px);border:1px solid var(--rule);border-radius:var(--radius);background:color-mix(in oklch,var(--white) 88%,var(--paper));overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-3px);box-shadow:0 18px 44px color-mix(in oklch,var(--ink) 10%,transparent)}.feature.tall{grid-row:span 2;min-height:600px}.feature.wide{grid-column:span 8}.feature h3{margin:0;font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.75rem);font-weight:520;letter-spacing:-.02em;line-height:1.12;font-variation-settings:"opsz" 80}.feature p{max-width:62ch;margin:0;color:var(--muted);font-size:.92rem;line-height:1.58}.visual{position:relative;margin-top:auto;min-height:132px;border:1px solid var(--rule);border-radius:5px;overflow:hidden;background:var(--paper-2)}.canvas-visual{height:300px;background:radial-gradient(color-mix(in oklch,var(--ink) 9%,transparent) .8px,transparent .8px) 8px 8px /15px 15px,var(--white)}.canvas-visual svg{position:absolute;inset:0;width:100%;height:100%}.cursor-dot{position:absolute;left:70%;top:67%;width:8px;height:8px;border-radius:999px;background:var(--indigo);box-shadow:0 0 0 12px color-mix(in oklch,var(--indigo) 15%,transparent)}.note-visual{min-height:150px;padding:18px;background:var(--white);border-radius:5px;color:var(--ink-2);font-size:.75rem;line-height:1.55}.note-visual strong{display:block;margin-bottom:10px;font-family:var(--serif);font-size:1rem;font-weight:520}.memory-board{min-height:152px;background:var(--paper-2)}.memory-shot{position:absolute;width:78px;height:92px;padding:6px 6px 18px;background:var(--white);box-shadow:0 8px 17px color-mix(in oklch,var(--ink) 18%,transparent)}.shot-a{left:16px;top:18px;transform:rotate(-5deg)}.shot-b{left:106px;top:22px;transform:rotate(3deg)}.memory-shot .image{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,var(--sage),var(--ink))}.memory-shot .image.alt{background:linear-gradient(135deg,var(--oxblood),var(--slate))}.memory-shot .caption{inset-inline:0;bottom:3px;text-align:center;font-size:.74rem}.memory-shot .caption,.memory-sticky{position:absolute;font-family:var(--hand)}.memory-sticky{right:12px;bottom:15px;width:76px;padding:8px;background:var(--yellow);box-shadow:0 7px 14px color-mix(in oklch,var(--ink) 16%,transparent);color:oklch(.29 .05 72);font-size:.78rem;line-height:1;transform:rotate(5deg)}.covers{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));grid-gap:12px;gap:12px;margin-top:4px}.cover{min-height:156px;position:relative;overflow:hidden;border-radius:5px;color:var(--paper);box-shadow:0 7px 16px color-mix(in oklch,var(--ink) 14%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--ink) 12%,transparent)}.cover:before{inset:0 auto 0 0;width:8px;background:color-mix(in oklch,black 18%,transparent)}.cover:after,.cover:before{content:"";position:absolute}.cover:after{inset:0;background:radial-gradient(color-mix(in oklch,black 8%,transparent) .8px,transparent 0) 0 0 /5px 5px}.cover span{position:absolute;left:18px;right:16px;bottom:18px;z-index:1;font-weight:700;font-size:.86rem;letter-spacing:-.01em}.cover small{display:block;margin-top:5px;font-weight:500;opacity:.64}.avatar.ink,.cover.ink{background:var(--ink)}.cover.kraft{background:var(--kraft);color:var(--ink)}.avatar.slate,.cover.slate{background:var(--slate)}.cover.cream{background:var(--cream);color:var(--ink)}.avatar.oxblood,.cover.oxblood{background:var(--oxblood)}.cover.sage{background:var(--sage);color:var(--ink)}.mini-flip{min-height:150px;display:grid;place-items:center;background:var(--paper-2)}.mini-page{width:210px;height:96px;position:relative;border-radius:4px;background:repeating-linear-gradient(0deg,color-mix(in oklch,var(--ink) 5%,transparent) 0 1px,transparent 1px 8px),var(--white);box-shadow:0 9px 19px color-mix(in oklch,var(--ink) 18%,transparent);transform:perspective(420px) rotateY(-23deg);transform-origin:left center}.mini-page:after{content:"";position:absolute;inset:0 0 0 auto;width:36px;background:linear-gradient(270deg,color-mix(in oklch,black 32%,transparent),transparent)}.tools-band{position:relative;overflow:hidden;padding:clamp(76px,10vw,124px) 0;background:radial-gradient(color-mix(in oklch,var(--white) 5%,transparent) .8px,transparent .8px) 0 0 /7px 7px,var(--ink);color:var(--paper)}.tools-band .section-kicker{color:color-mix(in oklch,var(--paper) 56%,transparent)}.tools-band .section-kicker:before{background:var(--paper)}.tools-band .section-copy{color:color-mix(in oklch,var(--paper) 70%,transparent)}.tools-band .section-title em{color:var(--indigo-2)}.tools-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:var(--space-2xl);border-block:1px solid color-mix(in oklch,var(--paper) 13%,transparent)}.tool{min-height:174px;display:grid;justify-items:center;align-content:center;grid-gap:12px;gap:12px;padding:var(--space-xl) var(--space-md);border-right:1px solid color-mix(in oklch,var(--paper) 13%,transparent);text-align:center}.tool:last-child{border-right:0}.tip{height:46px;display:grid;align-items:end}.tip span{display:block;background:var(--paper)}.tip-pen{width:2px;height:38px;border-radius:2px;box-shadow:0 0 13px var(--indigo-2)}.tip-pencil{width:5px;height:34px;border-radius:2px}.tip-chisel{width:16px;height:32px;border-radius:2px;transform:skewX(-13deg)}.tip-charcoal{width:12px;height:30px;border-radius:9px;filter:blur(.35px);opacity:.84}.tip-liner{width:1.5px;height:40px;border-radius:2px}.tool h3{margin:0;font-family:var(--serif);font-size:1.18rem;font-weight:520;letter-spacing:-.01em}.tool p{margin:0;color:color-mix(in oklch,var(--paper) 48%,transparent);font-family:var(--mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.palette-row{display:grid;grid-template-columns:210px 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);align-items:center;margin-top:var(--space-2xl)}.palette-meta{color:color-mix(in oklch,var(--paper) 54%,transparent);font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;line-height:1.55;text-transform:uppercase}.palette{display:grid;grid-template-columns:repeat(16,1fr);grid-gap:6px;gap:6px}.swatch{min-height:42px;border-radius:5px;box-shadow:inset 0 0 0 1px color-mix(in oklch,white 15%,transparent)}.workflow{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:var(--space-2xl)}.quote{position:relative;padding:var(--space-xl);border:1px solid var(--rule);border-radius:var(--radius);background:color-mix(in oklch,var(--white) 86%,var(--paper))}.quote:before{content:"“";position:absolute;top:8px;right:22px;color:var(--indigo);font-family:var(--serif);font-size:4.5rem;line-height:1;opacity:.2}blockquote{margin:0 0 var(--space-lg);font-family:var(--serif);font-size:1.18rem;line-height:1.42;letter-spacing:-.01em}.who{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem;line-height:1.35}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.72rem;font-weight:700;letter-spacing:.03em;flex:0 0 auto}.who strong{display:block;color:var(--ink);font-weight:700}.faq{max-width:780px;margin:var(--space-2xl) auto 0}.faq details{padding:24px 4px;border-bottom:1px solid var(--rule)}.faq summary{display:flex;justify-content:space-between;gap:var(--space-lg);list-style:none;cursor:pointer;font-family:var(--serif);font-size:clamp(1.18rem,2vw,1.55rem);font-weight:520;letter-spacing:-.02em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-family:var(--sans);font-size:1.6rem;font-weight:300;transition:transform .18s ease}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{max-width:62ch;margin:13px 0 0;color:var(--muted);font-size:.96rem;line-height:1.64}.final{padding:clamp(84px,12vw,142px) 0 clamp(64px,8vw,104px);text-align:center}.final-title{max-width:12ch;margin:0 auto;font-family:var(--serif);font-size:clamp(3rem,7vw,6.6rem);font-weight:400;letter-spacing:-.04em;line-height:.99;text-wrap:balance;font-variation-settings:"opsz" 144}.final p{max-width:36rem;margin:var(--space-lg) auto var(--space-xl);color:var(--ink-2);font-size:1.08rem;line-height:1.62}.badges,.centered{justify-content:center}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-lg);color:var(--muted);font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid var(--rule-strong);border-radius:999px;background:color-mix(in oklch,var(--paper) 70%,var(--white))}footer{border-top:1px solid var(--rule);padding:var(--space-3xl) 0 var(--space-xl);color:var(--muted)}.foot{display:grid;grid-template-columns:2fr repeat(3,1fr);grid-gap:clamp(28px,5vw,58px);gap:clamp(28px,5vw,58px);margin-bottom:var(--space-2xl)}.foot p{max-width:31ch;margin:var(--space-md) 0 0;font-size:.88rem;line-height:1.58}.foot h3{margin:0 0 var(--space-md);color:var(--faint);font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.foot ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;font-size:.86rem}.foot-bottom{display:flex;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--rule);color:var(--faint);font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.center-title{text-align:center}.center-title .section-kicker{justify-content:center;width:-moz-fit-content;width:fit-content;margin-inline:auto}.center-title .section-copy,.center-title .section-title{margin-inline:auto}.logo-page{min-height:100vh;padding:68px 0 96px}.logo-hero{display:grid;grid-template-columns:230px 1fr;grid-gap:clamp(28px,6vw,76px);gap:clamp(28px,6vw,76px);align-items:start;margin-bottom:var(--space-2xl)}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.logo-card{min-height:330px;position:relative;display:grid;align-content:space-between;grid-gap:var(--space-xl);gap:var(--space-xl);padding:var(--space-xl);border:1px solid var(--rule);border-radius:var(--radius);background:color-mix(in oklch,var(--white) 86%,var(--paper));overflow:hidden}.logo-card.selected{background:var(--ink);color:var(--paper);--monogram-bg:var(--paper);--monogram-fg:var(--ink)}.logo-card.selected .num,.logo-card.selected p{color:color-mix(in oklch,var(--paper) 58%,transparent)}.selected-pill{position:absolute;top:18px;right:18px;padding:6px 10px;border-radius:999px;background:var(--indigo);color:var(--paper);font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.logo-card-mark{width:148px;height:148px;justify-self:center;align-self:center;color:currentColor}.logo-card h2{margin:10px 0 8px;font-family:var(--serif);font-size:1.55rem;font-weight:520;letter-spacing:-.02em}.logo-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.logo-system{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-gap:18px;gap:18px;margin-top:18px}.app-icon-card,.cover-card,.logo-lockup-card{min-height:280px;display:grid;place-items:center;position:relative;border:1px solid var(--rule);border-radius:var(--radius);background:color-mix(in oklch,var(--white) 86%,var(--paper));overflow:hidden}.app-icon-card>span,.cover-card>span,.logo-lockup-card>span{position:absolute;left:18px;bottom:16px;color:var(--muted);font-family:var(--mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.lockup{display:flex;align-items:center;gap:22px}.lockup-mark{width:82px;height:82px;color:var(--ink)}.lockup-word{font-family:var(--serif);font-style:italic;font-weight:560;font-size:clamp(3.1rem,7vw,5.3rem);letter-spacing:-.035em;line-height:1;font-variation-settings:"opsz" 144}.app-icon{width:172px;height:172px;display:grid;place-items:center;border-radius:38px;background:var(--ink);color:var(--paper);box-shadow:0 18px 38px color-mix(in oklch,var(--ink) 22%,transparent)}.app-icon-mark{width:126px;height:126px;--monogram-bg:transparent;--monogram-fg:var(--paper)}.journal-cover{width:220px;height:290px;position:relative;overflow:hidden;border-radius:7px;background:var(--slate);box-shadow:0 18px 36px color-mix(in oklch,var(--ink) 20%,transparent)}.journal-cover:before{content:"";position:absolute;inset:0 auto 0 0;width:16px;background:color-mix(in oklch,black 18%,transparent)}.cover-mark{position:absolute;width:94px;height:94px;left:50%;top:35%;transform:translate(-50%,-50%);color:color-mix(in oklch,black 36%,transparent);--monogram-bg:color-mix(in oklch,black 16%,transparent);--monogram-fg:color-mix(in oklch,black 46%,transparent)}.cover-word{position:absolute;left:0;right:0;bottom:42px;text-align:center;font-family:var(--serif);font-style:italic;font-weight:560;font-size:1.55rem;color:color-mix(in oklch,black 42%,transparent)}@media (max-width:1040px){.hero-grid{grid-template-columns:1fr}h1{max-width:12ch}.book-stage{min-height:520px}.feature,.feature.tall,.feature.wide{grid-column:span 6;min-height:auto}.tools-grid{grid-template-columns:repeat(3,1fr)}.tool{border-bottom:1px solid color-mix(in oklch,var(--paper) 13%,transparent)}.palette{grid-template-columns:repeat(8,1fr)}.logo-grid,.logo-hero,.logo-system{grid-template-columns:1fr 1fr}}@media (max-width:780px){.nav{min-height:68px}.nav-actions .btn-quiet,.nav-links{display:none}.hero{padding-top:32px}.hero-grid{gap:28px}.book-stage{order:-1}.hero-actions{flex-wrap:wrap}.book-stage{min-height:430px;margin-inline:-10px}.floating-book{width:min(490px,96vw);height:326px}.page-body{inset:42px 18px 18px}.check,.page p{font-size:.56rem}.sticky{right:3px;top:18px;width:112px;min-height:84px;font-size:1rem}.photo{left:2px;bottom:46px;width:116px;height:146px}.book-controls{bottom:-8px}.ticker{margin-top:var(--space-3xl)}.feature,.feature.tall,.feature.wide{grid-column:span 12}.covers{grid-template-columns:repeat(2,1fr)}.foot,.logo-grid,.logo-hero,.logo-system,.tools-grid,.workflow{grid-template-columns:1fr}.tool{min-height:146px;border-right:0}.palette-row{grid-template-columns:1fr}.palette{grid-template-columns:repeat(4,1fr)}.foot-bottom{flex-direction:column}}@media (max-width:520px){.wrap{width:min(100% - 28px,1180px)}.nav{min-height:64px;gap:var(--space-sm)}.brand{font-size:1.05rem;gap:9px}.mark{width:31px;height:31px}.nav-actions{gap:0}.nav-actions .btn-primary{min-height:40px;padding-inline:12px;font-size:.78rem}.hero{padding-top:22px;padding-bottom:var(--space-2xl)}.hero-grid{gap:22px}.eyebrow{margin-bottom:var(--space-md)}h1{font-size:clamp(2.72rem,15vw,4.35rem)}.lede{margin:var(--space-md) 0 var(--space-lg)}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.book-stage{min-height:365px;margin-top:0;overflow:visible}.floating-book{left:50%;top:46%;width:min(330px,calc(100vw - 36px));height:310px;grid-template-columns:1fr;transform:translate(-50%,-50%) rotateX(7deg) rotate(-2.5deg);animation:none}.page.left{display:none}.page.right{border-radius:7px;box-shadow:inset 10px 0 18px -14px color-mix(in oklch,var(--ink) 35%,transparent)}.page-body{inset:44px 22px 22px}.paper-svg{height:174px}.corner-flip{width:86px;height:86px}.photo,.spine,.sticky{display:none}.book-controls{bottom:-2px;width:max-content}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}