.etz{--ink:#141414;--o:#FF6B00;--b:#5B4BFF;position:relative;overflow:hidden;background:#F5F4F2;color:var(--ink);font-family:"Plus Jakarta Sans",system-ui,sans-serif;line-height:1.5;padding:96px 24px}
.etz *,.etz *::before,.etz *::after{box-sizing:border-box;text-transform:none}
.etz::before,.etz::after{content:"";position:absolute;left:-10%;right:-10%;pointer-events:none;filter:blur(30px)}
.etz::before{top:-140px;height:560px;opacity:.8;background:radial-gradient(520px 340px at 12% 30%,#FFB59A,transparent 70%),radial-gradient(520px 360px at 50% 10%,#D9C6F2,transparent 70%),radial-gradient(580px 380px at 90% 30%,#5CF0EA,transparent 70%);animation:etzDrift 16s ease-in-out infinite alternate}
.etz::after{bottom:-200px;height:420px;opacity:.5;background:radial-gradient(480px 300px at 85% 70%,#FFB59A,transparent 70%),radial-gradient(480px 300px at 15% 80%,#8FF3EE,transparent 70%)}
@keyframes etzDrift{to{transform:translateX(5%)}}
.etz__in{position:relative;z-index:1;max-width:1120px;margin:0 auto}
.etz__head{text-align:center;margin-bottom:40px}
.etz__head h2{font-weight:600;font-size:clamp(38px,6vw,76px);line-height:1.02;letter-spacing:-.04em;margin:0 auto 18px;max-width:15ch;color:var(--ink)}
.etz__head h2 em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-.01em;color:var(--o)}
.etz__head p{margin:0 auto;font-size:19px;color:#4b4b55;max-width:48ch}
.etz__mq{overflow:hidden;margin:0 0 56px;background:#141414;border-radius:99px;padding:18px 0}
.etz__mq div{display:flex;align-items:center;gap:28px;width:max-content;animation:etzMq 38s linear infinite}
.etz__mq span{font-weight:500;font-size:20px;letter-spacing:-.01em;color:#fff;white-space:nowrap}
.etz__mq i{flex:none;width:8px;height:8px;border-radius:50%;background:#FF6B00}
@keyframes etzMq{to{transform:translateX(-50%)}}
.etz__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.etz__card{--mx:50%;--my:0%;position:relative;opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.etz__card.in{opacity:1;transform:none}
.etz__card.w7{grid-column:span 7}.etz__card.w5{grid-column:span 5}
.etz__c{position:relative;height:100%;border-radius:32px;background:#fff;border:1px solid rgba(20,20,20,.08);box-shadow:0 1px 2px rgba(20,20,20,.04),0 24px 50px -28px rgba(20,20,20,.22);padding:24px;display:flex;flex-direction:column;gap:18px;overflow:hidden}
.etz__c::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,107,0,.09),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.etz__card:hover .etz__c::before{opacity:1}
.etz__vis{position:relative;height:230px;border-radius:22px;overflow:hidden;display:grid;place-items:center}
.v-meta{background:linear-gradient(135deg,#FFC9AE,#D9B8FF)}
.v-g{background:linear-gradient(135deg,#CFC4FF,#8FF3EE)}
.v-t{background:linear-gradient(135deg,#7DF0E8,#FFB7C8)}
.v-s{background:linear-gradient(135deg,#9CF3E4,#C9D8FF)}
.v-d{background:linear-gradient(135deg,#FF9A5C,#FFD3B8)}
.v-sh{background:linear-gradient(135deg,#BDEFC8,#EAF7B8)}
.v-w{background:linear-gradient(135deg,#A9DCFF,#D9C6F2)}
.v-m{background:linear-gradient(135deg,#D9C6F2,#FFC9AE)}
.etz h3{font-weight:600;font-size:clamp(26px,3vw,34px);letter-spacing:-.035em;line-height:1.05;margin:0}
.etz__c p{margin:0;color:#55555f;max-width:46ch}
.etz__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.etz__tags li{font-size:13px;padding:5px 12px;border-radius:99px;background:#F5F4F2;border:1px solid rgba(20,20,20,.1)}
.etz__lk{margin-top:auto;align-self:flex-start;font-weight:600;text-decoration:none;border-bottom:2px solid var(--o);padding-bottom:2px}
.etz a:focus-visible{outline:3px solid var(--o);outline-offset:4px;border-radius:4px}
.fl{position:absolute;background:#141414;color:#fff;font-weight:600;font-size:12px;padding:7px 13px;border-radius:99px;box-shadow:0 10px 24px rgba(20,20,20,.22);animation:etzBob 4s ease-in-out infinite}
@keyframes etzBob{50%{transform:translateY(-9px)}}
.ln{height:7px;border-radius:4px;background:#e4e4ee;margin:6px 0}.ln.s{width:55%}
.av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--o),#D9B8FF)}
.post{width:170px;background:#fff;color:#141414;border-radius:16px;padding:10px;transform:rotate(-4deg);box-shadow:0 20px 40px rgba(20,20,20,.18)}
.post .h{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:600}
.post .im{height:84px;border-radius:10px;background:linear-gradient(135deg,#ffd3c2,#c9ccff);margin:8px 0}
.srch{width:78%;background:#fff;color:#141414;border-radius:14px;padding:12px;font-size:12px;margin-top:-34px;box-shadow:0 18px 36px rgba(20,20,20,.14)}
.srch .q{border:1.5px solid #d6d6e2;border-radius:99px;padding:6px 12px;margin-bottom:9px;opacity:.7}
.srch b.ad{border:1px solid #141414;border-radius:4px;padding:0 4px;margin-right:6px;font-size:10px}
.srch h4{margin:5px 0 3px;color:var(--b);font-size:14px}
.chart{position:absolute;left:8%;bottom:10px;height:56px;width:84%;overflow:visible}
.chart path{fill:none;stroke:#141414;stroke-width:3;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400}
.in .chart path{animation:etzDraw 2.2s .5s ease forwards}
@keyframes etzDraw{to{stroke-dashoffset:0}}
.ph{width:104px;height:196px;border-radius:22px;background:linear-gradient(170deg,#1b1b3a,#000);border:3px solid #fff;position:relative;overflow:hidden;box-shadow:0 18px 36px rgba(20,20,20,.2)}
.eq{position:absolute;left:12px;right:12px;bottom:14px;height:70px;display:flex;align-items:flex-end;gap:5px}
.eq i{flex:1;background:linear-gradient(#25f4ee,#fe2c55);border-radius:3px;height:100%;transform-origin:bottom;animation:etzEq 1s ease-in-out infinite alternate}
.eq i:nth-child(2n){animation-duration:.7s}.eq i:nth-child(3n){animation-duration:1.3s;animation-delay:-.4s}.eq i:nth-child(5n){animation-delay:-.2s}
@keyframes etzEq{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
.ph .dot{position:absolute;right:9px;top:60px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 34px 0 #fff,0 68px 0 #fff}
.cal{width:76%;background:#fff;color:#141414;border-radius:16px;padding:12px 14px;box-shadow:0 18px 40px rgba(20,20,20,.16);font-size:12px}
.cal b{display:block;font-weight:600;margin-bottom:8px}
.cal .g{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal i{display:block;height:30px;border-radius:8px;background:#F0F0F4}
.cal i.a{background:#FF6B00;animation:etzBob 4s ease-in-out infinite}
.cal i.b{background:#141414}
.cal i.c{background:#D9B8FF}
.shp{position:relative;width:170px;height:150px}
.shp i{position:absolute;display:block}
.shp .c{width:90px;height:90px;border-radius:50%;background:#141414;left:0;top:10px;animation:etzBob 5s ease-in-out infinite}
.shp .s{width:80px;height:80px;border-radius:18px;background:#fff;right:6px;top:0;transform:rotate(14deg);animation:etzSpin 9s linear infinite}
.shp .t{left:50px;bottom:0;border-left:42px solid transparent;border-right:42px solid transparent;border-bottom:72px solid #FF6B00;animation:etzBob 4s -1s ease-in-out infinite}
@keyframes etzSpin{to{transform:rotate(374deg)}}
.shop{width:80%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pd{background:#fff;color:#141414;border-radius:14px;padding:8px;text-align:center;font-size:12px;box-shadow:0 10px 24px rgba(20,20,20,.1)}
.pd:nth-child(2){animation:etzBob 4s ease-in-out infinite}
.pd i{display:block;height:64px;border-radius:9px;background:linear-gradient(135deg,#d9f2b8,#9fd0ff);margin-bottom:6px}
.pd b{display:block;font-weight:600}
.pd::after{content:"Buy now";display:block;margin-top:6px;background:#141414;color:#fff;border-radius:99px;padding:3px 0;font-size:11px}
.bw{width:76%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(20,20,20,.18)}
.bar{display:flex;gap:5px;padding:8px;background:#eceef6}
.bar i{width:8px;height:8px;border-radius:50%;background:#c5c8dc}
.hero{height:58px;margin:8px;border-radius:9px;background:linear-gradient(120deg,#FF6B00,#5CF0EA)}
.blk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 8px 10px}
.blk i{height:36px;border-radius:8px;background:#e4e4ee}
.mt{width:72%;background:#fff;color:#141414;border-radius:16px;padding:14px;display:grid;gap:8px;font-size:13px;box-shadow:0 18px 40px rgba(20,20,20,.16)}
.on{display:flex;align-items:center;gap:8px;font-weight:600}
.on u{width:10px;height:10px;border-radius:50%;background:#22c55e;animation:etzPing 1.8s infinite}
@keyframes etzPing{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}100%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}
.it{display:flex;justify-content:space-between;background:#F5F4F2;border-radius:9px;padding:7px 10px}
.it em{font-style:normal;color:#16a34a;font-weight:700}
.etz__cta{margin-top:56px;display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center;justify-content:space-between;padding:32px 38px;border-radius:32px;background:linear-gradient(120deg,#FFC9AE,#D9C6F2 55%,#8FF3EE)}
.etz__cta p{margin:0;font-weight:600;font-size:clamp(22px,2.8vw,32px);letter-spacing:-.035em;max-width:24ch;line-height:1.1}
.etz__btn{background:#141414;color:#fff;font-weight:500;text-decoration:none;padding:16px 30px;border-radius:99px;transition:transform .2s,box-shadow .2s}
.etz__btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,20,20,.3)}
.etz__note{margin:20px 0 0;text-align:center;font-size:12px;color:#7a7a85}
/* Theme-proof overrides so your site theme cannot change these colors */
.etz .etz__mq span{color:#fff!important;font-family:"Plus Jakarta Sans",system-ui,sans-serif!important}
.etz .etz__c h3{color:#141414!important;font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;text-shadow:none!important;text-transform:none!important}
.etz .etz__c p{color:#55555f!important}
.etz .etz__head p{color:#4b4b55!important}
.etz .etz__head h2{color:#141414!important;font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;text-transform:none!important}
.etz .etz__head h2 em{color:#FF6B00!important;font-family:"Instrument Serif",Georgia,serif!important}
.etz .etz__cta p{color:#141414!important}
.etz .etz__tags li{color:#141414!important}
.etz a.etz__lk{color:#141414!important;text-decoration:none!important}
.etz a.etz__lk:hover{color:#FF6B00!important}
.etz a.etz__btn{color:#fff!important;text-decoration:none!important}
@media (max-width:820px){.etz{padding:64px 16px}.etz__card.w7,.etz__card.w5{grid-column:span 12}.etz__mq{margin:0 0 40px}.etz__cta{padding:24px}}
@media (prefers-reduced-motion:reduce){.etz *,.etz::before,.etz::after{animation:none!important;transition:none!important}.etz__card{opacity:1;transform:none}.chart path{stroke-dashoffset:0}}
/* Typography: Bricolage Grotesque for headings, Plus Jakarta Sans for text */
.etz .etz__head h2,.etz .etz__c h3,.etz .etz__cta p,.etz .etz__mq span{font-family:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif!important;font-optical-sizing:auto}
.etz .etz__head h2{font-weight:700!important;letter-spacing:-.045em!important;line-height:1!important}
.etz .etz__c h3{font-weight:700!important;letter-spacing:-.03em!important}
.etz .etz__cta p{font-weight:700!important;letter-spacing:-.03em!important}
.etz .etz__mq span{font-weight:600!important;letter-spacing:-.02em!important}
.etz .etz__head p{font-size:19px;line-height:1.65}
.etz .etz__c p{font-size:16.5px;line-height:1.65}
.etz .etz__tags li{font-weight:600}
.etz a.etz__lk,.etz a.etz__btn{font-weight:700;letter-spacing:.01em}