:root{--ink:#17372e;--muted:#64756d;--bg:#f6f7f2;--line:#dce3d9;--green:#d5f26d;--white:#fff;--dark:#153e31}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.demo-strip{background:#e9eedc;text-align:center;padding:9px 16px;font-size:10px;letter-spacing:1.6px;font-weight:700}.strip-detail{letter-spacing:.1px;font-weight:400;margin-left:14px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#547347;margin-right:6px}header{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:24px 40px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:-1px}.logo{background:var(--ink);color:var(--green);border-radius:10px;width:35px;height:35px;text-align:center;font-size:26px;line-height:33px}.logo span{font-size:15px}.lab{font-size:9px;letter-spacing:1.5px;font-weight:500;margin-left:8px;color:var(--muted)}nav{display:flex;background:#e8ede4;padding:4px;border-radius:10px;gap:3px}nav button{padding:9px 21px;background:transparent;border-radius:7px;color:var(--muted);font-size:13px}nav .selected{background:white;box-shadow:0 2px 5px #163a2910;color:var(--ink);font-weight:650}#nav-count{background:#d9e5ce;padding:1px 6px;border-radius:5px;font-size:10px;margin-left:4px}.quiet{background:transparent;font-size:12px;color:var(--muted)}main{max-width:1200px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:55px 0 45px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#5d7565;margin:0 0 18px}h1{font-size:clamp(42px,5vw,66px);line-height:1.05;letter-spacing:-3px;margin:0 0 22px;font-weight:600}h1 span{color:#698858}.intro{color:var(--muted);font-size:16px;line-height:1.7}.hero-tags{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;margin-top:25px;color:#567047}.network-art{height:270px;position:relative;background:radial-gradient(ellipse,#e0edc9 0,transparent 66%)}.bubble{position:absolute;background:white;padding:12px 18px;border:1px solid #d9e3cc;border-radius:10px;box-shadow:0 6px 20px #18332108;font-weight:650;font-size:12px;z-index:1}.bubble small{display:block;font-weight:400;color:var(--muted);font-size:10px}.one{left:4%;top:10px}.two{right:3%;top:35px}.three{left:0;bottom:25px}.pool{position:absolute;left:35%;top:120px;border-radius:16px;padding:17px 24px;background:var(--dark);color:#e4f1de;font-size:11px;box-shadow:0 10px 40px #2e533622}.pool strong{display:block;color:var(--green);font-size:21px;letter-spacing:-.6px}.pool span{display:block;font-size:9px;margin-top:10px;opacity:.7}.orbit-line{position:absolute;width:65%;height:60%;border:1px dashed #a6ba8d;border-radius:50%;left:16%;top:45px;transform:rotate(-12deg)}.metrics{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;gap:46px;align-items:center}.metrics div{display:flex;flex-direction:column}.metrics b{font-size:26px;font-weight:550;letter-spacing:-1px}.metrics span{font-size:11px;color:var(--muted)}.metrics p{font-size:10px;color:var(--muted);margin-left:auto}.view{padding:38px 0 40px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head .eyebrow{margin-bottom:10px}h2{font-size:25px;letter-spacing:-.8px;line-height:1.25;margin:0 0 10px;font-weight:570}.section-head p{color:var(--muted);margin:0;font-size:13px}.pill{background:#e9eedf;border:1px solid #d9e3d0;border-radius:30px;padding:6px 11px;font-size:10px;white-space:nowrap;color:#527042}.buyer-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}form{display:grid;gap:18px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:650;color:#486052}input:not([type=checkbox]),select{width:100%;border:1px solid #d9e0d5;border-radius:7px;padding:11px 12px;background:#fcfdf9;color:var(--ink);font-size:13px;min-height:42px}.pair,.triple{display:grid;grid-template-columns:1fr 1fr;gap:14px}.triple{grid-template-columns:repeat(3,1fr)}fieldset{border:0;padding:0;margin:0;display:flex;gap:20px}legend{font-size:11px;font-weight:650;margin-bottom:9px;color:#486052}.check{display:flex;flex-direction:row;align-items:center;font-weight:400;font-size:12px}.consent{flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.6;font-size:11px}.consent input{margin-top:4px;flex-shrink:0}input[type=checkbox]{accent-color:var(--dark)}.primary{background:var(--dark);color:white;border-radius:8px;padding:13px 18px;font-size:12px;font-weight:600;text-align:left;display:flex;justify-content:space-between}.primary:hover{background:#22543f}.secondary{background:white;border:1px solid #cbd7c3;border-radius:7px;padding:9px 13px;font-size:11px;color:var(--ink)}.fine{font-size:10px;color:var(--muted);margin:0;line-height:1.7}.scenario{background:#edf2e5;min-height:325px}.scenario h3{font-size:26px;font-weight:550;letter-spacing:-.8px;margin:15px 0}.scenario p{font-size:12px;color:var(--muted)}.price-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e2cf;padding:12px 0;font-size:12px}.price-row b{font-size:17px;font-weight:550}.price-row.highlight{background:var(--dark);color:white;border-radius:8px;padding:13px;margin-top:10px;border:0}.highlight b{color:var(--green);font-size:23px}.how{display:flex;flex-direction:column;gap:12px;padding:22px 4px;color:#8a9b7f;font-size:10px}.how b{font-size:12px;font-weight:450;margin-left:15px;color:var(--muted)}.lower{margin-top:34px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.offer-card h3,.rule-card h3{font-size:18px;margin:10px 0 6px;letter-spacing:-.3px}.offer-card p,.rule-card p{color:var(--muted);font-size:12px}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.badge{font-size:9px;border-radius:5px;padding:4px 7px;background:#edf2e7;color:#55713e;font-weight:600}.badge.cancelled{background:#f9e9de;color:#945a35}.badge.ready{background:#dff0c8;color:#3c641e}.price-big{font-size:33px;letter-spacing:-1px;font-weight:550;margin:20px 0 0}.price-big small{font-size:11px;letter-spacing:0;color:var(--muted);font-weight:400}.saving{font-size:11px;color:#52763b;background:#eef5e6;display:inline-block;padding:5px 8px;border-radius:5px;margin:9px 0 15px}.member{border-top:1px solid var(--line);padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.member div{font-size:11px}.member small{display:block;color:var(--muted);font-size:9px}.actions{display:flex;gap:5px;align-items:center}.actions button{font-size:10px;border-radius:5px;padding:7px 9px;background:#e7efdc;color:#38522c}.actions .withdraw{background:transparent;color:#8b6145}.approved{font-size:10px;color:#507136}.progress{display:flex;gap:5px;margin:14px 0}.progress i{height:4px;background:#e0e6da;border-radius:2px;flex:1}.progress .done{background:#88b251}.empty{padding:30px;border:1px dashed #c8d6bb;border-radius:12px;color:var(--muted);font-size:13px;grid-column:1/-1}.dark{background:var(--dark);color:#e3eddb}.dark h2{font-size:35px;margin:26px 0;max-width:300px}.dark p{color:#c1d0b8;font-size:14px;line-height:1.8}.dark .eyebrow{color:var(--green)}.dark hr{border:0;border-top:1px solid #446450;margin:30px 0}.dark .fine{font-size:11px}.flow{display:flex;justify-content:space-around;align-items:center;font-size:12px;color:var(--muted);text-align:center}.flow b{display:block;font-size:25px;color:var(--ink);font-weight:550;margin-top:7px}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{background:#eef2e8;font-weight:600;padding:14px;white-space:nowrap}td{padding:14px;border-top:1px solid var(--line);min-width:90px}td small{display:block;color:var(--muted);font-size:9px}.events{max-height:320px;overflow:auto}.event{display:flex;gap:16px;font-size:11px;border-bottom:1px solid var(--line);padding:12px 0}.event span:first-child{color:#92a37d;font-size:10px}.event small{color:var(--muted);margin-left:auto}#notice:not(:empty){position:sticky;top:12px;background:#e5efce;border:1px solid #b6ce96;padding:12px 18px;border-radius:8px;font-size:12px;z-index:4;margin-top:20px}#notice.error{background:#fff0e8;border-color:#d6b5a0}#suggest-panel{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:16px}
footer{display:flex;gap:20px;border-top:1px solid var(--line);padding:25px 0 35px;font-size:10px;color:var(--muted)}footer b{color:var(--ink);font-size:14px}footer span:last-child{margin-left:auto}button:hover{filter:brightness(.96)}[hidden]{display:none!important}@media(max-width:800px){header{padding:18px;flex-wrap:wrap}.lab{display:none}.brand{font-size:20px}nav{order:3;width:100%;justify-content:center}nav button{flex:1}.hero{grid-template-columns:1fr;padding:35px 0 25px}.network-art{display:none}.hero-tags{gap:10px}.buyer-layout{grid-template-columns:1fr}.metrics{gap:20px;flex-wrap:wrap}.metrics p{width:100%;margin:0}.metrics b{font-size:22px}.section-head{align-items:flex-start;flex-wrap:wrap}.cards{grid-template-columns:1fr}.flow{flex-wrap:wrap;gap:12px}.flow>span:nth-child(even){display:none}footer{flex-wrap:wrap}footer span:last-child{margin-left:0}main{padding:0 18px}.strip-detail{display:block;margin:3px 0 0;font-size:9px}h1{letter-spacing:-2px}.panel{padding:21px}.table-wrap{padding:0}.triple{gap:7px}}
