@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.5;min-height:100dvh}:root{--ink: #1C1B19;--paper: #FAF9F4;--paper-dim:#F1EFE6;--line: #E3DFD2;--moss: #1F6F54;--moss-dim: #E7F0EA;--clay: #B5512F;--clay-dim: #F6E7E0;--gold: #A8791C;--gold-dim: #F3ECDA;--mute: #8A8575;--font-display: "Work Sans","Iowan Old Style","Palatino Linotype",Georgia,serif;--font-body: "Work Sans",ui-sans-serif,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;--font-mono: "SF Mono",ui-monospace,"Roboto Mono",monospace;--sidebar-w: 240px;--bottom-nav-h: 64px;--header-h: 56px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--mute)}:focus-visible{outline:2px solid var(--moss);outline-offset:2px}.app-shell{display:flex;min-height:100dvh;background:var(--paper)}.sidebar-wrap{display:none}@media (min-width: 1024px){.sidebar-wrap{display:flex;flex-direction:column;width:var(--sidebar-w);flex-shrink:0;position:sticky;top:0;height:100dvh;overflow-y:auto;background:#fff;border-right:1px solid var(--line)}}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--header-h);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}@media (min-width: 1024px){.mobile-header{display:none}}.page-content{flex:1;padding:20px 16px calc(var(--bottom-nav-h) + 20px);overflow-y:auto}@media (min-width: 768px){.page-content{padding:24px 24px calc(var(--bottom-nav-h) + 24px)}}@media (min-width: 1024px){.page-content{padding:32px 36px;overflow-y:visible}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;z-index:50;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width: 1024px){.bottom-nav{display:none}}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:none;background:none;cursor:pointer;font-family:var(--font-body);font-size:10px;font-weight:600;color:var(--mute);border-radius:var(--radius-sm);transition:color .15s;text-decoration:none}.bottom-nav-item.active{color:var(--moss)}.bottom-nav-item span{line-height:1}.stats-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px}}.two-col{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 768px){.two-col{grid-template-columns:1fr 1fr}}.three-col{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 640px){.three-col{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.three-col{grid-template-columns:repeat(3,1fr)}}.auto-grid{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 480px){.auto-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.auto-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}.split-layout{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 900px){.split-layout{grid-template-columns:1.6fr 1fr}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}@media (min-width: 768px){.page-header{margin-bottom:24px}}.page-title{font-family:var(--font-display);font-size:clamp(22px,4vw,30px);color:var(--ink);line-height:1.15}.page-subtitle{font-size:13.5px;color:var(--mute);margin-top:2px}.fab{position:fixed;bottom:calc(var(--bottom-nav-h) + 16px);right:16px;width:52px;height:52px;border-radius:999px;background:var(--moss);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1f6f5459;z-index:45;transition:transform .15s,box-shadow .15s}.fab:active{transform:scale(.94);box-shadow:0 2px 8px #1f6f5440}@media (min-width: 1024px){.fab{display:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.anim-fade-up{animation:fadeUp .5s ease both}.anim-fade-up-2{animation:fadeUp .5s .1s ease both}.anim-fade-up-3{animation:fadeUp .5s .2s ease both}.anim-fade-up-4{animation:fadeUp .5s .3s ease both}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1b1973;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fadeIn .2s ease}@media (min-width: 640px){.modal-overlay{align-items:center;padding:16px}}.modal-box{background:var(--paper);width:100%;max-height:92dvh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUp .25s ease}@media (min-width: 640px){.modal-box{border-radius:var(--radius-lg);max-width:480px;animation:fadeUp .2s ease}}.landing-root{min-height:100dvh;background:var(--paper);overflow-x:hidden}.container{max-width:1120px;margin:0 auto;padding:0 20px}@media (min-width: 768px){.container{padding:0 28px}}.auth-wrap{min-height:100dvh;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{display:flex;width:900px;max-width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px #1c1b1917;flex-direction:column}@media (min-width: 768px){.auth-card{flex-direction:row}}.auth-left{background:var(--ink);color:var(--paper);padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 768px){.auth-left{flex:1;padding:44px 38px;min-height:520px}}.auth-right{background:#fff;padding:36px 28px;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.auth-right{flex:1;padding:44px 38px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.hero-grid{display:grid;gap:40px;grid-template-columns:1fr;align-items:center}@media (min-width: 900px){.hero-grid{grid-template-columns:1fr 1.2fr;gap:56px}}.feature-section{padding:clamp(56px,8vw,96px) 0;overflow:hidden}.feature-section:nth-child(2n){background:var(--paper-dim)}.feature-grid{display:grid;gap:36px;grid-template-columns:1fr;align-items:center}@media (min-width: 900px){.feature-grid{grid-template-columns:1fr 1.15fr;gap:56px}.feature-grid.reversed{direction:rtl}.feature-grid.reversed>*{direction:ltr}}.demo-container{background:#ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(227,223,210,.6);border-radius:18px;padding:28px;box-shadow:0 8px 40px #1c1b1912,0 1px 3px #1c1b190a;position:relative;overflow:hidden}.demo-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-left.in-view{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-right.in-view{opacity:1;transform:translate(0)}.stagger-children>*{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.stagger-children.in-view>*:nth-child(1){opacity:1;transform:translateY(0);transition-delay:0s}.stagger-children.in-view>*:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.1s}.stagger-children.in-view>*:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.2s}.stagger-children.in-view>*:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.3s}.stagger-children.in-view>*:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.4s}.stagger-children.in-view>*:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.5s}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #1f6f5433}50%{box-shadow:0 0 0 8px #1f6f5400}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes lockClick{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes typeChar{0%{width:0}to{width:100%}}.demo-stat-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px;transition:transform .2s ease,box-shadow .2s ease}.demo-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1c1b1914}.demo-list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:var(--paper);border:1px solid var(--line);transition:transform .2s ease}.demo-list-item:hover{transform:translate(4px)}.feature-label{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:14px}@media (max-width: 899px){.demo-container{padding:20px}.feature-grid{gap:28px}}