:root{--ink:#163f3b;--teal:#267267;--mint:#e7eeea;--paper:#fafbf8;--muted:#6f7c76;--line:#dce4dd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a,button,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d89a49;outline-offset:5px}.wrap{width:min(1180px,90%);margin:auto}.demo-bar{background:var(--ink);color:#eaf2e6;text-align:center;padding:8px 20px;font-size:10px;letter-spacing:1.4px}.demo-bar span{letter-spacing:.3px;margin-left:20px;opacity:.8}header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0}.brand{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1}.brand-icon{font-size:46px;color:var(--teal)}.brand-sub{display:block;font-size:9px;letter-spacing:3px;margin-top:8px}header nav{display:flex;gap:30px;font-size:13px}header nav a{padding:8px 0;color:var(--muted)}header nav a:hover,header nav a[aria-current]{color:var(--ink);box-shadow:0 2px var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--teal);color:white;border:0;border-radius:7px;padding:16px 23px;font:inherit;font-size:13px;cursor:pointer}.button:hover{background:#1a554e}.small{padding:12px 18px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:555px;margin-top:20px;border-radius:18px;overflow:hidden;background:#eff2e9}.hero-copy{padding:64px 48px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:68px;line-height:1.06;letter-spacing:-2.5px;margin:25px 0}h1 em{color:var(--teal);font-weight:400}.hero-copy p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:28px}.hero-note{display:flex;align-items:center;gap:9px;font-size:11px;margin-top:27px;color:var(--muted)}.hero-note span{font-size:24px;color:var(--teal)}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:#cbded3;overflow:hidden;min-height:440px}.hero-art svg{width:73%;position:relative;z-index:1;filter:drop-shadow(5px 24px 15px #49766a35);transform:rotate(-12deg)}.orbit{position:absolute;width:370px;height:370px;border:1px solid #eff8eb;border-radius:50%;box-shadow:0 0 0 45px #e4eee51a,0 0 0 90px #e4eee520}.spark{position:absolute;color:#fff;font-size:60px;z-index:2}.one{top:45px;right:45px}.two{bottom:125px;left:45px;font-size:35px}.floating{position:absolute;z-index:3;bottom:58px;background:#fffef4ef;padding:16px 22px;border-radius:10px;display:flex;gap:14px;align-items:center;font-size:24px;box-shadow:0 10px 30px #16413915;transform:rotate(-4deg)}.floating span{font-size:12px;font-weight:700}.floating small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:2px}.art-caption{position:absolute;bottom:19px;font-size:9px;letter-spacing:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;border-bottom:1px solid var(--line);margin-top:12px}.stats div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-left:34px}.stats div:first-child{padding-left:8px}.stats div:last-child{border:0}.stats strong{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:32px}.stats span{font-size:11px;color:var(--muted)}.section{padding:68px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:34px;line-height:1.2;letter-spacing:-.7px;margin:10px 0}.text-link{font-size:12px;border-bottom:1px solid #97aaa2;padding-bottom:5px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #163f3b0b}.card-art{height:156px;position:relative;overflow:hidden;background:#e2eadd;display:flex;align-items:center;justify-content:center}.card-art:before,.card-art:after{content:'';position:absolute;width:150px;height:150px;border:1px solid #ffffff80;border-radius:50%;left:14%;top:30%}.card-art:after{left:46%;top:-40%}.card-art span{font-size:85px;color:#739987;line-height:1;transform:rotate(12deg)}.card-art small{position:absolute;bottom:12px;left:18px;font-size:8px;letter-spacing:2px}.art-1{background:#f0e7d8}.art-1 span{color:#b7a082}.art-2{background:#dce9e9}.art-2 span{color:#79a6a6}.art-3{background:#e6e2ed}.art-3 span{color:#aaa0bc}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card-body .eyebrow{font-size:8px}h3{font-family:Arial,Helvetica,sans-serif;font-size:21px;line-height:1.4;font-weight:400;margin:10px 0 12px}.card p{font-size:12px;color:var(--muted);line-height:1.8}.card-link{display:flex;justify-content:space-between;font-size:11px;margin-top:auto;padding-top:18px;border-top:1px solid #edf0eb}.banner{background:var(--ink);color:#f2f2e6;padding:40px 45px;border-radius:14px;position:relative;margin-bottom:60px}.banner .eyebrow{color:#b6cbbc}.banner h2{font-size:38px}.banner .button{position:absolute;right:45px;top:60px}.light{background:#e7eddf;color:var(--ink)}.light:hover{background:#cdd9bf}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 0 40px}footer .brand{font-size:19px}footer p,footer>a:last-child{font-size:11px;color:var(--muted);margin:0}.listing{padding:50px 0}.listing h1{font-size:52px}.listing>p{color:var(--muted);max-width:720px}.search{display:flex;max-width:680px;gap:10px;margin:30px 0 15px}.search input{min-width:0;flex:1;border:1px solid var(--line);border-radius:7px;background:white;padding:15px;font:inherit;font-size:13px}.result-count{font-size:12px}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:40px 0}.pagination a{padding:7px 14px;border:1px solid var(--line);border-radius:5px;font-size:12px}.pagination [aria-current]{background:var(--teal);color:white}.detail{max-width:800px;margin:50px auto 80px}.detail .eyebrow{margin-top:40px}.detail h1{font-size:48px;line-height:1.2;overflow-wrap:anywhere}.content{white-space:normal;color:#465953;line-height:1.95;overflow-wrap:anywhere;font-size:16px;border-top:1px solid var(--line);padding-top:30px}.detail aside{margin-top:35px;background:var(--mint);padding:20px;font-size:12px;border-radius:8px}.empty{text-align:center;padding:70px 15px}@media(max-width:900px){header{flex-wrap:wrap}header nav{order:3;width:100%;justify-content:center}.hero-copy{padding:40px 30px}h1{font-size:52px}.grid{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:410px}.orbit{width:230px;height:230px}.floating{padding:12px;bottom:50px}.stats div{padding-left:20px}.banner .button{position:static;margin-top:16px}}@media(max-width:580px){.wrap{width:91%}.demo-bar span{display:block;margin:2px 0 0;font-size:9px}header{padding:22px 0}header nav{gap:20px;font-size:12px}.brand{font-size:27px}.small{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;margin-top:0}.hero-copy{padding:35px 25px}h1{font-size:51px}.hero-art{min-height:330px}.hero-art svg{width:230px}.hero-copy p{font-size:13px}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.stats div:nth-child(2){border:0}.stats div,.stats div:first-child{padding-left:15px}.stats span{font-size:10px}.section{padding:42px 0}.section-head{align-items:start;flex-direction:column;gap:12px}h2{font-size:29px}.grid{grid-template-columns:1fr;gap:20px}.card-art{height:170px}.banner{padding:30px 25px;margin-bottom:35px}.banner h2{font-size:32px}footer{align-items:start;flex-direction:column}.listing{padding:30px 0}.listing h1,.detail h1{font-size:38px;letter-spacing:-1px}.detail{margin:30px auto 50px}.search .button{padding:12px 17px}.content{font-size:15px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
