@keyframes mqs{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes fl{to{transform:translateY(-14px)}}.broccoli-page{--bone:#efeee2;--linen:#e2e1d1;--loden:#1a1f14;--moss:#4a5c2a;--sprout:#b9d94a;--mari:#e8a33c;--bg:var(--bone);--ink:var(--loden);--card:var(--linen);--mut:#5b6549;--acc:var(--moss);--line:#1a1f1429;--inv:var(--loden);--invt:var(--bone);--ia:var(--sprout);background:var(--bg);color:var(--ink);width:100%;min-height:100vh;font:400 17px/1.55 Figtree,system-ui,sans-serif;position:relative;overflow-x:visible}@media (prefers-color-scheme:dark){.broccoli-page{--bg:#1a1f14;--ink:#efeee2;--card:#2d3423;--mut:#a2aa92;--acc:#85a04e;--line:#efeee22e;--inv:#efeee2;--invt:#1a1f14;--ia:var(--moss)}}.broccoli-page *{box-sizing:border-box}.broccoli-page h1,.broccoli-page h2,.broccoli-page h3{letter-spacing:-.02em;font-family:Bricolage Grotesque,Figtree,sans-serif;font-weight:800;line-height:1.04}.broccoli-page h1{font-size:clamp(46px,9vw,124px)}.broccoli-page h2{font-size:clamp(32px,5.2vw,68px)}.broccoli-page h3{letter-spacing:-.01em;font-size:23px}.broccoli-page .m{font-variant-numeric:tabular-nums;font-family:Martian Mono,monospace}.broccoli-page .mut{color:var(--mut)}.broccoli-page p{max-width:60ch}.broccoli-page .k{color:var(--mut);letter-spacing:.04em;margin-bottom:18px;font:500 12px Martian Mono,monospace;display:block}.broccoli-page a:focus-visible,.broccoli-page summary:focus-visible,.broccoli-page input:focus-visible{outline:3px solid var(--acc);outline-offset:3px}.broccoli-page .w{max-width:1120px;margin:0 auto;padding:0 24px}.broccoli-page section{padding:130px 0}.broccoli-page #pg{background:var(--sprout);z-index:20;width:0;height:3px;position:fixed;top:0;left:0}.broccoli-page nav{z-index:9;border:1px solid var(--line);background:var(--bg);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;max-width:820px;margin:0 auto;padding:8px 8px 8px 22px;display:flex;position:fixed;inset:12px 12px auto}.broccoli-page nav b{font:800 20px Bricolage Grotesque,sans-serif}.broccoli-page nav .l{gap:16px;font-size:14px;font-weight:500;display:flex}.broccoli-page nav .l a{color:var(--mut);text-decoration:none}.broccoli-page nav .l a:hover{color:var(--ink)}.broccoli-page .btn{background:var(--moss);min-height:48px;color:var(--bone);border-radius:999px;align-items:center;padding:0 26px;font:500 15px Figtree,sans-serif;text-decoration:none;display:inline-flex}.broccoli-page .btn.s{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.broccoli-page nav .btn{min-height:44px}@media (prefers-color-scheme:dark){.broccoli-page .btn:not(.s){color:var(--loden);background:#85a04e}}@media (max-width:700px){.broccoli-page nav .l{display:none}}.broccoli-page .tb{background:var(--card);border:1px solid var(--line);border-radius:999px;height:56px;display:flex;position:relative;overflow:hidden}.broccoli-page .tb i{height:100%;transition:width 1.3s cubic-bezier(.2,0,0,1);display:block}.broccoli-page .tb .a{background:var(--sprout)}.broccoli-page .tb .e{background:var(--mari)}.broccoli-page .ht{background:repeating-linear-gradient(45deg,#1a1f1480 0 2px,#0000 2px 9px)}@media (prefers-color-scheme:dark){.broccoli-page .ht{background:repeating-linear-gradient(45deg,#efeee280 0 2px,#0000 2px 9px)}}.broccoli-page .tb u{background:var(--ink);width:3px;position:absolute;top:0;bottom:0}.broccoli-page .key{color:var(--mut);flex-wrap:wrap;gap:22px;margin-top:16px;font-size:14px;display:flex}.broccoli-page .key span:before{content:"";background:var(--sprout);border-radius:5px;width:10px;height:10px;margin-right:8px;display:inline-block}.broccoli-page .key .b:before{background:var(--mari)}.broccoli-page .key .c:before{border:1.5px solid var(--ink);background:0 0}.broccoli-page .hero{min-height:100vh;padding:170px 0 90px}.broccoli-page .hero p{margin:26px 0 34px;font-size:20px}.broccoli-page .ro{flex-wrap:wrap;align-items:baseline;gap:16px;margin:64px 0 18px;display:flex}.broccoli-page .ro .m:first-child{font-size:clamp(48px,7.5vw,92px);font-weight:800;line-height:1}.broccoli-page .facts{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:70px;display:grid}.broccoli-page .facts div{padding:26px 24px 0 0}.broccoli-page .facts .m{font-size:clamp(30px,4vw,48px);font-weight:800;display:block}.broccoli-page .facts span{color:var(--mut);font-size:14px}.broccoli-page #tour{background:var(--loden);height:760vh;color:var(--bone);padding:0}.broccoli-page .stick{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.broccoli-page .scene{perspective:2600px;width:372px;height:790px;-webkit-transform:scale(var(--s,.5));transform:scale(var(--s,.5));flex:none;margin-top:-70px;box-shadow:none!important;border:none!important;outline:none!important}.broccoli-page .ring,.broccoli-page #ring,.broccoli-page .tour-ring{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;box-shadow:none!important;border:none!important;outline:none!important}.broccoli-page .ph{backface-visibility:hidden;-webkit-transform:rotateY(var(--a)) translateZ(560px);transform:rotateY(var(--a)) translateZ(560px);transition:opacity .5s,transform .7s cubic-bezier(.2,0,0,1);position:absolute;inset:0;box-shadow:none!important;border:none!important;outline:none!important}.broccoli-page .ph.on{-webkit-transform:rotateY(var(--a)) translateZ(660px);transform:rotateY(var(--a)) translateZ(660px)}.broccoli-page .ph:not(.on){opacity:.28}.broccoli-page .cap{text-align:center;padding:0 24px;position:absolute;bottom:6vh;left:0;right:0}.broccoli-page .cap h2{font-size:clamp(26px,3.6vw,44px)}.broccoli-page .cap p{color:#a2aa92;margin:8px auto 0}.broccoli-page .dots{flex-direction:column;gap:9px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.broccoli-page .dots i{background:#efeee233;border-radius:2px;width:4px;height:20px}.broccoli-page .dots i.on{background:var(--sprout)}.broccoli-page .hint{color:#a2aa92;font:500 12px Martian Mono,monospace;position:absolute;top:92px}.broccoli-page .phone{--ink:#1a1f14;color:#1a1f14;backface-visibility:hidden;background:#efeee2;border:7px solid #0c0f08;border-radius:38px;outline:1.5px solid #efeee240;width:240px;height:490px;padding:20px 14px 0;font-size:12px;line-height:1.35;overflow:hidden}.broccoli-page .phone .tb{background:#e2e1d1;border:0;height:16px;margin-top:10px}.broccoli-page .phone small{color:#5b6549;font:500 11px Martian Mono,monospace}.broccoli-page .rd{margin-top:10px;font:800 38px/1 Martian Mono,monospace}.broccoli-page .sh{font:800 18px Bricolage Grotesque,sans-serif}.broccoli-page .inv{color:#efeee2;background:#1a1f14;border-radius:22px;margin-top:11px;padding:11px 13px}.broccoli-page .inv small{color:#a2aa92}.broccoli-page .inv .m{color:#b9d94a;font-weight:700}.broccoli-page .inv .n{font-size:24px}.broccoli-page .row{border-bottom:1px solid #1a1f141f;align-items:center;gap:8px;padding:8px 0;display:flex}.broccoli-page .row span:nth-child(2){flex:1}.broccoli-page .row .m{font-size:11px}.broccoli-page .d{background:#b9d94a;border-radius:5px;flex:none;width:10px;height:10px;display:inline-block}.broccoli-page .d.h{background:linear-gradient(90deg,#e8a33c 50%,#0000 50%);border:1.5px solid #e8a33c}.broccoli-page .d.o{border:1.5px solid var(--ink);background:0 0}.broccoli-page .pill{text-align:center;color:#efeee2;background:#4a5c2a;border-radius:999px;margin-top:11px;padding:11px;font-weight:500;display:block}.broccoli-page .vf{background:#1a1f14;border-radius:22px;place-items:center;height:210px;margin:10px 0;display:grid}.broccoli-page .vf div{border:2px solid #b9d94a;border-radius:24px;width:150px;height:76px}.broccoli-page .cal{grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0;display:grid}.broccoli-page .cal i{aspect-ratio:1;background:#e2e1d1;border-radius:8px}.broccoli-page .cal i.x{background:#4a5c2a}.broccoli-page .two,.broccoli-page .plans{grid-template-columns:1fr 1fr;gap:20px;margin-top:50px;display:grid}.broccoli-page .two>div,.broccoli-page .plans>div{border:1px solid var(--line);border-radius:28px;padding:34px}.broccoli-page .two .m{margin:12px 0;font-size:clamp(28px,4vw,50px);font-weight:800;display:block}.broccoli-page .two .z{background:var(--inv);color:var(--invt);border-color:var(--inv)}.broccoli-page .two .z .m{color:var(--ia)}@media (max-width:780px){.broccoli-page .two,.broccoli-page .plans{grid-template-columns:1fr}}.broccoli-page .lines{border-top:1px solid var(--line);margin-top:46px}.broccoli-page .lines>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.8fr) 2.2fr auto;align-items:baseline;gap:24px;padding:28px 0;display:grid}.broccoli-page .lines .m{color:var(--mut);font-size:13px}@media (max-width:700px){.broccoli-page .lines>div{grid-template-columns:1fr;gap:6px}}.broccoli-page .hb{background:var(--card);border-radius:999px;height:20px;margin:10px 0 6px;overflow:hidden}.broccoli-page .hb i{background:var(--sprout);border-radius:999px;width:0;height:100%;transition:width 1.4s cubic-bezier(.2,0,0,1);display:block}.broccoli-page .hb.am i{background:var(--mari)}.broccoli-page .br{justify-content:space-between;gap:12px;font-size:15px;display:flex}.broccoli-page .br .m{color:var(--mut);font-size:13px}.broccoli-page .lab{gap:30px;max-width:780px;margin-top:46px;display:grid}.broccoli-page .demo{grid-template-columns:1.1fr .9fr;align-items:start;gap:30px;margin-top:46px;display:grid}@media (max-width:780px){.broccoli-page .demo{grid-template-columns:1fr}}.broccoli-page .sl{grid-template-columns:100px 1fr 60px;align-items:center;gap:12px;margin:14px 0;font-size:14px;display:grid}.broccoli-page .sl .m{text-align:right;font-size:13px}.broccoli-page input[type=range]{accent-color:#b9d94a;width:100%;height:32px}.broccoli-page .dk{background:var(--loden);color:var(--bone);--line:#efeee22e;--mut:#a2aa92;--card:#2d3423}.broccoli-page .big{color:var(--sprout);margin:18px 0 6px;font:800 clamp(56px,10vw,128px)/1 Martian Mono,monospace}.broccoli-page .band{background:#2d3423;border-radius:999px;height:12px;margin:32px 0 10px;position:relative}.broccoli-page .band i{background:var(--sprout);border-radius:999px;width:26%;position:absolute;top:0;bottom:0;left:30%}.broccoli-page .band u{background:#efeee2;width:3px;position:absolute;top:-6px;bottom:-6px;left:12%}.broccoli-page .wk{align-items:flex-end;gap:10px;height:210px;margin-top:30px;display:flex}.broccoli-page .wk div{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;height:100%;font-size:12px;display:flex}.broccoli-page .wk i{background:#85a04e;border-radius:14px;height:0;margin-bottom:8px;transition:height 1.2s cubic-bezier(.2,0,0,1);display:block}.broccoli-page .wk .hi i{background:var(--sprout)}.broccoli-page .coins{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.broccoli-page .coins span{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px}.broccoli-page .coins .m{color:var(--mut);margin-left:8px;font-size:12px}.broccoli-page .sc{overflow-x:auto}.broccoli-page .mx{border-collapse:collapse;width:100%;min-width:640px;margin-top:40px;font-size:15px}.broccoli-page .mx th{text-align:center;color:var(--mut);padding:10px 6px;font:500 13px Figtree}.broccoli-page .mx th:first-child,.broccoli-page .mx td:first-child{text-align:left}.broccoli-page .mx td{border-top:1px solid var(--line);text-align:center;padding:13px 6px}.broccoli-page .mx td:last-child,.broccoli-page .mx th:last-child{background:var(--card);color:var(--ink)}.broccoli-page .q{color:var(--mut);gap:20px;margin-top:14px;font-size:13px;display:flex}.broccoli-page .plans ul{margin-top:16px;padding:0;list-style:none}.broccoli-page .plans li{border-top:1px solid var(--line);padding:10px 0}.broccoli-page details{border-top:1px solid var(--line);padding:22px 0}.broccoli-page details:last-child{border-bottom:1px solid var(--line)}.broccoli-page summary{cursor:pointer;font:800 22px Bricolage Grotesque,sans-serif;list-style:none}.broccoli-page summary::-webkit-details-marker{display:none}.broccoli-page details p{color:var(--mut);margin-top:12px}.broccoli-page .rv{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,0,0,1);transform:translateY(26px)}.broccoli-page .rv.in{opacity:1;transform:none}.broccoli-page footer{border-top:1px solid var(--line);padding:90px 0 60px}.broccoli-page footer .w{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:30px;display:flex}@media (prefers-reduced-motion:reduce){.broccoli-page html{scroll-behavior:auto}.broccoli-page .rv{opacity:1;transition:none;transform:none}.broccoli-page .tb i,.broccoli-page .hb i,.broccoli-page .wk i{transition:none}}.broccoli-page .btn{transition:transform .3s cubic-bezier(.2,0,0,1)}.broccoli-page .btn:hover{transform:translateY(-3px)}.broccoli-page .w{position:relative}.broccoli-page .hl{max-width:640px}.broccoli-page .hero h1{font-size:clamp(46px,8vw,104px)}.broccoli-page .hp{perspective:1400px;width:208px;height:442px;animation:7s ease-in-out infinite alternate fl;position:absolute;top:-20px;right:24px}.broccoli-page .hf{width:100%;height:100%;transition:transform .25s}.broccoli-page #hph{transform-origin:0 0;width:372px;height:790px;transform:scale(.56)}@media (max-width:1000px){.broccoli-page .hp{display:none}}.broccoli-page .broccoli-mq,.broccoli-page .mq{background:var(--sprout);color:#1a1f14;white-space:nowrap;letter-spacing:.05em;padding:16px 0;font:700 14px Martian Mono,monospace;position:relative;overflow:hidden;width:100%!important;max-width:100%!important;animation:none!important;display:block!important;transform:none!important}.broccoli-page .broccoli-mq div,.broccoli-page .mq div{white-space:nowrap;will-change:transform;display:inline-block;animation:35s linear infinite mqs!important}@media (prefers-reduced-motion:reduce){.broccoli-page .broccoli-mq div,.broccoli-page .mq div,.broccoli-page .hp{animation:none!important}}@media (max-width:640px){.broccoli-page nav{gap:8px;padding:6px 8px 6px 14px;inset:10px 10px auto}.broccoli-page .broccoli-portfolio-btn{min-height:36px!important;padding:0 10px!important;font-size:12px!important}.broccoli-page nav .btn:not(.s){min-height:36px!important;padding:0 14px!important;font-size:13px!important}.broccoli-page .hero{min-height:auto;padding:110px 0 60px}.broccoli-page .hero h1{font-size:clamp(38px,11vw,56px)}.broccoli-page .hero p{margin:18px 0 24px;font-size:17px}.broccoli-page .ro{margin:36px 0 14px}.broccoli-page .ro .m:first-child{font-size:clamp(40px,12vw,68px)}.broccoli-page .facts{grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.broccoli-page .facts div{padding:14px 10px 0 0}.broccoli-page .facts .m{font-size:clamp(24px,7vw,36px)}.broccoli-page .facts span{font-size:13px}.broccoli-page section{padding:80px 0}.broccoli-page .scene{perspective:1800px;margin-top:-30px}.broccoli-page .ph{-webkit-transform:rotateY(var(--a)) translateZ(400px);transform:rotateY(var(--a)) translateZ(400px)}.broccoli-page .ph.on{-webkit-transform:rotateY(var(--a)) translateZ(460px);transform:rotateY(var(--a)) translateZ(460px)}.broccoli-page .ph:not(.on){opacity:.16}.broccoli-page .hint{font-size:11px;top:72px}.broccoli-page .cap{padding:0 16px;bottom:4vh}.broccoli-page .cap h2{font-size:clamp(22px,5.5vw,32px)}.broccoli-page .cap p{margin-top:6px;font-size:14px}.broccoli-page .dots{gap:6px;right:8px}.broccoli-page .dots i{width:3px;height:14px}.broccoli-page .two>div,.broccoli-page .plans>div{border-radius:20px;padding:24px 20px}.broccoli-page .sl{grid-template-columns:85px 1fr 48px;gap:8px;font-size:13px}.broccoli-page footer{padding:60px 0 40px}.broccoli-page footer .btn{justify-content:center;width:100%}}
