:root{--ink:#0d0d0d;--paper:#f5f2ec;--paper2:#ede9e0;--accent:#c8410a;--accentL:#e85c28;--gold:#a07830;--muted:#7a7368;--dim:#b0a898;--white:#fdfaf5;--border:#d8d2c8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}@media (max-width:768px){nav{padding:14px 20px!important}.nav-links a:not(.nav-cta){display:none!important}.nav-logo-jp{font-size:18px!important}.hero-section{padding:90px 20px 48px!important}.hero-headline{font-size:36px!important}.hero-sub{font-size:15px!important}.hero-form{max-width:100%!important}.hero-stats{flex-direction:column!important;gap:20px!important;padding-top:28px!important}.section{padding:56px 20px!important}.problem-grid{grid-template-columns:1fr!important}.steps{grid-template-columns:1fr!important;gap:28px!important}.step-connector{display:none!important}.step-num{font-size:48px!important}.demo-body{grid-template-columns:1fr!important}.demo-input-side{border-right:none!important;border-bottom:1px solid var(--border)!important;padding-bottom:16px!important}#tier-toggle{flex-wrap:wrap!important}.tier-btn{padding:5px 10px!important;font-size:11px!important}#team-export-btns{flex-wrap:wrap!important;gap:4px!important}.pricing-grid{grid-template-columns:1fr!important}.pricing-card.featured{order:-1!important}.hero-form input{min-width:0!important}.section-title{font-size:28px!important}.quote-text{font-size:22px!important}.quote-section{padding:56px 24px!important}footer{text-align:center!important;flex-direction:column!important;gap:16px!important;padding:32px 20px!important}.footer-links{justify-content:center!important}}@media (max-width:480px){.hero-headline{font-size:30px!important}.hero-form{border-radius:8px!important;flex-direction:column!important}.hero-form input{border-radius:6px!important;padding:14px 16px!important}.hero-form button{border-radius:6px!important;width:100%!important;padding:14px!important}.stat-num{font-size:26px!important}nav{padding:12px 16px!important}.section{padding:48px 16px!important}.demo-body{padding:16px!important}.pricing-card{padding:28px 20px!important}}