@property --primary{syntax: "<color>"; inherits: true; initial-value: oklch(.6607 .1527 40.7);}@property --secondary{syntax: "<color>"; inherits: true; initial-value: oklch(.8906 .0515 93.8);}@property --accent{syntax: "<color>"; inherits: true; initial-value: oklch(.5188 .0386 231);}:root{--primary: oklch(.6607 .1527 40.7);--secondary: oklch(.8906 .0515 93.8);--accent: oklch(.5188 .0386 231);transition:--primary .6s ease,--secondary .6s ease,--accent .6s ease;--background: #ffffff;--text: #111827;--text-muted: #6b7280;--surface: #f9fafb;--border: #e5e7eb;--text-on-dark: #e0e7ff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:2px}button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.site-header{background-color:var(--background);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;overflow:visible}.site-nav{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:3.5rem}.site-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.site-logo:hover{text-decoration:none;opacity:.85}.nav-links{list-style:none;display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text);font-weight:500;font-size:.95rem;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--primary);text-decoration:none}.nav-links a:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:2px;color:var(--primary)}.site-footer{background-color:var(--background);border-top:1px solid var(--border);padding:1.5rem 0;margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.site-footer a{color:var(--text-muted);font-size:.9rem;font-weight:500;text-decoration:none}.site-footer a:hover{color:var(--primary);text-decoration:underline}.site-footer a:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:2px;color:var(--primary)}.footer-attribution{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.9rem}.attribution-first{display:inline-flex;align-items:center;gap:.75rem;white-space:nowrap}.attribution-sep{flex-shrink:0}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-wrapper main{flex:1}.hero{min-height:calc(100vh - 3.5rem);display:flex;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.hero-content{flex:1;min-width:0}.hero-headline{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15;color:var(--text);margin-bottom:1.25rem;letter-spacing:-.03em}.hero-subheadline{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-muted);max-width:42ch;margin-bottom:2rem;line-height:1.7}.hero-cta{display:inline-block;background:var(--primary);color:#fff;font-size:1.05rem;font-weight:600;padding:.85rem 2rem;border-radius:.5rem;text-decoration:none;transition:background .15s,transform .1s;min-height:44px}.hero-cta:hover{background:var(--accent);text-decoration:none}.hero-cta:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.hero-demo{flex:1;min-width:0;display:flex;justify-content:center}@keyframes card-to-back{0%{transform:rotate(15deg)}30%{transform:rotate(29deg)}to{transform:rotate(-25deg)}}.card-fan-wrapper{display:flex;justify-content:center;align-items:center;padding:4rem 5rem;-webkit-user-select:none;user-select:none}.card-fan{position:relative;width:150px;height:328px}.card-fan-item{position:absolute;top:0;left:0;transform-origin:50% 120%;will-change:transform;pointer-events:auto}.card-fan-img{width:150px;height:auto;display:block;border-radius:8px;pointer-events:none}.features{background:var(--surface);border-top:1px solid var(--border);padding:5rem 1.5rem}.features-inner{max-width:1200px;margin:0 auto}.features-heading{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:var(--text);text-align:center;margin-bottom:3rem;letter-spacing:-.02em}.features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:960px;margin-inline:auto}.feature-card{background:var(--background);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 1px 3px #0000000f;flex:1 1 260px;max-width:320px}.feature-visual{width:33%;aspect-ratio:1 / 1;border-radius:.5rem;flex-shrink:0;align-self:flex-start}.feature-card:nth-child(1){border-top:3px solid var(--primary)}.feature-card:nth-child(2){border-top:3px solid var(--accent)}.feature-card:nth-child(3){border-top:3px solid var(--secondary)}.feature-title{font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.3}.feature-desc{font-size:.92rem;color:var(--text-muted);line-height:1.65;flex:1}.features-cta-row{display:flex;justify-content:center;margin-top:3rem}.features-cta{display:inline-block;background:transparent;color:var(--secondary);border:2px solid var(--secondary);font-size:1rem;font-weight:600;padding:.8rem 2rem;border-radius:.5rem;text-decoration:none;transition:background .15s,color .15s;min-height:44px}.features-cta:hover{background:var(--secondary);color:#fff;text-decoration:none}.features-cta:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}.download-hero{padding:5rem 1.5rem}.download-inner{max-width:800px;margin:0 auto;text-align:center}.download-headline{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--text);letter-spacing:-.03em;margin-bottom:1rem}.download-subheadline{font-size:1.15rem;color:var(--text-muted);margin-bottom:3rem;line-height:1.7}.download-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.platform-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.platform-card:nth-child(1){border-top:3px solid var(--primary)}.platform-card:nth-child(2){border-top:3px solid var(--accent)}.platform-card:nth-child(3){border-top:3px solid var(--secondary)}.platform-icon{color:var(--primary)}.platform-download-link{margin-top:auto;font-size:.85rem;color:var(--primary);text-decoration:underline;text-underline-offset:2px}.platform-download-link:hover{color:var(--accent)}.platform-name{font-size:1.15rem;font-weight:700;color:var(--text)}.platform-desc{font-size:.88rem;color:var(--text-muted)}.download-action{display:flex;flex-direction:column;align-items:center;gap:1rem}.download-btn{display:inline-block;background:var(--primary);color:#fff;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;border-radius:.5rem;text-decoration:none;transition:background .15s;min-height:44px}.download-btn:hover{background:var(--accent);text-decoration:none}.download-btn:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.download-note{font-size:.9rem;color:var(--text-muted)}.download-nudge{display:inline-flex;align-items:center;background:var(--surface);flex-direction:column;border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1.25rem;font-size:.92rem;color:var(--text-muted);animation:nudge-in .3s ease}.download-nudge a{color:var(--primary);font-weight:600;text-decoration:none;white-space:nowrap}.download-nudge a:hover{text-decoration:underline}@keyframes nudge-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.download-mobile-message{display:none;font-size:1.15rem;color:var(--text-muted);line-height:1.7}.getting-started-main{padding:3rem 1.5rem 4rem}.getting-started-container{max-width:800px;margin:0 auto}.getting-started-container h1{font-size:2.25rem;font-weight:800;color:var(--text);margin-bottom:.75rem}.getting-started-intro{font-size:1.1rem;color:var(--text-muted);margin-bottom:3rem}.steps-list{list-style:none;display:flex;flex-direction:column;gap:3rem}.step{display:flex;flex-direction:column;gap:1rem}.step h2{font-size:1.4rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.75rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--primary);color:#fff;font-size:1rem;font-weight:800;flex-shrink:0}.steps-list>li:nth-child(2) .step-number{background:var(--secondary)}.steps-list>li:nth-child(3) .step-number{background:var(--accent);color:var(--text)}.steps-list>li:nth-child(5) .step-number{background:var(--secondary)}.step p{color:var(--text);font-size:1rem;line-height:1.7}.step a{color:var(--secondary);text-decoration:underline}.step-image{width:100%;border-radius:.75rem;display:block}.first-run-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.first-run-heading{font-size:1.75rem;font-weight:800;color:var(--text);margin-bottom:1.25rem;letter-spacing:-.02em}.first-run-notice{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 .5rem .5rem 0;padding:1rem 1.25rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.first-run-notice strong{font-size:1rem;color:var(--text)}.first-run-notice p{color:var(--text-muted);font-size:.95rem;line-height:1.65}.first-run-platforms{display:flex;flex-direction:column;gap:2rem}.first-run-platform{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.first-run-platform-name{font-size:1.1rem;font-weight:700;color:var(--text)}.first-run-steps{padding-left:1.5rem;display:flex;flex-direction:column;gap:.4rem}.first-run-steps li{color:var(--text);font-size:.97rem;line-height:1.6}.first-run-note{color:var(--text-muted);font-size:.92rem;line-height:1.65;padding-left:.75rem;border-left:2px solid var(--border)}.first-run-code{background:#1e1e2e;color:#cdd6f4;border-radius:.5rem;padding:.75rem 1rem;font-size:.9rem;overflow-x:auto;font-family:Fira Code,Cascadia Code,Consolas,monospace}.privacy-main{padding:3rem 1.5rem 4rem}.privacy-container{max-width:720px;margin:0 auto}.privacy-container h1{font-size:2.25rem;font-weight:800;color:var(--text);margin-bottom:.5rem}.privacy-updated{font-size:.9rem;color:var(--secondary);margin-bottom:1.5rem}.privacy-summary{font-size:1.1rem;background:var(--surface);border-left:4px solid var(--accent);padding:1rem 1.25rem;border-radius:0 .5rem .5rem 0;margin-bottom:2.5rem;color:var(--text)}.privacy-section{margin-bottom:2rem}.privacy-section h2{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.privacy-section p{color:var(--text);line-height:1.7}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem}.nav-hamburger:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.hamburger-bar{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:background .15s}@media (max-width: 640px){.nav-hamburger{display:flex}.nav-links{display:none;position:absolute;top:3.5rem;left:0;right:0;background:var(--background);border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:.5rem 0;z-index:99}.nav-links--open{display:flex}.nav-links li{width:100%}.nav-links a{display:block;padding:.85rem 1.5rem;min-height:44px;font-size:1rem}.hero{flex-direction:column;gap:2rem;padding:2rem 1rem;min-height:unset}.hero-content{text-align:center}.hero-subheadline{max-width:100%}.hero-demo{width:100%}.features,.download-hero{padding:3rem 1rem}.download-action{display:none}.download-mobile-message{display:block}.platform-grid{grid-template-columns:1fr}.getting-started-main,.privacy-main{padding:2rem 1rem 3rem}.footer-inner{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (min-width: 641px) and (max-width: 768px){.hero{gap:2rem}}@media (prefers-reduced-motion: reduce){.mock-page-nav,.mock-page-hero,.mock-cta-btn,.mock-card-icon,.mock-palette-dot,.mock-logo-dot{transition:none!important}}