.video-zoom{cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.video-zoom video{width:100%;height:auto;display:block}.video-zoom-modal{cursor:zoom-out;background:0 0;border:0;place-items:center;width:100%;max-width:none;height:100%;max-height:none;padding:4vw;display:grid;overflow:hidden}.video-zoom-modal::backdrop{background:#000000b8}.video-zoom-modal video{cursor:auto;border-radius:14px;width:auto;max-width:100%;max-height:86vh;box-shadow:0 28px 80px #00000061}.home-page{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth;overscroll-behavior:none;scroll-padding-top:78px;& body{line-height:1.55}& a{color:inherit;text-decoration:none}& .wrap{max-width:1180px;margin:0 auto;padding:0 28px}& .site-end{--top-fade:250, 247, 240}}.home-page{& .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:12px 23px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .25s,background .2s,border-color .2s,color .2s;display:inline-flex}& .btn:active{transform:translateY(1px)}& .btn:focus-visible{outline:2px solid var(--green);outline-offset:3px}& .btn-green{background:linear-gradient(160deg, #7d9a5c 0%, var(--green) 48%, var(--green-d) 100%);color:#fff;border-color:#ffffff38;position:relative;box-shadow:inset 0 1px #ffffff47,0 14px 30px -12px #4d6631d9,0 0 0 5px #5f7c3f14}& .btn-green:hover{background:linear-gradient(160deg,#86a465 0%,#64823f 44%,#435a2a 100%);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 20px 40px -14px #4d6631f2,0 0 0 7px #5f7c3f1c}& .btn-light{color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm);background:#fffdf8eb}& .btn-light:hover{box-shadow:var(--shadow-md);background:#fffdf8;border-color:#d9d2ba;transform:translateY(-2px)}& .btn svg{width:17px;height:17px}& .link-green{color:var(--green-d);align-items:center;gap:6px;font-size:14.5px;font-weight:600;display:inline-flex}& .link-green svg{width:15px;height:15px;transition:transform .15s}& .link-green:hover svg{transform:translate(3px)}}.home-page{& .hero{isolation:isolate;background:var(--bg);width:100%;position:relative;overflow:hidden}& .hero-bg{width:100%;height:auto;animation:1.15s cubic-bezier(.16,1,.3,1) both home-hero-img;display:block}& .hero-scrim{pointer-events:none;background:linear-gradient(102deg,#faf7f0f7 0%,#faf7f0ed 24%,#faf7f0a8 42%,#faf7f000 58%);position:absolute;inset:0}& .hero-fade{pointer-events:none;background:linear-gradient(#faf7f000 0%,#faf7f08c 55%,#faf7f0eb 82%,#faf7f0 100%);height:32%;min-height:150px;position:absolute;bottom:-1px;left:0;right:0}& .hero-ripple{pointer-events:none;--ripple-x:89%;--ripple-y:32%;--ripple-size:640px;position:absolute;inset:0}& .hero-ripple .ring{left:var(--ripple-x);top:var(--ripple-y);width:var(--ripple-size);height:var(--ripple-size);opacity:0;background:radial-gradient(circle closest-side,#fffdf800 76%,#fffdf85c 93%,#fffdf800 100%);border:1px solid #5f7c3f52;border-radius:999px;animation:8.4s cubic-bezier(.16,1,.3,1) infinite home-ripple;position:absolute}& .hero-ripple .ring:nth-child(2){animation-delay:2.8s}& .hero-ripple .ring:nth-child(3){animation-delay:5.6s}& .hero-ripple .ring.tap{--ripple-size:320px;animation:1.4s cubic-bezier(.16,1,.3,1) home-ripple}& .hero-content{align-items:center;display:flex;position:absolute;inset:0}& .hero-content .wrap{width:100%}& .hero-copy{max-width:560px}& .hero-demo{z-index:2;flex-direction:column;max-width:310px;animation:1s cubic-bezier(.16,1,.3,1) .45s both home-demo-in,8s ease-in-out 1.6s infinite home-demo-float;display:flex;position:absolute;top:15%;left:81%;right:3%}& .demo-panel{-webkit-backdrop-filter:blur(10px);background:#fffdf9f0;border:1px solid #66603f29;border-radius:20px;flex-direction:column;padding:12px 12px 11px;display:flex;box-shadow:inset 0 1px #ffffffd9,0 30px 60px -24px #38342080}& .demo-quote{background:var(--green-soft);color:#3f4a2e;border:1px solid #5f7c3f2e;border-radius:16px 16px 4px;align-self:flex-end;max-width:94%;margin-bottom:12px;padding:10px 13px 9px;box-shadow:0 6px 16px -10px #3834204d}& .demo-quote p{margin:0;font-size:12.5px;line-height:1.5}& .demo-quote .demo-src{letter-spacing:.02em;color:#4d66319e;margin-top:4px;font-size:10.5px;font-weight:600;display:block}& .demo-panel header{color:#4a4d40;align-items:center;gap:8px;padding:0 3px 10px;font-size:12px;font-weight:700;display:flex}& .demo-ptitle{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}& .demo-badge{letter-spacing:.04em;text-transform:uppercase;color:#96701f;background:var(--honey-soft);border-radius:999px;flex:none;margin-left:auto;padding:3px 9px;font-size:10px;font-weight:700}& .demo-rec{--accent-color:#64748b;background:#fff;border:1px solid #e1e7f0;border-radius:12px;align-items:center;gap:10px;padding:8px 10px 8px 9px;display:flex;box-shadow:0 1px 2px #1018280a,0 4px 12px #1018280d}& .demo-rec+.demo-rec{margin-top:7px}& .demo-glyph{background:color-mix(in srgb, var(--accent-color) 14%, #fff);width:32px;height:32px;color:var(--accent-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-color) 16%, transparent);border-radius:9px;flex:none;place-items:center;display:grid;position:relative}& .demo-glyph>svg{width:16px;height:16px}& .demo-status{color:#2f855a;background:#fff;border-radius:999px;width:14px;height:14px;position:absolute;top:-5px;left:-5px;box-shadow:0 0 0 2px #fff}& .demo-status svg{width:14px;height:14px}& .demo-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}& .demo-trow{align-items:baseline;gap:8px;display:flex}& .demo-trow b{letter-spacing:-.01em;color:#101828;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12.5px;font-weight:650;overflow:hidden}& .demo-trow em{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#dc2626;margin-left:auto;font-size:12px;font-style:normal;font-weight:700}& .demo-meta{color:#52627a;align-items:center;font-size:11px;font-weight:550;display:flex}& .demo-meta i{white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}& .demo-meta i:not(:last-child):after{content:"·";color:#718096;margin:0 5px;font-weight:500}& .demo-meta .acc{color:var(--accent-color);font-weight:650}& .demo-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:11px;display:flex}& .demo-edit,& .demo-confirm{border-radius:10px;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:650;display:inline-flex}& .demo-edit{color:#52627a;background:#fff;border:1px solid #e1e7f0}& .demo-confirm{color:#fff;background:var(--green);border:1px solid #ffffff2e;box-shadow:0 3px 10px -4px #4d663166}& .demo-confirm svg{width:13px;height:13px}& .kbadge{color:#63665a;-webkit-backdrop-filter:blur(6px);background:#fffdf8db;border:1px solid #66603f29;border-radius:999px;align-items:center;gap:9px;margin-bottom:28px;padding:6px 16px 6px 7px;font-size:13.5px;font-weight:500;display:inline-flex;box-shadow:inset 0 1px #fffc,0 10px 26px -16px #38342059}& .kbadge .tag{white-space:nowrap;letter-spacing:.03em;color:var(--green-d);background:var(--green-soft);border-radius:999px;flex:none;padding:3px 9px;font-size:11.5px;font-weight:700;line-height:1.35}& .kbadge .tag+.tag{color:#96701f;background:var(--honey-soft);margin-left:-4px}& h1{letter-spacing:-.018em;margin-bottom:24px;font-size:clamp(40px,4.8vw,62px);font-weight:580;line-height:1.03}& h1 .green{color:var(--green-d);box-decoration-break:clone;background:linear-gradient(#e9d29c00 66%,#e9d29c8c 66% 100%);margin:0 -2px;padding:0 2px}& .lede{color:#575b4c;max-width:470px;margin-bottom:32px;font-size:18px;line-height:1.65}& .cta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}& .cta-row .btn{padding:14px 26px;font-size:15.5px}& .hero-watch{color:#4a4d40;-webkit-backdrop-filter:blur(6px);background:#fffdf8e0;border:1px solid #66603f29;border-radius:999px;align-items:center;gap:9px;width:auto;padding:6px 16px 6px 6px;font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 26px -14px #38342073}& .hero-watch:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px #3834208c}& .hero-watch:focus-visible{outline:2px solid var(--green);outline-offset:3px}& .hero-watch video{object-fit:cover;border-radius:999px;width:44px;height:36px}& .hero-watch:after{content:"Watch the real flow";white-space:nowrap}& .platforms{color:#8f9284;margin-top:20px;font-size:13px;font-weight:500}& .platforms b{color:#64684f;font-weight:650}& .cta-note{color:#96701f;margin-top:14px;font-size:12.5px;font-weight:550}}.home-page{& .section{padding:106px 0;position:relative}& .section.warm{background:linear-gradient(180deg, #f5f0e4 0%, var(--bg-warm) 100%);border:1px solid #66603f1a;border-radius:clamp(28px,4vw,52px);margin-inline:clamp(12px,2.5vw,36px);box-shadow:inset 0 1px #fff9,0 24px 60px -48px #38342066}& .eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--green-d);background:#eaefdccc;border:1px solid #5f7c3f2e;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 9px;font-size:11.5px;font-weight:700;display:inline-flex}& .eyebrow .mark{width:16px;height:16px}& .section-head{text-align:center;max-width:780px;margin:0 auto 58px}& .section-head .eyebrow{margin-bottom:18px}& h2{letter-spacing:-.014em;font-size:clamp(30px,3.6vw,46px);font-weight:590;line-height:1.1}& .section-head p{color:var(--muted);margin-top:18px;font-size:17.5px;line-height:1.65}& .lead-band{text-align:center;padding:92px 0}& .lead-band p{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.008em;color:#383c2e;text-wrap:balance;max-width:900px;margin:0 auto;font-size:clamp(24px,2.9vw,35px);font-weight:470;line-height:1.4}& .lead-band b{color:var(--green-d);font-weight:620}& .grid{gap:22px;display:grid}& .g2{grid-template-columns:repeat(2,1fr)}& .g4{grid-template-columns:repeat(3,1fr)}& .g4>:first-child,& .g4>:nth-child(4){grid-column:span 2}& .g4>:first-child h3,& .g4>:nth-child(4) h3{max-width:30ch;font-size:23px}& .g4>:first-child p,& .g4>:nth-child(4) p{max-width:58ch}& .card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:22px;padding:32px 30px}& .card h3{letter-spacing:-.008em;margin-bottom:10px;font-size:20px;font-weight:620;line-height:1.22}& .card p{color:var(--muted);font-size:15px;line-height:1.62}& .card .link-green{margin-top:18px}& .icon-tile{background:linear-gradient(150deg, #f1f4e3 0%, var(--green-soft) 100%);width:48px;height:48px;color:var(--green-d);border-radius:14px;place-items:center;margin-bottom:20px;display:grid;box-shadow:inset 0 1px #ffffffe6,inset 0 0 0 1px #5f7c3f1f}& .icon-tile svg{width:22px;height:22px}& .split{grid-template-columns:1fr 1.05fr;align-items:center;gap:60px;display:grid}& .split h2{margin-bottom:18px}& .split .eyebrow{margin-bottom:16px}& .split p.body{color:var(--muted);margin-bottom:24px;font-size:16.5px;line-height:1.65}& .panel{background:radial-gradient(120% 120% at 8% 0,#ffffff17 0%,#fff0 52%),linear-gradient(160deg,#3d492b 0%,#2c351e 100%);border:1px solid #ffffff17;border-radius:28px;padding:38px;box-shadow:inset 0 1px #ffffff1f,0 36px 70px -34px #2c351ed9}& .section-cta{text-align:center;margin-top:42px}}.home-page{& .compare-scroll{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;overflow-x:auto}& .compare-scroll:focus-visible{outline:2px solid var(--green);outline-offset:3px}& .compare{border-collapse:separate;border-spacing:0;width:100%;min-width:44rem}& .compare th,& .compare td{text-align:left;border-bottom:1px solid var(--border-light);padding:16px 22px;font-size:14.5px}& .compare thead th{text-transform:uppercase;letter-spacing:.07em;color:#8f9284;background:#faf7ef;font-size:12.5px;font-weight:700}& .compare tbody th{color:var(--ink);font-weight:600}& .compare td{color:var(--muted)}& .compare .col-gepeta{color:var(--green-d);background:#f0f4e2;font-weight:600}& .compare thead .col-gepeta{background:linear-gradient(160deg, #6b8949 0%, var(--green-d) 100%);color:#fff;letter-spacing:.09em}& .compare tr:last-child th,& .compare tr:last-child td{border-bottom:0}}.home-page{& .pricing{grid-template-columns:repeat(2,1fr);gap:24px;max-width:860px;margin:0 auto;display:grid}& .price-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:24px;padding:34px;position:relative}& .price-card.featured{background:linear-gradient(175deg,#fdfcf5 0%,#f2f5e4 100%);border-color:#5f7c3f80;box-shadow:inset 0 1px #fffc,0 28px 56px -28px #5f7c3f8c}& .price-tag{background:linear-gradient(160deg, #7d9a5c 0%, var(--green-d) 100%);color:#fff;letter-spacing:.03em;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:34px;box-shadow:0 8px 18px -8px #4d6631cc}& .price-card h3{letter-spacing:-.005em;font-size:18px;font-weight:640}& .price{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.015em;margin:10px 0 2px;font-size:40px;font-weight:560}& .price small{font-family:var(--font-body);color:#8f9284;font-size:16px;font-weight:600}& .price-sub{color:var(--green-d);margin-bottom:6px;font-size:13.5px;font-weight:600}& .price-tagline{color:var(--muted);margin-bottom:20px;font-size:14.5px;line-height:1.6}& .price-card ul{gap:11px;margin-bottom:26px;list-style:none;display:grid}& .price-card li{color:#40443a;gap:10px;font-size:14.5px;display:flex}& .price-card li svg{width:18px;height:18px;color:var(--green);flex:none;margin-top:2px}& .price-card .btn{justify-content:center;width:100%}& .price-note{text-align:center;color:#8f9284;margin-top:24px;font-size:13.5px}}.home-page{& .proof-links{flex-wrap:wrap;justify-content:center;gap:13px;margin-top:8px;display:flex}& .closing-note{text-align:center;color:var(--muted);max-width:600px;margin:34px auto 0;font-size:15px}}.home-page{& .faq{background:var(--surface);border:1px solid var(--line);max-width:820px;box-shadow:var(--shadow-sm);border-radius:22px;margin:0 auto;padding:8px 30px}& .faq details{border-bottom:1px solid var(--border-light)}& .faq details:last-child{border-bottom:0}& .faq summary{cursor:pointer;color:var(--ink);align-items:center;gap:16px;padding:21px 2px;font-size:16.5px;font-weight:600;list-style:none;transition:color .15s;display:flex}& .faq summary:hover{color:var(--green-d)}& .faq summary::-webkit-details-marker{display:none}& .faq summary .pm{background:var(--green-soft);width:26px;height:26px;color:var(--green-d);border-radius:999px;flex:none;margin-left:auto;padding:5px;transition:transform .2s,background .2s}& .faq details[open] summary .pm{background:var(--honey-soft);color:#96701f;transform:rotate(45deg)}& .faq .ans{color:var(--muted);max-width:720px;padding:0 40px 22px 2px;font-size:15.5px;line-height:1.65}}.home-page{& .quote{background:var(--honey-soft);color:#6d6146;border-left:3px solid #b98a2f8c;border-radius:6px 12px 12px 6px;margin:14px 0;padding:13px 16px;font-size:14.5px;font-style:italic}}.home-page{& .steps{flex-direction:column;gap:0;max-width:660px;display:flex}& .step{padding:0 0 40px 84px;position:relative}& .step:last-child{padding-bottom:0}& .step:before{content:"";background-image:linear-gradient(#5f7c3f73 45%,#0000 45%);background-size:2px 9px;width:2px;position:absolute;top:60px;bottom:6px;left:27px}& .step:last-child:before{display:none}& .step .num{width:56px;height:56px;font-family:var(--font-display);font-optical-sizing:auto;color:var(--green-d);background:var(--surface);border:1px solid #5f7c3f59;border-radius:999px;place-items:center;font-size:20px;font-weight:560;display:grid;position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffffe6,0 12px 24px -14px #38342066}& .step h3{letter-spacing:-.008em;margin-bottom:9px;padding-top:6px;font-size:22px;font-weight:620;line-height:1.2}& .step p{color:#4a4d40;max-width:52ch;font-size:16px;line-height:1.65}}.home-page{& .stats{background:linear-gradient(150deg, #eef2df 0%, var(--green-soft) 100%);border:1px solid #5f7c3f24;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:0;margin-top:46px;padding:30px 26px;display:flex;box-shadow:inset 0 1px #ffffffb3}& .stat{text-align:center;border-right:1px solid #4d663129;padding:6px 46px}& .stat:last-child{border-right:0}& .stat b{font-family:var(--font-display);font-optical-sizing:auto;color:var(--green-d);letter-spacing:-.01em;font-size:38px;font-weight:560;line-height:1.15;display:block}& .stat span{color:#5d6055;font-size:13.5px;font-weight:500}}.home-page{& .cap-strip{margin-top:74px}& .cap-intro h3{letter-spacing:-.01em;margin-bottom:14px;font-size:26px;font-weight:620;line-height:1.18}& .cap-intro p{color:var(--muted);max-width:46ch;margin-bottom:24px;font-size:16.5px;line-height:1.65}& .caps{grid-template-columns:repeat(2,1fr);gap:18px 28px;margin-top:0;list-style:none;display:grid}& .caps li{color:#e3e6d6;align-items:flex-start;gap:12px;font-size:15px;line-height:1.55;display:flex}& .caps .ck{color:#e9d29c;background:#e9d29c29;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;display:grid;box-shadow:inset 0 0 0 1px #e9d29c4d}& .caps .ck svg{width:13px;height:13px}}.home-page{& .rcard{--accent-color:#64748b;background:#fff;border:1px solid #e1e7f0;border-radius:14px;align-items:center;gap:12px;padding:11px 13px 11px 11px;display:flex;box-shadow:0 1px 2px #1018280a,0 4px 12px #1018280d}& .rcard+.rcard{margin-top:9px}& .rcard-glyph{background:color-mix(in srgb, var(--accent-color) 14%, #fff);width:38px;height:38px;color:var(--accent-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-color) 16%, transparent);border-radius:11px;flex:none;place-items:center;display:grid}& .rcard-glyph svg{width:18px;height:18px}& .rcard-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}& .rcard-trow{align-items:baseline;gap:8px;display:flex}& .rcard-trow b{letter-spacing:-.01em;color:#101828;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14.5px;font-weight:650;overflow:hidden}& .rcard-trow em{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#101828;margin-left:auto;font-size:13.5px;font-style:normal;font-weight:700}& .rcard-trow em.out{color:#dc2626}& .rcard-meta{color:#52627a;align-items:center;font-size:12.5px;font-weight:550;display:flex}& .rcard-meta i{white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}& .rcard-meta i:not(:last-child):after{content:"·";color:#718096;margin:0 6px;font-weight:500}& .rcard-meta .acc{color:var(--accent-color);font-weight:650}}.home-page{& .tryit{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(28px,4vw,60px);margin-top:56px;animation:linear both home-reveal-up view();animation-range:entry 8% entry 60%;display:grid}& .tryit-intro{color:var(--ink);margin-bottom:14px;font-size:15px;font-weight:650}& .tryit-chip{text-align:left;cursor:pointer;width:100%;font:inherit;color:#4a4d40;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px 16px 16px 5px;padding:12px 16px;font-size:14.5px;font-weight:550;line-height:1.5;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,background-color .2s;display:block}& .tryit-chip+.tryit-chip{margin-top:10px}& .tryit-chip:hover{border-color:#ddd5bd;transform:translateY(-2px)}& .tryit-chip:focus-visible{outline:2px solid var(--green);outline-offset:3px}& .tryit-chip[aria-pressed=true]{background:var(--green-soft);color:#3f4a2e;border-color:#5f7c3f66;font-weight:620}& .tryit-note{max-width:46ch;color:var(--muted);margin-top:18px;font-size:12.5px;font-weight:550;line-height:1.6}& .tryit-panel{background:#fffdf9;border:1px solid #66603f29;border-radius:24px;flex-direction:column;max-width:460px;margin:0 auto;padding:16px 16px 15px;display:flex;box-shadow:inset 0 1px #ffffffd9,0 30px 60px -24px #38342059}& .tryit-panel[hidden]{display:none}& .tryit-quote{background:var(--green-soft);color:#3f4a2e;border:1px solid #5f7c3f2e;border-radius:16px 16px 5px;align-self:flex-end;max-width:92%;margin-bottom:14px;padding:11px 15px 10px;box-shadow:0 6px 16px -10px #3834204d}& .tryit-quote p{margin:0;font-size:14px;line-height:1.5}& .tryit-src{letter-spacing:.02em;color:#4d66319e;margin-top:4px;font-size:11.5px;font-weight:600;display:block}& .tryit-panel header{color:#4a4d40;align-items:center;gap:8px;padding:0 4px 12px;font-size:13px;font-weight:700;display:flex}& .tryit-ptitle{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}& .tryit-badge{letter-spacing:.04em;text-transform:uppercase;color:#96701f;background:var(--honey-soft);border-radius:999px;flex:none;margin-left:auto;padding:3px 10px;font-size:10.5px;font-weight:700}& .tryit-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}& .tryit-edit,& .tryit-confirm{border-radius:11px;align-items:center;gap:6px;padding:8px 15px;font-size:13px;font-weight:650;display:inline-flex}& .tryit-edit{color:#52627a;background:#fff;border:1px solid #e1e7f0}& .tryit-confirm{color:#fff;background:var(--green);border:1px solid #ffffff2e;box-shadow:0 3px 10px -4px #4d663166}& .tryit-confirm svg{width:14px;height:14px}& .tryit-panel:not([hidden]) .tryit-quote{animation:.4s cubic-bezier(.16,1,.3,1) both tryit-in}& .tryit-panel:not([hidden]) .rcard{animation:.5s cubic-bezier(.16,1,.3,1) both tryit-in}& .tryit-panel:not([hidden]) .rcard:first-of-type{animation-delay:.12s}& .tryit-panel:not([hidden]) .rcard:nth-of-type(2){animation-delay:.26s}& .tryit-panel:not([hidden]) .tryit-actions{animation:.4s cubic-bezier(.16,1,.3,1) .38s both tryit-in}@media (width<=940px){& .tryit{grid-template-columns:1fr;gap:30px}& .tryit-note{max-width:none}}}@keyframes tryit-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.home-page{& .receipt-strip{grid-template-columns:1fr 1.35fr;align-items:center;gap:clamp(28px,4vw,60px);margin-top:74px;animation:linear both home-reveal-up view();animation-range:entry 8% entry 60%;display:grid}& .receipt-intro h3{letter-spacing:-.01em;margin-bottom:14px;font-size:26px;font-weight:620;line-height:1.18}& .receipt-intro p{color:var(--muted);max-width:42ch;font-size:16.5px;line-height:1.65}& .receipt-demo{grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(16px,2.4vw,30px);display:grid}& .receipt-paper{width:196px;font-family:var(--font-mono);color:#3a3f36;background:#fff;flex-direction:column;padding:22px 18px 26px;display:flex;position:relative;rotate:-2deg;box-shadow:0 1px 2px #38342014,0 18px 34px -18px #38342066}& .receipt-paper:after{content:"";background:conic-gradient(from 135deg at top, #fff 90deg, transparent 0) top / 16px 100% repeat-x;height:8px;position:absolute;top:100%;left:0;right:0}& .receipt-cap{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--green-d);background:var(--green-soft);border:1px solid #5f7c3f40;border-radius:999px;padding:4px 11px;font-size:10.5px;font-weight:700;position:absolute;top:-12px;right:-14px;rotate:2deg;box-shadow:0 6px 14px -8px #38342066}& .receipt-shop{letter-spacing:.08em;text-align:center;margin-bottom:14px;font-size:12.5px;font-weight:700}& .receipt-line{justify-content:space-between;gap:12px;padding:2px 0;font-size:11.5px;line-height:1.5;display:flex}& .receipt-line i{font-style:normal}& .receipt-total{border-top:1px dashed #3a3f3666;margin-top:10px;padding-top:8px;font-size:12px;font-weight:700}& .receipt-foot{letter-spacing:.04em;color:#3a3f3699;text-align:center;margin-top:12px;font-size:10px}& .receipt-arrow{background:var(--green-soft);width:40px;height:40px;color:var(--green-d);border-radius:999px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #5f7c3f40}& .receipt-arrow svg{width:18px;height:18px}& .receipt-records{min-width:0}@media (width<=940px){& .receipt-strip{grid-template-columns:1fr;gap:30px}& .receipt-intro p{max-width:none}}@media (width<=600px){& .receipt-demo{grid-template-columns:1fr;justify-items:center;gap:20px}& .receipt-arrow{rotate:90deg}& .receipt-records{width:100%}}}.home-page{& .loop-clip,& .peek{max-width:820px;margin:74px auto 0;animation:linear both home-reveal-up view();animation-range:entry 8% entry 60%}& .loop-frame,& .peek-frame{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:22px;position:relative;overflow:hidden}& .loop-frame .video-zoom{width:100%}& .loop-frame video,& .peek-frame img{width:100%;height:auto;display:block}& .loop-badge{pointer-events:none;letter-spacing:.04em;text-transform:uppercase;color:var(--green-d);-webkit-backdrop-filter:blur(6px);background:#fffdf8e6;border:1px solid #66603f29;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}& .loop-clip figcaption,& .peek figcaption{text-align:center;max-width:62ch;color:var(--muted);margin:18px auto 0;font-size:14.5px;line-height:1.6}& .loop-clip figcaption b,& .peek figcaption b{color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:650;display:block}& .peek-slot{background:#fffdf999;border:2px dashed #66603f59;border-radius:22px;place-items:center;min-height:320px;padding:40px;display:grid}& .peek-slot p{text-align:center;max-width:40ch;color:var(--muted);font-size:14px;line-height:1.6}}.home-page{& .trust-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}& .trust h3{letter-spacing:-.008em;margin-bottom:9px;font-size:19px;font-weight:620;line-height:1.24}& .trust p{color:var(--muted);font-size:15px;line-height:1.62}}.home-page{& .vault-map{grid-template-columns:repeat(4,1fr);gap:26px;margin-top:64px;animation:linear both home-reveal-up view();animation-range:entry 8% entry 60%;display:grid}& .vault-node{text-align:center;flex-direction:column;align-items:center;padding:0 6px;display:flex;position:relative}& .vault-node .icon-tile{margin-bottom:16px}& .vault-node:not(:last-child):after{content:"";background-image:linear-gradient(90deg,#5f7c3f73 45%,#0000 45%);background-size:9px 2px;width:calc(100% - 50px);height:2px;position:absolute;top:23px;left:calc(50% + 38px)}& .vault-node h4{letter-spacing:-.008em;margin-bottom:8px;font-size:16px;font-weight:650;line-height:1.25}& .vault-node p{color:var(--muted);max-width:26ch;margin-bottom:12px;font-size:13.5px;line-height:1.6}& .vault-chip{font-family:var(--font-mono);color:var(--green-d);background:var(--green-soft);white-space:nowrap;border:1px solid #5f7c3f38;border-radius:7px;margin-top:auto;padding:3px 9px;font-size:11px;font-weight:600}& .vault-foot{text-align:center;margin-top:36px}@media (width<=940px){& .vault-map{grid-template-columns:repeat(2,1fr);gap:34px 26px}& .vault-node:not(:last-child):after{display:none}}@media (width<=600px){& .vault-map{grid-template-columns:1fr}}}.home-page{& .t-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:74px;display:grid}& .t-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;gap:20px;margin:0;padding:30px;display:flex}& .t-card blockquote{color:var(--ink);quotes:"“" "”";margin:0;font-size:16px;line-height:1.6}& .t-card blockquote:before{content:open-quote;font-family:var(--font-display);color:var(--green);margin-bottom:10px;font-size:34px;line-height:1;display:block}& .t-card figcaption{flex-direction:column;gap:2px;margin-top:auto;display:flex}& .t-name{color:var(--ink);font-size:14.5px;font-weight:650}& .t-role{color:var(--muted);font-size:13px}& .founder{text-align:center;max-width:680px;margin:0 auto}& .founder .eyebrow{margin-bottom:18px}& .founder h2{letter-spacing:-.012em;margin-bottom:20px;font-size:clamp(26px,3vw,38px);line-height:1.15}& .founder-body{color:var(--muted);margin:0 auto 28px;font-size:17px;line-height:1.65}}.home-page{& .scroll-progress{z-index:100;background:linear-gradient(90deg, var(--green), #93ad6c 70%, var(--honey));transform-origin:0;height:3px;animation:linear both home-scroll-progress scroll(root);position:fixed;inset:0 0 auto;scale:0 1;box-shadow:0 0 10px #5f7c3f66}& .hero-copy>*{animation:.85s cubic-bezier(.16,1,.3,1) both home-hero-up}& .hero-copy>:first-child{animation-delay:.12s}& .hero-copy>:nth-child(2){animation-delay:.24s}& .hero-copy>:nth-child(3){animation-delay:.36s}& .hero-copy>:nth-child(4){animation-delay:.48s}& .hero-copy>:nth-child(5){animation-delay:.6s}& .section-head,& .lead-band .wrap,& .card,& .step,& .stats,& .panel,& .compare-scroll,& .price-card,& .proof-links,& .closing-note,& .faq details,& .end-cta,& .footer-col{animation:linear both home-reveal-up view();animation-range:entry 8% entry 60%}& .card,& .price-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .25s}& .card:hover{box-shadow:var(--shadow-md);border-color:#ddd5bd;transform:translateY(-6px)}& .price-card:hover{transform:translateY(-6px)}& .price-card.featured:hover{box-shadow:inset 0 1px #fffc,0 34px 62px -26px #5f7c3f9e}& .faq details[open] .ans{animation:.4s cubic-bezier(.16,1,.3,1) both home-faq-in}@media (prefers-reduced-motion:reduce){& *,& :before,& :after{transition:none!important;animation:none!important}& .hero-copy>*,& .hero-bg,& .hero-demo{opacity:1!important;transform:none!important}& .section-head,& .lead-band .wrap,& .card,& .step,& .stats,& .panel,& .compare-scroll,& .price-card,& .proof-links,& .closing-note,& .faq details,& .end-cta,& .footer-col{opacity:1!important;translate:0!important}}& .mascot-block{align-items:center;gap:clamp(24px,4vw,64px);display:flex}& .mascot-block>.mascot-body{flex:auto;min-width:0}& .mascot-art{filter:drop-shadow(0 26px 34px #38342033);flex:none;align-self:center;width:clamp(168px,20vw,300px);height:auto;animation:7s ease-in-out infinite home-kuku-float}& .mascot-body>.section-head{text-align:left;max-width:none;margin:0 0 22px}& .mascot-body .proof-links{justify-content:flex-start}& .mascot-body .closing-note{text-align:left;margin-left:0}@media (width<=880px){& .mascot-block{flex-direction:column;gap:28px}& .mascot-art{order:-1;width:clamp(176px,46vw,224px)}& .mascot-body>.section-head{text-align:center;margin-inline:auto}& .mascot-body .proof-links{justify-content:center}& .mascot-body .closing-note{text-align:center;margin-left:auto}& .mascot-body .mascot-cta{text-align:center}}}@keyframes home-scroll-progress{to{scale:1}}@keyframes home-hero-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes home-hero-img{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes home-demo-in{0%{opacity:0;transform:translateY(30px)scale(.94)rotate(1deg)}to{opacity:1;transform:none}}@keyframes home-demo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes home-ripple{0%{opacity:0;transform:translate(-50%,-50%)scale(.08)}10%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes home-reveal-up{0%{opacity:0;translate:0 32px}to{opacity:1;translate:0}}@keyframes home-faq-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes home-kuku-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-page{@media (width>=941px) and (width<=100rem){& .demo-panel{padding:11px 11px 10px}& .demo-panel header{padding:0 2px 9px;font-size:11px}& .demo-badge{padding:3px 6px;font-size:8px}& .demo-rec{gap:8px;padding:7px 9px 7px 8px}& .demo-quote{margin-bottom:10px;padding:9px 11px 8px}& .demo-quote p{font-size:12px}& .demo-actions{margin-top:9px}& .demo-edit,& .demo-confirm{padding:6px 11px;font-size:11px}& .demo-glyph{width:28px;height:28px}& .demo-glyph>svg{width:15px;height:15px}& .demo-trow b{font-size:12px}& .demo-trow em{font-size:11.5px}& .demo-meta{font-size:10.5px}}@media (width>=941px) and (width<=75rem){& .hero-demo{top:11%;left:80%;right:1.5%}& .demo-quote{border-radius:13px 13px 3px;margin-bottom:8px;padding:8px 10px 7px}& .demo-quote p{font-size:11px}& .demo-quote .demo-src{font-size:9.5px}& .demo-panel{border-radius:16px;padding:9px 9px 8px}& .demo-panel header{padding:0 2px 8px;font-size:10.5px}& .demo-badge{padding:2px 5px;font-size:7.5px}& .demo-rec{border-radius:10px;gap:7px;padding:6px 8px 6px 7px}& .demo-rec+.demo-rec{margin-top:6px}& .demo-glyph{border-radius:8px;width:26px;height:26px}& .demo-glyph>svg{width:14px;height:14px}& .demo-status,& .demo-status svg{width:12px;height:12px}& .demo-trow b{font-size:11px}& .demo-trow em{font-size:10.5px}& .demo-meta{font-size:10px}& .demo-actions{gap:6px;margin-top:8px}& .demo-edit,& .demo-confirm{border-radius:8px;padding:5px 10px;font-size:10.5px}& .demo-confirm svg{width:12px;height:12px}}@media (width>=941px) and (width<=66rem){& .demo-badge{display:none}& .demo-panel header{font-size:10.5px}& .demo-rec{gap:6px}& .demo-glyph{width:24px;height:24px}& .demo-glyph>svg{width:13px;height:13px}& .demo-trow b{font-size:10.5px}& .demo-trow em{font-size:10px}& .demo-meta{font-size:9.5px}}@media (width<=940px){& .hero{flex-direction:column;min-height:560px;display:flex}& .hero-demo{order:1;width:min(100% - 56px,300px);margin:0 auto 56px;animation:.9s cubic-bezier(.16,1,.3,1) .35s both home-demo-in;position:static}& .hero-ripple{--ripple-x:50%;--ripple-y:15%;--ripple-size:420px}& .hero-bg{object-fit:cover;object-position:64% center;width:100%;height:620px;position:absolute;inset:0 0 auto;mask-image:linear-gradient(#000 58%,#0000 100%)}& .hero-scrim{background:linear-gradient(#faf7f0f0 0%,#faf7f0b8 46%,#faf7f073 100%)}& .hero-fade{display:none}& .hero-content{padding:118px 0 54px;position:relative}& .hero-copy{max-width:none}& .g4{grid-template-columns:repeat(2,1fr)}& .trust-grid,& .t-grid{grid-template-columns:1fr}& .split{grid-template-columns:1fr;gap:34px}}@media (width<=600px){& .g2,& .g4,& .pricing,& .caps{grid-template-columns:1fr}& .g4>:first-child,& .g4>:nth-child(4){grid-column:auto}& .section.warm{border-radius:24px;margin-inline:10px}& .step{padding-left:68px}& .step .num{width:48px;height:48px;font-size:17px}& .step:before{top:54px;left:23px}& .panel{padding:28px 24px}& .stat{border-right:0;padding:12px 20px}& .section{padding:68px 0}& .lead-band{padding:64px 0}}}