:root{--ink:#183d31;--green:#155843;--muted:#718077;--line:#dce4dc;--paper:#f5f6f0}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Inter,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}header{height:104px;width:100%;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brandmark{width:43px;height:43px;border-radius:13px;background:var(--green);display:grid;place-items:center;color:#dbefb6}.brandmark svg{width:28px;height:28px}.brand strong{font-size:23px;letter-spacing:-1px}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:1.7px;text-transform:uppercase}.header-label{font-size:12px;display:flex;gap:8px;align-items:center;color:#56685e}.dot{height:7px;width:7px;background:#759f68;border-radius:50%}main{max-width:1280px;margin:auto;padding:64px 48px 60px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;margin-bottom:65px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:23px}.eyebrow:before{content:'';width:24px;height:2px;background:#7e9970}h1{font-size:clamp(40px,4.4vw,62px);letter-spacing:-2.8px;line-height:1.09;font-weight:600;margin:0 0 22px}h1 span{color:#7c9870}p{line-height:1.7}.intro{font-size:14px;color:#6b7b71;max-width:410px;margin:0}.hero-art{height:246px;position:relative;overflow:hidden;background:#e8eddf;border-radius:120px 120px 28px 28px;max-width:390px;width:100%;justify-self:end}.hero-art .ring{position:absolute;border:1px solid #cdd8c4;border-radius:50%;height:270px;width:270px;left:60px;top:45px}.hero-art .ring.two{height:350px;width:350px;left:20px;top:5px}.plant{position:absolute;width:190px;height:230px;left:calc(50% - 95px);bottom:-5px;stroke:none}.art-tag{position:absolute;bottom:18px;left:20px;font-size:9px;letter-spacing:2px;color:#71836a}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}h2{font-size:21px;font-weight:600;letter-spacing:-.6px;margin:0 0 7px}.section-head p{font-size:12px;color:var(--muted);margin:0}.count{font-size:11px;border:1px solid #d9e1d6;padding:7px 11px;border-radius:20px;background:#edf0e8;color:#687d61}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid #dde4db;border-radius:19px;padding:27px;display:flex;flex-direction:column;min-height:302px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.card:hover{transform:translateY(-5px);border-color:#96ad8d;box-shadow:0 16px 32px #193e300a}.card:focus-visible{outline:3px solid #79a364;outline-offset:5px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.app-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center}.app-icon svg{width:28px;height:28px}.orange{background:#fff0e7;color:#d86b34}.blue{background:#edf2fe;color:#567bc0}.purple{background:#f1edfb;color:#9272b4}.number{font-size:11px;color:#a7b0a6;font-variant-numeric:tabular-nums}.card h3{font-size:23px;letter-spacing:-.7px;font-weight:600;margin:0 0 10px}.card p{font-size:13px;line-height:1.65;color:#7a857c;margin:0 0 26px;max-width:270px}.card-bottom{border-top:1px solid #edf0e9;padding-top:17px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}.domain{font-size:10px;color:#7a877c;overflow-wrap:anywhere}.arrow{display:grid;place-items:center;background:#f0f4eb;color:#426e43;border-radius:50%;width:30px;height:30px;flex-shrink:0;transition:background .2s}.arrow svg{width:14px;height:14px}.card:hover .arrow{color:white;background:var(--green)}.bottom-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#8b968c;margin:23px 0 0}.bottom-note svg{width:14px;height:14px}footer{max-width:1184px;padding:24px 0;margin:0 auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#859083}footer b{color:#53694e;font-weight:500}.page{min-height:100dvh;display:flex;flex-direction:column}.page main{width:100%;flex:1}.page footer{width:calc(100% - 96px)}@media(min-width:1500px){main{padding-top:85px}.hero{margin-bottom:80px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:900px){header{padding:0 28px;height:86px}main{padding:44px 28px}.hero{gap:25px;margin-bottom:44px}.hero-art{height:215px}h1{font-size:46px}.cards{gap:12px}.card{padding:21px;min-height:310px}.card h3{font-size:21px}.domain{font-size:9px}.page footer{width:calc(100% - 56px)}}@media(max-width:650px){header{height:82px;padding:0 23px}.brand strong{font-size:22px}.brand small{font-size:8px;letter-spacing:1.1px}.brandmark{width:39px;height:39px}.header-label{font-size:0}.header-label .dot{height:8px;width:8px}main{padding:38px 23px}.hero{grid-template-columns:1fr;gap:25px;margin-bottom:34px}h1{font-size:47px;letter-spacing:-2.3px}.eyebrow{font-size:9px;margin-bottom:17px}.intro{font-size:13px;max-width:330px}.hero-art{display:none}.section-head{margin-bottom:17px}h2{font-size:19px}.section-head p{font-size:11px}.cards{grid-template-columns:1fr;gap:14px}.card{padding:22px;min-height:0}.card-top{margin-bottom:18px}.app-icon{width:49px;height:49px;border-radius:14px}.card p{max-width:100%;margin-bottom:20px}.domain{font-size:11px}.card-bottom{padding-top:13px}.bottom-note{font-size:10px;line-height:1.6}.page footer{width:calc(100% - 46px);padding:20px 0;flex-direction:column;gap:8px}}

input,select{font:inherit;width:100%;padding:13px;border:1px solid #cbd8c5;border-radius:10px;background:#fff;color:#183d31;min-height:46px}label{display:block;margin:15px 0 7px;font-size:12px;font-weight:600}.login-submit{border:0;width:100%;cursor:pointer;margin-top:23px}.alert{padding:12px 15px;border-radius:10px;background:#fff0e7;color:#91421e;font-size:13px;margin:15px 0}.success{background:#e8f1df;color:#315f3f}.password-wrap{display:flex;gap:8px}.password-wrap input{min-width:0}.show-pass{border:1px solid #d4dfce;border-radius:9px;background:#f0f4e9;font-size:11px;padding:8px;min-width:60px;color:#315f3f;cursor:pointer}.user-panel{max-width:800px;margin:35px auto;background:white;border:1px solid #dce4da;border-radius:20px;padding:28px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #e9eee5}.user-row form{margin:0}.user-row small{display:block;color:#788477;margin-top:5px}.navlinks{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px}.logout-form{display:inline;margin:0}.logout-form button{border:0;background:transparent;color:#183d31;cursor:pointer;min-height:44px;font-size:12px}.account-form{max-width:430px}.actions{display:flex;gap:10px;align-items:center}.user-panel h2{margin-bottom:16px}.password-hint{font-size:11px;color:#73816d}.auth-note{font-size:11px;color:#76836e;line-height:1.7}.login-layout{padding-top:45px;padding-bottom:45px}@media(max-width:650px){.navlinks{gap:10px;font-size:10px}.user-panel{margin:20px 0;padding:20px}.user-row{align-items:flex-start}.user-row .install-btn{font-size:10px;padding:8px}.header-actions .navlinks a{min-height:44px;display:flex;align-items:center}.login-story h1{font-size:40px}}