:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--paper:#eceef3;--paper-2:#e1e4ec;--surface:#ffffff;--surface-2:#f3f5f9;--ink:#14151b;--ink-soft:#565a66;--ink-faint:#8b8f9c;--line:#dce0e8;--accent:#4f46e5;--accent-2:#6d67f0;--accent-ink:#fff;--rule:#d3d7e0;--shadow-md:0 12px 30px rgba(22,26,36,.1),0 2px 8px rgba(22,26,36,.06);--shadow-lg:0 34px 70px rgba(20,24,34,.18),0 12px 26px rgba(20,24,34,.1);--shadow-book:0 40px 90px rgba(18,22,32,.3),0 16px 40px rgba(18,22,32,.16)}:root[data-theme=dark]{--paper:#100f14;--paper-2:#0a0910;--surface:#17161d;--surface-2:#1e1d26;--ink:#ece9f2;--ink-soft:#9c98a8;--ink-faint:#635f70;--line:#2a2833;--rule:#2f2c39;--accent:#8f8aff;--accent-2:#a9a4ff;--accent-ink:#0b0a12;--shadow-md:0 12px 30px rgba(0,0,0,.5);--shadow-lg:0 34px 70px rgba(0,0,0,.6);--shadow-book:0 44px 100px rgba(0,0,0,.72)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#100f14;--paper-2:#0a0910;--surface:#17161d;--surface-2:#1e1d26;--ink:#ece9f2;--ink-soft:#9c98a8;--ink-faint:#635f70;--line:#2a2833;--rule:#2f2c39;--accent:#8f8aff;--accent-2:#a9a4ff;--accent-ink:#0b0a12;--shadow-md:0 12px 30px rgba(0,0,0,.5);--shadow-lg:0 34px 70px rgba(0,0,0,.6);--shadow-book:0 44px 100px rgba(0,0,0,.72)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}svg{display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-appearance:none;appearance:none}.wrap{width:min(1160px,90vw);margin:0 auto;position:relative}.serif{font-family:var(--font-serif)}.smallcaps{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.rule{height:1px;background:var(--rule);border:0}.btn{display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 24px;border-radius:2px;font-weight:650;font-size:1rem;white-space:nowrap;transition:transform .12s,background .2s,box-shadow .2s,border-color .2s}.btn .ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--accent{background:var(--accent);color:var(--accent-ink)}.btn--accent:hover{transform:translateY(-2px);background:var(--accent-2);box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 40%,transparent)}.btn--outline{border:1px solid var(--ink);color:var(--ink);background:transparent}.btn--outline:hover{background:var(--ink);color:var(--paper)}.btn--sm{height:40px;padding:0 16px;font-size:.9rem}.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav__in{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:11px}.brand__name{font-family:var(--font-serif);font-size:1.4rem;font-weight:600;letter-spacing:.2px}.brand__name em{font-style:italic;color:var(--accent)}.brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--ink);color:var(--paper)}.brand__mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav__actions{display:flex;align-items:center;gap:14px}.theme-toggle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;transition:background .16s,color .16s,border-color .16s}.theme-toggle:hover{background:var(--surface-2);color:var(--ink);border-color:var(--ink-faint)}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ico--moon{display:none}:root[data-theme=dark] .ico--sun{display:none}:root[data-theme=dark] .ico--moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ico--sun{display:none}:root:not([data-theme=light]) .ico--moon{display:block}}.hero{padding:82px 0 24px;text-align:center}.hero__lead{max-width:840px;margin:0 auto}.hero__eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:28px}.hero__eyebrow .rule{width:54px;flex:0 0 auto}.hero h1{font-family:var(--font-serif);font-weight:600;font-size:clamp(2.9rem,6.6vw,5.4rem);line-height:1.02;letter-spacing:-.022em}.hero h1 em{font-style:italic;color:var(--accent)}.hero__sub{margin:26px auto 0;max-width:58ch;font-size:1.16rem;color:var(--ink-soft)}.hero__cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}.hero__note{margin-top:18px;font-size:.85rem;color:var(--ink-faint);font-weight:600;letter-spacing:.02em}.hero__stage{margin:60px auto 0;width:min(1000px,100%);perspective:2200px}.hero__book{transform:rotateX(5deg);transform-origin:center bottom;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-book);border:1px solid var(--line);border-left:6px solid var(--accent);background:var(--surface);transition:transform .5s var(--ease, cubic-bezier(.2,.8,.2,1))}.hero__book:hover{transform:rotateX(1deg) translateY(-5px)}.hero__book img{width:100%}.slogan{padding:64px 0;text-align:center}.slogan__mark{font-family:var(--font-serif);font-weight:600;letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}.slogan__mark b{font-weight:600;font-style:italic}.slogan__mark b:nth-of-type(1){color:var(--accent)}.slogan p{margin:20px auto 0;max-width:52ch;color:var(--ink-soft);font-size:1.1rem}.slogan .rule{max-width:80px;margin:0 auto 30px}.chapters{padding:20px 0 40px}.chapter{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:56px 0;border-top:1px solid var(--line)}.chapter:nth-child(2n) .chapter__text{order:2}.chapter__no{font-family:var(--font-serif);font-size:3.4rem;font-weight:600;line-height:1;color:var(--rule);margin-bottom:8px}.chapter__text h2{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.12;margin-top:2px}.chapter__text .smallcaps{display:block;margin-bottom:14px}.chapter__text p{margin-top:14px;color:var(--ink-soft);font-size:1.08rem;max-width:46ch}.chapter__list{margin-top:20px;list-style:none;padding:0;display:flex;flex-direction:column;gap:11px}.chapter__list li{display:flex;align-items:flex-start;gap:11px;color:var(--ink-soft)}.chapter__list svg{flex-shrink:0;width:17px;height:17px;margin-top:4px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.chapter__list b{color:var(--ink);font-weight:600}.chapter__shot{border-radius:3px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:var(--surface)}.chapter__shot img{width:100%}.embed-band{padding:78px 0;background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.embed-band__grid{display:grid;grid-template-columns:1fr 1.06fr;gap:56px;align-items:center}.embed-band__text h2{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.1;margin-top:12px}.embed-band__text>p{margin-top:15px;color:var(--ink-soft);font-size:1.08rem;max-width:48ch}.embed-band__cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.code{margin-top:22px;background:#0e0d12;color:#cfccd9;border-radius:11px;padding:15px 17px;font:12.5px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-md)}.code .t{color:#8f8aff}.code .k{color:#7fb4ff}.code .v{color:#7ee0a8}.code .c{color:#6b6878}.frame{border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:var(--surface)}.frame__bar{display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--surface-2);border-bottom:1px solid var(--line)}.frame__dots{display:flex;gap:6px}.frame__dots i{width:11px;height:11px;border-radius:50%;background:var(--line)}.frame__url{flex:1;font:11.5px ui-monospace,Menlo,monospace;color:var(--ink-faint);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:5px 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame img{width:100%}.privacy{padding:70px 0}.privacy__head{text-align:center;max-width:44ch;margin:0 auto 44px}.privacy__head h2{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.9rem,3.6vw,2.7rem);letter-spacing:-.01em}.privacy__head p{margin-top:12px;color:var(--ink-soft);font-size:1.08rem}.privacy__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}.pcard{padding:34px 28px;border-right:1px solid var(--line)}.pcard:last-child{border-right:0}.pcard__no{font-family:var(--font-serif);color:var(--accent);font-size:1rem;font-weight:600}.pcard h3{font-family:var(--font-serif);font-weight:600;font-size:1.3rem;margin-top:12px}.pcard p{margin-top:8px;color:var(--ink-soft);font-size:.98rem}.cta{margin:20px auto 90px;text-align:center;padding:70px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta h2{font-family:var(--font-serif);font-weight:600;font-size:clamp(2rem,4.4vw,3.2rem);letter-spacing:-.02em;line-height:1.08}.cta p{margin:16px auto 0;max-width:46ch;color:var(--ink-soft);font-size:1.12rem}.cta__row{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.footer{padding:34px 0 46px}.footer__in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--ink-soft);font-size:.9rem}.footer .brand__name{font-size:1.15rem}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.hero__book,.hero__book:hover{transform:none}}@media(max-width:860px){.hero{padding:56px 0 16px}.hero__stage{margin-top:40px}.hero__book{transform:none;border-left-width:5px}.hero__book:hover{transform:none}.chapter{grid-template-columns:1fr;gap:26px}.chapter:nth-child(2n) .chapter__text{order:0}.embed-band__grid{grid-template-columns:1fr;gap:34px}.embed-band__visual{order:-1}.privacy__grid{grid-template-columns:1fr}.pcard{border-right:0;border-bottom:1px solid var(--line)}.pcard:last-child{border-bottom:0}.nav__actions .btn{display:none}.nav__actions .theme-toggle{display:grid}}