:root{--bg:#0b0d0b;--panel:#151a16;--line:#39473a;--acid:#cbff61;--paper:#eff3e9;--muted:#97a493;--mono:'DM Mono',ui-monospace,monospace;--body:'Manrope',sans-serif;--display:'Unbounded',sans-serif;--ease:cubic-bezier(.18,.8,.19,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--bg);color:var(--paper);font:400 15px/1.65 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--acid);color:#111}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.wrap{width:min(1500px,calc(100% - 104px));margin:auto}.skip{position:absolute;top:-80px;left:20px;background:var(--acid);color:#111;padding:10px;z-index:500}.skip:focus{top:10px}.progress{height:2px;background:var(--acid);width:0;position:fixed;top:0;left:0;z-index:200}.navigation{border-bottom:1px solid #303c30;position:relative;z-index:100;background:#0b0d0b}.navinner{height:86px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:4px;font:800 16px var(--display);letter-spacing:-.085em;white-space:nowrap}.brand .dot{color:var(--acid)}.brand small{margin-left:14px;border-left:1px solid #455446;padding-left:16px;color:#8d9a8b;letter-spacing:0;font:400 9px/1.5 var(--mono)}.brand-icon{position:relative;width:27px;height:27px;margin-right:10px}.brand-icon:before,.brand-icon:after{content:'';position:absolute;inset:4px;border:3px solid var(--acid);transform:rotate(45deg)}.brand-icon:after{inset:11px;background:var(--acid)}.navinner nav{margin-left:auto;display:flex;gap:22px}.navinner nav a{font:500 10px var(--mono);color:#c1ccbd}.navinner nav a:hover{color:var(--acid)}.lab-indicator{white-space:nowrap;border:1px solid #486344;padding:10px 14px;color:#d7e4ce;font:500 9px var(--mono)}.lab-indicator i,.ping{display:inline-block;width:6px;height:6px;background:var(--acid);box-shadow:0 0 14px var(--acid);border-radius:50%;margin-right:7px;animation:blink 3s infinite}@keyframes blink{50%{opacity:.3}}
.intro{padding:37px 0 0}.intro-meta,.intro-foot,.labelrow{display:flex;justify-content:space-between;gap:20px;font:500 10px var(--mono);color:#95a58e;letter-spacing:.06em}.intro-meta span:first-child,.labelrow span:first-child{color:var(--acid)}.intro-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(370px,.97fr);gap:55px;align-items:center;padding:85px 0 90px}.tagline{color:var(--acid);font:500 10px var(--mono);letter-spacing:.06em}.intro h1,.library h2,.selection h2{font:700 clamp(45px,6.35vw,102px)/1.12 var(--display);letter-spacing:-.095em;margin:26px 0 30px}.intro h1 em,.library h2 em,.selection h2 em{font-style:normal;-webkit-text-stroke:1px #dde5d7;color:transparent}.intro h1 span{color:var(--acid)}.lead{color:#aebcaf;max-width:630px;line-height:1.9;margin:0;font-size:15px}.lead strong{color:#e4eddb;font-weight:500}.intro-acts{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.cta{display:inline-flex;align-items:center;gap:30px;justify-content:space-between;border:1px solid var(--acid);background:var(--acid);color:#10180e;min-height:52px;padding:0 18px;text-align:left;font:700 11px var(--body);transition:transform .3s var(--ease),background .3s}.cta:hover{transform:translateY(-3px);background:#e3ffa5}.cta span{font-size:22px;font-weight:400}.secondary-cta{font:500 10px var(--mono);color:#c9d4c2;border-bottom:1px solid #829780;padding-bottom:9px}.secondary-cta:hover{color:var(--acid)}.hero-live{position:relative;min-height:500px;overflow:hidden;border:1px solid #3b5540;background:#101b14;isolation:isolate}.hero-live canvas,.sample canvas,.viewer-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-live-shade,.sample-shade,.stage-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,12,9,.79),rgba(7,12,9,.17)),linear-gradient(0deg,rgba(7,12,9,.56),transparent 60%)}.hero-live-content{position:absolute;z-index:2;inset:26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.hero-live-content>span{font:500 10px var(--mono);color:var(--acid)}.hero-live-content strong{font:700 clamp(32px,3.2vw,53px)/1.13 var(--display);letter-spacing:-.085em}.hero-live-content strong span{color:var(--acid)}.hero-live-content small{font:500 10px var(--mono);color:#9baea0}.intro-foot{border-top:1px solid #39483a;padding:25px 0 32px}.ticker{background:var(--acid);color:#101a10;overflow:hidden;white-space:nowrap;height:50px;display:flex;align-items:center}.ticker-inner{width:max-content;font:600 10px var(--mono);letter-spacing:.07em;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.library{padding:110px 0 150px;background:radial-gradient(ellipse at 87% 10%,rgba(77,112,52,.09),transparent 36%),#0b0d0b}.library-head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin:40px 0 63px}.library h2,.selection h2{margin:0;font-size:clamp(48px,6.1vw,90px)}.library-head p,.selection-inner p{max-width:490px;margin:0;color:#a4b2a1;line-height:1.95}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #475b43;margin-bottom:30px;padding-bottom:20px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{border:1px solid #445343;background:#141b16;color:#adbdaa;padding:13px 15px;font:500 10px var(--mono);transition:background .25s,color .25s}.filters button.active,.filters button:hover{background:var(--acid);border-color:var(--acid);color:#111}.filters button span{margin-left:6px}.counter{color:var(--acid);font:500 11px var(--mono);white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}.card{min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;color:#aabbaa;font:500 10px var(--mono);letter-spacing:.04em}.card-heading b{color:var(--acid);font-weight:500}.sample{position:relative;overflow:hidden;min-height:clamp(300px,26vw,405px);border:1px solid #425441;background:#101710;isolation:isolate;cursor:pointer;transition:border-color .3s}.sample:hover{border-color:#b1e077}.sample:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.sample-copy{position:absolute;z-index:2;inset:27px;display:flex;flex-direction:column;pointer-events:none;justify-content:space-between}.sample-copy>span{font:500 9px var(--mono);color:#dcf6c8}.sample-copy strong{font:700 clamp(25px,2.95vw,44px)/1.2 var(--display);letter-spacing:-.085em;text-shadow:0 2px 22px #0009}.sample-copy strong em{font-style:normal;color:var(--acid)}.sample-copy small{font:500 9px var(--mono);color:#b6d1ad}.sample-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}.sample-bottom h3{margin:0 0 4px;font:600 17px var(--display);letter-spacing:-.05em}.sample-bottom p{color:#839780;font:400 12px var(--body);margin:0}.card-buttons{display:flex;gap:6px;flex-shrink:0}.card-buttons button{width:42px;height:42px;border:1px solid #50614b;color:#ecf6e6;background:#162118;font-size:19px;transition:background .3s,color .3s}.card-buttons button:hover,.card-buttons button.saved{background:var(--acid);color:#121712;border-color:var(--acid)}
.selection{padding:115px 0 135px;background:#e5ede0;color:#172017}.selection-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.selection h2 em{-webkit-text-stroke:1px #364637}.selection-inner p{margin:25px 0;color:#455345}.selection-inner .secondary-cta{color:#1d3b17}.selection .labelrow span:first-child{color:#537d3d}.selection-panel{min-height:350px;background:#121b13;color:#e5f1e3;border:1px solid #4c6a46;padding:27px;display:flex;flex-direction:column}.panel-top{display:flex;justify-content:space-between;gap:15px;color:var(--acid);font:500 10px var(--mono);border-bottom:1px solid #364836;padding-bottom:18px}.favorite-list{flex:1;padding:24px 0;color:#b3c5b0;font:400 13px/2 var(--mono);min-height:180px}.favorite-list span{display:inline-block;padding:3px 8px;border:1px solid #496141;margin:3px}.panel-actions{display:flex;gap:10px;flex-wrap:wrap}.outline-btn{padding:0 19px;min-height:49px;background:transparent;border:1px solid #718a68;color:#eff6e9;font:600 11px var(--body)}.outline-btn:hover{border-color:var(--acid);color:var(--acid)}.feedback{min-height:25px;font:500 10px var(--mono)!important;color:var(--acid)!important;margin:15px 0 0!important}footer{padding:55px 0 28px;background:#0b0d0b;overflow:hidden}.footer-top,.footer-base{display:flex;justify-content:space-between;gap:15px;font:500 10px var(--mono);color:#9caa98}.footer-logo{font:700 clamp(65px,12vw,175px)/1.17 var(--display);letter-spacing:-.105em;margin:60px 0}.footer-logo span{color:var(--acid)}.footer-base{border-top:1px solid #3e4a3d;padding-top:25px}footer a:hover{color:var(--acid)}
.viewer{padding:0;border:1px solid #738b6b;background:#111812;color:var(--paper);width:min(1300px,calc(100vw - 38px));max-width:none;max-height:95dvh;overflow:auto;box-shadow:0 40px 120px #000b}.viewer::backdrop{background:rgba(0,0,0,.83);backdrop-filter:blur(12px)}.viewer-shell{padding:22px;display:grid;gap:16px}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.viewer-top span{color:var(--acid);font:500 10px var(--mono)}.viewer-top h3{margin:5px 0 0;font:600 24px var(--display);letter-spacing:-.06em}.close{width:48px;height:48px;background:#1c291d;border:1px solid #506948;color:var(--acid);font-size:30px}.viewer-stage{height:min(61vh,670px);min-height:340px;position:relative;background:#101e16;overflow:hidden;isolation:isolate}.stage-copy{position:absolute;z-index:2;inset:clamp(18px,4vw,52px);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.stage-copy>span,.stage-copy small,.stage-corner{font:500 11px var(--mono);color:#c9dfc0}.stage-copy strong{font:700 clamp(38px,7vw,112px)/1.1 var(--display);letter-spacing:-.095em;text-shadow:0 2px 50px #0009}.stage-copy strong em{font-style:normal;color:var(--acid)}.stage-corner{position:absolute;right:25px;bottom:25px;z-index:2;color:var(--acid);font-size:8px}.viewer-toolbar{display:grid;grid-template-columns:1.1fr .9fr auto;gap:28px;align-items:center}.viewer-toolbar p{color:#a8b7a3;margin:0;font-size:12px}.sliders{display:grid;gap:7px}.sliders label{font:500 9px var(--mono);color:#bdcbb8;display:flex;gap:14px;align-items:center;justify-content:space-between}.sliders input{accent-color:var(--acid);width:160px}.viewer-actions{display:flex;gap:5px;align-items:center}.square{width:45px;height:49px;border:1px solid #586d55;background:#1c281e;color:var(--acid);font-size:19px}.viewer-actions .cta{min-height:49px;white-space:nowrap}.viewer-actions .outline-btn{white-space:nowrap}
@media(max-width:1150px){.wrap{width:calc(100% - 68px)}.intro-layout{grid-template-columns:1fr 1fr;gap:34px}.hero-live{min-height:440px}.viewer-toolbar{grid-template-columns:1fr 1fr}.viewer-actions{grid-column:1/-1}.navinner .lab-indicator{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.navigation .navinner{height:73px}.brand{font-size:13px}.brand small{display:none}.navinner nav{gap:12px}.navinner nav a{font-size:8px}.intro-meta,.intro-foot{font-size:8px}.intro-layout{grid-template-columns:1fr;padding:62px 0}.intro h1{font-size:clamp(45px,10vw,77px)}.hero-live{min-height:430px}.library{padding:80px 0 95px}.library-head{grid-template-columns:1fr;gap:20px}.library h2,.selection h2{font-size:clamp(42px,9vw,70px)}.cards{grid-template-columns:1fr;gap:25px}.sample{min-height:340px}.sample-copy strong{font-size:clamp(32px,7vw,45px)}.toolbar{align-items:flex-start;flex-direction:column}.filters button{font-size:9px;padding:11px}.selection{padding:80px 0}.selection-inner{grid-template-columns:1fr;gap:34px}.footer-logo{margin:35px 0}.footer-base{font-size:8px}.viewer-toolbar{grid-template-columns:1fr}.sliders{grid-template-columns:1fr 1fr}.sliders input{max-width:140px;width:100%}.viewer-stage{height:56dvh;min-height:340px}.viewer-actions{flex-wrap:wrap}.viewer-actions .cta{flex:1}.viewer-shell{padding:12px}}
@media(max-width:430px){.brand-icon{width:20px;height:20px}.navinner nav a:nth-child(2){display:none}.intro h1{font-size:10.5vw}.intro-meta span:nth-child(2),.intro-foot span:nth-child(even){display:none}.hero-live{min-height:365px}.sample{min-height:300px}.viewer-stage{min-height:370px}.stage-copy strong{font-size:10vw}.stage-corner{display:none}.sliders{grid-template-columns:1fr}.viewer-top h3{font-size:18px}.footer-base{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-inner,.ping,.lab-indicator i{animation:none!important}}