:root,:root[data-theme="dark"]{color-scheme:dark;--canvas:#141414;--surface:#1c1c1c;--surface-2:#262626;--surface-3:#1c1c1c;--panel:#1c1c1c;--panel-2:#202020;--band:#141414;--ink:#fff;--muted:rgba(255,255,255,.66);--faint:rgba(255,255,255,.52);--line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.28);--mark:#c650ff;--link:#d48cff;--foot:#0d0d0d;--r:16px}
:root[data-theme="light"]{color-scheme:light;--canvas:#fff;--surface:#f3f3f3;--surface-2:#e8e8e8;--surface-3:#f3f3f3;--panel:#f3f3f3;--panel-2:#ededed;--band:#fff;--ink:#111;--muted:#555;--faint:#666;--line:rgba(0,0,0,.1);--line-2:rgba(0,0,0,.28);--mark:#8600c0;--link:#8600c0;--foot:#111}

.site-head,:root[data-theme="dark"] .site-head{--canvas:#111014;--surface:#18171c;--surface-2:#222027;--ink:#ece8e1;--muted:#a9a4ae;--line:rgba(236,232,225,.12);--line-2:rgba(236,232,225,.3);--mark:#cf7dff;--link:#d9a2ff}
:root[data-theme="light"] .site-head{--canvas:#ebe7e0;--surface:#f5f2ec;--surface-2:#e0dbd2;--ink:#141217;--muted:#4c4752;--line:rgba(20,18,23,.14);--line-2:rgba(20,18,23,.42);--mark:#7a00b5;--link:#7a00b5}

html,body{background:var(--canvas)}
:root[data-theme] main h1,:root[data-theme] main h2,:root[data-theme] main h3,:root[data-theme] main .title{font-family:"Montserrat",sans-serif;color:var(--ink)}
:root[data-theme] main .title{font-weight:700;font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.15;letter-spacing:0}
:root[data-theme] main .title.sub{font-size:clamp(1.4rem,2.2vw,1.75rem)}
:root[data-theme] main .page-head .title{font-size:clamp(2.4rem,5vw,3.5rem);letter-spacing:0}
:root[data-theme] main .page-head{border-bottom:0}
:root[data-theme] main .lead{color:var(--muted)}
:root[data-theme] main .sec+.sec:not([hidden])>.band{border-top:0;padding-top:0}
:root[data-theme] main #view-home>.sec{padding-block:clamp(44px,6vw,80px)}
:root[data-theme] main #view-home>.sec.tight{padding-block:clamp(28px,4vw,48px)}

:root[data-theme] main .btn:not(.site-head .btn),:root[data-theme] .consent .btn,:root[data-theme] .sticky-cta .btn{border-radius:50px;border:1px solid var(--line-2);background:transparent;color:var(--ink);box-shadow:none;font:600 .9375rem/1.2 "Montserrat",sans-serif;padding:13px 26px;transition:background-color .15s,border-color .15s,color .15s}
:root[data-theme] main .btn:not(.site-head .btn):hover,:root[data-theme] .consent .btn:hover,:root[data-theme] .sticky-cta .btn:hover{border-color:var(--ink);background:transparent;color:var(--ink);box-shadow:none;transform:none}
:root[data-theme] main .btn-primary:not(.site-head .btn),:root[data-theme] .consent .btn-primary,:root[data-theme] .sticky-cta .btn-primary,:root[data-theme] .cobar .btn-primary{background:#b405ec;border-color:#b405ec;color:#fff;box-shadow:none;border-radius:50px}
:root[data-theme] main .btn-primary:not(.site-head .btn):hover,:root[data-theme] .consent .btn-primary:hover,:root[data-theme] .sticky-cta .btn-primary:hover{background:#9800c8;border-color:#9800c8;color:#fff}
:root[data-theme] main .btn:not(.site-head .btn):active{transform:scale(.98)}
:root[data-theme] main .btn-small:not(.site-head .btn){padding:9px 18px;font-size:.875rem;min-height:40px}
:root[data-theme] main .btn-help,:root[data-theme] main .btn-help:hover{border-color:var(--line-2);color:var(--ink)}
:root[data-theme] :focus-visible{outline:2px solid var(--mark);outline-offset:3px}
:root[data-theme] main .tlink{color:var(--ink);text-decoration:none;font-weight:600}
:root[data-theme] main .tlink:hover{color:var(--mark)}

:root[data-theme] main .hero{padding-block:clamp(48px,7vw,96px) clamp(40px,6vw,80px)}
:root[data-theme] main .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
:root[data-theme] main .hero h1{font:700 clamp(2.6rem,5.4vw,4rem)/1.08 "Montserrat",sans-serif;letter-spacing:0;color:var(--ink);margin:22px 0 18px;-webkit-text-stroke:0;text-shadow:none;transform:none}
:root[data-theme] main .hero h1 span{color:var(--mark)}
:root[data-theme] main .hero .lead{color:var(--muted);font-size:1.0625rem;font-weight:400;max-width:34ch}
:root[data-theme] main .byline{color:var(--muted);font-family:inherit;font-size:.9rem;gap:10px}
:root[data-theme] main .byline b{color:var(--ink);font:600 .9375rem/1 "Montserrat",sans-serif}
:root[data-theme] main .byline img{border-radius:50%;border:0}
:root[data-theme] main .hero-work .sec-head{border:0;padding:0;margin-bottom:16px}
:root[data-theme] main .hero-work .sec-head .title{font-size:1.25rem}

.vgrid .vcard{counter-increment:none}
:root[data-theme] main .vgrid .vcard{background:none;border:0;padding:0;box-shadow:none;transform:none}
:root[data-theme] main .vgrid .vcard[hidden]{display:none}
:root[data-theme] main .vframe{border:0;border-radius:12px;overflow:hidden;background:var(--surface-2)}
:root[data-theme] main .vframe .vthumb,:root[data-theme] main .vframe iframe{border-radius:12px}
.vframe:before,.vframe:after{content:none}
:root[data-theme] main .vcard h3:before{content:none}
:root[data-theme] main .vcard h3{font:600 .9375rem/1.3 "Montserrat",sans-serif;color:var(--ink);margin:10px 0 2px}
:root[data-theme] main .vcard .where .tlink{color:var(--muted);font-size:.8125rem;font-weight:500}
:root[data-theme] main .vtag,:root[data-theme] main .vlen{border-radius:6px;font-family:inherit}

:root[data-theme] main .say:before{content:none}
:root[data-theme] main .say{font:600 clamp(1.5rem,3vw,2.25rem)/1.25 "Montserrat",sans-serif;letter-spacing:0;color:var(--ink);max-width:24ch}
:root[data-theme] main .say-by{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-family:inherit;font-size:.875rem;font-weight:500;line-height:1}
:root[data-theme] main .say-by img{border-radius:50%}

.screen,.board{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,32px)}
.screen{max-width:620px;margin:18px 0 0}
.screen-wide{max-width:none}
.rc-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.rc-head b{font:600 .8125rem/1.2 "Montserrat",sans-serif;color:var(--ink);letter-spacing:.04em}
.rc-head span{font-size:.8125rem;color:var(--muted)}
.screen .menu{border-top:0}
:root[data-theme] main .screen .menu .mrow{border-bottom:1px solid var(--line);padding-block:14px;border-radius:0}
:root[data-theme] main .screen .menu .mrow:last-child{border-bottom:0}
:root[data-theme] main .screen .menu .mrow:before{border-bottom-color:transparent}
:root[data-theme] main .screen .menu .minfo b{font:600 1rem/1.25 "Montserrat",sans-serif;color:var(--ink)}
:root[data-theme] main .screen .menu .minfo small{font-family:inherit;color:var(--muted)}
:root[data-theme] main .screen .menu .mprice{font:700 1.125rem/1 "Montserrat",sans-serif;color:var(--ink)}
:root[data-theme] main .screen .menu .mgo{font:600 .8125rem/1 "Montserrat",sans-serif;color:var(--ink);border:1px solid var(--line-2);border-radius:50px;padding:7px 14px;background:none;text-decoration:none}
:root[data-theme] main .screen .menu .mrow:hover .mgo{background:#b405ec;border-color:#b405ec;color:#fff}
:root[data-theme] main .screen .menu-note{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font-family:inherit;font-size:.875rem;color:var(--muted)}
:root[data-theme] main .screen .menu-note+.menu-note{border-top:0;padding-top:0;margin-top:6px}
:root[data-theme] main .screen .table-wrap.ratecard{background:none;border:0;box-shadow:none;border-radius:0}
:root[data-theme] main .screen .ratecard th,:root[data-theme] main .screen .ratecard td{font-family:inherit;background:none;border-color:var(--line);color:var(--ink)}
:root[data-theme] main .screen .ratecard th{color:var(--muted);font-weight:500}
@media (min-width:1024px){
:root[data-theme] main #view-home .band:has(>.screen){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 56px;align-items:start}
:root[data-theme] main #view-home .band:has(>.screen)>.sec-head{flex-direction:column;align-items:flex-start;gap:14px}
:root[data-theme] main #view-home .band:has(>.screen)>.screen{margin-top:0}
}
:root[data-theme] main .free-strip{border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}

.board:before,.board:after{content:none}
:root[data-theme] main .board .title{color:var(--ink)}
:root[data-theme] main .avatar-frame.tv{background:none;border:0;padding:0;box-shadow:none;transform:none;border-radius:var(--r);overflow:hidden}
:root[data-theme] main .avatar-frame.tv img{border-radius:var(--r);border:0}
:root[data-theme] main .about-home .board{background:none;border:0;padding:0}

.pick-board{max-width:640px;margin:48px 0 0}
.pick-board .incl-head{margin:0 0 12px;padding:0;border:0}
.pick-board .incl-head h3{font:600 1.125rem/1.3 "Montserrat",sans-serif}
:root[data-theme] main .pick-board .incl.pick{display:grid;gap:10px;margin:0;padding:0;border:0;list-style:none;counter-reset:pk}
:root[data-theme] main .pick-board .incl.pick li{counter-increment:pk;position:relative;display:block;padding:0 0 0 40px;border:0;background:none;color:var(--ink);line-height:1.5}
:root[data-theme] main .pick-board .incl.pick li:before{content:counter(pk) ".)";position:absolute;left:0;top:0;font:700 .9375rem/1.6 "Montserrat",sans-serif;color:var(--mark)}

:root[data-theme] main .free{display:inline-block;margin-left:10px;padding:5px 11px;background:#b405ec;color:#fff;border:0;border-radius:50px;font:600 .38em/1 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.04em;vertical-align:.5em;transform:none;box-shadow:none}
:root[data-theme] main .anvil-feature .anvil-art{filter:none;transform:none;border-radius:12px}
.anvil-clips{grid-template-columns:repeat(3,minmax(0,190px));gap:12px;margin-top:24px}
.anvil-clips li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 10px 12px;box-shadow:none;transform:none;gap:4px}
.anvil-clips .clip-frame,.anvil-clips .clip-out .clip-frame{border:0;border-radius:8px;background:var(--surface-2);overflow:hidden;margin-bottom:6px}
.anvil-clips b,.anvil-clips .clip-out b{font:600 .75rem/1.2 "Montserrat",sans-serif;color:var(--mark);background:none;border:0;padding:0;text-transform:none}
.anvil-clips small{font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.35;color:var(--ink)}
.bonk{position:absolute;right:6px;bottom:6px;padding:4px 8px;border-radius:50px;background:#b405ec;color:#fff;font:700 .6875rem/1 "Montserrat",sans-serif;clip-path:none;transform:none}

:root[data-theme] main .faq,:root[data-theme] main .faq.dm{display:block;border:0;border-top:1px solid var(--line)}
:root[data-theme] main .faq details{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:0}
:root[data-theme] main .faq details:before,:root[data-theme] main .faq details:after{content:none}
:root[data-theme] main .faq summary{color:var(--ink);font:600 1rem/1.4 "Montserrat",sans-serif;padding-block:18px}
:root[data-theme] main .faq details p{color:var(--muted);margin:0 0 18px;max-width:62ch}

:root[data-theme] main .cta,:root[data-theme="light"] main .cta{background:#b405ec;color:#fff;border:0;border-radius:24px;padding:clamp(32px,5vw,56px);box-shadow:none;transform:none;max-width:none;margin:0;--ink:#fff;--muted:#fff;--link:#fff;--mark:#fff;--line-2:rgba(255,255,255,.5)}
:root[data-theme] main .cta:before,:root[data-theme] main .cta:after{content:none}
:root[data-theme] main .cta h2{color:#fff;font:700 clamp(1.9rem,3.6vw,2.75rem)/1.15 "Montserrat",sans-serif;letter-spacing:0;text-shadow:none}
:root[data-theme] main .cta .help p,:root[data-theme] main .cta .help b,:root[data-theme] main .cta p{color:#fff}
:root[data-theme] main .cta .help a.discord-me b{color:#fff;text-decoration:underline}
:root[data-theme] main .cta .btn-primary:not(.site-head .btn),:root[data-theme] main .cta .btn-primary:not(.site-head .btn):hover{background:#fff;border-color:#fff;color:#111}
:root[data-theme] main .cta .btn:not(.btn-primary):not(.site-head .btn){background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
:root[data-theme] main .cta .btn:not(.btn-primary):not(.site-head .btn):hover{border-color:#fff;color:#fff}
:root[data-theme] main .cta :focus-visible{outline-color:#fff}

:root[data-theme] main .channels{border-top:0;display:flex;flex-wrap:wrap;gap:14px}
:root[data-theme] main .channel{flex:1 1 300px;grid-template-columns:28px minmax(0,1fr) auto;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
:root[data-theme] main .channel .handle{grid-column:2;grid-row:2;font-family:inherit}
:root[data-theme] main .channel .btn-row{grid-column:3;grid-row:1/span 2}
:root[data-theme] main .vfilter{border:1px solid var(--line-2);border-radius:50px;background:none}
:root[data-theme] main .vfilter button{color:var(--muted);border-bottom:0}
:root[data-theme] main .vfilter button[aria-pressed="true"]{background:var(--ink);color:var(--canvas);border-bottom:0}

:root[data-theme] main .stripe-embed,:root[data-theme] main .chat-box,:root[data-theme] main .my-orders>li,:root[data-theme] main .co-side,:root[data-theme] main .order-check,:root[data-theme] main .sum{border-radius:var(--r)}
:root[data-theme] main .qty-opt,:root[data-theme] main .opt,:root[data-theme] main .addon-opt{border-radius:12px}
:root[data-theme] main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),:root[data-theme] main textarea,:root[data-theme] main select{border-radius:10px}
:root[data-theme] main .co-side{border-top:1px solid var(--line)}

.site-foot,:root[data-theme="light"] .site-foot{background:var(--foot);border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.75)}
.site-foot .foot-h{font-family:"Montserrat",sans-serif;color:rgba(255,255,255,.5);font-weight:600}
.site-foot a,.site-foot .linkbtn{color:#fff}
.site-foot a:hover,.site-foot .linkbtn:hover{color:#d48cff}
:root[data-theme] .consent-card{border-radius:var(--r);border:1px solid var(--line);border-top:1px solid var(--line);box-shadow:none}

@media (max-width:1023.98px){:root[data-theme] main .hero-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767.98px){
:root[data-theme] main .hero h1{font-size:clamp(2.3rem,10vw,3rem)}
:root[data-theme] main .vframe,:root[data-theme] main .vframe .vthumb{border-radius:10px}
:root[data-theme] main .vcard h3{font-size:.8125rem}
.anvil-clips{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.anvil-clips li{padding:6px 6px 8px}
.anvil-clips small{font-size:.75rem}
.rc-head{flex-direction:column}
:root[data-theme] main .screen .menu .mgo{display:none}
:root[data-theme] main .cta{border-radius:18px}
}
@media (prefers-reduced-motion:reduce){:root[data-theme] main .btn:not(.site-head .btn){transition:none}}
