:root{--background: oklch(.994 .002 240);--foreground: oklch(.205 .006 240);--card: oklch(1 0 0);--muted: oklch(.967 .003 240);--muted-foreground: oklch(.505 .014 240);--border: oklch(.915 .004 240);--primary: oklch(.511 .096 186.391);--primary-foreground: oklch(.985 .014 180.72);--primary-soft: oklch(.92 .05 188);--warm: oklch(.79 .13 64);--warm-strong: oklch(.65 .17 48);--ring: oklch(.6 .07 188);--radius: .7rem;color-scheme:light}.dark{--background: oklch(.148 .004 228.8);--foreground: oklch(.987 .002 197.1);--card: oklch(.205 .006 224);--muted: oklch(.262 .008 222);--muted-foreground: oklch(.723 .014 214.4);--border: oklch(1 0 0 / 10%);--primary: oklch(.62 .11 185);--primary-foreground: oklch(.14 .02 200);--primary-soft: oklch(.3 .05 190);--warm: oklch(.8 .12 64);--warm-strong: oklch(.76 .15 55);--ring: oklch(.6 .07 188);color-scheme:dark}*{box-sizing:border-box}html,body{overflow-x:clip}html{background:var(--background);color:var(--foreground);font-family:Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;background:var(--background)}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{border:0}::selection{background:color-mix(in oklab,var(--warm) 40%,transparent)}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}h1,h2,h3{font-family:"Noto Serif",Georgia,Times New Roman,serif;font-weight:600;letter-spacing:-.01em;text-wrap:balance}p{line-height:1.65}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.site-shell{min-height:100svh;overflow-x:clip}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;border-bottom:1px solid color-mix(in oklab,var(--border) 70%,transparent);background:color-mix(in oklab,var(--background) 80%,transparent);padding:.7rem clamp(1rem,4vw,2rem);backdrop-filter:saturate(140%) blur(14px)}.brand{display:inline-flex;align-items:center;gap:.5rem;justify-self:start;font-family:"Noto Serif",Georgia,serif;font-size:1.18rem;font-weight:600;letter-spacing:-.02em}.brand .beta{border-radius:999px;background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary);padding:.1rem .45rem;font-family:Geist,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nav-links{display:flex;justify-content:center;gap:.1rem}.nav-links a{display:inline-flex;align-items:center;height:2.2rem;padding:0 .8rem;border-radius:999px;color:var(--muted-foreground);font-size:.9rem;font-weight:500;transition:color .16s ease,background-color .16s ease}.nav-links a:hover{background:var(--muted);color:var(--foreground)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.language-switcher{display:inline-flex;align-items:center;gap:.1rem;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:.16rem}.language-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:1.7rem;border-radius:999px;background:transparent;color:var(--muted-foreground);font-size:.74rem;font-weight:700;letter-spacing:.02em;transition:color .16s ease,background-color .16s ease}.language-link.active{background:var(--foreground);color:var(--background)}.theme-toggle{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--muted-foreground);cursor:pointer;transition:color .16s ease,border-color .16s ease}.theme-toggle:hover{color:var(--foreground)}.theme-toggle svg{width:1.05rem;height:1.05rem}.theme-toggle .icon-sun{display:none}.dark .theme-toggle .icon-sun{display:block}.dark .theme-toggle .icon-moon{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.2rem;border:1px solid transparent;border-radius:999px;padding:0 1.05rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 8px 22px color-mix(in oklab,var(--primary) 30%,transparent)}.button-primary:hover{box-shadow:0 12px 28px color-mix(in oklab,var(--primary) 38%,transparent)}.button-secondary{border-color:var(--border);background:var(--card);color:var(--foreground)}.button-secondary:hover{border-color:color-mix(in oklab,var(--foreground) 30%,var(--border))}.button-lg{min-height:2.85rem;padding:0 1.4rem;font-size:.98rem}.header-app-link{border-color:var(--border);background:var(--card);color:var(--foreground)}.hero,.section,.final-cta,.footer{width:min(1080px,calc(100% - 2.5rem));margin-inline:auto}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(3.5rem,9vw,6.5rem) 0 clamp(2.5rem,6vw,4rem)}.hero-glow{position:absolute;inset:-10% -20% auto;height:620px;z-index:-1;pointer-events:none;background:radial-gradient(48% 55% at 30% 18%,color-mix(in oklab,var(--warm) 55%,transparent),transparent 70%),radial-gradient(45% 55% at 72% 26%,color-mix(in oklab,var(--primary) 38%,transparent),transparent 72%);filter:blur(18px);opacity:.75}.dark .hero-glow{opacity:.45}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;margin:0 0 1.2rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--card) 80%,transparent);padding:.32rem .85rem;color:var(--muted-foreground);font-size:.78rem;font-weight:600;white-space:nowrap}.eyebrow:before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:var(--warm-strong);box-shadow:0 0 0 4px color-mix(in oklab,var(--warm) 35%,transparent)}.hero h1{margin:0;max-width:17ch;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1.02}.hero h1 .title-nowrap{white-space:nowrap}.hero h1 .accent{background:linear-gradient(100deg,var(--warm-strong),var(--primary) 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:46rem;margin:1.5rem 0 0;color:var(--muted-foreground);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.62;text-wrap:balance}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2rem}.trust-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.2rem;margin:1.8rem 0 0;padding:0;list-style:none}.trust-list li{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted-foreground);font-size:.85rem;font-weight:500}.trust-list li:before{content:"✓";display:grid;place-items:center;width:1.05rem;height:1.05rem;flex:none;border-radius:999px;background:color-mix(in oklab,var(--primary) 16%,transparent);color:var(--primary);font-size:.65rem;font-weight:800}.product-frame{width:min(1080px,calc(100% - 2.5rem));margin:clamp(1rem,4vw,2.5rem) auto 0}.product-window{overflow:hidden;border:1px solid var(--border);border-radius:calc(var(--radius) * 1.6);background:var(--card);box-shadow:0 1px color-mix(in oklab,var(--foreground) 4%,transparent),0 30px 70px -30px color-mix(in oklab,var(--foreground) 38%,transparent)}.window-bar{display:flex;align-items:center;gap:.7rem;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--muted) 60%,var(--card));padding:.7rem 1rem}.window-dots{display:flex;gap:.4rem}.window-dots span{width:.7rem;height:.7rem;border-radius:999px;background:var(--border)}.window-dots span:nth-child(1){background:#fd736d}.window-dots span:nth-child(2){background:#f4bf3f}.window-dots span:nth-child(3){background:#62c37a}.window-url{flex:1;max-width:22rem;margin-inline:auto;border-radius:999px;background:var(--background);padding:.3rem .9rem;color:var(--muted-foreground);font-size:.78rem;text-align:center}.window-shot{display:block;background:var(--background)}.window-shot img{display:block;width:100%;height:auto}html:not(.dark) .shot-dark{display:none}html.dark .shot-light{display:none}.section{padding:clamp(3.5rem,8vw,6rem) 0}.section-head{max-width:44rem}.section-head.center{margin-inline:auto;text-align:center}.section-eyebrow{margin:0 0 .7rem;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.section h2{margin:0;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.05}.section-head p{margin:1rem 0 0;color:var(--muted-foreground);font-size:1.05rem}.feature-rows{display:grid;gap:clamp(3rem,7vw,5.5rem);margin-top:clamp(3rem,6vw,4.5rem)}.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,5rem)}.feature-row:nth-child(2n) .feature-media{order:2}.feature-media{margin:0;display:flex;justify-content:center}.device-frame{position:relative;width:100%;max-width:300px;padding:.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) * 3);background:var(--card);box-shadow:0 30px 70px -34px color-mix(in oklab,var(--foreground) 55%,transparent)}.device-frame:before{content:"";position:absolute;top:.95rem;left:50%;width:32%;height:.32rem;transform:translate(-50%);border-radius:999px;background:color-mix(in oklab,var(--foreground) 18%,transparent);z-index:2}.device-frame img{display:block;width:100%;height:auto;border-radius:calc(var(--radius) * 2.4)}.feature-info{max-width:30rem}.feature-step{display:block;font-family:"Noto Serif",Georgia,serif;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:700;line-height:1;color:color-mix(in oklab,var(--primary) 28%,var(--border))}.feature-icon{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;margin:1.1rem 0 1rem;border-radius:calc(var(--radius) * 1.1);background:color-mix(in oklab,var(--primary) 12%,transparent);color:var(--primary)}.feature-icon svg{width:1.3rem;height:1.3rem}.feature-info h3{margin:0 0 .6rem;font-size:clamp(1.5rem,3vw,2rem)}.feature-info p{margin:0;color:var(--muted-foreground);font-size:1.05rem}.band{width:100%;max-width:none;margin:0;border-block:1px solid var(--border);background:radial-gradient(80% 120% at 100% 0%,color-mix(in oklab,var(--warm) 12%,transparent),transparent 55%),var(--muted)}.band-inner{width:min(1080px,calc(100% - 2.5rem));margin-inline:auto;padding:clamp(3.5rem,8vw,6rem) 0}.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1rem;margin:2.75rem 0 0;padding:0;list-style:none}.step{position:relative}.step-num{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:1.1rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--primary) 35%,var(--border));background:color-mix(in oklab,var(--primary) 12%,var(--card));color:var(--primary);font-family:"Noto Serif",Georgia,serif;font-size:1.15rem;font-weight:700}.step:after{content:"";position:absolute;top:1.25rem;left:3rem;right:-1rem;height:2px;transform:translateY(-1px);background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--primary) 45%,var(--border)) 0 6px,transparent 6px 13px)}.step:last-child:after{display:none}.step-text h3{margin:0 0 .35rem;font-size:1.05rem}.step-text p{margin:0;color:var(--muted-foreground);font-size:.95rem;line-height:1.5}.icon-link{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--muted-foreground);transition:color .16s ease,border-color .16s ease}.icon-link:hover{color:var(--foreground);border-color:color-mix(in oklab,var(--foreground) 30%,var(--border))}.icon-link svg{width:1.15rem;height:1.15rem}.btn-icon{width:1.05rem;height:1.05rem}.open-source{width:min(1080px,calc(100% - 2.5rem));margin:clamp(2rem,6vw,4rem) auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;border:1px solid var(--border);border-radius:calc(var(--radius) * 1.8);background:var(--card);padding:clamp(1.5rem,4vw,2.2rem)}.os-mark{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;flex:none;border-radius:calc(var(--radius) * 1.3);background:color-mix(in oklab,var(--foreground) 8%,transparent);color:var(--foreground)}.os-mark svg{width:1.8rem;height:1.8rem}.os-text{flex:1 1 18rem}.os-text h2{margin:.25rem 0 0;font-size:clamp(1.4rem,3vw,1.9rem)}.os-text p{margin:.5rem 0 0;color:var(--muted-foreground);font-size:.98rem}.os-cta{flex:none}.footer-links{display:flex;align-items:center;gap:1.4rem}.footer-links a{display:inline-flex;align-items:center;gap:.4rem;color:var(--foreground);font-weight:600}.footer-links a:hover{color:var(--primary)}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.principle-card{border:1px solid var(--border);border-radius:calc(var(--radius) * 1.3);background:var(--card);padding:1.3rem}.principle-icon{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:1rem;border-radius:calc(var(--radius) * 1.1);background:color-mix(in oklab,var(--warm) 16%,transparent);color:var(--warm-strong)}.principle-icon svg{width:1.3rem;height:1.3rem}.principle-card h3{margin:0 0 .5rem;font-size:1.08rem}.principle-card p{margin:0;color:var(--muted-foreground);font-size:.95rem}.principle-quote{margin:2rem 0 0;padding:1.3rem 1.5rem;border-left:3px solid var(--warm-strong);border-radius:0 calc(var(--radius) * 1.2) calc(var(--radius) * 1.2) 0;background:color-mix(in oklab,var(--warm) 10%,var(--card));font-family:"Noto Serif",Georgia,serif;font-size:1.1rem;font-style:italic;line-height:1.55}.principle-quote cite{display:block;margin-top:.6rem;color:var(--muted-foreground);font-family:Geist,sans-serif;font-size:.82rem;font-style:normal}.data-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.data-card{border:1px solid var(--border);border-radius:calc(var(--radius) * 1.3);background:var(--card);padding:1.4rem}.data-card.keep{border-color:color-mix(in oklab,var(--primary) 30%,var(--border))}.data-card.avoid{border-color:color-mix(in oklab,var(--warm-strong) 30%,var(--border))}.data-card h3{margin:0 0 1rem;font-size:1.05rem}.data-card ul{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.data-card li{display:flex;gap:.6rem;color:var(--muted-foreground);font-size:.95rem;line-height:1.45}.data-card li:before{flex:none;margin-top:.05rem;font-weight:700}.data-card.keep li:before{content:"✓";color:var(--primary)}.data-card.avoid li:before{content:"✕";color:var(--warm-strong)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.stat-card{border:1px solid var(--border);border-radius:calc(var(--radius) * 1.3);background:var(--card);padding:1.5rem}.stat-icon{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;margin-bottom:1.1rem;border-radius:calc(var(--radius) * 1.1);background:color-mix(in oklab,var(--primary) 12%,transparent);color:var(--primary)}.stat-icon svg{width:1.25rem;height:1.25rem}.stat-card strong{display:block;color:var(--primary);font-family:"Noto Serif",Georgia,serif;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1}.stat-label{display:block;margin-top:.8rem;color:var(--muted-foreground);font-size:.95rem;line-height:1.45}.sdg{width:min(1080px,calc(100% - 2.5rem));margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(1.5rem,4vw,2.75rem);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.9);background:radial-gradient(90% 140% at 0% 0%,color-mix(in oklab,oklch(.6 .2 27) 10%,transparent),transparent 60%),var(--card);padding:clamp(1.5rem,4vw,2.6rem)}.sdg-logo{width:clamp(118px,17vw,158px);height:auto;flex:none;border-radius:calc(var(--radius) * .7)}.sdg-text{flex:1 1 22rem}.sdg-text h2{margin:.35rem 0 0;font-size:clamp(1.6rem,3.2vw,2.3rem)}.sdg-text p{margin:.75rem 0 0;color:var(--muted-foreground);font-size:1.02rem}.contact{text-align:center}.contact-head{max-width:42rem;margin-inline:auto}.contact-avatar{width:5.5rem;height:5.5rem;margin:0 auto 1.4rem;display:block;border-radius:999px;object-fit:cover;border:2px solid var(--border);box-shadow:0 14px 34px -18px color-mix(in oklab,var(--foreground) 55%,transparent)}.contact-head h2{margin:.5rem 0 0;font-size:clamp(1.8rem,4vw,2.6rem)}.contact-head p{margin:1rem auto 0;max-width:38rem;color:var(--muted-foreground);font-size:1.05rem}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2.2rem}.social-link{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:.7rem 1.25rem;color:var(--foreground);font-weight:600;font-size:.95rem;transition:border-color .16s ease,color .16s ease,transform .16s ease}.social-link:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--primary) 45%,var(--border));color:var(--primary)}.social-link svg{width:1.2rem;height:1.2rem}.final-cta{position:relative;overflow:hidden;margin-top:clamp(2rem,6vw,4rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;border:1px solid var(--border);border-radius:calc(var(--radius) * 2);background:radial-gradient(70% 140% at 0% 0%,color-mix(in oklab,var(--warm) 22%,transparent),transparent 60%),radial-gradient(70% 140% at 100% 100%,color-mix(in oklab,var(--primary) 20%,transparent),transparent 60%),var(--card);padding:clamp(1.8rem,5vw,3rem)}.final-cta h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.final-cta p{max-width:38rem;margin:.8rem 0 0;color:var(--muted-foreground)}.final-cta .hero-actions{margin-top:0}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:clamp(2.5rem,6vw,4rem);padding:2.5rem 0;border-top:1px solid var(--border);color:var(--muted-foreground);font-size:.9rem}.footer p{margin:0;max-width:32rem}.footer a{color:var(--foreground);font-weight:600}@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.nav-links{display:none}.principle-grid,.data-columns,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-row{grid-template-columns:1fr;gap:1.75rem;justify-items:center;text-align:center}.feature-row:nth-child(2n) .feature-media{order:0}.feature-icon{margin-inline:auto}.stepper{grid-template-columns:1fr;gap:0;max-width:34rem}.step{display:grid;grid-template-columns:2.5rem 1fr;column-gap:1rem;padding-bottom:1.6rem}.step-num{margin-bottom:0}.step-text{padding-top:.35rem}.step:after{top:2.5rem;bottom:.4rem;left:1.25rem;right:auto;width:2px;height:auto;transform:translate(-1px);background:repeating-linear-gradient(180deg,color-mix(in oklab,var(--primary) 45%,var(--border)) 0 6px,transparent 6px 13px)}.step:last-child{padding-bottom:0}}@media(max-width:640px){.topbar{padding:.55rem 1rem}.brand{font-size:1.02rem;gap:.4rem}.brand .beta{font-size:.56rem;padding:.08rem .38rem}.header-actions{gap:.35rem}.header-app-link,.github-link{display:none}.language-link{min-width:1.85rem;height:1.55rem;font-size:.7rem}.theme-toggle{width:2rem;height:2rem}.hero{padding-top:3rem}.hero h1{font-size:clamp(2rem,8.5vw,2.7rem);max-width:100%}.lead{margin-top:1.35rem;font-size:.96rem;line-height:1.72}.principle-grid,.data-columns,.stats-grid{grid-template-columns:1fr}.stat-card{min-height:auto}.hero-actions{width:100%}.hero-actions .button{flex:1}.final-cta{flex-direction:column;align-items:stretch}.final-cta .hero-actions{flex-direction:column}.final-cta .hero-actions .button{width:100%}.open-source{flex-direction:column;align-items:flex-start;width:calc(100% - 1.5rem)}.os-cta{width:100%}.footer{flex-direction:column;align-items:flex-start}.product-frame,.open-source{width:calc(100% - 1.5rem)}.hero,.section,.final-cta,.footer{width:min(1080px,calc(100% - 1.5rem))}}