:root{--bg:#f5f5f0;--ink:#172c2b;--muted:#617370;--accent:#b9ed76;--line:#dbe2da;--white:#fff;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:800;letter-spacing:-1px;text-decoration:none}.mark{display:inline-block;background:var(--accent);border-radius:12px;padding:0 9px;transform:rotate(-8deg);margin-right:5px}nav{display:flex;gap:28px;font-size:14px}a{color:inherit}nav a{text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.5vw,70px);line-height:1.08;letter-spacing:-3px;font-weight:650}h2{font-size:30px;line-height:1.2;letter-spacing:-1px}h3{font-size:21px}h1 span{color:#638c54}section{margin-bottom:32px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;min-height:590px;padding:55px 0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px}.lead{font-size:18px;max-width:540px;color:var(--muted)}.muted{color:var(--muted);font-size:13px;margin-top:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}button,.button{background:var(--ink);color:white;border:1px solid var(--ink);font:inherit;font-weight:650;font-size:14px;padding:13px 20px;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}button:disabled{opacity:.5;cursor:wait}.button:hover,button:hover{filter:brightness(1.15)}:focus-visible{outline:3px solid #8bb854;outline-offset:3px}.flow-art{height:400px;border-radius:120px 22px 120px 22px;background:#183b36;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--accent)}.flow-art>span{font-size:130px;letter-spacing:-15px;font-weight:600;z-index:1}.flow-dot{font-size:50px;vertical-align:top;letter-spacing:0}.flow-art small{position:absolute;bottom:40px;letter-spacing:3px;font-size:9px}.orbit{position:absolute;border:1px solid #81b875;border-radius:50%;width:540px;height:210px;transform:rotate(-40deg);opacity:.3}.orbit-two{height:300px;transform:rotate(40deg)}.orbit-three{height:500px;width:250px;transform:rotate(55deg)}.grid{display:grid;gap:20px}.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.card p{color:var(--muted)}.icon{display:block;color:#659548;font-weight:700;font-size:13px;margin-bottom:32px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:65px 0;align-items:center}.price{background:#e6efdf}.price h3{font-size:70px;margin:18px 0 0;line-height:1}.price h3 small{font-size:30px}.price ul{padding:20px;line-height:2.2;font-size:14px}.price .button{width:100%}.pill{display:inline-block;background:#e8f4de;border-radius:50px;font-size:10px;letter-spacing:1px;padding:6px 12px;white-space:nowrap}.auth{max-width:470px;margin:60px auto 100px;background:var(--white);padding:35px;border-radius:var(--radius);border:1px solid var(--line)}.auth h1{font-size:40px;letter-spacing:-1px}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input,select{display:block;width:100%;margin-top:7px;padding:12px;border-radius:10px;border:1px solid var(--line);font:inherit;font-size:15px;background:var(--white);color:var(--ink)}input[readonly]{font-size:12px;background:var(--bg)}form button{width:100%;margin-top:8px}.dashboard-head{display:flex;justify-content:space-between;align-items:center;padding:35px 0 10px}.dashboard-head h1{font-size:46px;letter-spacing:-2px;margin-bottom:10px}.dashboard{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.dashboard .card{margin-bottom:20px}.dashboard h2{font-size:23px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.metrics{display:flex;gap:40px;margin:24px 0}.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{font-size:25px;font-weight:600}.device{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.device strong{word-break:break-word}.device .actions{margin:0;gap:8px}.device button{font-size:11px;padding:8px}.device small{display:block;color:var(--muted)}.inline-form{display:flex;gap:12px;align-items:end}.inline-form label{flex:1;margin-bottom:0}.inline-form button{width:auto;margin-bottom:0}.accent{background:#e6efdf}.accent small{font-size:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}td button{font-size:10px;padding:6px}td small{display:block;font-size:10px;color:var(--muted)}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:4;background:var(--ink);color:white;padding:16px 24px;border-radius:12px;max-width:90vw;box-shadow:0 5px 30px #0002}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted);margin-top:50px;padding-bottom:40px}footer .brand{font-size:20px}footer p{margin:0}[hidden]{display:none!important}@media(max-width:800px){header,main,footer{padding:20px}.hero{gap:20px;grid-template-columns:1fr;padding:35px 0}.flow-art{height:270px}.three,.pricing,.dashboard{grid-template-columns:1fr}.pricing{gap:30px;padding:30px 0}.card{padding:23px}.auth{padding:25px;margin:35px auto}.hero h1{font-size:52px}.device{align-items:start;flex-direction:column}nav{gap:15px;font-size:12px}nav a:first-child{display:none}.section-title{flex-wrap:wrap}.metrics{gap:24px}.metrics strong{font-size:22px}footer{flex-wrap:wrap}.inline-form{flex-wrap:wrap}.inline-form label{flex-basis:100%}.inline-form button{width:100%}}

.danger{color:#923c36;border-color:#d7b6b1}.legal{max-width:850px;margin:40px auto}.legal h1{font-size:40px;letter-spacing:-1px}
nav{flex-wrap:wrap}footer nav{font-size:12px;gap:12px}#support a{overflow-wrap:anywhere}
@media(max-width:480px){header{flex-wrap:wrap;gap:12px}.hero h1{font-size:44px}.auth{padding:20px}.metrics{flex-wrap:wrap}.legal nav a:first-child,footer nav a:first-child{display:inline}}
