.al-page{--landing-header-overlap: 92px;--al-accent: 254 100% 78%;position:relative;overflow-x:clip;margin-top:calc(var(--landing-header-overlap) * -1)}.al-hero{position:relative;isolation:isolate;padding:calc(4.25rem + var(--landing-header-overlap)) 0 3.5rem}.al-hero-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(680px circle at 80% 36%,hsl(var(--primary) / .17),transparent 64%),radial-gradient(520px circle at 8% 10%,hsl(var(--primary-glow) / .07),transparent 62%)}.al-hero-backdrop .grid-bg{position:absolute;inset:0;opacity:.42}.al-hero-grid{display:grid;gap:2.75rem;align-items:center}.al-hero-copy h1{max-width:26ch;text-wrap:balance}.al-link-row{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.15rem}.al-link-row a{color:hsl(var(--al-accent));font-size:.86rem;font-weight:650;text-decoration:underline;text-decoration-color:hsl(var(--al-accent) / .35);text-underline-offset:4px;transition:color .15s,text-decoration-color .15s}.al-link-row a:hover{color:hsl(var(--foreground));text-decoration-color:hsl(var(--foreground) / .5)}.al-video{display:grid;justify-items:center;gap:.85rem}.al-video>:first-child{justify-self:stretch}.al-video-link{color:hsl(var(--al-accent));font-size:.86rem;font-weight:650;text-decoration:underline;text-decoration-color:hsl(var(--al-accent) / .35);text-underline-offset:4px;transition:color .15s,text-decoration-color .15s}.al-video-link:hover{color:hsl(var(--foreground));text-decoration-color:hsl(var(--foreground) / .5)}.al-highlights{display:flex;flex-wrap:wrap;gap:.6rem 1.35rem;margin-top:1.75rem}.al-highlights li{display:inline-flex;align-items:center;gap:.45rem;color:hsl(var(--foreground) / .86);font-size:.84rem}.al-highlights svg{flex:none;color:hsl(var(--success))}.al-hero-visual{min-width:0}.al-section{position:relative;z-index:1;padding-top:2.75rem;padding-bottom:2.75rem}.al-section-head{max-width:46rem}.al-section-head h2{margin-top:.9rem;font-family:SF Pro Display,Inter,system-ui,sans-serif;font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:650;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}.al-section-head p{margin-top:.85rem;color:hsl(var(--muted-foreground));font-size:.98rem;line-height:1.7}.al-icon{display:grid;height:2.4rem;width:2.4rem;flex:none;place-items:center;border:1px solid hsl(var(--primary) / .32);border-radius:.75rem;background:hsl(var(--primary) / .12);color:hsl(var(--al-accent))}.al-card,.al-type-card,.al-panel,.al-principle,.al-related-card,.al-tile,.al-code-panel{border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--surface) / .5);box-shadow:inset 0 1px #ffffff09}.al-feature-grid,.al-output-grid,.al-type-grid,.al-principle-grid,.al-related-grid,.al-tile-grid{display:grid;gap:.9rem;margin-top:1.75rem}.al-card,.al-principle{position:relative;overflow:hidden;padding:1.25rem;transition:border-color .2s ease}.al-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at 100% 0%,hsl(var(--primary) / .07),transparent 60%)}.al-card:hover{border-color:hsl(var(--primary) / .35)}.al-card h3,.al-type-card h3,.al-principle h3{margin-top:1rem;font-size:1.02rem;font-weight:650;letter-spacing:-.01em}.al-card p,.al-type-card p,.al-principle p{margin-top:.45rem;color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.65}.al-steps-section{display:grid;gap:2rem;align-items:start}.al-steps{display:grid;margin-top:1.75rem}.al-step{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1rem;padding-bottom:1.5rem}.al-step:last-child{padding-bottom:0}.al-step:not(:last-child):before{content:"";position:absolute;top:2.85rem;bottom:.35rem;left:calc(1.25rem - 1px);width:2px;border-radius:999px;background:linear-gradient(180deg,hsl(var(--primary) / .55),hsl(var(--border)))}.al-step-number{display:grid;height:2.5rem;width:2.5rem;place-items:center;border-radius:999px;background:linear-gradient(135deg,#653cec,#a31bc5);box-shadow:0 10px 30px -12px hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:.92rem;font-weight:800}.al-step h3{display:flex;align-items:flex-start;gap:.5rem;padding-top:.5rem;font-size:1.02rem;font-weight:650}.al-step h3 svg{flex:none;margin-top:.2em;color:hsl(var(--al-accent))}.al-step p{margin-top:.35rem;color:hsl(var(--muted-foreground));font-size:.92rem;line-height:1.65}.al-aside{display:grid;gap:.9rem}.al-panel{padding:1.35rem}.al-panel h2{margin-top:.85rem;font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.al-panel p{margin-top:.5rem;color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.65}.al-check-list{display:grid;gap:.7rem;margin-top:1rem}.al-check-list li{display:grid;grid-template-columns:1.1rem minmax(0,1fr);gap:.65rem;color:hsl(var(--foreground) / .85);font-size:.9rem;line-height:1.55}.al-check-list svg{margin-top:.15rem;color:hsl(var(--success))}.al-pricing{border-color:hsl(var(--primary) / .32);background:linear-gradient(140deg,hsl(var(--primary) / .12),transparent 55%),hsl(var(--surface) / .6)}.al-type-card{padding:1.1rem}.al-type-card h3{margin-top:.85rem}.al-band{overflow:hidden;border:1px solid hsl(var(--border));border-radius:1.25rem;background:radial-gradient(620px circle at 85% 0%,hsl(var(--primary) / .1),transparent 62%),hsl(var(--surface) / .62);padding:1.5rem}.al-tile,.al-related-card{display:flex;min-width:0;align-items:center;gap:.9rem;padding:1rem 1.1rem;color:inherit;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}.al-tile:hover,.al-tile:focus-visible,.al-related-card:hover,.al-related-card:focus-visible{border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .07);outline:0;transform:translateY(-2px)}.al-tile-icon{display:grid;height:46px;width:46px;flex:none;place-items:center;border:1px solid hsl(0 0% 100% / .08);border-radius:.9rem;background:hsl(var(--background) / .72);color:hsl(var(--foreground))}.al-tile-icon img{height:25px;width:25px;-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center}.al-tile-copy,.al-related-copy{display:flex;min-width:0;flex:1;flex-direction:column}.al-tile-copy strong,.al-related-copy strong{font-size:.94rem;font-weight:650}.al-tile-copy small,.al-related-copy small{margin-top:.2rem;color:hsl(var(--muted-foreground));font-size:.8rem;line-height:1.45}.al-related-arrow{flex:none;color:hsl(var(--muted-foreground));transition:color .2s ease,transform .2s ease}.al-tile:hover .al-related-arrow,.al-related-card:hover .al-related-arrow{color:hsl(var(--al-accent));transform:translate(2px)}.al-outputs{display:grid;gap:2rem;align-items:start}.al-code-panel{min-width:0;padding:1.25rem}.al-code-head{display:flex;align-items:flex-start;gap:.85rem}.al-code-head h3{font-size:1rem;font-weight:650}.al-code-head p{margin-top:.3rem;color:hsl(var(--muted-foreground));font-size:.84rem;line-height:1.6}.al-code{margin-top:1rem;overflow-x:auto;border:1px solid hsl(var(--border));border-radius:.8rem;background:hsl(var(--background) / .82);padding:.95rem 1rem;color:hsl(var(--foreground) / .88);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.72rem;line-height:1.65;white-space:pre}.al-preview{position:relative;overflow:hidden;margin:0;border:1px solid hsl(var(--border));border-radius:1.25rem;background:linear-gradient(180deg,hsl(var(--surface-elevated) / .94),hsl(var(--surface) / .96));box-shadow:0 40px 100px -56px #000,0 0 90px -50px hsl(var(--primary)),inset 0 1px #ffffff0d}.al-window-bar{display:flex;min-height:46px;align-items:center;gap:.85rem;border-bottom:1px solid hsl(var(--border));padding:0 1rem;color:hsl(var(--muted-foreground));font-size:.74rem}.al-dots{display:flex;flex:none;gap:5px}.al-dots i{height:8px;width:8px;border-radius:999px;background:hsl(var(--border))}.al-dots i:nth-child(1){background:#e25050bf}.al-dots i:nth-child(2){background:hsl(var(--warning) / .75)}.al-dots i:nth-child(3){background:hsl(var(--success) / .75)}.al-window-bar b{min-width:0;overflow:hidden;color:hsl(var(--foreground));font-weight:600;text-overflow:ellipsis;white-space:nowrap}.al-window-bar em{flex:none;margin-left:auto;border-radius:999px;background:hsl(var(--success) / .12);padding:.3rem .65rem;color:#49df80;font-style:normal;font-weight:650;white-space:nowrap}.al-preview-body{display:grid;gap:.85rem;padding:1.15rem}.al-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.al-field{display:flex;min-width:0;flex-direction:column;gap:.38rem}.al-field>span{color:hsl(var(--muted-foreground));font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.al-field>b{display:flex;min-height:40px;min-width:0;align-items:center;gap:.45rem;border:1px solid hsl(var(--border));border-radius:.6rem;background:hsl(var(--background) / .55);padding:.5rem .75rem;font-size:.8rem;font-weight:550;line-height:1.35}.al-field>b>i{display:inline-flex;flex:none;align-items:center;gap:3px;margin-left:auto;color:#49df80;font-size:.64rem;font-style:normal;font-weight:650}.al-segments{display:flex;flex-wrap:wrap;gap:.35rem}.al-segments span{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;gap:.3rem;border:1px solid hsl(var(--border));border-radius:.5rem;padding:.45rem .55rem;color:hsl(var(--muted-foreground));font-size:.7rem;white-space:nowrap}.al-segments span.is-active{border-color:hsl(var(--primary) / .6);background:hsl(var(--primary) / .13);color:hsl(var(--al-accent));font-weight:650}.al-media-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.al-thumbs{display:flex;flex:none}.al-thumbs i{height:44px;width:44px;border:2px solid hsl(var(--surface));border-radius:.65rem;box-shadow:0 10px 22px -14px #000}.al-thumbs i+i{margin-left:-12px}.al-thumbs i:nth-child(1){background:linear-gradient(135deg,#ff8a4c,#ff4500)}.al-thumbs i:nth-child(2){background:linear-gradient(135deg,#9270ff,#ab1cce)}.al-thumbs i:nth-child(3){background:linear-gradient(135deg,#5eead4,#0ea5e9)}.al-media-row small{color:hsl(var(--muted-foreground));font-size:.76rem}.al-chip{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--background) / .5);padding:.32rem .7rem;color:hsl(var(--foreground) / .86);font-size:.72rem}.al-chip svg{color:hsl(var(--al-accent))}.al-schedule-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-top:1px dashed hsl(var(--border));padding-top:.9rem}.al-schedule-row>span{display:inline-flex;align-items:center;gap:.4rem;border:1px solid hsl(var(--border));border-radius:.55rem;background:hsl(var(--background) / .5);padding:.45rem .65rem;color:hsl(var(--foreground) / .88);font-size:.74rem}.al-schedule-row>span svg{color:hsl(var(--al-accent))}.al-schedule-row>strong{display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;border-radius:.55rem;background:linear-gradient(135deg,#5e33eb,#9c1abc);box-shadow:0 12px 30px -14px hsl(var(--primary));padding:.5rem .9rem;color:#fff;font-size:.76rem;font-weight:650}.al-queue{border-top:1px solid hsl(var(--border));background:hsl(var(--background) / .35);padding:.9rem 1.15rem 1.15rem}.al-queue-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem;color:hsl(var(--muted-foreground));font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.al-live-dot{height:7px;width:7px;border-radius:999px;background:hsl(var(--success));box-shadow:0 0 10px hsl(var(--success))}.al-queue-row{display:flex;align-items:center;gap:.7rem;border:1px solid hsl(var(--border) / .8);border-radius:.75rem;background:hsl(var(--surface) / .72);padding:.55rem .75rem}.al-queue-row+.al-queue-row{margin-top:.45rem}.al-queue-row.is-next{border-color:hsl(var(--primary) / .42);box-shadow:inset 0 0 0 1px hsl(var(--primary) / .08)}.al-queue-icon{display:grid;height:28px;width:28px;flex:none;place-items:center;border-radius:.5rem;background:#ff450018;color:#ff5b20}.al-queue-copy{display:flex;min-width:0;flex:1;flex-direction:column}.al-queue-copy strong{font-size:.78rem;font-weight:650}.al-queue-copy small{overflow:hidden;color:hsl(var(--muted-foreground));font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.al-queue-row em{display:inline-flex;flex:none;align-items:center;gap:.3rem;border-radius:999px;background:hsl(var(--primary) / .13);padding:.22rem .55rem;color:hsl(var(--al-accent));font-size:.66rem;font-style:normal;font-weight:650;white-space:nowrap}.al-queue-row.is-done em{background:hsl(var(--success) / .13);color:#49df80}.al-queue-link{flex:none;color:hsl(var(--muted-foreground))}.al-read-summary{display:flex;flex-wrap:wrap;gap:.45rem;padding:1rem 1.15rem .25rem}.al-state{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:.35rem;border-radius:999px;padding:.25rem .62rem;font-size:.68rem;font-weight:700;white-space:nowrap}.al-state b{font-weight:800}.al-state.is-ok{background:hsl(var(--success) / .13);color:#52e086}.al-state.is-removed{background:hsl(var(--destructive) / .15);color:#f88c8c}.al-state.is-notFound{background:hsl(var(--muted-foreground) / .13);color:hsl(var(--foreground) / .8)}.al-read-table{padding:.4rem 1.15rem .9rem}.al-read-row{display:grid;grid-template-columns:minmax(0,1fr) 6.25rem minmax(0,13rem);align-items:center;gap:.45rem .75rem;border-bottom:1px solid hsl(var(--border) / .75);padding:.7rem 0}.al-read-row:last-child{border-bottom:0}.al-read-head{padding:.4rem 0 .55rem;color:hsl(var(--muted-foreground));font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.al-read-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;text-align:right}.al-read-head .al-read-metrics>span{display:flex;justify-content:flex-end}.al-read-row:not(.al-read-head) .al-read-metrics>span{color:hsl(var(--foreground));font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.al-read-row:not(.al-read-head) .al-read-metrics>span.is-empty{color:hsl(var(--muted-foreground) / .8);font-weight:500}.al-read-metric-icon{display:none}.al-read-post{display:flex;min-width:0;align-items:center;gap:.55rem}.al-read-post>span{display:flex;min-width:0;flex-direction:column}.al-read-post strong,.al-read-post small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-read-post strong{font-size:.78rem;font-weight:650}.al-read-post small{color:hsl(var(--muted-foreground));font-size:.68rem}.al-read-post em{flex:none;border:1px solid hsl(var(--primary) / .38);border-radius:999px;padding:.12rem .45rem;color:hsl(var(--al-accent));font-size:.6rem;font-style:normal;font-weight:700;white-space:nowrap}.al-read-reddit{flex:none;color:#ff4500}.al-read-note{display:flex;grid-column:1 / -1;align-items:flex-start;gap:.4rem;margin:0;border-radius:.55rem;padding:.45rem .65rem;font-size:.72rem;line-height:1.45}.al-read-note svg{flex:none;margin-top:.12rem}.al-read-note.is-warning{background:hsl(var(--warning) / .1);color:#f9c56c}.al-read-note.is-removal{background:hsl(var(--destructive) / .09);color:#f1b1b1;font-style:italic}.al-read-footer{display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid hsl(var(--border));background:hsl(var(--background) / .35);padding:.85rem 1.15rem}.al-read-footer>span{display:inline-flex;align-items:center;gap:.4rem;border:1px solid hsl(var(--border));border-radius:.55rem;background:hsl(var(--surface) / .7);padding:.45rem .72rem;font-size:.74rem;font-weight:600}.al-read-footer>span>svg{color:hsl(var(--al-accent))}.al-comment-post{display:flex;align-items:flex-start;gap:.6rem;border-bottom:1px solid hsl(var(--border) / .75);padding:1rem 1.15rem .85rem}.al-comment-post>span{display:flex;min-width:0;flex-direction:column;gap:.15rem}.al-comment-post small{color:hsl(var(--muted-foreground));font-size:.68rem}.al-comment-post strong{font-size:.82rem;font-weight:650;line-height:1.35}.al-comment-where{display:flex;flex-direction:column;gap:.45rem;padding:.85rem 1.15rem .4rem}.al-comment-label{color:hsl(var(--muted-foreground));font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.al-comment-option{display:inline-flex;align-items:center;gap:.45rem;border:1px solid hsl(var(--border));border-radius:.55rem;padding:.45rem .65rem;font-size:.74rem;font-weight:600}.al-comment-option svg{color:hsl(var(--muted-foreground))}.al-comment{border:1px solid transparent;border-radius:.55rem;padding:.45rem .65rem}.al-comment+.al-comment{margin-left:1rem}.al-comment.is-selected{border-color:hsl(var(--primary) / .55);background:hsl(var(--primary) / .07)}.al-comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .55rem;font-size:.7rem}.al-comment-meta b{font-weight:650}.al-comment-meta span{display:inline-flex;align-items:center;gap:.15rem;color:hsl(var(--muted-foreground))}.al-comment-meta em{margin-left:auto;color:hsl(var(--al-accent));font-size:.62rem;font-style:normal;font-weight:700}.al-comment p{margin:.2rem 0 0;color:hsl(var(--muted-foreground));font-size:.72rem;line-height:1.45}.al-comment-composer{margin:.45rem 1.15rem 1rem;border:1px solid hsl(var(--border));border-radius:.7rem;background:hsl(var(--background) / .45);padding:.55rem .7rem .7rem}.al-comment-reply-to{display:inline-flex;align-items:center;gap:.3rem;color:hsl(var(--al-accent));font-size:.66rem;font-weight:700}.al-comment-toolbar{display:flex;align-items:center;gap:.7rem;margin-top:.45rem;border-bottom:1px solid hsl(var(--border) / .75);padding-bottom:.45rem;color:hsl(var(--muted-foreground))}.al-comment-toolbar span{margin-left:auto;border:1px solid hsl(var(--border));border-radius:.35rem;padding:0 .3rem;font-size:.6rem;font-weight:800}.al-comment-composer p{margin:.55rem 0 0;font-size:.76rem;line-height:1.45}.al-comment-media{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;border-radius:.45rem;background:hsl(var(--primary) / .1);padding:.25rem .5rem;color:hsl(var(--al-accent));font-size:.66rem;font-weight:600}@media(min-width:640px){.al-feature-grid,.al-output-grid,.al-principle-grid,.al-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.al-section{padding-top:3.75rem;padding-bottom:3.75rem}.al-band{padding:2rem}.al-related-grid,.al-tile-grid,.al-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.al-hero{padding-bottom:4.5rem}.al-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:3.5rem}.al-hero-copy h1{max-width:none}.al-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.al-principle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.al-type-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.al-steps-section{grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:3rem}.al-outputs{grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);gap:3rem}.al-aside{position:sticky;top:7rem}}@media(max-width:639px){.al-hero{padding-top:calc(3rem + var(--landing-header-overlap))}.al-preview-body,.al-queue,.al-read-summary,.al-read-table,.al-read-footer{padding-left:.9rem;padding-right:.9rem}.al-field-row{grid-template-columns:1fr}.al-chip,.al-schedule-row>strong{margin-left:0}.al-read-head{display:none}.al-read-row{grid-template-columns:minmax(0,1fr) auto}.al-read-row .al-read-metrics{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:.35rem;text-align:left}.al-read-row .al-read-metrics.is-blank{display:none}.al-read-row:not(.al-read-head) .al-read-metrics>span{display:inline-flex;align-items:center;gap:.3rem;border:1px solid hsl(var(--border));border-radius:.45rem;padding:.2rem .45rem;font-size:.72rem}.al-read-metric-icon{display:inline;color:hsl(var(--muted-foreground))}.al-band{padding:1.15rem}}@media(prefers-reduced-motion:reduce){.al-card,.al-tile,.al-related-card{transition:none}.al-tile:hover,.al-related-card:hover{transform:none}}