.landing-scope{font-size:16px;line-height:1.5;position:relative}.landing-scope h1,.landing-scope h2,.landing-scope h3{margin:0;font-weight:800;letter-spacing:-.015em;line-height:1.1}.landing-scope p{margin:0}.landing-scope a{color:inherit}.landing-scope button{font:inherit}.landing-scope .dc{float:left;font-weight:800;font-size:3em;line-height:.82;padding:.05em .1em 0 0;background:linear-gradient(transparent 55%,var(--mustard-soft) 55%)}.landing-scope .brand{position:fixed;top:18px;left:18px;z-index:50;font-weight:800;font-size:15px;letter-spacing:-.01em;display:flex;gap:8px;align-items:center;pointer-events:none;transition:left .25s}.landing-scope .brand i{width:26px;height:3px;border-radius:2px;background:var(--mustard);display:inline-block}.landing-scope .hintscroll{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:40;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);display:flex;gap:8px;align-items:center;transition:opacity .4s}.landing-scope .hintscroll svg{width:16px;height:16px}body.scrolled .hintscroll{opacity:0}.landing-scope .pin{position:relative}.landing-scope .stage{position:sticky;top:0;height:100vh;display:grid;place-items:center;perspective:2200px;perspective-origin:50% 45%;overflow:hidden}.landing-scope .book{position:relative;height:min(90vh,66vw);aspect-ratio:1.38;width:auto;transform-style:preserve-3d;will-change:transform}@media (max-aspect-ratio:1/1){.landing-scope .book{height:min(74vh,86vw);aspect-ratio:1.1}}.landing-scope .board{position:absolute;left:50%;top:0;width:50%;height:100%;border-radius:0 14px 14px 0;background:var(--paper);box-shadow:var(--shadow),inset 0 0 0 1px var(--rule);z-index:-1}@media (max-aspect-ratio:1/1){.landing-scope .board{overflow-y:auto;-webkit-overflow-scrolling:touch}.landing-scope .board .pg{position:static;min-height:100%}}.landing-scope .board:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(to bottom,transparent 0 27px,var(--paper-line) 27px 28px);opacity:.55;mask:linear-gradient(#000 12%,#000 90%,transparent)}.landing-scope .backboard{position:absolute;left:50%;top:-.6%;width:50.6%;height:101.2%;border-radius:0 16px 16px 0;background:var(--mustard-deep);transform:translateZ(-6px);box-shadow:0 30px 60px -20px rgba(21,22,27,.45)}.landing-scope .sheet{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.landing-scope .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:0 14px 14px 0;overflow:hidden}.landing-scope .face.back{transform:rotateY(180deg);border-radius:14px 0 0 14px}.landing-scope .face.paper{background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule)}.landing-scope .face.paper:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 27px,var(--paper-line) 27px 28px);opacity:.5;pointer-events:none;mask:linear-gradient(#000 14%,#000 90%,transparent)}.landing-scope .face.paper:after{content:"";position:absolute;top:0;bottom:0;width:26px;pointer-events:none}.landing-scope .face.front.paper:after{left:0;background:linear-gradient(90deg,rgba(21,22,27,.14),transparent)}.landing-scope .face.back.paper:after{right:0;background:linear-gradient(270deg,rgba(21,22,27,.14),transparent)}.landing-scope .edge{position:absolute;right:-4px;top:1%;height:98%;width:4px;background:repeating-linear-gradient(180deg,#fff 0 1px,#e3ded2 1px 2px);border-radius:0 2px 2px 0;transform:translateZ(-1px)}.landing-scope .face.cover{background:radial-gradient(120% 90% at 20% 10%,#f2e070,var(--mustard) 55%,var(--mustard-deep));box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),inset 14px 0 30px -18px rgba(0,0,0,.35);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:7% 8%}.landing-scope .face.cover .title{font-weight:800;font-size:clamp(26px,3.6vw,52px);line-height:1;letter-spacing:-.02em}.landing-scope .face.cover .sub{font-size:clamp(12px,1.1vw,15px);opacity:.8;margin-top:10px;max-width:22ch;font-weight:500}.landing-scope .face.cover .emboss{position:absolute;inset:6% 6%;border:1.5px solid rgba(0,0,0,.14);border-radius:10px;pointer-events:none}.landing-scope .face.cover .title u{text-decoration:none;background:linear-gradient(transparent 60%,#fff 0);color:inherit}.landing-scope .face.cover .mark{width:clamp(70px,9vw,120px);align-self:flex-end}.landing-scope .face.cover .year{font-family:var(--mono);font-size:12px;letter-spacing:.06em;opacity:.7;display:flex;align-items:center;gap:10px}.landing-scope .face.cover .year:before{content:"";width:28px;height:3px;background:var(--ink);border-radius:2px}.landing-scope .face.endpaper{background:var(--mustard-soft);display:grid;place-items:center;padding:8%}.landing-scope .face.endpaper .pat{position:absolute;inset:0;background-image:radial-gradient(var(--mustard-deep) 1.2px,transparent 1.3px);background-size:18px 18px;opacity:.5}.landing-scope .face.endpaper .note{position:relative;background:#fff;border:1.5px solid var(--ink);border-radius:var(--r);padding:clamp(14px,2vw,26px);max-width:34ch;box-shadow:var(--shadow);font-size:clamp(13px,1.05vw,16px)}.landing-scope .face.endpaper .note b{font-weight:800;font-size:1.35em;display:block;margin-bottom:6px;line-height:1.1;letter-spacing:-.01em}.landing-scope .spiral{position:absolute;left:50%;top:3%;height:94%;width:34px;transform:translateX(-50%) translateZ(40px);z-index:60;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.landing-scope .spiral i{display:block;width:34px;height:12px;border-radius:999px;border-color:#9aa1ae #c9ced8 #c9ced8 #9aa1ae;border-style:solid;border-width:3px;box-shadow:0 1px 0 rgba(0,0,0,.25);position:relative}.landing-scope .spiral i:after{content:"";position:absolute;left:8px;right:8px;top:-8px;height:6px;background:rgba(21,22,27,.35);border-radius:999px;filter:blur(1px)}.landing-scope .pg{position:absolute;inset:0;padding:clamp(18px,3vw,48px);display:flex;flex-direction:column;gap:clamp(10px,1.2vw,18px);font-size:clamp(13px,1.05vw,17px)}.landing-scope .pg .kick{font-family:var(--mono);font-size:.8em;font-weight:500;letter-spacing:.02em;color:var(--mute);display:flex;align-items:center;gap:10px}.landing-scope .pg .kick:before{content:"";width:28px;height:3px;background:var(--mustard);border-radius:2px}.landing-scope .pg h2{font-size:clamp(26px,3vw,48px)}.landing-scope .pg h3{font-size:1.1em;font-weight:800}.landing-scope .pg p{color:#2e3140}.landing-scope .cards{display:grid;gap:clamp(8px,.9vw,14px)}.landing-scope .c2{grid-template-columns:1fr 1fr}.landing-scope .c3{grid-template-columns:repeat(3,1fr)}.landing-scope .card{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--r);padding:clamp(10px,1.2vw,18px);box-shadow:var(--shadow);position:relative;overflow:hidden}.landing-scope .card.pink{background:var(--mustard-soft)}.landing-scope .card.blue{background:var(--charcoal);color:#fff}.landing-scope .card.blue .num,.landing-scope .card.blue p{color:#e8e6dc}.landing-scope .card .num{font-family:var(--mono);font-weight:500;font-size:1.6em;line-height:1;color:var(--mute)}.landing-scope .card .tag{display:inline-block;font-family:var(--mono);font-size:.72em;padding:3px 9px;border-radius:999px;background:var(--mustard-soft);border:1px solid var(--mustard-deep);color:var(--ink)}.landing-scope .byline{display:flex;gap:10px;align-items:center;margin-top:auto}.landing-scope .byline svg{width:44px;height:44px}.landing-scope .byline b{display:block;font-size:1em}.landing-scope .byline span{font-size:.85em;color:var(--mute)}.landing-scope .pill{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--ink);border-radius:999px;padding:8px 14px;font-weight:700;background:#fff;cursor:pointer;transition:transform .15s;text-decoration:none}.landing-scope .pill.pink{background:var(--mustard);border-color:var(--mustard)}.landing-scope .pill.blue{background:#fff}.landing-scope .pill:hover{transform:translateY(-1px)}.landing-scope .tags{display:flex;gap:10px;flex-wrap:wrap;font-weight:700;font-size:.9em;color:var(--mute)}.landing-scope .strip{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff;border:1.5px solid var(--ink);border-radius:var(--r);padding:6px;box-shadow:var(--shadow)}.landing-scope .strip img,.landing-scope .strip svg{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:8px}.landing-scope .strip .capt{background:var(--ink);color:#fff;font-size:.8em;font-weight:700;padding:4px 8px;border-radius:0 0 8px 8px;margin-top:-4px}.landing-scope .ab{display:grid;grid-template-columns:1fr 1fr;gap:8px}.landing-scope .ab.three{grid-template-columns:1fr 1fr 1fr}.landing-scope .ab .opt{border:1.5px solid var(--ink);border-radius:12px;background:#fff;padding:6px;font-size:.8em;font-weight:700;text-align:center}.landing-scope .ab .opt img,.landing-scope .ab .opt svg{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:8px;margin-bottom:4px}.landing-scope .ab .opt.win{outline:3px solid var(--mustard);outline-offset:-3px}.landing-scope .person{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.landing-scope .person svg{width:40px;height:40px;flex:none}.landing-scope .stat{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;font-size:.8em;text-align:center;background:#fff}.landing-scope .stat div{padding:6px 4px}.landing-scope .stat div+div{border-left:1.5px solid var(--ink)}.landing-scope .stat b{display:block;font-size:1.3em}.landing-scope .flow{position:relative;max-width:1180px;margin:-52vh auto 0;padding:6vh 24px 14vh 84px;z-index:3}.landing-scope .flow .ab,.landing-scope .flow .strip{max-width:720px}.landing-scope .flow .cards.c2{max-width:820px}@media (max-width:700px){.landing-scope .flow{padding-left:56px}}.landing-scope .flow section{position:relative;margin:0 0 14vh;padding:clamp(22px,3.4vw,48px);display:grid;gap:18px;font-size:clamp(14px,1.05vw,17px)}.landing-scope .flow section .pg{position:static;padding:0;font-size:inherit}.landing-scope .flow section h2{font-size:clamp(28px,3vw,48px)}.landing-scope .flow .frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.landing-scope .flow .frame rect{fill:none;stroke:var(--ink);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;rx:18}.landing-scope .inkline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.landing-scope .inkline path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.landing-scope .inkline .nib{transition:opacity .2s}.landing-scope .spine{position:fixed;left:0;top:0;bottom:0;width:60px;z-index:30;pointer-events:none;opacity:0;transition:opacity .5s}.landing-scope .spine .bar{position:absolute;left:0;top:0;bottom:0;width:26px;background:var(--mustard-deep);box-shadow:6px 0 18px -8px rgba(0,0,0,.5)}.landing-scope .spine .rings{position:absolute;left:8px;top:0;bottom:0;width:44px;background:repeating-linear-gradient(180deg,transparent 0 22px,#9aa1ae 22px 24px,#c9ced8 24px 30px,#9aa1ae 30px 32px,transparent 32px 54px);mask:linear-gradient(90deg,#000 60%,transparent)}.landing-scope .spine .holes{position:absolute;left:30px;top:0;bottom:0;width:14px;background:repeating-radial-gradient(circle at 7px 27px,#b9b2a3 0 4px,transparent 5px 54px)}body.showspine .spine{opacity:1}body.showspine .brand{left:76px}@media (max-width:760px){.landing-scope .hintscroll{bottom:64px}}.landing-scope footer.site{max-width:1180px;margin:0 auto;padding:0 24px 40px 84px;color:var(--mute);font-size:14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}@media (max-width:700px){.landing-scope footer.site{padding-left:24px}}.landing-scope .mobile-book{position:relative;margin:56px auto 0;max-width:300px;padding-left:24px}.landing-scope .mobile-book-spiral{position:absolute;left:0;top:4%;height:92%;width:24px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.landing-scope .mobile-book-spiral i{display:block;width:24px;height:10px;border-radius:999px;border-color:#9aa1ae #c9ced8 #c9ced8 #9aa1ae;border-style:solid;border-width:2.5px;box-shadow:0 1px 0 rgba(0,0,0,.25)}.landing-scope .mobile-cover{position:relative;aspect-ratio:.76;border-radius:0 16px 16px 0;background:radial-gradient(120% 90% at 20% 10%,#f2e070,var(--mustard) 55%,var(--mustard-deep));box-shadow:var(--shadow),inset 0 0 0 1px rgba(0,0,0,.08),inset 14px 0 30px -18px rgba(0,0,0,.35);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:9% 10%;overflow:hidden}.landing-scope .mobile-cover-emboss{position:absolute;inset:6% 6%;border:1.5px solid rgba(0,0,0,.14);border-radius:10px;pointer-events:none}.landing-scope .mobile-cover-kick{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;opacity:.7}.landing-scope .mobile-cover .mark{width:72px;align-self:flex-end}.landing-scope .mobile-cover-title{font-weight:800;font-size:clamp(26px,8vw,34px);line-height:1;letter-spacing:-.02em}.landing-scope .mobile-cover-title u{text-decoration:none;background:linear-gradient(transparent 60%,#fff 0)}.landing-scope .mobile-cover-sub{margin-top:8px;font-size:13px;font-weight:500;opacity:.8;max-width:20ch}.landing-scope .mobile-hero{max-width:480px;margin:28px auto 0;padding:0 24px;display:grid;gap:14px}.landing-scope .mobile-hero h2{font-size:clamp(24px,7vw,32px)}.landing-scope .mobile-hero p{color:#2e3140;font-size:15px}