@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#142b25;--muted:#6e7870;--lime:#d4f65b;--paper:#f8f9f4;--border:#e1e5db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4b8b39;outline-offset:4px}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.demo-banner{background:var(--ink);color:#e2f0d7;text-align:center;font-size:10px;letter-spacing:1.6px;padding:9px}.demo-banner span{letter-spacing:.1px;opacity:.75;margin-left:18px}.site-header{display:flex;align-items:center;justify-content:space-between;height:105px;border-bottom:1px solid var(--border)}.brand{font-family:Manrope,Arial,sans-serif;font-size:26px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center}.brand-dot{color:#749b37}.brand-mark{height:37px;width:37px;background:var(--lime);border-radius:11px;font-size:26px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-style:italic;letter-spacing:-5px;padding-right:6px}.brand-mark span{transform:translateY(-3px)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav .active{font-weight:700}.button{border:0;padding:18px 23px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:35px;font-size:13px;font-weight:700;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#285143}.button span{font-size:20px;line-height:1}.small{padding:13px 18px;gap:20px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;padding:64px 0 58px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8db63c}.hero h1{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(36px,3.6vw,54px);letter-spacing:-2.5px;line-height:1.16;margin:23px 0}.hero h1>span{position:relative;z-index:0;white-space:nowrap}.hero h1>span:after{content:'';position:absolute;background:var(--lime);height:15px;left:0;right:0;bottom:1px;z-index:-1;transform:rotate(-2deg)}.hero-description{font-size:15px;line-height:1.8;color:var(--muted);max-width:440px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:28px}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:8px}.hero-note{display:flex;gap:12px;align-items:center;margin-top:35px;font-size:11px}.shield{width:31px;height:35px;background:#edf1e4;border-radius:7px 7px 15px 15px;display:grid;place-items:center;font-size:16px}.hero-note strong,.hero-note div>span{display:block}.hero-note div>span{color:var(--muted);margin-top:4px}.hero-art{height:410px;position:relative;border-radius:20px;background:#d9e4cf;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff26 1px,transparent 1px),linear-gradient(90deg,#ffffff26 1px,transparent 1px);background-size:36px 36px}.field{position:absolute;right:-36px;top:35px;width:260px;height:360px;border:2px solid #afc29b;border-radius:2px;transform:rotate(24deg)}.field-mid{position:absolute;top:50%;width:100%;border-top:2px solid #afc29b}.field-circle{position:absolute;width:95px;height:95px;border:2px solid #afc29b;border-radius:50%;left:80px;top:131px}.field-box{position:absolute;left:55px;width:150px;height:55px;border:2px solid #afc29b}.field-box-top{top:-2px}.field-box-bottom{bottom:-2px}.art-label{position:absolute;left:25px;top:26px;font-size:8px;letter-spacing:2px;font-weight:700}.ball{position:absolute;right:24px;top:51px;font-size:105px;filter:drop-shadow(8px 18px 8px #28482c22);transform:rotate(-17deg)}.floating-label{position:absolute;top:102px;left:27px;background:var(--paper);border-radius:30px;font-size:10px;padding:10px 13px;transform:rotate(-6deg);box-shadow:0 5px 20px #24362710}.floating-label .live-dot{width:5px;height:5px;margin-right:5px}.ticket{position:absolute;left:35px;right:62px;bottom:55px;background:var(--ink);padding:24px;color:#f7faee;border-radius:12px;transform:rotate(-6deg);box-shadow:0 14px 25px #122c2526}.ticket-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:var(--lime)}.ticket-top>span:last-child{font-size:20px}.ticket h2{font-family:Manrope,Arial,sans-serif;font-size:29px;line-height:1.2;letter-spacing:-1px;margin:10px 0 20px}.ticket-line{border-top:1px dashed #ffffff40;margin:0 -24px}.ticket-bottom{display:flex;align-items:center;gap:13px;margin-top:16px;font-size:8px;color:#d2dfcc}.avatars{display:flex;padding-left:4px}.avatars span{display:grid;place-items:center;border:2px solid var(--ink);margin-left:-4px;border-radius:50%;width:25px;height:25px;background:#e6bb95;font-size:7px;color:var(--ink)}.avatars span:nth-child(2){background:#a7ba9c}.avatars span:nth-child(3){background:#d2cae9}.avatars span:last-child{background:var(--lime)}.art-caption{position:absolute;right:20px;bottom:16px;font-size:7px;letter-spacing:1.5px}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:23px 0}.benefit-strip div{display:flex;justify-content:center;gap:15px;font-size:12px;border-right:1px solid var(--border)}.benefit-strip div:last-child{border:0}.benefit-strip span{color:#8c9c7d;font-size:11px}.explore{padding:55px 0}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2,.how h2{font-family:Manrope,Arial,sans-serif;font-size:30px;letter-spacing:-1.3px;margin:10px 0 0}.example-label{font-size:8px;letter-spacing:1.2px;border:1px solid var(--border);border-radius:4px;padding:7px;color:var(--muted)}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 23px}.tabs{display:flex;gap:7px}.tabs button{border:0;background:transparent;border-radius:7px;padding:10px 14px;font-size:12px;color:var(--muted)}.tabs .selected{background:var(--ink);color:white}.tabs button span{background:#ffffff22;border-radius:4px;margin-left:8px;padding:2px 5px;font-size:9px}.search{display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;padding:8px 12px;gap:8px}.search input{border:0;outline:0;background:transparent;font-size:12px;width:150px;color:var(--ink)}.search>span{font-size:22px;line-height:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:#fff}.card-cover{height:135px;padding:17px;position:relative;overflow:hidden;background:#dfe9d5}.card-cover:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #77926850;border-radius:50%;right:-25px;top:-20px;box-shadow:0 0 0 22px #77926815,0 0 0 44px #77926812}.card:nth-child(2) .card-cover{background:#ece7d7}.card:nth-child(3) .card-cover{background:#dce4e7}.cover-icon{position:absolute;right:35px;bottom:7px;font-size:65px;z-index:1;transform:rotate(-12deg)}.cover-word{position:absolute;left:19px;bottom:20px;font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;line-height:1.05;letter-spacing:-1px;max-width:140px}.badge{position:relative;z-index:2;font-size:8px;letter-spacing:.4px;background:#ffffffd9;padding:6px 8px;border-radius:4px;display:inline-block}.card-body{padding:20px}.card-category{font-size:8px;letter-spacing:1.4px;color:var(--muted);text-transform:uppercase;margin:0 0 8px}.card h3{font-size:17px;letter-spacing:-.5px;margin:0 0 8px}.card-description{color:var(--muted);font-size:11px;margin:0 0 20px;line-height:1.6}.card-meta{display:flex;justify-content:space-between;align-items:end}.card-meta small{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.price{font-size:20px;font-weight:700;letter-spacing:-.5px}.price span{font-size:10px;color:var(--muted);font-weight:400}.remaining{font-size:10px;color:var(--muted);text-align:right}.progress{margin:15px 0 8px;height:4px;background:#edf0e8;border-radius:3px;overflow:hidden}.progress span{display:block;height:100%;background:#7f9e57}.capacity{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.card-button{margin-top:18px;padding:11px 13px;display:flex;justify-content:space-between;border:1px solid var(--border);border-radius:6px;background:white;width:100%;font-size:11px;font-weight:700;color:var(--ink)}.card-button:hover{background:var(--lime);border-color:var(--lime)}.how{background:#edf0e5;border-radius:16px;padding:38px 40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:65px}.how>div>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7}.how .button{margin-top:12px}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;align-items:flex-start;gap:18px;border-bottom:1px solid #d8dfce;padding:19px 0}.how li:last-child{border:0}.how li>span{font-size:12px;color:#668642;background:#e0e8d4;border-radius:50%;padding:10px}.how h3{font-size:14px;margin:0 0 5px}.how li p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}footer{border-top:1px solid var(--border);padding:25px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}footer .brand{font-size:21px}footer>p{font-size:11px;color:var(--muted)}.footer-link,.inline-link{background:none;border:0;color:var(--ink);text-decoration:underline;font-size:11px;padding:4px}.legal-note{width:100%;font-size:10px!important;line-height:1.7;border-top:1px solid var(--border);padding-top:15px}dialog{border:1px solid var(--border);border-radius:15px;padding:32px;width:calc(100% - 32px);max-width:500px;max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#10271eb3;backdrop-filter:blur(4px)}dialog h2{font-family:Manrope,Arial,sans-serif;font-size:28px;letter-spacing:-1px}dialog p{font-size:13px;line-height:1.7}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px;color:var(--ink)}.muted{color:var(--muted)}form label{display:block;font-size:12px;font-weight:600;margin-top:15px}form label>input:not([type=checkbox]){display:block;background:white;border:1px solid #d5dccd;border-radius:6px;padding:12px;width:100%;margin-top:6px}.field-hint{font-size:10px!important;color:var(--muted);margin:7px 0}.check{display:flex;align-items:flex-start;gap:8px;line-height:1.6}.check input{margin-top:4px;accent-color:var(--ink)}.inline-link{font-size:12px;padding:0}.submit{width:100%;margin-top:16px}#form-message{font-size:12px}.detail-list{padding:15px;background:#edf0e5;border-radius:8px;font-size:13px;line-height:2}.detail-notice{color:var(--muted)}[hidden]{display:none!important}@media(min-width:1500px){.hero h1{font-size:56px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.hero h1{font-size:39px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-art{height:390px}.ticket{right:25px;left:20px}.ticket h2{font-size:25px}.ticket-bottom{gap:6px}.ticket-bottom>span{font-size:7px}.cards{gap:12px}.card-body{padding:15px}.how{gap:25px;padding:30px}nav{gap:16px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.demo-banner{font-size:8px}.demo-banner span{display:block;margin:4px 0 0;font-size:9px}.site-header{height:80px}.brand{font-size:23px}.brand-mark{width:30px;height:30px;font-size:23px}nav>a{display:none}.small{font-size:11px;padding:12px;gap:8px}.hero{grid-template-columns:1fr;padding:35px 0}.hero h1{font-size:43px}.hero-description{font-size:14px}.hero-art{height:340px;margin-top:10px}.ticket{right:70px;left:30px;bottom:35px}.ticket h2{font-size:29px}.ticket-bottom>span{font-size:8px}.art-label{font-size:7px}.ball{top:30px;font-size:90px}.floating-label{top:65px}.benefit-strip{gap:12px;padding:17px 0}.benefit-strip div{font-size:9px;display:block;padding:0 8px}.benefit-strip span{display:block;margin-bottom:5px}.explore{padding:35px 0}.section-heading{align-items:start}.section-heading h2,.how h2{font-size:27px}.example-label{display:none}.filter-row{align-items:stretch;flex-direction:column}.tabs{gap:3px}.tabs button{font-size:11px;padding:10px 12px}.search input{width:100%;font-size:13px}.cards{grid-template-columns:1fr;gap:20px}.card-cover{height:155px}.card-body{padding:20px}.card-description{font-size:12px}.card h3{font-size:19px}.card-button{padding:14px}.how{grid-template-columns:1fr;padding:25px;gap:15px;margin-bottom:35px}.how ol{margin-top:8px}footer{align-items:start}footer>p{width:100%;margin:0}dialog{padding:27px 22px}}