.pseo{--pseo-accent:var(--accent,#1f6fff);--pseo-bg:var(--bg);--pseo-surface:var(--bg-elev);--pseo-line:hsla(0,0%,100%,.08);--pseo-input:#0e0e10;--pseo-fg:var(--fg);--pseo-muted:var(--fg-muted);--pseo-glow:color-mix(in srgb,var(--pseo-accent) 22%,transparent);--pseo-tint:color-mix(in srgb,var(--pseo-accent) 8%,transparent);--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;position:relative;max-width:1080px;margin:0 auto;padding:calc(var(--header-h) + 1rem) clamp(1.1rem,4vw,2.4rem) 6rem;min-height:100vh;color:var(--pseo-fg);background:var(--pseo-bg);font-family:var(--font-sans,system-ui,sans-serif);overflow:hidden}.pseo:before{content:"";position:absolute;top:-18%;right:-10%;width:60vw;height:60vw;max-width:720px;max-height:720px;background:radial-gradient(circle at center,var(--pseo-glow),transparent 68%);pointer-events:none;z-index:0}.pseo>*{position:relative;z-index:1}:root[data-theme=light] .pseo{--pseo-line:rgba(0,0,0,.12);--pseo-input:#fff;--pseo-glow:color-mix(in srgb,var(--pseo-accent) 14%,transparent)}.pseo__preview{background:color-mix(in srgb,#eab308 14%,transparent);border:1px solid color-mix(in srgb,#eab308 40%,transparent);color:#f2c94c;padding:.7rem 1rem;border-radius:10px;font-size:.85rem;margin-bottom:1.4rem;font-family:var(--mono)}.pseo__top{padding:.4rem 0 1.5rem}.pseo__back{font-family:var(--mono);font-size:.8rem;letter-spacing:.02em;color:var(--pseo-muted);text-decoration:none}.pseo__back:hover{color:var(--pseo-fg)}.pseo__hero{padding:clamp(2rem,8vh,5rem) 0 3rem;max-width:60rem}.pseo__eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pseo-accent);margin-bottom:1.3rem}.pseo__eyebrow:before{content:"";width:26px;height:2px;background:var(--pseo-accent)}.pseo__hero h1{font-size:clamp(2.1rem,6vw,3.9rem);line-height:1.02;letter-spacing:-.025em;font-weight:800;margin:0 0 1.3rem;text-wrap:balance}.pseo__subhead{font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.5;color:var(--pseo-muted);margin:0 0 2rem;max-width:52ch}.pseo__cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--pseo-accent);color:#fff;padding:.9rem 1.7rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:.98rem;box-shadow:0 8px 30px -8px var(--pseo-glow);transition:transform .15s ease,box-shadow .15s ease}.pseo__cta:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px var(--pseo-glow)}.pseo__cta:after{content:"→"}.pseo__section{padding:2.6rem 0;border-top:1px solid var(--pseo-line)}.pseo__section[id]{scroll-margin-top:80px}.pseo__label{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pseo-muted);margin:0 0 1.4rem}.pseo__section h2{font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:-.015em;margin:0 0 1.4rem;font-weight:750}.pseo__collapse{border:none}.pseo__collapse-summary{list-style:none;cursor:default;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.pseo__collapse-summary::-webkit-details-marker{display:none}.pseo__collapse-headtext{flex:1 1;min-width:0}.pseo__collapse-arrow{display:none}.pseo__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));grid-gap:1rem;gap:1rem}.pseo__card{background:var(--pseo-surface);border:1px solid var(--pseo-line);border-radius:14px;padding:1.3rem 1.35rem;position:relative}.pseo__card:before{content:"";position:absolute;left:0;top:1.3rem;bottom:1.3rem;width:3px;border-radius:3px;background:var(--pseo-accent);opacity:.85}.pseo__card h3{margin:0 0 .55rem;font-size:1.08rem;padding-left:.7rem}.pseo__card p{margin:0;color:var(--pseo-muted);font-size:.95rem;line-height:1.6;padding-left:.7rem}.pseo__card--link{text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}.pseo__card--link:hover{border-color:var(--pseo-accent);transform:translateY(-3px)}.pseo__table{width:100%;border-collapse:collapse;font-size:.95rem}.pseo__table th{text-align:left;padding:.6rem .7rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pseo-muted)}.pseo__table td,.pseo__table th{border-bottom:1px solid var(--pseo-line)}.pseo__table td{padding:.8rem .7rem}.pseo__table td:nth-child(2){font-family:var(--mono);color:var(--pseo-accent);font-weight:600}.pseo__source{color:var(--pseo-muted);font-size:.82rem;font-family:var(--mono)}.pseo__mix{display:flex;flex-direction:column}.pseo__mixrow{padding:1rem 0;border-bottom:1px solid var(--pseo-line)}.pseo__mixrow:last-child{border-bottom:0}.pseo__mixhead{display:flex;align-items:center;gap:.7rem;margin-bottom:.4rem}.pseo__mixhead strong{font-size:1.05rem}.pseo__weight{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pseo-accent);background:var(--pseo-tint);border:1px solid color-mix(in srgb,var(--pseo-accent) 30%,transparent);border-radius:999px;padding:.15rem .6rem}.pseo__mixrow p{margin:0;color:var(--pseo-muted);line-height:1.55}.pseo__example{background:var(--pseo-tint);border:1px solid color-mix(in srgb,var(--pseo-accent) 22%,transparent);border-radius:16px;padding:1.6rem 1.7rem}.pseo__examplehead{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.pseo__examplehead h2{margin:0}.pseo__example p{line-height:1.6;margin:.5rem 0}.pseo__example strong{color:var(--pseo-fg)}.pseo__badge{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .65rem;border-radius:999px;white-space:nowrap}.pseo__badge.is-real{background:color-mix(in srgb,#22c55e 18%,transparent);color:#34d399}.pseo__badge.is-illustrative{background:color-mix(in srgb,#eab308 18%,transparent);color:#f2c94c}.pseo__pricing{font-size:1.08rem;line-height:1.6;color:var(--pseo-fg);max-width:60ch}.pseo__faqs{border-top:1px solid var(--pseo-line)}.pseo__faq{border-bottom:1px solid var(--pseo-line)}.pseo__faq summary{cursor:pointer;font-weight:650;font-size:1.02rem;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.pseo__faq summary::-webkit-details-marker{display:none}.pseo__faq summary:after{content:"+";color:var(--pseo-accent);font-family:var(--mono);font-size:1.2rem}.pseo__faq[open] summary:after{content:"−"}.pseo__faq p{margin:0 0 1.1rem;color:var(--pseo-muted);line-height:1.65;max-width:68ch}.pseo__related{padding:2.6rem 0 0;border-top:1px solid var(--pseo-line)}.pseo__related ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 0}.pseo__related a{font-family:var(--mono);font-size:.85rem;color:var(--pseo-fg);text-decoration:none;border:1px solid var(--pseo-line);border-radius:999px;padding:.45rem 1rem;transition:border-color .15s ease,color .15s ease}.pseo__related a:hover{border-color:var(--pseo-accent);color:var(--pseo-accent)}.pseo-form{flex-direction:column;max-width:540px;background:var(--pseo-surface);border:1px solid var(--pseo-line);border-radius:16px;padding:1.5rem}.pseo-form,.pseo-form__row{display:flex;gap:.8rem}.pseo-form input,.pseo-form textarea{flex:1 1;width:100%;padding:.8rem .95rem;border-radius:9px;border:1px solid var(--pseo-line);background:var(--pseo-input);color:var(--pseo-fg);font:inherit}.pseo-form input:focus,.pseo-form textarea:focus{outline:2px solid var(--pseo-accent);outline-offset:1px;border-color:transparent}.pseo-form button{background:var(--pseo-accent);color:#fff;border:0;padding:.9rem;border-radius:9px;font-weight:700;font-size:.98rem;cursor:pointer}.pseo-form button:disabled{opacity:.6;cursor:default}.pseo-form__done{color:#34d399;font-weight:600}.pseo-form__err{color:#ff6b6b;font-size:.9rem;margin:0}.pseo__placeholder{border:1px dashed color-mix(in srgb,#eab308 45%,transparent);border-radius:12px;padding:1.1rem 1.3rem;color:#f2c94c;font-family:var(--mono);font-size:.85rem;background:color-mix(in srgb,#eab308 6%,transparent)}@media (max-width:900px){.pseo{padding-left:clamp(1rem,4vw,1.6rem);padding-right:clamp(1rem,4vw,1.6rem)}.pseo__hero{padding:clamp(1.5rem,5vh,3rem) 0 2.4rem}.pseo__section{padding:2.2rem 0}.pseo__example{padding:1.3rem 1.35rem}}@media (max-width:560px){.pseo{padding-top:calc(var(--header-h) + .75rem);padding-bottom:4rem}.pseo__preview{font-size:.78rem;padding:.6rem .8rem}.pseo__hero{padding:1.5rem 0 2rem}.pseo__hero h1{font-size:clamp(1.9rem,8.5vw,2.6rem)}.pseo__subhead{font-size:1.02rem}.pseo__cta{width:100%;justify-content:center}.pseo__section{padding:1.9rem 0}.pseo__section h2{font-size:1.35rem}.pseo__cards{grid-template-columns:1fr}.pseo__table{font-size:.86rem}.pseo__table td,.pseo__table th{padding:.55rem .5rem}.pseo__example{padding:1.15rem}.pseo__examplehead{flex-direction:column;align-items:flex-start;gap:.5rem}.pseo-form{padding:1.15rem}.pseo-form__row{flex-direction:column}.pseo__related ul{gap:.5rem}.pseo__collapse-summary{cursor:pointer}.pseo__collapse-arrow{display:block;font-family:var(--mono);color:var(--pseo-accent);font-size:1.1rem;line-height:1;flex-shrink:0;margin-top:.3rem;transition:transform .15s ease}.pseo__collapse:not([open]) .pseo__collapse-arrow{transform:rotate(-90deg)}.pseo__collapse:not([open]) .pseo__collapse-headtext :is(.pseo__label,h2){margin-bottom:0}}