@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#172321;--muted:#61706c;--cream:#f7f7f1;--paper:#fff;--line:#dce3dd;--lime:#cbf35d;--green:#315844;--sans:"DM Sans",Arial,sans-serif;--display:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}input{min-width:0}.shell{max-width:1216px;margin:0 auto;padding:0 32px}.site-header{z-index:3;background:#f9faf5;border-bottom:1px solid #e6eae2;position:relative}.header-inner{justify-content:space-between;align-items:center;height:84px;display:flex}.brand{font-family:var(--display);letter-spacing:-1.4px;align-items:center;gap:10px;font-size:24px;font-weight:800;display:inline-flex}.brand-mark{background:var(--ink);width:35px;height:35px;color:var(--lime);border-radius:11px;place-items:center;display:grid}.brand-mark svg{width:27px}.brand-dot{color:#81ac38}.nav-links{align-items:center;gap:35px;font-size:14px;font-weight:700;display:flex}.nav-links>a:not(.nav-cta):hover,.footer a:hover{color:var(--green)}.nav-cta{border:1px solid var(--ink);border-radius:8px;padding:12px 17px}.nav-cta:hover{background:var(--ink);color:#fff}.nav-cta span{margin-left:12px}.eyebrow{letter-spacing:.19em;color:#527451;align-items:center;gap:9px;font-size:11px;font-weight:800;display:inline-flex}.hero{background:linear-gradient(115deg,#f6f8f0 0%,#edf3e6 63%,#e6efdc 100%);position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(410px,.9fr);align-items:center;gap:70px;min-height:635px;padding-top:68px;padding-bottom:80px;display:grid}.hero-copy{max-width:630px;padding-bottom:28px}.live-pulse,.status-dot{background:#6aa047;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #d8ebc1}.hero h1,.auth-aside h1,.pricing-heading h1,.case-page h1{font-family:var(--display);letter-spacing:-.07em;margin:26px 0 25px;font-size:clamp(45px,5.2vw,72px);font-weight:800;line-height:1.08}.hero h1 em,.section-heading h2 em,.closing h2 em,.auth-aside h1 em,.pricing-heading h1 em{color:#789e48;font-style:normal}.hero-lead{color:#53645f;max-width:520px;font-size:18px;line-height:1.75}.hero-points{color:#3c5643;flex-wrap:wrap;gap:21px;margin-top:35px;font-size:12px;font-weight:700;display:flex}.hero-card{z-index:1;background:#fff;border:1px solid #e0e7da;border-radius:18px;padding:32px;position:relative;box-shadow:0 20px 45px #2b553316}.card-top{justify-content:space-between;align-items:center;display:flex}.card-status{letter-spacing:.14em;color:#517150;align-items:center;gap:11px;font-size:10px;font-weight:800;display:flex}.card-symbol{color:#95af81;font-size:25px}.hero-card h2{font-family:var(--display);letter-spacing:-.04em;margin:29px 0 7px;font-size:25px}.hero-card>p{color:#71807a;margin:0 0 27px;font-size:14px;line-height:1.5}.hero-card form{flex-direction:column;display:flex}.hero-card label,.auth-box label{letter-spacing:.12em;margin-top:13px;margin-bottom:10px;font-size:11px;font-weight:800}.hero-card input,.auth-box input,.add-form input{width:100%;color:var(--ink);background:#fafcf9;border:1px solid #dce4dc;border-radius:8px;outline:none;padding:16px 14px}.hero-card input:focus,.auth-box input:focus,.add-form input:focus{border-color:#75974d;box-shadow:0 0 0 3px #cced9d66}.hero-card input::placeholder,.auth-box input::placeholder,.add-form input::placeholder{color:#9aa6a0}.button{white-space:nowrap;text-align:left;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:25px;padding:15px 19px;font-size:14px;font-weight:800;transition:transform .15s,background .15s,color .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#314d3c}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#ddff7f}.button-outline{background:#fff;border-color:#bfc9c1}.button-outline:hover{background:#f0f5ea}.hero-card .button,.auth-box .button{width:100%;margin-top:22px}.hero-card .card-note{color:#829087;margin:17px 0 0;font-size:11px;line-height:1.5}.hero-decoration{letter-spacing:.45em;color:#547c5428;white-space:nowrap;font-size:11px;font-weight:800;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.steps-section,.uses-section{padding:100px 0}.steps-section{background:#fff}.section-heading h2{font-family:var(--display);letter-spacing:-.055em;margin:16px 0 11px;font-size:clamp(34px,4vw,49px);line-height:1.15}.section-heading>p{color:var(--muted);margin:0;font-size:16px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:47px;display:grid}.steps-grid article{background:#fff;border:1px solid #e5ebe3;border-radius:14px;min-height:235px;padding:28px;position:relative}.step-num{color:#b1bdb3;font:800 12px var(--display);position:absolute;top:25px;right:27px}.step-icon{color:#457041;background:#eff6e8;border-radius:12px;place-items:center;width:50px;height:50px;font-size:28px;display:grid}.steps-grid h3,.uses-grid h3{font-family:var(--display);letter-spacing:-.03em;margin:25px 0 8px;font-size:18px}.steps-grid p,.uses-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.uses-section{background:#f4f7ef}.heading-row{justify-content:space-between;align-items:end;display:flex}.text-link{color:#305b38;padding-bottom:11px;font-size:14px;font-weight:800}.uses-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px;display:grid}.use-card{background:#fff;border:1px solid #e4eae0;border-radius:13px;min-height:225px;padding:25px;transition:transform .15s,box-shadow .15s;position:relative}.use-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #1f3a1d13}.use-icon{color:#417343;background:#e9f3df;border-radius:10px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.use-arrow{color:#6f8b6c;position:absolute;bottom:24px;right:24px}.closing{color:#fff;background:#1d312a}.closing-inner{justify-content:space-between;align-items:end;gap:30px;padding-top:70px;padding-bottom:70px;display:flex}.eyebrow-light{color:#bada9b}.closing h2{font:800 clamp(33px,4vw,52px)/1.15 var(--display);letter-spacing:-.06em;margin:16px 0 0}.closing h2 em{color:var(--lime)}.closing .button{min-width:224px}.footer{color:#afc2b4;background:#13241d}.footer-inner{justify-content:space-between;align-items:center;gap:20px;min-height:105px;font-size:12px;display:flex}.footer-inner>div{gap:22px;display:flex}.auth-page{background:#f2f6ec;place-items:center;min-height:calc(100vh - 189px);padding:65px 32px;display:grid}.auth-wrap{grid-template-columns:1fr 1fr;align-items:center;gap:65px;width:100%;max-width:950px;display:grid}.auth-aside h1{font-size:clamp(42px,4.5vw,62px)}.auth-aside p{color:#61736a;max-width:320px;line-height:1.75}.auth-graphic{color:#52675c;background:#fff;border:1px solid #d6e0d2;border-radius:13px;flex-direction:column;gap:12px;width:310px;max-width:100%;margin-top:55px;padding:18px 22px;font-size:12px;display:flex;transform:rotate(-3deg);box-shadow:12px 15px #dae8d0}.auth-graphic-line{color:#6fa150}.auth-graphic b{color:#88b84a}.auth-box{background:#fff;border:1px solid #e0e7db;border-radius:17px;padding:42px;box-shadow:0 20px 45px #234e2b13}.box-icon{color:#4c7e3d;background:#eff6e6;border-radius:10px;place-items:center;width:47px;height:47px;font-size:25px;display:grid}.auth-box h2,.auth-box h1{font:800 29px/1.2 var(--display);letter-spacing:-.04em;margin:26px 0 10px}.auth-box>p{color:#65736c;margin:0 0 25px;font-size:14px;line-height:1.65}.auth-box form{flex-direction:column;display:flex}.auth-box label{margin-top:0}.fine-print{margin:17px 0 18px!important;font-size:12px!important}.back-link{color:#52724d;font-size:13px;font-weight:700}.notice{border-radius:8px;margin:15px 0;padding:14px 17px;font-size:13px;line-height:1.5}.notice.error{color:#8c3026;background:#fff0ee;border:1px solid #f2c6be}.notice.success{color:#326a36;background:#ecf7e5;border:1px solid #c8e8be}.simple-page{background:#eef4ea;place-items:center;min-height:calc(100vh - 189px);padding:80px 0;display:grid}.centered{max-width:460px;margin:auto}.pricing-page{background:#f6f8f2;min-height:calc(100vh - 189px);padding:82px 0 106px}.pricing-heading{text-align:center}.pricing-heading h1{margin:20px 0 17px;font-size:clamp(43px,5vw,64px)}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px;display:grid}.price-card{background:#fff;border:1px solid #e0e5dc;border-radius:15px;flex-direction:column;min-height:440px;padding:32px;display:flex;position:relative}.price-highlight{color:#fff;background:#233a2e;border-color:#233a2e;box-shadow:0 20px 35px #2b4a2a22}.popular{background:var(--lime);color:#233a2e;letter-spacing:.11em;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;top:-13px;left:26px}.price-name{letter-spacing:.13em;color:#608159;font-size:12px;font-weight:800}.price-highlight .price-name{color:#bedcb1}.price{align-items:baseline;gap:7px;margin:25px 0 10px;display:flex}.price strong{font:800 49px var(--display);letter-spacing:-.08em}.price>span{color:#819086;font-size:13px}.price-highlight .price>span{color:#b8c9bc}.price-description{color:#687a6c;min-height:42px;font-size:14px}.price-highlight .price-description{color:#c3d2c5}.price-card ul{border-top:1px solid #e8ede6;flex:1;gap:16px;margin:0;padding:22px 0 27px;font-size:13px;list-style:none;display:grid}.price-highlight ul{border-color:#476453}.price-card li{gap:12px;display:flex}.price-card li span{color:#5d9650;font-weight:800}.price-highlight li span{color:var(--lime)}.price-card .button,.price-card form,.price-card form .button{width:100%}.pricing-note{text-align:center;color:#68786c;max-width:680px;margin:38px auto 0;font-size:13px;line-height:1.6}.pricing-note strong{color:var(--ink)}.dashboard-page{background:#f5f7f2;min-height:calc(100vh - 189px);padding:58px 0 95px}.dashboard-top{justify-content:space-between;align-items:center;padding-bottom:38px;display:flex}.dashboard-top h1{font:800 clamp(35px,4vw,49px)/1.1 var(--display);letter-spacing:-.055em;margin:13px 0 10px}.dashboard-top p{color:#697970;margin:0;font-size:14px}.dashboard-top strong{color:var(--ink)}.subtle-button{color:#48604e;background:#fff;border:1px solid #cdd9ce;border-radius:8px;padding:11px 16px;font-weight:700}.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px;gap:24px;display:grid}.panel{background:#fff;border:1px solid #e1e8e0;border-radius:13px;padding:28px}.panel-heading,.watch-header{justify-content:space-between;align-items:start;display:flex}.panel h2,.watch-header h2{font:800 22px var(--display);letter-spacing:-.045em;margin:10px 0 0}.panel-icon{color:#7e9e77;font-size:28px}.add-form{gap:10px;margin-top:23px;display:flex}.add-form input{flex:1}.add-form .button{min-width:134px}.field-help{color:#829087;margin:12px 0 0;font-size:12px}.watch-header{margin:43px 0 18px}.count-badge{font:800 12px var(--sans);color:#497149;vertical-align:middle;background:#e6eee0;border-radius:30px;margin-left:6px;padding:5px 9px}.empty-state{text-align:center;background:#fff;border:1px dashed #cadac8;border-radius:13px;padding:55px 20px}.empty-icon{color:#72916e;font-size:39px}.empty-state h3{font:800 20px var(--display);margin:8px 0}.empty-state p{color:#7c897d;font-size:13px}.monitor-list{gap:11px;display:grid}.monitor-card{background:#fff;border:1px solid #e1e8e0;border-radius:12px;justify-content:space-between;gap:20px;padding:20px;display:flex}.monitor-main{gap:14px;min-width:0;display:flex}.monitor-indicator{background:#7fba4a;border-radius:50%;flex:none;width:10px;height:10px;margin-top:7px;box-shadow:0 0 0 4px #e5f4d9}.monitor-indicator.paused{background:#a4aaa5;box-shadow:0 0 0 4px #eff1ed}.monitor-details{min-width:0}.monitor-title{flex-wrap:wrap;align-items:center;gap:12px;font-size:15px;font-weight:800;display:flex}.monitor-title a:hover{text-decoration:underline}.monitor-title a span{color:#678664;font-size:12px}.status-pill{text-transform:capitalize;color:#4b8144;background:#eaf5e5;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:800}.status-pill.paused{color:#7a837a;background:#f0f1ee}.monitor-url{color:#75827b;text-overflow:ellipsis;white-space:nowrap;max-width:520px;margin-top:5px;font-size:12px;display:block;overflow:hidden}.monitor-meta{color:#839087;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:11px;display:flex}.monitor-error{color:#b25843;margin:8px 0 0;font-size:12px}.monitor-actions{flex:none;align-items:flex-start;gap:13px;display:flex}.monitor-actions button{color:#3d6c4c;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:800}.monitor-actions .delete-button{color:#a2635a}.plan-panel .plan-title{justify-content:space-between;align-items:baseline;margin-top:9px;display:flex}.plan-title h2{font-size:25px}.plan-title span{color:#6f7f72;font-size:12px}.usage-line{color:#6b796c;justify-content:space-between;margin:27px 0 10px;font-size:12px;display:flex}.usage-line strong{color:#243829}.usage-track{background:#e9eee7;border-radius:10px;height:8px;overflow:hidden}.usage-track span{background:#8fc65c;border-radius:10px;height:100%;display:block}.plan-panel>p{color:#79877d;margin:12px 0 27px;font-size:12px}.plan-panel .button,.plan-panel form,.plan-panel form .button{width:100%}.tip-panel{background:#e9f2e3;border:1px solid #dae9d3;border-radius:13px;margin-top:17px;padding:26px}.tip-icon{color:#4f874c;font-size:25px}.tip-panel h3{font:800 16px var(--display);margin:12px 0 9px}.tip-panel p{color:#5e7964;margin:0;font-size:12px;line-height:1.6}.case-page{background:linear-gradient(125deg,#f8f9f3,#e9f1e3);min-height:calc(100vh - 189px);padding:100px 0 90px}.case-grid{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.case-page h1{max-width:560px;font-size:clamp(42px,4.8vw,65px)}.case-page .hero-lead{font-size:18px}.case-detail{color:#68816b;margin:22px 0 30px;font-size:14px;line-height:1.7}.case-visual{place-items:center;min-height:355px;display:grid;position:relative}.case-browser{background:#fff;border:1px solid #d9e4d5;border-radius:14px;width:85%;padding:25px;transform:rotate(3deg);box-shadow:0 21px 40px #213e311e}.browser-dots{color:#adc5a4;letter-spacing:4px;font-size:12px}.browser-line{background:#e9eee7;border-radius:6px;width:62%;height:12px;margin-top:22px}.browser-line.long{background:#dce9d4;width:92%;height:20px;margin-top:35px}.browser-line.medium{width:78%}.browser-change{color:#3e7045;background:#e8f6d7;border-radius:8px;margin-top:35px;padding:14px 16px;font-size:13px;font-weight:800}.case-email{color:#fff;background:#233b2e;border-radius:9px;padding:18px 20px;font-size:13px;position:absolute;bottom:7px;left:5%;transform:rotate(-5deg);box-shadow:0 12px 25px #1d39243d}.case-foot{color:#708174;border-top:1px solid #cfdbcc;justify-content:space-between;gap:25px;margin-top:100px;padding-top:24px;font-size:12px;display:flex}.case-foot a{color:#34633a;white-space:nowrap;font-weight:800}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr;gap:32px}.hero h1{font-size:51px}.uses-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px}}@media (max-width:760px){.shell{padding:0 20px}.header-inner{height:69px}.brand{font-size:21px}.nav-links{gap:15px;font-size:12px}.nav-links a[href="/#how-it-works"]{display:none}.nav-cta{padding:10px}.hero-grid{flex-direction:column;align-items:stretch;gap:32px;padding-top:62px;padding-bottom:68px;display:flex}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,9vw,60px)}.hero-lead{font-size:16px}.hero-card{padding:25px}.steps-section,.uses-section{padding:70px 0}.steps-grid{grid-template-columns:1fr;gap:12px}.steps-grid article{min-height:0}.uses-grid{grid-template-columns:repeat(2,1fr)}.closing-inner{flex-direction:column;align-items:start}.auth-wrap{grid-template-columns:1fr;gap:28px}.auth-aside h1{margin:14px 0}.auth-aside p{margin:0}.auth-graphic{display:none}.auth-page{padding:55px 20px}.pricing-grid{grid-template-columns:1fr;max-width:470px;margin:45px auto 0}.price-card{min-height:0}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tip-panel{margin:0}.case-grid{grid-template-columns:1fr}.case-page{padding:70px 0}.case-visual{min-height:280px}.case-foot{margin-top:40px}.footer-inner{text-align:center;flex-wrap:wrap;justify-content:center;padding-top:27px;padding-bottom:27px}}@media (max-width:520px){.nav-links a[href=\/pricing]{display:none}.hero-points{gap:10px 17px;font-size:11px}.hero-card h2{font-size:22px}.uses-grid{grid-template-columns:1fr}.use-card{min-height:170px}.heading-row{align-items:start}.heading-row .text-link{white-space:nowrap;margin-top:3px;font-size:12px}.section-heading h2{font-size:34px}.auth-box{padding:27px}.dashboard-page{padding:35px 0 70px}.dashboard-top{padding-bottom:25px}.dashboard-top h1{font-size:33px}.add-form{flex-direction:column}.monitor-card{flex-direction:column;gap:15px}.monitor-actions{padding-left:24px}.dashboard-side{grid-template-columns:1fr}.case-email{font-size:11px}.case-foot{flex-direction:column;gap:9px}}