:root{--ink:#14231f;--muted:#64736d;--cream:#f7f5ee;--line:#dddcd3;--green:#143e32;--lime:#d3edac;--white:#fff;--red:#9c4f40}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.landing{background:var(--cream);min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1300px;height:92px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.brandMark{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:35px;height:35px;font-family:Georgia,serif;font-style:italic;display:inline-grid}.button{border:1px solid #0000;border-radius:100px;align-items:center;gap:16px;padding:14px 22px;font-weight:700;display:inline-flex}.buttonPrimary{background:var(--green);color:#fff}.buttonPrimary:hover{background:#215542}.buttonGhost{border-color:var(--line)}.hero{max-width:1300px;margin:auto;padding:118px 40px 130px;position:relative}.hero:after{content:"✦";color:var(--lime);font-size:190px;line-height:1;position:absolute;top:95px;right:8%}.eyebrow{letter-spacing:2.3px;color:#4c765b;font-size:12px;font-weight:700}.hero h1{letter-spacing:-4px;z-index:1;margin:27px 0;font-family:Georgia,serif;font-size:clamp(50px,6.5vw,100px);font-weight:400;line-height:1.05;position:relative}.hero h1 em{color:#4a7561;font-weight:400}.hero p{color:#4c5a53;max-width:650px;font-size:21px;line-height:1.6}.heroActions{color:var(--muted);align-items:center;gap:24px;margin-top:34px;font-size:14px;display:flex}.features{background:#e8eee3;grid-template-columns:repeat(3,1fr);gap:35px;padding:75px max(40px,50vw - 610px);display:grid}.features>div{border-top:1px solid #b4c4b0;padding-top:24px}.featureNo{color:#547663;font-size:12px;font-weight:700}.features h2{margin:22px 0 12px;font:400 30px Georgia,serif}.features p{color:#52635a;max-width:330px;line-height:1.6}.landingFooter{color:var(--muted);padding:34px 40px;font-size:13px}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--green);color:#fff;flex-direction:column;gap:38px;padding:30px 20px;display:flex}.sidebar .brand{padding:5px 13px}.sidebar .brandMark{color:var(--green);background:#d8f0bb}.nav{flex-direction:column;gap:5px;display:flex}.nav a,.nav button{color:#d2e1d6;text-align:left;background:0 0;border:0;border-radius:10px;padding:13px 15px;font-size:15px}.nav a:hover,.nav a.active,.nav button:hover{color:#fff;background:#285849}.sideFoot{color:#b9cec0;margin-top:auto;padding:14px;font-size:13px;line-height:1.6}.main{width:100%;max-width:1250px;margin:auto;padding:48px clamp(24px,5vw,80px)}.kicker{text-transform:uppercase;letter-spacing:2px;color:#729074;font-size:11px;font-weight:700}.pageTitle{letter-spacing:-2px;margin:12px 0;font:400 clamp(38px,4vw,58px) Georgia,serif}.pageIntro{color:var(--muted);max-width:680px;line-height:1.6}.row{justify-content:space-between;align-items:center;gap:20px;display:flex}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0;display:grid}.card{background:#fff;border:1px solid #ecebe4;border-radius:18px;padding:24px;box-shadow:0 4px 20px #14231f08}.card h3{margin:4px 0 9px;font:400 24px Georgia,serif}.card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.card .number{color:var(--green);font:400 40px Georgia,serif}.sectionHead{margin:38px 0 16px}.sectionHead h2{margin:0;font:400 28px Georgia,serif}.list{background:#fff;border:1px solid #e6e5de;border-radius:18px;overflow:hidden}.listItem{border-bottom:1px solid #efeee9;justify-content:space-between;align-items:center;gap:20px;padding:19px 23px;display:flex}.listItem:last-child{border-bottom:0}.listItem:hover{background:#fafbf7}.listItem strong{margin-bottom:5px;display:block}.listItem small{color:var(--muted)}.pill{color:#35634a;white-space:nowrap;background:#edf3e7;border-radius:100px;padding:6px 10px;font-size:12px;display:inline-block}.formCard{background:#fff;border:1px solid #e6e5de;border-radius:20px;max-width:760px;margin-top:30px;padding:32px}.field{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.field label{font-size:14px;font-weight:700}.field input,.field select,.field textarea{color:var(--ink);background:#fff;border:1px solid #d6d9d1;border-radius:10px;width:100%;padding:13px 14px}.field textarea{resize:vertical;min-height:180px;line-height:1.5}.hint{color:var(--muted);font-size:13px;line-height:1.5}.notice{color:#3e5e45;background:#eff4e7;border-left:3px solid #6f9c65;border-radius:0 10px 10px 0;padding:16px 18px;line-height:1.5}.error{color:var(--red);font-size:14px}.authPage{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.authStory{background:var(--green);color:#fff;flex-direction:column;justify-content:space-between;padding:60px;display:flex}.authStory h1{max-width:600px;font:400 clamp(40px,5vw,70px)/1.1 Georgia,serif}.authStory p{color:#c9d9cd;max-width:500px;line-height:1.6}.authForm{place-items:center;padding:60px;display:grid}.authForm>div{width:min(100%,440px)}.mutedLink{color:#49715c;text-decoration:underline}.toolbar{align-items:center;gap:10px;display:flex}.toolbar select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.stack{flex-direction:column;gap:14px;display:flex}.code{word-break:break-all;background:#f3f5f1;border-radius:8px;padding:12px;font-family:ui-monospace,monospace;font-size:12px}.recordButton{color:var(--green);background:#ecf3e5;border:1px solid #c7dbc5;border-radius:50px;padding:12px 18px;font-weight:700}.recordButton[disabled]{opacity:.5}@media (max-width:900px){.features,.cards,.shell{grid-template-columns:1fr}.sidebar{gap:14px;padding:16px}.sidebar .nav{flex-direction:row;overflow:auto}.sideFoot{display:none}.main{padding:28px 20px}.authPage{grid-template-columns:1fr}.authStory{min-height:260px;padding:30px}.authStory h1{font-size:38px}.authForm{padding:35px 24px}.hero{padding:80px 25px}.hero:after{display:none}.heroActions{flex-direction:column;align-items:flex-start}.topbar{padding:0 25px}}.demoBanner{color:#553700;text-align:center;background:#fff0d6;border-bottom:1px solid #e9c878;padding:10px 16px;font:600 13px/1.4 Arial,sans-serif}