:root{--background:#08080a;--surface:#0e0e11;--foreground:#fafafa;--muted:#16161a;--muted-foreground:#9a9aa3;--border:rgba(255,255,255,.09);--border-strong:rgba(255,255,255,.16);--primary:#fafafa;--primary-foreground:#0a0a0c;--brand:oklch(68% .16 255);--grid-line:rgba(255,255,255,.035);--ul:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2012'%20preserveAspectRatio='none'%3E%3Cpath%20d='M3,7%20C28,3%2052,10%2080,6%20C108,2%20134,10%20162,6%20C176,4%20190,8%20197,6'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2.4'%20stroke-linecap='round'%20opacity='.78'/%3E%3C/svg%3E");--ul-hover:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2012'%20preserveAspectRatio='none'%3E%3Cpath%20d='M3,7%20C28,3%2052,10%2080,6%20C108,2%20134,10%20162,6%20C176,4%20190,8%20197,6'%20fill='none'%20stroke='%234f86ff'%20stroke-width='2.6'%20stroke-linecap='round'/%3E%3C/svg%3E");--radius:.625rem;--serif:"Instrument Serif",ui-serif,Georgia,serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--container:1180px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}footer{margin-top:auto}a{color:inherit;text-decoration:none}.wrap{max-width:var(--container);margin:0 auto;padding:0 clamp(28px,4.5vw,44px)}.eyebrow{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted-foreground)}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.05}em{font-style:italic;color:var(--brand)}.portal{position:relative;isolation:isolate}.portal:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 75% at 50% -8%,rgba(70,120,255,.2),transparent 58%),radial-gradient(80% 60% at 85% 10%,rgba(120,90,255,.1),transparent 60%),linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:100% 100%,100% 100%,52px 52px,52px 52px;-webkit-mask-image:radial-gradient(125% 92% at 50% 0%,#000 38%,transparent 80%);mask-image:radial-gradient(125% 92% at 50% 0%,#000 38%,transparent 80%)}.divider{width:100%;height:22px;color:var(--border-strong);overflow:hidden}.divider svg{display:block;width:100%;height:100%}header{position:sticky;top:0;z-index:50;background:#08080ab8;backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--serif);font-size:25px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:12px}.logo .avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;padding:2px;display:inline-flex;background:linear-gradient(145deg,#fff,#eaeaf0 42%,#b6b6c2);box-shadow:0 2px 6px #0000008c,0 0 0 .5px #0000002e,inset 0 1px 1px #fffffff2,inset 0 -1px 2px #0000004d}.logo .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.nav-links{display:flex;gap:30px;font-size:15px;color:var(--muted-foreground)}.nav-links a:hover{color:var(--foreground)}.nav-right{display:flex;align-items:center;gap:18px}.nav-right .ghost{display:inline-flex;align-items:center;color:var(--muted-foreground);transition:color .15s ease}.nav-right .ghost:hover{color:var(--foreground)}.nav-right .ghost svg{width:28px;height:28px;display:block;fill:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:500;font-size:15px;border-radius:var(--radius);padding:9px 18px;cursor:pointer;transition:opacity .15s ease,background .15s ease,border-color .15s ease;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.86}.btn-secondary{background:transparent;color:var(--foreground);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--muted)}.hero{position:relative;padding:140px 0 120px;text-align:center;background:linear-gradient(180deg,#08080a94,#08080a66 32%,#08080a8c 62%,#08080af0),url(/img/hero-hiking.jpg) center 42% / cover no-repeat;border-bottom:1px solid var(--border)}.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(72% 56% at 50% 44%,rgba(8,8,10,.46),transparent 72%)}.hero .wrap{position:relative;z-index:1}.hero .eyebrow{display:block;margin-bottom:24px;color:#fafafab8}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.5rem,5.8vw,4.3rem);line-height:1.06;letter-spacing:-.015em;max-width:20ch;margin:0 auto;text-shadow:0 2px 28px rgba(0,0,0,.5)}.hero p.sub{margin:28px auto 0;max-width:82ch;font-size:1.2rem;color:#fafafae0;line-height:1.7;text-shadow:0 1px 18px rgba(0,0,0,.5)}.term{position:relative;cursor:pointer;outline:none;text-decoration:none;padding-bottom:.18em;background-repeat:no-repeat;background-position:left 100%;background-size:100% .42em;background-image:var(--ul)}.term:hover{background-image:var(--ul-hover)}.tip-more{display:block;margin-top:9px;padding-top:9px;border-top:1px solid var(--border);color:var(--brand);font-weight:500}.term .tip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(5px);width:min(320px,82vw);background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:13px 15px;font-family:var(--sans);font-weight:400;font-size:.9rem;line-height:1.5;color:var(--muted-foreground);text-align:left;text-shadow:none;letter-spacing:0;box-shadow:0 14px 34px #0000008c;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:60}.term .tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--surface)}.term:hover .tip,.term:focus .tip,.term:focus-within .tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.hero .cta-row{display:flex;gap:12px;justify-content:center;margin-top:38px;flex-wrap:wrap}.region{padding-top:30px;padding-bottom:40px}.layout{display:grid;grid-template-columns:minmax(170px,1fr) 3fr;gap:56px;align-items:start}.sidenav{position:sticky;top:96px;align-self:start}.sidenav .eyebrow{display:block;margin-bottom:16px}.sidenav ul{list-style:none;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border)}.sidenav a{display:block;font-size:14.5px;color:var(--muted-foreground);padding:7px 0 7px 16px;margin-left:-1px;border-left:1px solid transparent;transition:color .15s ease,border-color .15s ease}.sidenav a:hover{color:var(--foreground)}.sidenav a.active{color:var(--foreground);border-left-color:var(--brand)}.content{min-width:0}section.block{padding:46px 0;scroll-margin-top:90px}section.block+section.block{border-top:1px solid var(--border)}.sec-head{margin-bottom:30px}.sec-head .eyebrow{display:block;margin-bottom:12px}.sec-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.08;letter-spacing:-.01em}.sec-head p{margin-top:10px;color:var(--muted-foreground);max-width:60ch}.grid{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--border);border-radius:var(--radius);padding:22px;background:var(--muted);transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.card h3{font-size:1.1rem;font-weight:600;margin-bottom:8px;letter-spacing:-.01em}.card p{color:var(--muted-foreground);font-size:.95rem}.card .tag{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--brand);display:block;margin-bottom:12px}.post{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--border)}.post:first-child{border-top:1px solid var(--border)}.post:last-child{border-bottom:0}a.post:hover .post-title{color:var(--brand)}.post-title{font-size:1.15rem;font-weight:500;letter-spacing:-.01em;transition:color .15s ease}.post-desc{color:var(--muted-foreground);font-size:.94rem;margin-top:3px}.post-desc a{color:inherit;text-decoration:none;padding-bottom:.12em;background-repeat:no-repeat;background-position:left 100%;background-size:100% .34em;background-image:var(--ul)}.post-desc a:hover{color:var(--foreground);background-image:var(--ul-hover)}.post-date{font-family:var(--mono);font-size:12.5px;color:var(--muted-foreground);white-space:nowrap}code{font-family:var(--mono);font-size:.88em;background:var(--muted);padding:1px 6px;border-radius:5px;border:1px solid var(--border)}.cta{padding:96px 0;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta .eyebrow{display:block;margin-bottom:16px}.cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,4.4vw,3rem);line-height:1.1;letter-spacing:-.015em;max-width:44ch;margin:0 auto}.cta p{margin:22px auto 0;max-width:86ch;color:var(--muted-foreground);font-size:1.08rem;line-height:1.7}.cta .rate{font-family:var(--mono);font-size:13.5px;color:var(--foreground);margin:26px 0 28px}.cta .rate .rate-sub{display:block;margin-top:7px;font-size:12.5px;color:var(--muted-foreground)}.cta .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.faq{padding:84px 0}.faq .sec-head{text-align:center;margin-bottom:40px}.faq .sec-head h2{font-size:clamp(2rem,4vw,2.9rem)}.faq-list{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border);scroll-margin-top:96px}.faq-item.flash{animation:faqflash 1.6s ease}@keyframes faqflash{0%,to{background:transparent}18%{background:#4678ff1a}}.faq-q{width:100%;background:none;border:0;cursor:pointer;color:var(--foreground);font-family:var(--sans);font-size:1.12rem;font-weight:500;text-align:left;padding:24px 40px 24px 0;position:relative;letter-spacing:-.005em}.faq-q:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:1.4rem;color:var(--muted-foreground);transition:transform .2s ease,color .2s ease}.faq-item.open .faq-q:after{transform:translateY(-50%) rotate(45deg);color:var(--brand)}.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-a p{color:var(--muted-foreground);padding:0 40px 24px 0;font-size:1.02rem}footer{border-top:1px solid var(--border);padding:64px 0 0;background:var(--surface)}.foot-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-bottom:48px}.foot-top .tagline{max-width:34ch;color:var(--muted-foreground);font-size:.98rem;margin-top:12px}.foot-right{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.foot-nav{display:flex;gap:22px;font-size:15px;color:var(--muted-foreground);flex-wrap:wrap}.foot-nav a:hover{color:var(--foreground)}.foot-links{display:flex;gap:22px;align-items:center}.foot-links a{display:inline-flex;color:var(--muted-foreground);transition:color .15s ease,transform .15s ease}.foot-links a:hover{color:var(--foreground);transform:translateY(-2px)}.foot-links svg{width:28px;height:28px;display:block;fill:currentColor}.foot-legal{color:var(--muted-foreground);font-size:.84rem;padding:26px 0 40px;border-top:1px solid var(--border)}.prose p{color:var(--muted-foreground);max-width:66ch;font-size:1.02rem;line-height:1.66;margin-top:14px}.prose p:first-child{margin-top:0}.links{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.signup{display:flex;gap:10px;max-width:480px;margin-top:28px;flex-wrap:wrap}.signup input[type=email]{flex:1;min-width:230px;background:var(--muted);border:1px solid var(--border-strong);border-radius:var(--radius);padding:11px 15px;color:var(--foreground);font-family:var(--sans);font-size:15px;outline:none}.signup input[type=email]::placeholder{color:var(--muted-foreground)}.signup input[type=email]:focus{border-color:var(--brand)}.signup-note{margin-top:11px;font-size:.85rem;color:var(--muted-foreground)}.peek{margin-top:48px}.peek>.eyebrow{display:block;margin-bottom:12px}.peek-lead{color:var(--muted-foreground);max-width:62ch;font-size:1.02rem;line-height:1.6}.shot{margin-top:22px;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;background:var(--surface);aspect-ratio:16/10}.shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.peek-title{font-size:1.18rem;font-weight:600;letter-spacing:-.01em;margin-top:22px}.peek-desc{color:var(--muted-foreground);max-width:64ch;font-size:.98rem;line-height:1.6;margin-top:8px}.peek-tag{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--brand);border:1px solid var(--border-strong);border-radius:999px;padding:5px 11px}.page{padding:64px 0 96px}.page-head{max-width:760px;margin:0 auto}.page-head .eyebrow{display:block;margin-bottom:12px}.page-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4.5vw,3.2rem);line-height:1.05;letter-spacing:-.01em}.page-head p{margin-top:12px;color:var(--muted-foreground);max-width:60ch}.list{max-width:760px;margin:34px auto 0}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}.skill-row:first-child{border-top:1px solid var(--border)}.skill-name{font-size:1.12rem;font-weight:500;letter-spacing:-.01em}.skill-sum{color:var(--muted-foreground);font-size:.94rem;margin-top:3px}.badge{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--border-strong);border-radius:999px;padding:5px 11px;color:var(--brand);white-space:nowrap}.article{max-width:720px;margin:0 auto}.article .meta{font-family:var(--mono);font-size:12.5px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.article>h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4.5vw,3.1rem);line-height:1.08;letter-spacing:-.01em;margin-bottom:22px}.article-body{color:#d6d6db;font-size:1.08rem;line-height:1.78}.article-body>*+*{margin-top:1.1em}.article-body h2{font-family:var(--serif);font-weight:400;font-size:1.7rem;line-height:1.2;margin-top:1.6em;color:var(--foreground)}.article-body h3{font-size:1.2rem;font-weight:600;margin-top:1.5em;color:var(--foreground)}.article-body a{color:inherit;background-image:var(--ul);background-repeat:no-repeat;background-position:left 100%;background-size:100% .3em;padding-bottom:.08em}.article-body a:hover{background-image:var(--ul-hover);color:var(--foreground)}.article-body ul,.article-body ol{padding-left:1.3em}.article-body li{margin-top:.4em}.article-body blockquote{border-left:2px solid var(--brand);padding-left:18px;color:var(--muted-foreground);font-style:italic}.article-body pre{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;overflow:auto;font-family:var(--mono);font-size:.86rem;line-height:1.5}.article-body pre code{background:none;border:0;padding:0;font-size:inherit}.article-body img{max-width:100%;border-radius:10px;border:1px solid var(--border)}.article-body hr{border:0;border-top:1px solid var(--border);margin:2em 0}.gate{margin-top:30px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--muted);padding:30px;text-align:center}.gate .badge{margin-bottom:14px;display:inline-block}.gate h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;margin-bottom:8px}.gate p{color:var(--muted-foreground);max-width:48ch;margin:0 auto 18px}.empty{max-width:560px;margin:40px auto 0;text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:40px 36px}.empty p{color:var(--muted-foreground);margin-bottom:22px}.gate-form{display:flex;gap:10px;flex-wrap:wrap;max-width:440px;margin:4px auto 0;justify-content:center}.gate-form input[type=email]{flex:1;min-width:220px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:11px 15px;color:var(--foreground);font-family:var(--sans);font-size:15px;outline:none}.gate-form input[type=email]:focus{border-color:var(--brand)}.gate-form input[type=email]::placeholder{color:var(--muted-foreground)}.gate-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:6px}.gate-alt{margin-top:16px;font-size:.9rem;color:var(--muted-foreground)}.gate-alt a{color:var(--brand)}.article-teaser{position:relative}.article-teaser:after{content:"";display:block;height:1px}.form-msg{flex-basis:100%;margin-top:8px;font-size:.9rem;min-height:1.2em;color:var(--muted-foreground)}.form-msg.ok{color:#7fdca0}.form-msg.err{color:#ff8b8b}.form-err{color:#ff8b8b;font-size:.92rem;margin-top:6px}.tier-tag{display:inline-block;margin-left:9px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-foreground);border:1px solid var(--border);border-radius:999px;padding:2px 8px;vertical-align:middle}.tier-tag.tier-paid{color:var(--brand);border-color:var(--border-strong)}.notice{max-width:760px;margin:0 auto;background:var(--muted);border:1px solid var(--border-strong);border-radius:var(--radius);padding:14px 18px;color:var(--foreground);font-size:.96rem}.notice a{color:var(--brand)}.nav-right .ghost svg[viewBox="0 0 24 24"]{width:26px;height:26px}.auth-card{max-width:560px;margin:0 auto;text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:44px 40px}.auth-card .eyebrow{display:block;margin-bottom:14px}.auth-card h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.08;letter-spacing:-.01em}.auth-card>p{margin:14px auto 22px;color:var(--muted-foreground);max-width:46ch}.auth-card .gate-form{margin-top:6px}.acct-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 14px}.acct-label{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-foreground)}.acct-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.plan{max-width:680px;margin:36px auto 0;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface);padding:36px 40px}.plan-cta,.plan-have{text-align:center;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--border)}.plan-price{font-family:var(--serif);font-size:2rem;line-height:1.1}.plan-price span{display:block;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-foreground);margin-top:8px}.plan-btn{margin-top:20px;font-size:1rem;padding:12px 26px}.plan-note{margin-top:14px;font-size:.85rem;color:var(--muted-foreground)}.plan-have p{margin:14px 0 18px;color:var(--muted-foreground)}.plan-list{list-style:none;display:flex;flex-direction:column;gap:16px}.plan-list li{padding-left:26px;position:relative;color:var(--muted-foreground);font-size:1rem;line-height:1.55}.plan-list li:before{content:"→";position:absolute;left:0;top:0;color:var(--brand)}.plan-list strong{color:var(--foreground);font-weight:600}.plan-alt{text-align:center;margin-top:24px;font-size:.92rem;color:var(--muted-foreground)}.plan-alt a{color:var(--brand)}.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;background:#0e0e11f0;backdrop-filter:saturate(160%) blur(10px);border-top:1px solid var(--border-strong);padding:13px clamp(16px,4vw,32px)}.cookie-bar p{font-size:.86rem;color:var(--muted-foreground);margin:0;max-width:80ch}.cookie-bar a{color:var(--foreground);background-image:var(--ul);background-repeat:no-repeat;background-position:left 100%;background-size:100% .3em;padding-bottom:.06em}.cookie-bar .btn{padding:7px 16px;font-size:14px;white-space:nowrap}@media(max-width:1024px){.nav-links{display:none}.layout{grid-template-columns:1fr;gap:0}.sidenav{display:none}.hero{padding:96px 0 68px}.hero p.sub br{display:none}.hero p.sub{max-width:58ch;text-wrap:balance}.cta h2 br{display:none}.cta h2{max-width:24ch;text-wrap:balance}.cta p br{display:none}.cta p{max-width:60ch;text-wrap:balance}.cta .btn{white-space:normal}}@media(max-width:640px){.grid-3,.grid-2{grid-template-columns:1fr}.hero{padding:84px 0 56px}.post{flex-direction:column;gap:4px}section.block{padding:38px 0}.cta{padding:72px 0}.faq{padding:64px 0}}
