@font-face{font-family:Klasama;src:url('./Klasama-Manrope.ttf')}@font-face{font-family:Klasama;src:url('./Klasama-Manrope-800.ttf');font-weight:800}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6ef;color:var(--theme-accent,#203e32);font:15px Klasama,Arial,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1180px;margin:auto;padding:0 32px}.nav{display:flex;align-items:center;gap:28px;padding:25px 0;border-bottom:1px solid var(--theme-edge,#dce2d5)}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:800;letter-spacing:-1px}.brand img{width:43px;height:43px}.navlinks{display:flex;gap:25px;margin-left:auto;align-items:center;font-size:12px;font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--theme-accent,#145747);padding:14px 21px;border-radius:9px;font-size:12px;font-weight:800;min-height:46px}.primary{background:var(--theme-accent,#145747);color:#fff}.secondary{background:transparent;color:var(--theme-accent,#145747)}.button:hover{box-shadow:0 4px 14px var(--theme-soft,#14574715);transform:translateY(-1px)}a:focus-visible{outline:3px solid #d6ac43;outline-offset:5px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding:78px 0 65px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--theme-muted,#657867);text-transform:uppercase}.eyebrow:before{content:'●';color:#d5aa43;margin-right:9px}h1{font-size:clamp(40px,4.5vw,62px);line-height:1.1;letter-spacing:-2.8px;margin:22px 0}h1 span{color:var(--theme-accent,#247b63)}p{line-height:1.85;color:#6b7a6d}.lede{max-width:435px;font-size:15px}.tagline{font-weight:800;color:var(--theme-muted,#526b59);font-size:13px;margin:21px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.small{font-size:11px;color:#748070}.demo{position:relative;background:var(--theme-soft,#e9ece0);padding:24px;border-radius:22px;transform:rotate(2deg);border:1px solid #dce0d0;box-shadow:0 18px 55px var(--theme-soft,#284b3410)}.demo-inner{background:#fffef9;border:1px solid var(--theme-edge,#dce2d5);border-radius:14px;padding:24px;transform:rotate(-2deg)}.demo-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:22px}.demo-tag{font-size:8px;background:var(--theme-soft,#eaf1e5);color:var(--theme-muted,#466651);padding:5px 9px;border-radius:20px}.demo-title{font-size:24px;font-weight:800;letter-spacing:-1px}.demo-date{font-size:10px;color:#7c8979;margin:9px 0 24px}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--theme-edge,#dce2d5);border-bottom:1px solid var(--theme-edge,#dce2d5)}.demo-stats strong{display:block;font-size:27px}.demo-stats span{font-size:9px;color:#7b8778}.demo-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eef0e8;font-size:11px}.tick{color:var(--theme-accent,#145747);background:var(--theme-soft,#eaf1e5);border-radius:7px;padding:6px 9px}.demo-label{font-size:8px;letter-spacing:1.4px;margin-top:23px;color:var(--theme-muted,#81907e)}.demo-note{font-size:9px;line-height:1.7;color:var(--theme-muted,#84917f);text-align:right;margin-top:14px}.ribbon{border-top:1px solid var(--theme-edge,#dce2d5);border-bottom:1px solid var(--theme-edge,#dce2d5);display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:11px;font-weight:800;color:var(--theme-muted,#64785f)}.section{padding:76px 0}.section h2{font-size:36px;letter-spacing:-1.5px;line-height:1.25;margin:15px 0 20px}.section-intro{max-width:560px}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.tool{background:#fffef9;border:1px solid var(--theme-edge,#dce2d5);border-radius:13px;padding:27px}.number{font-size:11px;color:#b18b35;font-weight:800}.tool h3{font-size:16px;margin:20px 0 8px;letter-spacing:-.5px}.tool p{font-size:12px;margin:0}.workflow{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;border-top:1px solid var(--theme-edge,#dce2d5)}.steps{padding-top:5px}.step{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--theme-edge,#dce2d5)}.step h3{margin:0;font-size:15px}.step p{font-size:12px;margin:8px 0 0}.step .number{padding-top:2px}.license{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;background:var(--theme-deep,#173f32);color:#f8f5e7;border-radius:20px;padding:45px}.license h2{font-size:30px;margin-top:12px}.license p{color:var(--theme-muted,#c3d1c4);font-size:12px}.license .eyebrow{color:var(--theme-ink,#d5dfcd)}.license .button{background:#e8b84b;color:var(--theme-accent,#203e32);border-color:#e8b84b}.license-note{align-self:center;border-left:1px solid #ffffff20;padding-left:30px}.license-note strong{display:block;font-size:15px;margin-bottom:12px}.creator{display:flex;align-items:center;gap:20px;padding:45px 0}.creator img{width:64px;height:64px;border-radius:16px}.creator h3{margin:0;font-size:14px}.creator p{margin:5px 0;font-size:11px}.footer{border-top:1px solid var(--theme-edge,#dce2d5);padding:25px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--theme-muted,#7a8775)}.footer a{text-decoration:underline}@media(max-width:800px){.hero{gap:35px;grid-template-columns:1fr;padding:48px 0}.hero h1{max-width:600px}.demo{max-width:500px;width:100%;margin:10px auto}.tools{grid-template-columns:1fr 1fr}.workflow,.license{grid-template-columns:1fr;gap:22px}.license-note{border-left:0;border-top:1px solid #ffffff20;padding:22px 0 0}.section{padding:50px 0}.navlinks>a:not(.button){display:none}.ribbon{flex-wrap:wrap;justify-content:flex-start;font-size:10px;gap:14px 24px}.footer{flex-direction:column}.section h2{font-size:30px}}@media(max-width:480px){header,main,footer{padding:0 21px}.nav{gap:15px}.brand{font-size:23px}.navlinks{gap:0}.navlinks .button{padding:10px 13px;font-size:10px}.hero h1{font-size:43px;letter-spacing:-2px}.tools{grid-template-columns:1fr}.license{padding:29px 24px}.demo{padding:15px}.demo-inner{padding:19px}.demo-title{font-size:21px}.hero-actions .button{flex:1}.creator{align-items:flex-start}.small{line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}