@layer components{.home{min-inline-size:0;color:var(--content-primary);background:0 0}.hero,.home-divider,.home-section{--content-max:var(--home-content-max);--content-gutter:var(--home-gutter)}.hero{grid-template-columns:minmax(var(--content-gutter), 1fr) minmax(0, calc(var(--content-max) * .57)) minmax(18rem, calc(var(--content-max) * .43)) minmax(var(--content-gutter), 1fr);box-sizing:border-box;min-block-size:calc(100svh - var(--home-header-block-size) - var(--space-6));padding-block:clamp(var(--space-6), 7svh, var(--space-8));align-items:center;overflow:clip}.hero h1{color:var(--content-primary);font-size:var(--text-5xl);margin:0;line-height:.88}.hero .hero-tagline{max-inline-size:17ch;color:var(--content-secondary);font-size:var(--text-4xl);line-height:var(--leading-tight);margin:0}.hero-copy{justify-items:start;gap:var(--space-4);max-inline-size:36rem;color:var(--content-primary);grid-column:2;display:grid}.hero-lede,.home-intro>p{max-inline-size:var(--home-copy-max-inline-size,58ch);color:var(--content-secondary);font-size:var(--text-lg);line-height:var(--leading-normal);margin:0}.hero-actions{gap:var(--space-3);inline-size:min(100%,28rem);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.hero-actions .btn{min-block-size:2.75rem;padding-inline:var(--space-5);flex:10rem;justify-content:center}.book-stage{min-block-size:clamp(18rem,31vw,28rem);inline-size:100%;pointer-events:none;grid-column:3;place-items:center;padding-inline-start:var(--space-3);display:grid}.book{--home-book-page-lines:0 1.15rem 0 color-mix(in oklch, var(--content-secondary) 20%, transparent), 0 2.3rem 0 color-mix(in oklch, var(--content-secondary) 18%, transparent), 0 3.45rem 0 color-mix(in oklch, var(--content-secondary) 16%, transparent);perspective:90rem;block-size:clamp(12rem,24vw,24rem);inline-size:clamp(15rem,28vw,28rem);transform-style:preserve-3d;position:relative;transform:rotateX(9deg)rotate(-3deg)}.book-cover,.book-page{block-size:72%;inline-size:47%;box-shadow:var(--shadow-lg);transform-origin:0;transform-style:preserve-3d;border-radius:.18rem .65rem .65rem .18rem;position:absolute;inset-block-start:14%;inset-inline-start:48%}.book-cover{border:1px solid color-mix(in oklch, var(--content-primary) 22%, transparent);background:color-mix(in oklch, var(--content-primary) 80%, var(--brand-fill))}.book-cover:before{content:"";border:1px solid color-mix(in oklch, var(--brand-on-fill) 38%, transparent);border-radius:var(--radius-2);position:absolute;inset-block:8%;inset-inline:10% 14%}.book-page{border:1px solid var(--surface-page-border);background:var(--surface-page)}.book-page:before,.book-page:after{content:"";background:color-mix(in oklch, var(--content-secondary) 24%, transparent);block-size:1px;position:absolute;inset-inline:15%}.book-page:before{box-shadow:var(--home-book-page-lines);inset-block-start:31%}.book-page:after{inline-size:46%;inset-block-start:68%}.book-cover-turn{animation:home-book-cover 2.05s var(--ease-standard) 40ms forwards}.book-page-turn{animation:home-book-page 2.05s var(--ease-standard) forwards}.book-page-turn:first-child{animation-delay:80ms}.book-page-turn:nth-child(2){animation-delay:.18s}.book-page-turn:nth-child(3){animation-delay:.3s}.book-page-turn:nth-child(4){animation-name:home-book-page-wide;animation-delay:.44s}.book-page-turn:nth-child(5){animation-name:home-book-page-rest;animation-delay:.58s}.book-page-turn:nth-child(6){animation-name:home-book-page-half;animation-delay:.7s}.home-divider{block-size:1px}.home-divider>span{background:linear-gradient(to right, transparent, color-mix(in oklch, var(--content-primary) 20%, transparent), transparent);grid-column:2;block-size:1px;display:block}.home-section{padding-block:clamp(var(--space-7), 7vw, 6rem)}.home-section-content{justify-self:start;gap:clamp(var(--space-6), 5vw, var(--space-8));grid-column:2;inline-size:100%;display:grid}.home-intro{--home-copy-max-inline-size:none;gap:var(--space-4);inline-size:100%;display:grid}.home-intro h2{max-inline-size:16ch;color:var(--content-primary);font-size:var(--text-4xl);line-height:var(--leading-tight);margin:0}.feature-list{gap:var(--space-4);grid-template-columns:minmax(0,1fr);inline-size:100%;display:grid}.feature-item{align-content:start;gap:clamp(var(--space-3), 2.5vw, var(--space-6));inline-size:100%;min-inline-size:0;padding:clamp(var(--space-4), 3vw, var(--space-6));border:1px solid var(--line-subtle);border-radius:var(--radius-3);background:color-mix(in oklch, var(--surface-panel) 76%, var(--global-bg));box-shadow:var(--shadow-sm);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid}.feature-item h3{color:var(--content-primary);font-size:var(--text-3xl);line-height:var(--leading-tight);text-wrap:balance;margin:0}.feature-item p{color:var(--content-secondary);font-size:var(--text-lg);line-height:var(--leading-normal);margin:0}.home-closing-cta{justify-items:start;gap:var(--space-4);inline-size:100%;border-block-start:1px solid var(--line-subtle);padding-block-start:clamp(var(--space-6), 5vw, var(--space-8));display:grid}.home-closing-cta h2{inline-size:100%;color:var(--content-primary);font-size:var(--text-4xl);line-height:var(--leading-tight);text-wrap:balance;margin:0}.home-closing-cta p{inline-size:100%;color:var(--content-secondary);font-size:var(--text-lg);line-height:var(--leading-normal);margin:0}.home-closing-actions{gap:var(--space-3);inline-size:min(100%,28rem);margin-block-start:var(--space-3);margin-inline:auto;display:grid}.home-closing-actions .btn{min-block-size:2.75rem;padding-inline:var(--space-5);justify-content:center}@keyframes home-book-cover{35%{z-index:var(--z-raised)}to{z-index:var(--z-base);transform:rotateY(-178deg)}}@keyframes home-book-page{35%{z-index:var(--z-raised)}to{z-index:var(--z-raised);transform:rotateY(-176deg)}}@keyframes home-book-page-wide{35%{z-index:var(--z-raised)}to{z-index:var(--z-raised);transform:rotateY(-145deg)}}@keyframes home-book-page-half{50%{z-index:var(--z-raised)}to{z-index:var(--z-raised);transform:rotateY(-56deg)}}@keyframes home-book-page-rest{50%{z-index:var(--z-raised)}to{z-index:var(--z-raised);transform:rotateY(-28deg)}}@media (width<=52rem){.hero{grid-template-columns:minmax(var(--content-gutter), 1fr) minmax(0, min(var(--content-max), calc(100% - (var(--content-gutter) * 2)))) minmax(var(--content-gutter), 1fr);min-block-size:calc(100svh - var(--home-header-block-size) - var(--space-5))}.hero-copy{grid-column:2;max-inline-size:42rem}.book-stage{display:none}}@media (width<=42rem){.hero{padding-block:clamp(var(--space-5), 6svh, var(--space-7))}.hero-lede,.home-intro>p{font-size:var(--text-base)}.feature-item h3{font-size:var(--text-2xl)}.feature-item p{font-size:var(--text-lg)}}@media (prefers-reduced-motion:reduce){.book-cover-turn{animation:none;transform:rotateY(-178deg)}.book-page-turn{animation:none;transform:rotateY(-176deg)}.book-page-turn:nth-child(4){transform:rotateY(-145deg)}.book-page-turn:nth-child(5){transform:rotateY(-28deg)}.book-page-turn:nth-child(6){transform:rotateY(-56deg)}}}