/* product page */
.phero{padding:150px 0 0;position:relative;overflow:hidden}
.phero .ph{display:flex;flex-wrap:wrap;align-items:center;gap:40px 64px}
.phero .pc{flex:1 1 460px;min-width:0}
.phero h1{white-space:normal;font-size:clamp(28px,3.6vw,56px);line-height:1.14;margin-top:16px;text-wrap:balance}
.phero .pc>p{font-size:clamp(17px,1.4vw,20px);color:var(--soft);max-width:560px;margin:22px 0 0}
.phero .pc .btn:not(.gold){background:transparent;border-color:rgba(255,255,255,.45)}
.phero .pv{flex:1 1 420px;min-width:0}
.phero .pv svg{display:block;width:100%;height:auto;max-width:640px;margin-left:auto;filter:drop-shadow(0 0 3px rgba(255,255,255,.35))}
.pv .w{fill:none;stroke:rgba(244,245,247,.5);stroke-width:1.1}
.pv .y{fill:none;stroke:var(--yel);stroke-width:1.6;filter:drop-shadow(0 0 5px rgba(247,205,70,.9))}
.pv .run{stroke-dasharray:10 150;animation:prun 3.2s linear infinite}
.pv .run:nth-of-type(2n){animation-delay:-1.1s}.pv .run:nth-of-type(3n){animation-delay:-2.2s}
@keyframes prun{to{stroke-dashoffset:-160}}
.pv text{font-family:'Michroma',sans-serif;font-size:11px;fill:var(--soft);letter-spacing:.08em}
.pnums{list-style:none;margin:72px 0 0;padding:26px 0 46px;border-top:1px solid var(--edge);display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px 24px}
.pnums li{font-size:15px;color:var(--soft)}
.pnums b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(22px,2.3vw,36px);color:var(--yel);line-height:1.2;margin-bottom:4px}
.crumb{font-size:14px;color:var(--soft);margin-bottom:26px}.crumb a{color:var(--soft);text-decoration:none}.crumb a:hover{color:var(--yel)}
.l3{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;border-top:2px solid var(--ink)}
.l3>div{padding:28px 0 0}
.l3 b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(44px,5vw,80px);line-height:1;color:var(--yel)}
.l3 h3,.fg h3,.fm h3,.pr h3{font-family:'Michroma',sans-serif;font-weight:400;margin:0}
.l3 h3{font-size:clamp(19px,1.9vw,26px);margin-top:20px}.l3 p{margin:10px 0 0;color:var(--muted);font-size:17.5px}
.fxview ul{list-style:none;margin:18px 0 0;padding:0;columns:2;column-gap:40px;animation:fxfade .45s ease both}
.fxview li{break-inside:avoid;padding:9px 0 9px 22px;position:relative;color:var(--soft);font-size:17px}
.fxview li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:3px;background:var(--yel)}
.fg{margin-top:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 72px;border-bottom:1px solid var(--line)}
.fg>div{display:grid;grid-template-columns:54px 1fr;gap:4px 12px;padding:26px 0;border-top:1px solid var(--line);transition:padding .3s}
.fg>div:hover{padding-left:12px}
.fg span{font-family:'Michroma',sans-serif;font-size:13px;color:var(--ink);padding-top:6px;box-shadow:inset 0 -3px 0 var(--yel);align-self:start;justify-self:start}
.fg h3{font-size:20px}.fg p{grid-column:2;margin:4px 0 0;color:var(--muted)}
.fm{margin-top:56px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 32px}
.fm>div{padding:24px 0 30px;border-top:1px solid var(--edge);transition:border-color .3s}
.fm>div:hover{border-color:var(--yel)}
.fm h3{font-size:18px;color:var(--text)}.fm p{margin:8px 0 0;color:var(--soft);font-size:15.5px}
.pr{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.pr>div{padding:32px 36px 40px;display:flex;flex-direction:column;transition:background .3s}
.pr>div:first-child{padding-left:0}.pr>div+div{border-left:1px solid var(--line)}
.pr>div:hover{background:var(--yel)}.pr>div:first-child:hover{box-shadow:-36px 0 0 var(--yel)}
.pr small{font-family:'Michroma',sans-serif;font-size:13px;color:#6F6A5C}.pr>div:hover small,.pr>div:hover .sub,.pr>div:hover li{color:var(--ink)}
.pr h3{font-size:clamp(20px,2.1vw,30px);margin-top:8px}
  .pr .amt span{font-size:.4em}
.pr .amt{white-space:nowrap;font-family:'Michroma',sans-serif;font-size:clamp(24px,2.7vw,44px);line-height:1.1;margin-top:26px}
.pr .sub{color:var(--muted);font-size:15.5px;margin-top:6px;min-height:48px}
.pr ul{list-style:none;margin:22px 0 30px;padding:0;flex:1}
.pr li{padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:16.5px}.pr>div:hover li{border-color:rgba(11,16,32,.25)}
@media (max-width:980px){.fm{grid-template-columns:repeat(2,minmax(0,1fr))}.pr,.l3{grid-template-columns:1fr}.pr>div{padding:28px 0 34px}.pr>div+div{border-left:0;border-top:2px solid var(--ink)}.pr>div:hover{box-shadow:-24px 0 0 var(--yel),24px 0 0 var(--yel)}.fg{grid-template-columns:1fr}.fxview ul{columns:1}}
@media (max-width:640px){.phero{padding-top:120px}.pnums{display:grid;grid-template-columns:1fr 1fr;margin-top:48px}.fm{gap:0 20px}}

/* pricing page */
.ptab{margin-top:56px;overflow-x:auto}
.ptab table{width:100%;min-width:760px;border-collapse:collapse}
.ptab th,.ptab td{text-align:left;padding:20px 20px 20px 0;border-bottom:1px solid var(--line);font-size:17px;vertical-align:middle;transition:background .25s,padding .25s}
.ptab thead th{border-bottom:2px solid var(--ink);font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(16px,1.5vw,21px);vertical-align:bottom}
.ptab thead th span{display:block;font-size:12.5px;color:#6F6A5C;margin-bottom:6px}
.ptab .grp th{font-family:'Michroma',sans-serif;font-weight:400;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:38px 0 12px;border-bottom:2px solid var(--yel)}
.ptab tbody th{font-weight:600;width:40%}.ptab tbody th a{color:var(--ink);text-decoration:none;font-size:19px}
.ptab tbody th span{display:block;font-weight:400;color:var(--muted);font-size:15px;margin-top:2px}
.ptab td{font-family:'Michroma',sans-serif;font-size:clamp(15px,1.4vw,19px);white-space:nowrap}.ptab td small{font-family:'Instrument Sans',sans-serif;font-size:14px;color:var(--muted)}
.ptab tbody tr:not(.grp):hover th,.ptab tbody tr:not(.grp):hover td{background:var(--yel)}.ptab tbody tr:not(.grp):hover th{padding-left:16px}
.ptab tbody tr:hover th span,.ptab tbody tr:hover td small{color:var(--ink)}
.ptab .go{color:var(--ink);text-decoration:none;font-size:22px;display:inline-block;transition:transform .25s}.ptab tr:hover .go{transform:translateX(6px)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pnote{margin:26px 0 0;color:var(--muted);font-size:16px}

/* content pages */
.sec.dark .fg,.sec.dark .fg>div,.sec.dark .l3{border-color:var(--edge)}.sec.dark .fg p,.sec.dark .l3 p{color:var(--soft)}.sec.dark .fg span{color:var(--text)}
.sec:not(.dark) .fm>div{border-color:var(--line)}.sec:not(.dark) .fm h3{color:var(--ink)}.sec:not(.dark) .fm p{color:var(--muted)}.sec:not(.dark) .fm>div:hover{border-color:var(--ink);box-shadow:inset 0 3px 0 var(--yel)}
.l3.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.l3.n5{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 32px}.l3.n5 b,.l3.n4 b{font-size:clamp(34px,3.6vw,56px)}
.fm a{color:inherit}
.cs{margin-top:56px;border-bottom:2px solid var(--ink)}
.cs a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 200px 44px;gap:20px 40px;align-items:center;padding:30px 0;border-top:2px solid var(--ink);text-decoration:none;color:var(--ink);position:relative;transition:padding .3s}
.cs a::before{content:"";position:absolute;inset:0;background:var(--yel);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.cs a>*{position:relative}.cs a:hover{padding-left:24px;padding-right:24px}.cs a:hover::before{transform:scaleY(1)}
.cs h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(22px,2.6vw,38px);margin:0}.cs small{display:block;margin-top:6px;font-size:14px;color:var(--muted)}
.cs p{margin:0;color:var(--muted);font-size:16.5px}.cs a:hover p,.cs a:hover small,.cs a:hover b span{color:var(--ink)}
.cs b{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(26px,3vw,44px);text-align:right;line-height:1}.cs b span{display:block;font-family:'Instrument Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.cs i{font-style:normal;font-size:26px}
.tm{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px}
.tm>div{padding:22px 0;border-top:1px solid var(--line)}.tm h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:19px;margin:0}.tm p{margin:4px 0 0;color:var(--muted)}
.sec.dark .tm>div{border-color:var(--edge)}.sec.dark .tm p{color:var(--soft)}
.quote{margin:56px 0 0;max-width:980px;font-size:clamp(20px,2.1vw,30px);line-height:1.45;border-left:4px solid var(--yel);padding-left:32px}.quote footer{all:unset;display:block;margin-top:22px;font-size:16px;color:var(--soft)}
.pform{margin-top:48px;max-width:760px}
@media (max-width:980px){.l3.n4,.l3.n5,.tm{grid-template-columns:1fr 1fr}.cs a{grid-template-columns:1fr}.cs b{text-align:left}}
@media (max-width:640px){.l3.n4,.l3.n5,.tm{grid-template-columns:1fr}.quote{padding-left:20px}}
.sec:not(.dark) .dm label{color:var(--muted)}
.sec:not(.dark) .dm input,.sec:not(.dark) .dm select{color:var(--ink);border-bottom-color:var(--ink)}
.sec:not(.dark) .dm input:focus,.sec:not(.dark) .dm select:focus{border-bottom:2px solid var(--yel)}
.sec:not(.dark) .dm button.btn{background:var(--ink);color:var(--text);border-color:var(--ink);animation:none}

.cs.lk a{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 150px 44px}
.cs.lk b{font-size:clamp(18px,1.9vw,26px)}
.sec.dark .cs,.sec.dark .cs a{border-color:var(--edge);color:var(--text)}.sec.dark .cs p{color:var(--soft)}
.sec.dark .cs a:hover,.sec.dark .cs a:hover p{color:var(--ink)}
@media (max-width:980px){.cs.lk a{grid-template-columns:1fr}}

/* legal, blog, 404 */
.legaltext{max-width:860px;margin-top:8px}
.legaltext h2,.legaltext h3,.legaltext h4{font-family:'Michroma',sans-serif;font-weight:400;line-height:1.3;margin:44px 0 12px}
.legaltext h2{font-size:clamp(19px,2vw,26px);padding-top:26px;border-top:2px solid var(--ink)}.legaltext h3{font-size:18px}.legaltext h4{font-size:16px}
.legaltext p,.legaltext li{color:var(--muted);font-size:17px;line-height:1.7}.legaltext p{margin:0 0 14px}
.legaltext a{overflow-wrap:anywhere;color:var(--ink);text-decoration:underline;text-decoration-color:var(--yel);text-decoration-thickness:3px;text-underline-offset:4px}
.blg{margin-top:56px;border-bottom:2px solid var(--ink)}
.blg a{display:grid;grid-template-columns:170px minmax(0,1fr) 44px;gap:16px 40px;align-items:center;padding:28px 0;border-top:2px solid var(--ink);text-decoration:none;color:var(--ink);position:relative;transition:padding .3s}
.blg a::before{content:"";position:absolute;inset:0;background:var(--yel);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.blg a>*{position:relative}.blg a:hover{padding-left:24px;padding-right:24px}.blg a:hover::before{transform:scaleY(1)}
.blg time{font-family:'Michroma',sans-serif;font-size:13px;color:var(--muted)}.blg a:hover time{color:var(--ink)}
.blg h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(17px,1.8vw,24px);line-height:1.3;margin:0}.blg i{font-style:normal;font-size:24px}
.e404{font-family:'Michroma',sans-serif;font-size:clamp(110px,22vw,340px);line-height:.9;color:transparent;-webkit-text-stroke:1px var(--yel);margin:10px 0 0}
.two{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:0 72px;border-top:2px solid var(--ink)}
.two>div{padding:32px 0 0}.two b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(40px,4.4vw,68px);line-height:1;color:var(--yel)}
.two h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(20px,2.1vw,30px);margin:20px 0 0}.two p{color:var(--muted);font-size:18px;margin:12px 0 26px;max-width:520px}
@media (max-width:860px){.two{grid-template-columns:1fr}.blg a{grid-template-columns:1fr 34px}.blg time{grid-column:1/-1}}

/* blog post and category */
.phero.post h1{font-size:clamp(24px,3vw,46px);max-width:1100px}
.pmeta{display:flex;flex-wrap:wrap;gap:8px 28px;margin:26px 0 0;color:var(--soft);font-size:15px;padding-bottom:64px}.pmeta b{color:var(--text);font-weight:600}
.pwrap{display:grid;grid-template-columns:260px minmax(0,760px);gap:0 80px;align-items:start}
.ptoc{position:sticky;top:110px;font-size:15px}.ptoc h4{font-family:'Michroma',sans-serif;font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.ptoc a{display:block;padding:8px 0 8px 14px;border-left:3px solid var(--line);color:var(--muted);text-decoration:none;transition:border-color .2s,color .2s}.ptoc a:hover,.ptoc a.on{border-color:var(--yel);color:var(--ink)}
.pimg{width:100%;height:auto;display:block;border-radius:14px;margin:0 0 40px}
.art{font-size:18.5px;line-height:1.75;color:#262B38}
.art>p:first-of-type{font-size:22px;line-height:1.6;color:var(--ink)}
.art h2{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(21px,2.2vw,30px);line-height:1.25;margin:56px 0 16px;padding-top:28px;border-top:2px solid var(--ink);scroll-margin-top:100px}
.art h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:19px;line-height:1.35;margin:36px 0 10px}
.art p{margin:0 0 18px}.art a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--yel);text-decoration-thickness:3px;text-underline-offset:4px}
.art ul,.art ol{margin:0 0 20px;padding:0;list-style:none;counter-reset:n}
.art li{position:relative;padding:6px 0 6px 30px}.art ul li::before{content:"";position:absolute;left:0;top:19px;width:14px;height:3px;background:var(--yel)}
.art ol li{counter-increment:n}.art ol li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:9px;font-family:'Michroma',sans-serif;font-size:12px;color:var(--ink)}
.art blockquote{margin:30px 0;padding:6px 0 6px 28px;border-left:4px solid var(--yel);font-size:21px}
.art table{width:100%;border-collapse:collapse;margin:26px 0 30px;font-size:16.5px;display:block;overflow-x:auto}
.art th,.art td{text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}.art th,.art tr:first-child td{font-weight:600;border-bottom:2px solid var(--ink)}
.pend{margin-top:56px;padding:36px 40px;background:var(--yel);border-radius:14px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px}
.pend h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(19px,2vw,26px);margin:0}.pend p{margin:6px 0 0;font-size:16px}
.cats{display:flex;flex-wrap:wrap;gap:6px 30px;margin-top:40px;padding-bottom:22px;border-bottom:2px solid var(--ink)}
.cats a{padding:8px 0;color:var(--muted);text-decoration:none;font-weight:500;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.cats a:hover{color:var(--ink)}.cats a.on{color:var(--ink);border-color:var(--yel)}
.blg.c{margin-top:0;border-top:0}.blg.c a:first-child{border-top:0}
.blg small{display:block;font-family:'Instrument Sans',sans-serif;font-size:15.5px;color:var(--muted);margin-top:8px;max-width:820px}.blg a:hover small{color:var(--ink)}
@media (max-width:980px){.pwrap{grid-template-columns:1fr}.ptoc{display:none}}
@media (max-width:640px){.art{font-size:17px}.art>p:first-of-type{font-size:19px}.pend{padding:28px 22px}}

/* blog index: lead story + three-column grid */
.bx a{color:inherit;text-decoration:none}
.bx .im{display:block;overflow:hidden;border-radius:14px;aspect-ratio:16/9;background:#070B18}
.bx .im img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bx a:hover .im img{transform:scale(1.05)}
.bx small{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#4A4636}
.bx h3{font-family:'Michroma',sans-serif!important;font-weight:400!important;margin:0;line-height:1.3;color:#0B1020}
.bxlead{display:grid;grid-template-columns:1.25fr 1fr;gap:0 56px;align-items:center;padding-bottom:56px;margin-bottom:56px;border-bottom:1px solid #CFC8B8}
.bxlead h3{font-size:clamp(22px,2.5vw,36px)!important;margin:14px 0 14px}
.bxlead p{color:#4A4636;margin:0 0 22px;font-size:18px;line-height:1.55}
.bxlead b{font-weight:600;color:#0B1020;box-shadow:inset 0 -3px 0 #F7CD46;padding-bottom:3px}
.bxlead b i{display:inline-block;font-style:normal;transition:transform .25s}.bxlead:hover b i{transform:translateX(6px)}
.bxgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}
.bxgrid small{margin:18px 0 8px}
.bxgrid h3{font-size:clamp(16px,1.35vw,19px)!important;display:inline;padding-bottom:3px;background:linear-gradient(#F7CD46,#F7CD46) left bottom/0 3px no-repeat;transition:background-size .4s cubic-bezier(.2,.8,.2,1)}
.bxgrid a:hover h3{background-size:100% 3px}
@media (max-width:900px){.bxlead{grid-template-columns:1fr;gap:24px}.bxgrid{grid-template-columns:1fr 1fr;gap:36px 24px}}
@media (max-width:560px){.bxgrid{grid-template-columns:1fr}}

/* booking calendar */
.cal{margin-top:44px;border:1px solid var(--edge);border-radius:14px;overflow:hidden;background:#070B18}
.cal .calendly-inline-widget{min-width:320px;height:780px}

/* x-ray product preview */
.pvw{margin-top:52px;border-radius:16px;overflow:hidden;border:1px solid rgba(244,245,247,.5);filter:drop-shadow(0 0 3px rgba(255,255,255,.3));font-size:14px;line-height:1.45;color:var(--text)}
.pvw .wbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(244,245,247,.35)}
.pvw .wbar i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(244,245,247,.6)}.pvw .wbar span{margin-left:14px;color:#8590A8;font-size:12.5px}
.pvw .app{display:grid;grid-template-columns:190px 1fr}
.pvw aside{padding:22px 16px;border-right:1px solid rgba(244,245,247,.3);display:flex;flex-direction:column;gap:4px}
.pvw aside b{font-family:'Michroma',sans-serif;font-weight:400;font-size:14px;margin:0 0 16px 10px}
.pvw aside a{padding:9px 10px;border-radius:9px;color:var(--soft)}.pvw aside a.on{box-shadow:inset 0 0 0 1px var(--yel);color:var(--yel);font-weight:600}
.pvw .pmain{padding:24px 26px 26px;min-width:0}
.pvw .kp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pvw .kp div{padding:16px;border:1px solid rgba(244,245,247,.3);border-radius:12px}.pvw .kp div:first-child{border-color:var(--yel)}
.pvw small{display:block;color:#8590A8;font-size:12px;letter-spacing:.04em}
.pvw .kp b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(16px,1.7vw,22px);margin-top:6px}.pvw .kp div:first-child b{color:var(--yel)}
.pvw .ch{margin-top:16px;padding:16px;border:1px solid rgba(244,245,247,.3);border-radius:12px}
.pvw .ch svg{display:block;width:100%;height:170px;margin-top:10px}
.pvw .ln{fill:none;stroke:var(--yel);stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(247,205,70,.9));stroke-dasharray:1400;stroke-dashoffset:1400}
.pvw .br rect{fill:none;stroke:rgba(244,245,247,.3);stroke-width:1}
.rvon .pvw.rv.in .ln,.rvon .rv.in .pvw .ln,.pvw.go .ln,html:not(.rvon) .pvw .ln{animation:pvdraw 2.2s cubic-bezier(.3,.6,.2,1) .3s forwards}
@keyframes pvdraw{to{stroke-dashoffset:0}}
.pvw table{width:100%;border-collapse:collapse;margin-top:16px}
.pvw th,.pvw td{text-align:left;padding:11px 10px;border-bottom:1px solid rgba(244,245,247,.25)}
.pvw th{color:#8590A8;font-weight:500;font-size:12px}.pvw td{color:var(--soft)}.pvw td:first-child{color:var(--text)}
.pvw tbody tr:last-child td{border-bottom:0}
.pvnote{margin:12px 0 0;font-size:13px;color:#8590A8}
.pvw+.pvw+.fx,.pvw+.pnh{margin-top:64px}
@media (max-width:820px){.pvw .app{grid-template-columns:1fr}.pvw aside{display:none}.pvw .kp{grid-template-columns:1fr 1fr}.pvw .pmain{padding:16px}.pvw th:nth-child(n+4),.pvw td:nth-child(n+4){display:none}}
@media (prefers-reduced-motion: reduce){.pvw .ln{stroke-dashoffset:0;animation:none}}

/* suite bundle on the pricing page */
.suite{margin-top:56px;background:var(--yel);border-radius:14px;padding:40px 44px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px 56px}
.suite small{display:block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.suite h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(20px,2.2vw,30px);margin:8px 0 8px}.suite p{margin:0;max-width:460px}
.suite .sp{display:flex;flex-wrap:wrap;align-items:center;gap:20px 44px}
.suite .sp b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(24px,2.6vw,38px);line-height:1.1}.suite .sp b span{font-size:.4em}
.suite .sp small{letter-spacing:.02em;text-transform:none;font-weight:500;margin-top:6px}
.pr .amt{font-size:clamp(20px,2.3vw,40px)}

/* service pages: cards with drawings, quote form beside the pricing text */
.cg{margin-top:52px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cg>div{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.cg>div:hover{box-shadow:0 18px 40px rgba(11,16,32,.12)}
.cg .art{background:var(--night);height:160px;display:flex;align-items:center;justify-content:center;padding:20px}
.cg .art svg{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cg .art .w{stroke:rgba(244,245,247,.55);stroke-width:1.4}.cg .art .y{stroke:var(--yel);stroke-width:2.2}
.cg .tx{padding:22px 24px 26px}.cg h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:18px;margin:0}.cg p{margin:8px 0 0;color:var(--muted)}
.qt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;align-items:start}
.qt .pform{margin-top:0;max-width:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;display:block}
.qpts{list-style:none;padding:0;margin:30px 0 0}.qpts li{padding:10px 0 10px 30px;position:relative;color:var(--muted)}.qpts li::before{content:"\2192";position:absolute;left:0;color:var(--ink);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 15px;font:500 14.5px 'Instrument Sans',sans-serif;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chips button:hover{border-color:var(--ink)}.chips button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
@media (max-width:980px){.cg{grid-template-columns:repeat(2,minmax(0,1fr))}.qt{grid-template-columns:1fr;gap:40px}}
@media (max-width:620px){.cg{grid-template-columns:1fr}}

/* contact: form beside a dark panel with every channel */
.ctq{margin-top:48px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}
.cside{background:var(--night);color:var(--soft);border-radius:20px;padding:32px}
.cside h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:18px;margin:0;color:var(--text)}.cside p{margin:6px 0 14px;font-size:15.5px}
.cside a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--edge);color:var(--text);font-weight:600;text-decoration:none}
.cside a small{display:block;font-weight:400;color:var(--soft);font-size:14.5px}.cside a::after{content:"\2192";color:var(--yel);font-size:18px;transition:transform .2s}.cside a:hover::after{transform:translateX(5px)}
.cside .of{margin-top:6px;padding-top:22px;border-top:1px solid var(--edge);font-size:15px}.cside .of b{display:block;color:var(--yel);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
/* technology: the stack as one block, standards as small cards */
.stk{margin-top:52px;border:1px solid var(--edge);border-radius:20px;overflow:hidden}
.stk>div{display:grid;grid-template-columns:70px minmax(0,270px) minmax(0,1fr);gap:20px;align-items:center;padding:26px 30px;border-top:1px solid var(--edge)}.stk>div:first-child{border-top:0}
.stk>div:nth-child(1){background:rgba(247,205,70,.10)}.stk>div:nth-child(2){background:rgba(247,205,70,.07)}.stk>div:nth-child(3){background:rgba(247,205,70,.045)}.stk>div:nth-child(4){background:rgba(247,205,70,.02)}
.stk b{font-family:'Michroma',sans-serif;font-weight:400;color:var(--yel);font-size:22px}
.stk h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:19px;margin:0}.stk p{margin:4px 0 0;color:var(--soft);font-size:15.5px}
.stk .ch{display:flex;flex-wrap:wrap;gap:8px}.stk .ch span{border:1px solid var(--edge);border-radius:999px;padding:8px 15px;font-size:14.5px;background:rgba(7,11,24,.6);color:var(--text)}
.std{margin-top:52px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.std>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.std h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:17px;margin:0}.std p{margin:8px 0 0;color:var(--muted);font-size:15.5px}
.std svg{width:44px;height:44px;margin-bottom:16px;display:block}.std svg *{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.std svg .y{stroke:var(--yel);stroke-width:2.4}
@media (max-width:980px){.ctq{grid-template-columns:1fr}.stk>div{grid-template-columns:50px 1fr}.stk .ch{grid-column:1/-1}.std{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* release notes: timeline */
.tl{margin-top:56px;position:relative;padding-left:230px}
.tl::before{content:"";position:absolute;left:190px;top:8px;bottom:0;width:2px;background:var(--line)}
.tl .r{position:relative;padding-bottom:40px}.tl .r:last-child{padding-bottom:0}
.tl .r::before{content:"";position:absolute;left:-47px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--marble);border:2px solid var(--ink)}
.tl .r.new::before{background:var(--yel);box-shadow:0 0 0 6px rgba(247,205,70,.3)}
.tl .d{position:absolute;left:-230px;top:0;width:160px;text-align:right}
.tl .d b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:22px}.tl .d span{color:var(--muted);font-size:14.5px}
.tl .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px}
.tl h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:20px;margin:6px 0 0}
.tl ul{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.tl li{padding:7px 0 7px 26px;position:relative;color:var(--muted)}.tl li::before{content:"\2192";position:absolute;left:0;color:var(--ink);font-weight:600}
.tg{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:7px;background:#ECE7DB;color:var(--ink);margin:0 6px 6px 0}.tg.y{background:var(--yel)}
@media (max-width:820px){.tl{padding-left:34px}.tl::before{left:6px}.tl .r::before{left:-35px}.tl .d{position:static;width:auto;text-align:left;margin-bottom:10px}.tl .d b{display:inline;margin-right:10px}.tl ul{grid-template-columns:1fr}}

/* white papers: cover, what is inside, download through a short popup */
.wp{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:72px;align-items:center}.wp+.wp{margin-top:80px;padding-top:80px;border-top:1px solid var(--line)}
.cover{background:var(--night);border-radius:10px;aspect-ratio:210/297;padding:9%;display:flex;flex-direction:column;color:var(--text);box-shadow:18px 18px 0 rgba(11,16,32,.12);position:relative;overflow:hidden}
.cover::after{content:"";position:absolute;right:-40%;bottom:-25%;width:110%;aspect-ratio:1;border-radius:50%;border:1.2px solid rgba(247,205,70,.5);box-shadow:0 0 0 40px rgba(247,205,70,.05)}
.cover small{font-size:11px;letter-spacing:.14em;color:var(--yel);font-weight:600}
.cover b{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(17px,1.65vw,23px);line-height:1.25;margin-top:auto;position:relative;z-index:1}
.cover span{margin-top:12px;font-size:11px;letter-spacing:.14em;color:var(--soft);position:relative;z-index:1}
.wprow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:32px}.wprow small{color:var(--muted);font-size:14.5px}
.wprow .btn{height:52px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;box-sizing:border-box;line-height:1;font:inherit;font-weight:600;border-width:1px;border-style:solid}
.wprow .btn.wpget{background:var(--yel);color:var(--ink);border-color:var(--yel);cursor:pointer}.wprow a.btn{background:var(--ink);color:var(--text);border-color:var(--ink)}
.wpm{position:fixed;inset:0;z-index:200;background:rgba(7,11,24,.72);display:flex;align-items:center;justify-content:center;padding:20px}.wpm[hidden]{display:none}
.wpb{background:var(--marble);color:var(--ink);border-radius:22px;padding:38px;width:min(480px,100%);max-height:calc(100vh - 40px);overflow:auto;position:relative}
.wpb h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:22px;margin:0 30px 0 0}.wpb .wps{margin:8px 0 0;color:var(--muted)}
.wpb .pform{margin-top:22px;display:block}.wpb .wph{display:none}
.wpb .dm label{color:var(--muted)}.wpb .dm input{color:var(--ink);border-bottom-color:var(--ink)}.wpb .dm .ok,.wpb .dm .fnote{color:var(--muted)}.wpb .dm button.btn{background:var(--ink);color:var(--text);border-color:var(--ink);animation:none;width:100%}
.wpb .dm .done{border-color:var(--ink)}.wpb .dm .done p{color:var(--muted)}.wpb .dm .done a{color:var(--ink);font-weight:600}
.wpb .dm .ok{display:flex;flex-direction:row;gap:12px;align-items:flex-start}.wpb .dm .ok input{width:20px;height:20px;flex:none;margin:2px 0 0}.wpb .dm .ok>span{flex:1}.wpb .dm .fnote{display:none}
.wpx{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:var(--ink)}
@media (max-width:820px){.wp{grid-template-columns:1fr;gap:36px}.cover{max-width:260px}}

/* release notes: product filter; product pages: "what is new" strip */
.rf{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.rf button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font:500 14.5px 'Instrument Sans',sans-serif;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.rf button:hover{border-color:var(--ink)}.rf button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.rf+.tl{margin-top:44px}.tl .r[hidden],.tl li[hidden]{display:none}.rfe{margin:40px 0 0;color:var(--muted)}
.wn{margin-top:64px;background:var(--night);color:var(--soft);border-radius:20px;padding:30px 34px}
.wnh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px}
.wnh b{font-family:'Michroma',sans-serif;font-weight:400;font-size:18px;color:var(--text)}
.wnh a{color:var(--yel);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.wng{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px;margin-top:20px;border-top:1px solid var(--edge)}
.wng>div{padding-top:20px}.wng small{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--yel)}.wng p{margin:8px 0 0;color:var(--text)}
@media (max-width:820px){.wng{grid-template-columns:1fr}}

.wpn{margin:0 0 44px;padding:16px 20px;border-radius:12px;border:1px solid var(--ink);font-weight:500}.wpn.good{background:var(--yel);border-color:var(--yel);color:var(--ink)}

/* ---------- phone layout (mobile pass 2026-10-12) ---------- */
@media (max-width:700px){
/* price list: each product becomes a block with its three prices labelled, no sideways scrolling */
.ptab{overflow:visible}.ptab table{min-width:0;display:block}.ptab thead{display:none}.ptab tbody{display:block}
.ptab tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 10px;padding:18px 0;border-bottom:1px solid var(--line);position:relative}
.ptab tr.grp{display:block;padding:0;border:0}
.ptab th,.ptab td{border:0;padding:0}
.ptab tbody th{grid-column:1/-1;width:auto;padding-right:44px;margin-bottom:12px}
.ptab tbody th a{display:inline-block;padding:7px 0}
.ptab td{white-space:normal;font-size:13.5px;line-height:1.35}
.ptab td::before{display:block;font-family:'Instrument Sans',sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.ptab td:nth-of-type(1)::before{content:"Monthly"}.ptab td:nth-of-type(2)::before{content:"License"}.ptab td:nth-of-type(3)::before{content:"Source code"}
.ptab td small{display:block;font-size:12.5px}
.ptab td:nth-of-type(4){position:absolute;right:0;top:14px}.ptab td:nth-of-type(4)::before{content:none}
.ptab .go{padding:8px 10px;font-size:22px}
.ptab .grp th{display:block;padding:30px 0 10px}
.ptab tbody tr:not(.grp):hover th{padding-left:0}
/* hero drawings: the tiny labels cannot be read at phone size, so the drawing stands alone */
.phero svg text:not(.keep){display:none}
/* release filter: one row you swipe sideways, instead of five rows of buttons */
.rf{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding:0 20px 8px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.rf::-webkit-scrollbar{display:none}.rf button{flex:none;white-space:nowrap}
/* comfortable tap sizes */
.wnh a{padding:8px 0}
}

/* about: team with photos */
.tmp{margin-top:52px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}
.tmp .ph{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;aspect-ratio:3/4;transition:transform .3s,box-shadow .3s}
.tmp .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;transform:scale(1.12);transform-origin:50% 12%;transition:transform .5s ease}.tmp>div:hover .ph img{transform:scale(1.18)}
.tmp .li{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:var(--night);display:flex;align-items:center;justify-content:center;transition:background .25s,transform .25s}.tmp .li svg{width:18px;height:18px;fill:#fff;transition:fill .25s}.tmp .li:hover{background:var(--yel)}.tmp .li:hover svg{fill:var(--ink)}
.tmp>div:hover .ph{box-shadow:0 18px 40px rgba(11,16,32,.14)}
.tmp h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:17px;margin:16px 0 0}.tmp p{margin:4px 0 0;color:var(--muted);font-size:15.5px}
@media (max-width:980px){.tmp{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.tmp h3{font-size:15px}}

/* about: team cards with a frosted-glass strip that rises on hover (option B1) */
.tmg{margin-top:52px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.tmg .c{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.tmg .c img{width:100%;height:100%;object-fit:cover;object-position:50% 0;transform:scale(1.1);transform-origin:50% 12%;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:block}
.tmg .tin{position:absolute;left:10px;right:10px;bottom:10px;border-radius:14px;padding:15px 16px;min-height:72px;align-items:center;background:rgba(7,11,24,.62);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(244,245,247,.16);display:flex;justify-content:space-between;gap:10px;transition:background .4s,border-color .4s}

.tmg h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:15.5px;margin:0;color:var(--text);line-height:1.3}
.tmg p{margin:6px 0 0;color:var(--soft);font-size:14.5px}
.tmg .li{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--yel);transition:box-shadow .25s}
.tmg .li svg{width:18px;height:18px;fill:var(--ink)}.tmg .li:hover{box-shadow:0 0 0 5px rgba(247,205,70,.3)}
.tmg .c:hover .in,.tmg .c:focus-within .in{transform:none}.tmg .c:hover .in::before,.tmg .c:focus-within .in::before{transform:scaleX(1)}
.tmg .c:hover p,.tmg .c:focus-within p{opacity:1;transform:none}.tmg .c:hover .li,.tmg .c:focus-within .li{transform:none}
.tmg .c:hover img{transform:scale(1.2)}
@media (max-width:980px){.tmg{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tmg h3{font-size:13px}.tmg p{font-size:13px}.tmg .tin{left:6px;right:6px;bottom:6px;padding:12px}.tmg .li{width:34px;height:34px}}
/* no pointer to hover with (phones, tablets): the strip is always open */
@media (hover:none){.tmg .tin{transform:none}.tmg .tin::before{transform:scaleX(1)}.tmg p{opacity:1;transform:none}.tmg .li{transform:none}}
@media (prefers-reduced-motion:reduce){.tmg .c img,.tmg .tin,.tmg p,.tmg .li,.tmg .tin::before{transition:none}}

/* ---------- visuals: animated flow ---------- */
.vf{position:relative;margin-top:64px}
.vfr{position:relative}
.vf ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 22px;position:relative}
.vfline{position:absolute;left:calc(100%/12);right:calc(100%/12);top:37px;height:2px;background:var(--line)}
.vfline i{position:absolute;left:0;top:0;height:100%;width:var(--p,0%);background:var(--ink);transition:width .9s cubic-bezier(.2,.8,.2,1)}
.vfline i::after{content:"";position:absolute;right:-7px;top:-6px;width:14px;height:14px;border-radius:50%;background:var(--yel);box-shadow:0 0 0 6px rgba(247,205,70,.3);animation:vfp 1.6s ease-in-out infinite}
@keyframes vfp{50%{box-shadow:0 0 0 12px rgba(247,205,70,0)}}
.vf li{text-align:center;cursor:default}
.vfn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto;border-radius:50%;background:var(--marble);border:1.5px solid var(--line);transition:background .45s,border-color .45s,transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.vfn svg{width:34px;height:34px;fill:none;stroke:#8A8474;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.vf li.done .vfn{border-color:var(--ink)}.vf li.done .vfn svg{stroke:var(--ink)}
.vf li.act .vfn{background:var(--yel);border-color:var(--yel);transform:scale(1.14);box-shadow:0 16px 34px -12px rgba(247,205,70,.9)}.vf li.act .vfn svg{stroke:var(--ink)}
.vf li h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:14.5px;line-height:1.35;margin:26px 0 0;color:#8A8474;transition:color .4s}
.vf li p{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--muted);opacity:.55;transition:opacity .4s}
.vf li.act h3,.vf li.done h3{color:var(--ink)}.vf li.act p{opacity:1}
.vfck{margin:44px auto 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px}
.vfck small{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:8px}
.vfck span{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:9px 18px 9px 12px;font-weight:600;font-size:15px;box-shadow:0 10px 24px -16px rgba(11,16,32,.4)}
.vfck span::before{content:"";width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);background:no-repeat center/11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.4' fill='none' stroke='%230B1020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:0;transition:background-color .35s,border-color .35s,background-size .35s}
.vf.chk .vfck span::before{background-color:var(--yel);border-color:var(--yel);background-size:11px}
.vf.chk .vfck span:nth-of-type(2)::before{transition-delay:.25s}.vf.chk .vfck span:nth-of-type(3)::before{transition-delay:.5s}
@media (max-width:900px){
.vf{margin-top:44px}
.vf ol{grid-template-columns:1fr;gap:26px}
.vf li{text-align:left;display:grid;grid-template-columns:60px 1fr;column-gap:18px;align-items:start}
.vfn{width:60px;height:60px;margin:0;grid-row:1/3}.vfn svg{width:28px;height:28px}
.vf li h3{margin:6px 0 0}.vf li p{margin:4px 0 0}
.vf li.act .vfn{transform:scale(1.08)}
.vfline{left:29px;right:auto;top:30px;bottom:30px;width:2px;height:auto}
.vfline i{width:100%;height:var(--p,0%);transition:height .9s cubic-bezier(.2,.8,.2,1)}
.vfline i::after{right:-6px;top:auto;bottom:-7px}
.vfck{justify-content:flex-start}.vfck small{flex:0 0 100%}
}

/* ---------- visuals: screen gallery ---------- */
.vg{margin-top:56px;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:44px;align-items:start}
.vgtabs{display:flex;flex-direction:column;gap:10px}
.vgt{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;gap:16px;align-items:flex-start;padding:20px 20px 22px;border-radius:16px;border:1px solid rgba(244,245,247,.16);overflow:hidden;transition:border-color .35s,background .35s}
.vgt:focus-visible{outline:3px solid #2A6BFF;outline-offset:2px}
.vgt>b{font-family:'Michroma',sans-serif;font-weight:400;font-size:13px;color:#8590A8;padding-top:3px;transition:color .3s}
.vgt strong{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:16px;line-height:1.35;color:var(--soft);transition:color .3s}
.vgt em{display:block;font-style:normal;font-size:15px;color:#8590A8;margin-top:6px}
.vgt>i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--yel)}
.vgt:hover{border-color:rgba(244,245,247,.4)}
.vgt.act{border-color:rgba(247,205,70,.7);background:rgba(247,205,70,.06)}.vgt.act>b{color:var(--yel)}.vgt.act strong{color:var(--text)}.vgt.act em{color:var(--soft)}
.vg.go .vgt.act>i{animation:vgbar 7s linear forwards}.vg.hold .vgt.act>i{animation-play-state:paused}
@keyframes vgbar{to{width:100%}}
.vgview{display:grid;min-width:0}
.vgs{grid-area:1/1;min-width:0;opacity:0;transform:translateY(14px) scale(.985);pointer-events:none;transition:opacity .45s,transform .7s cubic-bezier(.2,.8,.2,1)}
.vgs.act{opacity:1;transform:none;pointer-events:auto}
.vgw{border-radius:16px;overflow:hidden;border:1px solid rgba(244,245,247,.5);background:rgba(7,11,24,.6);box-shadow:0 40px 90px -40px rgba(247,205,70,.35),0 0 0 1px rgba(255,255,255,.04);font-size:14px;line-height:1.45;color:var(--text)}
.vgw .wbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(244,245,247,.35)}
.vgw .wbar i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(244,245,247,.6)}.vgw .wbar span{margin-left:14px;color:#8590A8;font-size:12.5px}
.vgb{position:relative;padding:28px 30px 30px;min-height:392px}
.vgb small{display:flex;align-items:center;color:#8590A8;font-size:12px;letter-spacing:.04em;margin:0 0 8px}
.vgp{display:inline-flex;vertical-align:middle;position:relative;top:-1px;margin-left:9px;width:19px;height:19px;border-radius:50%;background:var(--yel);color:var(--ink);font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:11.5px;letter-spacing:0;align-items:center;justify-content:center;animation:vgpin 2.2s ease-out infinite}
@keyframes vgpin{70%,100%{box-shadow:0 0 0 14px rgba(247,205,70,0)}}
.vgn{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--soft);font-size:15px}
.vgn li{display:flex;align-items:center;gap:10px}.vgn b{flex:none;width:22px;height:22px;border-radius:50%;background:var(--yel);color:var(--ink);font-size:12.5px;display:flex;align-items:center;justify-content:center}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.chips span{padding:6px 12px;border-radius:999px;border:1px solid rgba(244,245,247,.3);color:var(--soft);font-size:13px}
.chips span.sel{border-color:var(--yel);color:var(--yel);font-weight:600}
.vgform{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px}
.vgform .two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.vgform .two label{border:1px solid rgba(244,245,247,.3);border-radius:12px;padding:12px 14px}
.vgform .two b{font-family:'Michroma',sans-serif;font-weight:400;font-size:16px}.vgform .two small{margin-bottom:4px}
.vgform .ad{display:flex;flex-direction:column}
.adc{border:1px solid rgba(244,245,247,.3);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.adc .img{height:120px;border-radius:9px;background:linear-gradient(135deg,rgba(247,205,70,.9),rgba(247,205,70,.15) 60%),repeating-linear-gradient(45deg,rgba(244,245,247,.12) 0 8px,transparent 8px 16px)}
.adc b{font-size:15px;line-height:1.35}.adc em{font-style:normal;color:#8590A8;font-size:12.5px}
.vgform .go{margin-top:auto;text-align:center;background:var(--yel);color:var(--ink);font-weight:600;border-radius:12px;padding:12px;font-size:14.5px}
.vgrep .kp{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.vgrep .kp div,.vgopt .goal div{border:1px solid rgba(244,245,247,.3);border-radius:12px;padding:13px 14px}
.vgrep .kp b,.vgopt .goal b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:17px}.vgrep .kp small,.vgopt .goal small{margin-bottom:5px}
.vgrep .kp div:nth-child(3){border-color:var(--yel)}.vgrep .kp div:nth-child(3) b,.vgopt .y{color:var(--yel)}
.vgrep .ch{margin-top:12px;border:1px solid rgba(244,245,247,.3);border-radius:12px;padding:13px 14px}
.vgl{display:block;width:100%;height:112px}
.vgl .ln{fill:none;stroke:var(--yel);stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-dasharray:1400;stroke-dashoffset:1400}
.vgl .ar{fill:rgba(247,205,70,.1);opacity:0;transition:opacity 1s .9s}
.vgs.act .vgl .ln{animation:pvdraw 2s cubic-bezier(.3,.6,.2,1) .2s forwards}.vgs.act .vgl .ar{opacity:1}
.vgrep table{width:100%;border-collapse:collapse;margin-top:10px}
.vgrep th{text-align:left;font-weight:500;color:#8590A8;font-size:12px;padding:7px 8px 7px 0}
.vgrep td{padding:8px 8px 8px 0;border-top:1px solid rgba(244,245,247,.16)}
.vgrep td i{display:block;height:6px;border-radius:3px;background:rgba(244,245,247,.14);position:relative;min-width:90px}
.vgrep td i::after{content:"";position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--yel);width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1) .5s}
.vgs.act .vgrep td i::after{width:var(--w)}
.vgopt .goal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.vgopt ul{list-style:none;margin:0;padding:0}
.vgopt li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid rgba(244,245,247,.16);opacity:0;transform:translateX(-10px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.vgopt li i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--yel)}
.vgopt li span{flex:1;font-size:14.5px}.vgopt li em{font-style:normal;color:#8590A8;font-size:12.5px}
.vgs.act .vgopt li{opacity:1;transform:none}
.vgs.act .vgopt li:nth-child(1){transition-delay:.25s}.vgs.act .vgopt li:nth-child(2){transition-delay:.5s}.vgs.act .vgopt li:nth-child(3){transition-delay:.75s}.vgs.act .vgopt li:nth-child(4){transition-delay:1s}
@media (max-width:1000px){
.vg{grid-template-columns:minmax(0,1fr);gap:22px}
.vgtabs{flex-direction:row;overflow-x:auto;gap:8px;scrollbar-width:none;margin:0 -20px;padding:0 20px}.vgtabs::-webkit-scrollbar{display:none}
.vgt{flex:none;padding:12px 16px 14px;gap:10px;align-items:center}.vgt em{display:none}.vgt strong{font-size:13.5px;white-space:nowrap}.vgt>b{padding:0}
}
@media (max-width:700px){
.vgb{padding:20px 18px 22px 18px;min-height:0}
.vgn{flex-direction:column;gap:8px}
.vgform{grid-template-columns:1fr;gap:6px}.vgform .ad .adc .img{height:90px}.vgform .go{margin-top:14px}
.vgrep .kp{grid-template-columns:1fr 1fr}.vgrep th:nth-child(3),.vgrep td:nth-child(3){display:none}
.vgopt .goal b{font-size:14px}.vgform .two b{font-size:13.5px}.vgopt li em{display:none}
}
@media (prefers-reduced-motion: reduce){.vgp,.vfline i::after{animation:none}.vgl .ln{stroke-dashoffset:0;animation:none}.vgs,.vgopt li,.vfn{transition:none}}

/* ---------- small animated pictures for ad formats ---------- */
.fart{display:block;width:100%;max-width:210px;height:auto;margin:0 0 20px;color:var(--text);overflow:visible}
.sec:not(.dark) .fart{color:var(--ink)}
.fart .w{fill:none;stroke:currentColor;stroke-opacity:.5;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.fart .y{fill:none;stroke:var(--yel);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fart .yf{fill:var(--yel)}.fart .k{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.fart .bg{fill:var(--night)}.sec:not(.dark) .fart .bg{fill:var(--marble)}
.fart *{transform-box:fill-box;transform-origin:center}
.fart .a-pulse{animation:fa-pulse 2.6s ease-in-out infinite}.fart .d2{animation-delay:-1.3s}
.fart .a-beat{animation:fa-beat 1.8s ease-in-out infinite}
.fart .a-bar{stroke-dasharray:116;animation:fa-bar 4s linear infinite}
.fart .a-drop{animation:fa-drop 3.6s cubic-bezier(.2,.8,.2,1) infinite}
.fart .a-slide{animation:fa-slide 4s cubic-bezier(.2,.8,.2,1) infinite}
.fart .a-eq{transform-origin:center bottom;animation:fa-eq 1.1s ease-in-out infinite}
.fart .a-bounce{animation:fa-bounce 1.6s ease-in-out infinite}
.fart .a-spin{stroke-dasharray:8 6;animation:fa-dash 1.6s linear infinite}
.fart .a-swap{animation:fa-swap 4.5s ease-in-out infinite}
@keyframes fa-pulse{50%{opacity:.35}}
@keyframes fa-beat{50%{transform:scale(1.22)}}
@keyframes fa-bar{from{stroke-dashoffset:116}to{stroke-dashoffset:0}}
@keyframes fa-drop{0%,12%{transform:translateY(-34px);opacity:0}28%,80%{transform:none;opacity:1}100%{transform:translateY(-34px);opacity:0}}
@keyframes fa-slide{0%,15%{transform:translate(-30px,16px);opacity:.2}45%,85%{transform:none;opacity:1}100%{transform:translate(-30px,16px);opacity:.2}}
@keyframes fa-eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes fa-bounce{0%,100%{transform:translate(-22px,10px)}50%{transform:translate(22px,-10px)}}
@keyframes fa-dash{to{stroke-dashoffset:-28}}
@keyframes fa-swap{0%,40%{opacity:1;transform:none}48%{opacity:0;transform:scaleX(.02)}56%,92%{opacity:.5;transform:none}100%{opacity:1}}
.fm>div:hover .fart .w{stroke-opacity:.9}
@media (max-width:700px){.fart{max-width:150px;margin-bottom:14px}}
@media (prefers-reduced-motion: reduce){.fart *{animation:none!important}}
.fg>div:has(.fart){grid-template-columns:54px minmax(0,1fr) 150px;column-gap:16px}
.fg .fart{grid-column:3;grid-row:1/3;margin:0;align-self:center;max-width:150px}
@media (max-width:700px){.fg>div:has(.fart){grid-template-columns:54px minmax(0,1fr)}.fg .fart{grid-column:2;grid-row:auto;margin:14px 0 0;max-width:150px}}
.sec:not(.dark) .fart .w{stroke-opacity:.8}
.vgform .two label{margin:0;display:block}
.vgb b.vgp{display:inline-flex!important;flex:none;font-family:'Instrument Sans',sans-serif!important;font-weight:600!important;font-size:11.5px!important;color:var(--ink)!important;width:19px;height:19px;line-height:1}

/* ---------- three panels as cards, each with its own small screen ---------- */
.pn3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:124px}
.pnc{background:#0D1326;border-radius:22px;padding:0 28px 32px;border:1px solid var(--edge);transition:border-color .35s,transform .5s cubic-bezier(.2,.8,.2,1)}
.pnc:hover{border-color:rgba(247,205,70,.7)}
.pnn{display:block;font-family:'Michroma',sans-serif;font-size:13px;color:var(--yel)}
.pnc h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:21px;margin:8px 0 0;color:var(--text)}
.pnc>p{margin:6px 0 0;color:var(--soft)}
.pnc ul{list-style:none;margin:20px 0 0;padding:0}
.pnc li{position:relative;padding:7px 0 7px 24px;color:var(--soft);font-size:16px}
.pnc li::before{content:"";position:absolute;left:0;top:19px;width:11px;height:2px;background:var(--yel)}
.mw{position:relative;z-index:1;margin:-58px 0 26px;border-radius:14px;overflow:hidden;border:1px solid rgba(244,245,247,.45);background:var(--night);font-size:11.5px;line-height:1.4;color:var(--text);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);transform:perspective(900px) rotateX(7deg);transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
.pnc:hover .mw{transform:none;box-shadow:0 34px 70px -34px rgba(247,205,70,.6)}
.mbar{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid rgba(244,245,247,.3)}
.mbar i{width:7px;height:7px;border-radius:50%;border:1px solid rgba(244,245,247,.6)}.mbar span{margin-left:8px;color:#8590A8;font-size:10.5px}
.mb{padding:14px;height:218px;overflow:hidden}
.mw small{display:block;color:#8590A8;font-size:10px;margin-bottom:3px}
.mkp{display:grid;gap:8px}.mkp div{border:1px solid rgba(244,245,247,.28);border-radius:9px;padding:8px 9px}
.mkp b{font-family:'Michroma',sans-serif;font-weight:400;font-size:13px}.mkp div:first-child{border-color:var(--yel)}.mkp div:first-child b{color:var(--yel)}
.mrows{margin-top:10px}.mrows>div{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid rgba(244,245,247,.14)}
.mrows span:not(.mdot){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrows em{font-style:normal;color:#8590A8}
.mpill{border:1px solid rgba(244,245,247,.35);border-radius:999px;padding:1px 8px;font-size:10px;color:var(--soft)!important}.mpill.y{border-color:var(--yel);color:var(--yel)!important}
.mdot{width:7px;height:7px;border-radius:50%;background:var(--yel);flex:none}.mdot.o{background:none;border:1px solid #8590A8}
.mch{border:1px solid rgba(244,245,247,.28);border-radius:9px;padding:8px 9px}
.mch svg{display:block;width:100%;height:54px}.mch path{fill:none;stroke:var(--yel);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:700;stroke-dashoffset:700}
.rvon .rv.in .mch path,html:not(.rvon) .mch path,.pnc:hover .mch path{animation:pvdraw 2.4s cubic-bezier(.2,.8,.2,1) .4s forwards}
.mbars{margin-top:0}.mbars>div:first-child{border-top:0;padding-top:0}
.mbars i{flex:none;display:block;height:5px;border-radius:3px;background:rgba(244,245,247,.14);width:70px;position:relative}.mbars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--yel);border-radius:3px}
.mcode{margin:10px 0;border:1px solid rgba(244,245,247,.28);border-radius:9px;padding:9px 10px;font-family:ui-monospace,Menlo,monospace;font-size:10px;color:var(--soft);white-space:nowrap;overflow:hidden}
.mcode b{color:var(--yel);font-weight:400}
@media (max-width:1000px){.pn3{grid-template-columns:minmax(0,1fr);gap:84px;margin-top:100px}.pnc{padding:0 20px 26px}}
@media (prefers-reduced-motion: reduce){.mw{transform:none;transition:none}.mch path{stroke-dashoffset:0;animation:none}}
.pnh{margin-top:96px}
.pnh h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(20px,2.2vw,30px);line-height:1.25;margin:12px 0 0;color:var(--text)}
.pnh+.pn3{margin-top:104px}
@media (max-width:1000px){.pnh{margin-top:64px}.pnh+.pn3{margin-top:92px}}
.pnc h3{transition:color .35s}.pnc:hover h3{color:var(--yel)}
.pnc>p,.pnc li{transition:color .35s}.pnc:hover>p,.pnc:hover li{color:var(--text)}
.pnc li::before{transition:width .45s cubic-bezier(.2,.8,.2,1)}.pnc:hover li::before{width:16px}
.pnc:hover{box-shadow:0 40px 80px -50px rgba(247,205,70,.45)}
.pnc{transition:border-color .35s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}

/* ---------- flow: live lane ---------- */
.fl{margin-top:56px;border:1px solid var(--edge);border-radius:24px;padding:44px 36px 34px;background:radial-gradient(120% 140% at 50% 0,#101833,#070B18 70%);color:var(--text);position:relative;overflow:hidden}
.flrow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}
.fltrack{position:absolute;left:8.33%;right:8.33%;top:38px;height:2px;background:rgba(244,245,247,.16)}
.fltrack i{position:absolute;top:-4px;width:90px;height:10px;border-radius:5px;background:linear-gradient(90deg,transparent,var(--yel));filter:drop-shadow(0 0 8px var(--yel));animation:flrun 5.4s linear infinite}
@keyframes flrun{from{left:-90px}to{left:100%}}
.fls{text-align:center;position:relative;padding:0 10px}
.fls span{display:flex;width:78px;height:78px;margin:0 auto;border-radius:22px;align-items:center;justify-content:center;background:#0D1326;border:1px solid rgba(244,245,247,.3);position:relative;z-index:1;animation:fllit 5.4s linear infinite;animation-delay:calc(var(--i)*.9s)}
@keyframes fllit{0%,4%{border-color:var(--yel);box-shadow:0 0 0 6px rgba(247,205,70,.14),0 0 40px rgba(247,205,70,.5)}18%,100%{border-color:rgba(244,245,247,.3);box-shadow:none}}
.fls svg{width:34px;height:34px;fill:none;stroke:var(--text);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fls b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:12px;color:var(--yel);margin-top:20px}
.fls h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:15px;margin:6px 0 0;line-height:1.35;color:var(--text)}
.fls p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--soft)}
.flfoot{margin-top:36px;padding-top:24px;border-top:1px solid var(--edge);display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:center;color:var(--soft);font-size:15px}
.flfoot em{font-style:normal;border:1px solid rgba(247,205,70,.6);color:var(--yel);border-radius:999px;padding:5px 14px;font-weight:600;font-size:14px}
@media (max-width:900px){.fl{padding:30px 20px 26px}.flrow{grid-template-columns:1fr;gap:22px}.fltrack{display:none}.fls{text-align:left;display:grid;grid-template-columns:64px 1fr;column-gap:16px;padding:0}.fls span{width:64px;height:64px;border-radius:18px;margin:0;grid-row:1/4}.fls b{margin-top:2px}.fls svg{width:28px;height:28px}.flfoot{justify-content:flex-start}}
@media (prefers-reduced-motion: reduce){.fltrack i,.fls span{animation:none}}

/* ---------- pricing: three cards, the first one night ---------- */
.pr{border-top:0;gap:20px;align-items:stretch}
.pr>div,.pr>div:first-child{background:#fff;border:0;border-radius:24px;padding:34px 32px 32px;box-shadow:0 20px 44px -30px rgba(11,16,32,.4);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.pr>div+div{border-left:0}
.pr>div:hover,.pr>div:first-child:hover{background:#fff;box-shadow:0 34px 60px -30px rgba(11,16,32,.5)}
.pr>div:hover small{color:#6F6A5C}.pr>div:hover .sub,.pr>div:hover li{color:var(--muted)}
.pr ul{margin:24px 0 28px;padding:20px 0 0;border-top:1px solid var(--line)}
.pr li,.pr>div:hover li{position:relative;border:0;padding:7px 0 7px 30px;font-size:16px}
.pr li::before{content:"";position:absolute;left:0;top:11px;width:18px;height:18px;border-radius:50%;background:var(--yel) no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.4' fill='none' stroke='%230B1020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pr>div:first-child,.pr>div:first-child:hover{background:var(--night);color:var(--text);box-shadow:0 30px 60px -30px rgba(247,205,70,.6)}
.pr>div:first-child:hover{box-shadow:0 40px 70px -30px rgba(247,205,70,.75)}
.pr>div:first-child small,.pr>div:first-child:hover small{color:var(--soft)}
.pr>div:first-child .sub,.pr>div:first-child li,.pr>div:first-child:hover .sub,.pr>div:first-child:hover li{color:var(--soft)}
.pr>div:first-child .amt{color:var(--yel)}.pr>div:first-child ul{border-color:var(--edge)}
.pr>div:first-child .btn.dk{background:var(--yel);color:var(--ink);border-color:var(--yel)}
@media (max-width:900px){.pr{grid-template-columns:minmax(0,1fr)}.pr>div,.pr>div:first-child{padding:28px 24px;border-top:0}.pr>div+div{border-top:0}.pr>div:hover,.pr>div:first-child:hover{transform:none}}

/* ---------- callout with its own text per page ---------- */
.cobox{text-align:center}
.cobox .h2{margin:0 auto;white-space:nowrap;font-size:clamp(18px,1.9vw,30px)}
.cobox .lead{margin:18px auto 0;color:#2A2105;max-width:780px}
.cobox .btns{justify-content:center}
@media (max-width:1000px){.cobox .h2{white-space:normal}}
.mb{height:246px}
.vgopt .goal{grid-template-columns:repeat(3,minmax(0,1fr))}.vgopt .goal b{overflow-wrap:anywhere}
.vgrep .kp{grid-template-columns:repeat(4,minmax(0,1fr))}.vgrep .kp b{overflow-wrap:anywhere}
.vgrep table{table-layout:auto}.vgrep td,.vgrep th{overflow-wrap:anywhere}
@media (max-width:700px){.vgopt .goal{grid-template-columns:repeat(2,minmax(0,1fr))}.vgopt .goal div:first-child{grid-column:1/-1}.vgrep .kp{grid-template-columns:repeat(2,minmax(0,1fr))}.vgform .two{grid-template-columns:repeat(2,minmax(0,1fr))}}
#parts .pnh{margin-top:0}
#parts .pnc{box-shadow:0 30px 60px -36px rgba(11,16,32,.55)}
#parts .pnc:hover{box-shadow:0 40px 80px -40px rgba(247,205,70,.9)}
#flow.dark .fl{background:radial-gradient(120% 140% at 50% 0,#131C3B,#0A1022 70%)}
/* big preview on a light section: the window itself stays night */
#panels:not(.dark) .pvw{background:var(--night);filter:none;border-color:var(--night);box-shadow:0 40px 80px -44px rgba(11,16,32,.7)}
/* pricing: the first plan is yellow again */
.pr>div:first-child,.pr>div:first-child:hover{background:var(--yel);color:var(--ink);box-shadow:0 30px 60px -32px rgba(247,205,70,.9)}
.pr>div:first-child:hover{box-shadow:0 40px 70px -30px rgba(247,205,70,1)}
.pr>div:first-child small,.pr>div:first-child:hover small{color:#4A3F12}
.pr>div:first-child .sub,.pr>div:first-child li,.pr>div:first-child:hover .sub,.pr>div:first-child:hover li{color:#2A2105}
.pr>div:first-child .amt{color:var(--ink)}.pr>div:first-child ul{border-color:rgba(11,16,32,.25)}
.pr>div:first-child li::before{background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.4' fill='none' stroke='%23F7CD46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pr>div:first-child .btn.dk{background:var(--ink);color:#fff;border-color:var(--ink)}
/* three parts: night section, night cards, yellow edge and glow on hover */
#parts .pnc{box-shadow:none}
#parts .pnc:hover{border-color:rgba(247,205,70,.7);box-shadow:0 40px 80px -50px rgba(247,205,70,.45)}
#parts .pnh h3{font-size:clamp(24px,3vw,42px);line-height:1.16;margin-top:14px;-webkit-text-stroke:.8px currentColor}
/* Solutions hero: the yellow level climbs Buy, Sell, Data & Trust, AI, then starts again */
.pv .lv{opacity:0;fill:rgba(247,205,70,.1);animation:lvup 6.4s ease-in-out infinite}
.pv .lvt{animation:lvtx 6.4s ease-in-out infinite}
@keyframes lvup{0%{opacity:0}5%,22%{opacity:1}30%,100%{opacity:0}}
@keyframes lvtx{0%{fill:var(--soft)}5%,22%{fill:var(--yel)}30%,100%{fill:var(--soft)}}
@media (prefers-reduced-motion: reduce){.pv .lv{animation:none}.pv .lv:first-of-type{opacity:1}.pv .lvt{animation:none}}

/* ---------- Solutions: twelve products in one section, a tab per pillar ---------- */
.ob{margin-top:56px}
.obtabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.obt{all:unset;box-sizing:border-box;cursor:pointer;padding:18px 20px;border:1px solid var(--edge);border-radius:16px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:baseline;transition:border-color .3s,background .3s}
.obt:focus-visible{outline:3px solid #2A6BFF;outline-offset:2px}
.obt b{font-family:'Michroma',sans-serif;font-weight:400;font-size:12.5px;color:#8590A8;transition:color .3s}
.obt span{font-family:'Michroma',sans-serif;font-size:18px;color:var(--soft);transition:color .3s}
.obt em{grid-column:2;font-style:normal;font-size:14px;color:#8590A8}
.obt:hover{border-color:rgba(244,245,247,.4)}
.obt.act{border-color:rgba(247,205,70,.7);background:rgba(247,205,70,.07)}.obt.act b,.obt.act span{color:var(--yel)}
.obview{display:grid;margin-top:30px}
.obp{grid-area:1/1;opacity:0;transform:translateY(14px);pointer-events:none;visibility:hidden;transition:opacity .4s,transform .6s cubic-bezier(.2,.8,.2,1),visibility 0s .4s}
.obp.act{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .4s,transform .6s cubic-bezier(.2,.8,.2,1)}
.obl{color:var(--soft);font-size:18px;margin:0 0 22px}
.obg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.obc{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:26px;align-items:center;padding:22px;border:1px solid var(--edge);border-radius:20px;background:#0D1326;text-decoration:none;color:var(--text);transition:border-color .35s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.obc:hover{border-color:rgba(247,205,70,.7);box-shadow:0 40px 80px -50px rgba(247,205,70,.5)}
.obc .mw{margin:0;transform:none;box-shadow:none}.obc:hover .mw{transform:none;box-shadow:none}
.obc h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:20px;margin:0;transition:color .3s}.obc:hover h3{color:var(--yel)}
.obc p{margin:8px 0 0;color:var(--soft);font-size:15.5px}
.obc b{display:block;margin-top:14px;font-family:'Michroma',sans-serif;font-weight:400;font-size:13px;color:var(--yel)}
.obc .more{display:inline-flex;gap:10px;margin-top:14px;font-weight:600;color:var(--text)}.obc .more i{font-style:normal;transition:transform .35s}.obc:hover .more i{transform:translateX(6px)}
@media (max-width:1100px){.obg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.obtabs{grid-template-columns:repeat(2,minmax(0,1fr))}.obc{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.obt span{font-size:15px}}
.obc .mb{height:auto;min-height:230px}
/* Services: the same tabs, each service card with its own drawing */
.obc.sa{grid-template-columns:minmax(0,260px) minmax(0,1fr)}
.pv.svart{flex:none;display:flex;align-items:center;justify-content:center;height:170px;background:var(--night);border:1px solid rgba(244,245,247,.3);border-radius:14px;padding:16px}
.pv.svart svg{width:auto;height:100%;max-width:100%;margin:0;filter:none}
.obc .stg{display:inline-block;margin-top:14px;font-family:'Michroma',sans-serif;font-weight:400;font-size:12.5px;color:var(--yel);border:1px solid rgba(247,205,70,.6);border-radius:999px;padding:5px 12px}
@media (max-width:760px){.obc.sa{grid-template-columns:minmax(0,1fr)}}
.obc .stg{display:table}
/* steps with a call to action: heading and button left, steps right */
.hs3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
.hs3 .l .btn{margin-top:30px}
.hs3 ol{list-style:none;margin:8px 0 0;padding:0;border-top:2px solid var(--ink)}
.hs3 li{display:grid;grid-template-columns:70px 1fr;gap:0 20px;padding:26px 0;border-bottom:1px solid var(--line);transition:padding .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.hs3 li:hover{padding-left:16px;box-shadow:inset 4px 0 0 var(--yel)}
.hs3 li b{font-family:'Michroma',sans-serif;font-weight:400;font-size:34px;line-height:1;color:var(--yel)}
.hs3 h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:22px;margin:0}
.hs3 li p{margin:6px 0 0;color:var(--muted);font-size:17px}
@media (max-width:900px){.hs3{grid-template-columns:minmax(0,1fr);gap:36px}}

/* ---------- Case studies: one project at a time, cards that stack as you scroll ---------- */
.kstack{margin-top:70px;padding-bottom:10px}
.kcard{position:sticky;top:calc(96px + var(--i)*22px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center;background:#0D1326;color:var(--text);border:1px solid var(--edge);border-radius:28px;padding:64px 56px;margin-bottom:44px;box-shadow:0 -24px 60px -30px rgba(0,0,0,.8)}
.ktx{position:relative}
.kyr{position:absolute;left:-6px;top:-70px;font-family:'Michroma',sans-serif;font-size:clamp(90px,10vw,170px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(247,205,70,.22);pointer-events:none;user-select:none}
.ktx small{position:relative;font-family:'Michroma',sans-serif;font-size:12.5px;letter-spacing:.06em;color:var(--yel)}
.ktx h3{position:relative;font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(32px,4vw,62px);line-height:1.05;margin:14px 0 0}
.ktx p{position:relative;margin:20px 0 0;font-size:18.5px;color:var(--soft);max-width:520px}
.ktx .btn{position:relative;margin-top:28px;background:var(--yel);color:var(--ink);border-color:var(--yel)}
.kbw{display:block;border-radius:16px;overflow:hidden;background:var(--night);border:1px solid rgba(244,245,247,.35);text-decoration:none;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s,border-color .4s}
.kcard:hover .kbw{border-color:rgba(247,205,70,.7);box-shadow:0 50px 90px -50px rgba(247,205,70,.7)}
.kbb{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(244,245,247,.25)}
.kbb i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(244,245,247,.6)}
.kbb em{font-style:normal;margin-left:14px;color:#8590A8;font-size:13px}
.kbc{display:block;aspect-ratio:1100/620;overflow:hidden;background:#fff}
.kbc img{display:block;width:100%;height:auto;transition:transform 6s cubic-bezier(.2,.6,.2,1)}
.kcard:hover .kbc img{transform:translateY(-22%)}
@media (max-width:1000px){.kcard{position:static;grid-template-columns:minmax(0,1fr);gap:34px;padding:44px 26px 28px;margin-bottom:22px}.kyr{top:-52px}}
@media (prefers-reduced-motion: reduce){.kbc img,.kbw{transition:none}}
.kcard:hover .kbc img[src*="dailyclicks"]{transform:none}

/* ---------- Case studies: five brands, one technology underneath ---------- */
.ot{margin-top:56px}
.ot svg{display:block;width:100%;max-width:1100px;margin:0 auto;height:auto;overflow:visible}
.ot .w{fill:none;stroke:rgba(244,245,247,.28);stroke-width:1.4}
.ot .y{fill:none;stroke:var(--yel);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:14 260;animation:otr 3.5s linear infinite;filter:drop-shadow(0 0 5px rgba(247,205,70,.9))}
@keyframes otr{from{stroke-dashoffset:274}to{stroke-dashoffset:0}}
.ot .chip{fill:#0D1326;stroke:rgba(244,245,247,.4);stroke-width:1.2}
.ot text{font-family:'Michroma',sans-serif;font-size:17px;fill:var(--text)}
.ot .otb{fill:var(--yel)}.ot .ott{fill:var(--ink);font-size:20px}
.otp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;margin-top:56px;border-top:1px solid var(--edge)}
.otp>div{padding-top:26px}
.otp b{font-family:'Michroma',sans-serif;font-weight:400;font-size:13px;color:var(--yel)}
.otp h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:21px;margin:10px 0 0;color:var(--text)}
.otp p{margin:8px 0 0;color:var(--soft);font-size:17px}
@media (max-width:760px){.otp{grid-template-columns:minmax(0,1fr)}.ot svg{min-width:640px}.ot{overflow-x:auto;max-width:100%;min-width:0}}
@media (prefers-reduced-motion: reduce){.ot .y{animation:none;stroke-dasharray:none;opacity:.5}}

/* ---------- About: three big words ---------- */
.bw3{margin-top:56px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:70px;align-items:center}
.bww{display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.bww button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:baseline;gap:22px;padding:18px 0;border-bottom:1px solid var(--line);font-family:'Michroma',sans-serif;font-size:clamp(38px,6vw,92px);line-height:1.05;color:transparent;-webkit-text-stroke:1.2px rgba(11,16,32,.45);transition:color .45s,-webkit-text-stroke-color .45s,padding .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.bww button:focus-visible{outline:3px solid #2A6BFF;outline-offset:2px}
.bww button b{font-weight:400;font-size:13px;-webkit-text-stroke:0;color:var(--muted)}
.bww button.on{color:var(--ink);-webkit-text-stroke-color:var(--ink);padding-left:18px;box-shadow:inset 5px 0 0 var(--yel)}
.bwv{display:grid}
.bwv>div{grid-area:1/1;background:var(--night);color:var(--text);border-radius:24px;padding:40px;opacity:0;transform:translateY(12px);visibility:hidden;transition:opacity .4s,transform .6s cubic-bezier(.2,.8,.2,1),visibility 0s .4s;position:relative;overflow:hidden;min-height:230px}
.bwv>div::after{content:"";position:absolute;right:-110px;bottom:-110px;width:300px;height:300px;border-radius:50%;border:1.2px solid rgba(247,205,70,.4);box-shadow:0 0 0 46px rgba(247,205,70,.05)}
.bwv>div.on{opacity:1;transform:none;visibility:visible;transition:opacity .4s,transform .6s cubic-bezier(.2,.8,.2,1)}
.bwv h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:24px;margin:0;color:var(--yel)}
.bwv p{margin:14px 0 0;font-size:19px;color:var(--soft);max-width:420px;position:relative;z-index:1}
@media (max-width:900px){.bw3{grid-template-columns:minmax(0,1fr);gap:28px}.bwv>div{min-height:0;padding:28px}}

/* ---------- About: CEO message with the four promises ---------- */
.ceo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:72px;align-items:center}
.ceo blockquote{margin:22px 0 0;padding:0;border:0;font-size:clamp(21px,2vw,31px);line-height:1.4;color:var(--text)}
.ceo .who{display:flex;align-items:center;gap:18px;margin-top:36px}
.ceo .av{flex:none;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 2px var(--yel)}
.ceo .av img{display:block;width:215%;max-width:none;height:auto;margin:-3% 0 0 -51%}
.ceo .who b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:17px;color:var(--text)}
.ceo .who div span{font-size:15.5px;color:var(--soft)}
.ceo .who a{margin-left:6px;width:42px;height:42px;border-radius:50%;background:var(--yel);color:var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .3s}
.ceo .who a:hover{transform:none}
.ceo .vals{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ceo .vals div{border:1px solid var(--edge);border-radius:20px;padding:26px 24px 30px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;animation:ceov 8s ease-in-out infinite;animation-delay:calc(var(--i)*2s)}
@keyframes ceov{0%,20%{border-color:var(--yel);background:rgba(247,205,70,.08);box-shadow:0 30px 60px -36px rgba(247,205,70,.6)}28%,100%{border-color:var(--edge);background:transparent;box-shadow:none}}
.ceo .vals b{font-family:'Michroma',sans-serif;font-weight:400;font-size:13px;color:var(--yel)}
.ceo .vals span{font-family:'Michroma',sans-serif;font-size:19px;line-height:1.3;color:var(--text)}
@media (max-width:900px){.ceo{grid-template-columns:minmax(0,1fr);gap:40px}.ceo .vals div{min-height:120px;padding:20px 18px 22px}.ceo .vals span{font-size:16px}}
@media (prefers-reduced-motion: reduce){.ceo .vals div{animation:none}}
.ceo .sign{margin-left:auto;flex:none;width:200px;height:200px;margin-top:-60px;margin-bottom:-60px;background:var(--yel);-webkit-mask:url(/team/michael-signature.png) center/contain no-repeat;mask:url(/team/michael-signature.png) center/contain no-repeat;clip-path:inset(0 100% 0 0);animation:signw 2.2s cubic-bezier(.4,0,.2,1) .6s forwards}
@keyframes signw{to{clip-path:inset(0 0 0 0)}}
.ceo .who{max-width:640px}
@media (max-width:600px){.ceo .who{flex-wrap:wrap}.ceo .sign{margin-left:0;width:160px;height:160px}}
@media (prefers-reduced-motion: reduce){.ceo .sign{animation:none;clip-path:none}}
.ceo .who b{white-space:nowrap}
/* three big words: the panel is as tall as the three words and carries more weight */
.bw3{align-items:stretch;gap:56px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.bwv>div{min-height:100%;padding:48px 48px 52px;border-radius:28px;display:flex;flex-direction:column;justify-content:flex-end}
.bwv>div::after{right:-130px;bottom:auto;top:-130px;width:380px;height:380px;box-shadow:0 0 0 60px rgba(247,205,70,.05),0 0 0 120px rgba(247,205,70,.03)}
.bwv small{position:absolute;left:48px;top:44px;font-family:'Michroma',sans-serif;font-size:13px;letter-spacing:.14em;color:var(--yel)}
.bwv h3{font-size:clamp(26px,2.6vw,40px);line-height:1.15}
.bwv p{font-size:clamp(19px,1.5vw,23px);line-height:1.5;max-width:520px;margin-top:18px}
@media (max-width:900px){.bwv>div{min-height:260px;padding:30px}.bwv small{left:30px;top:26px}}

/* ---------- About: offices as city photo cards ---------- */
.ofc{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ofc a{position:relative;display:block;height:460px;border-radius:24px;overflow:hidden;color:#fff;text-decoration:none;border:1px solid var(--edge)}
.ofc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.ofc a:hover img{transform:scale(1.08)}
.ofc .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,11,24,.1) 30%,rgba(7,11,24,.92))}
.ofc .otg{position:absolute;left:26px;top:24px;background:var(--yel);color:var(--ink);font-weight:600;font-size:13px;border-radius:999px;padding:5px 13px}
.ofc a>div{position:absolute;left:28px;right:28px;bottom:26px}
.ofc h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(34px,4vw,60px);line-height:1;margin:0}
.ofc p{margin:8px 0 0;font-size:18px;color:var(--soft)}
.ofc em{display:block;font-style:normal;margin-top:16px;font-size:17px}
.ofc b{display:inline-block;margin-top:14px;font-weight:600;color:var(--yel);transform:translateY(8px);opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.ofc a:hover b,.ofc a:focus-visible b{opacity:1;transform:none}
@media (max-width:800px){.ofc{grid-template-columns:1fr}.ofc a{height:340px}.ofc b{opacity:1;transform:none}}

/* ---------- team: a band of light sweeps across the name strip on hover ---------- */
.tmg .tin{overflow:hidden;transition:border-color .4s,box-shadow .4s}
.tmg .tin::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-45%;width:34%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(247,205,70,.55),rgba(255,255,255,.85),rgba(247,205,70,.55),rgba(255,255,255,0));transform:skewX(-20deg);opacity:0;pointer-events:none}
.tmg .c:hover .tin{border-color:rgba(247,205,70,.9);box-shadow:0 0 0 1px rgba(247,205,70,.5),0 14px 40px -10px rgba(247,205,70,.7)}
.tmg .c:hover .tin::after{opacity:1;animation:tinsw 1.1s cubic-bezier(.3,.6,.2,1) forwards}
@keyframes tinsw{to{left:120%}}
@media (prefers-reduced-motion: reduce){.tmg .c:hover .tin::after{animation:none;opacity:0}}

/* ---------- About: six reasons as a night grid with glowing icons ---------- */
.igr{margin-top:60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.igr>div{position:relative;padding:40px 36px 44px;border-radius:18px;overflow:hidden;transition:background .4s}
.igr>div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--yel);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.igr>div:hover{background:rgba(247,205,70,.05)}.igr>div:hover::after{transform:none}
.igr .num{position:absolute;right:18px;top:6px;font-family:'Michroma',sans-serif;font-size:84px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(244,245,247,.1);transition:-webkit-text-stroke-color .4s}
.igr>div:hover .num{-webkit-text-stroke-color:rgba(247,205,70,.5)}
.igr svg{display:block;width:58px;height:58px;fill:none;stroke:var(--yel);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(247,205,70,.5))}
.igr>div:hover svg{animation:igrd 1.3s cubic-bezier(.3,.6,.2,1)}
@keyframes igrd{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}
.igr h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:22px;margin:30px 0 0;color:var(--text);transition:color .35s}.igr>div:hover h3{color:var(--yel)}
.igr p{margin:10px 0 0;color:var(--soft);font-size:17px}
@media (max-width:1000px){.igr{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.igr{grid-template-columns:minmax(0,1fr)}.igr>div{padding:30px 24px 32px}.igr .num{font-size:64px}}
@media (prefers-reduced-motion: reduce){.igr>div:hover svg{animation:none}}
.ceo .sign{width:230px;height:230px;margin-top:-108px;margin-bottom:-48px}
/* six reasons: icons stay whole and lift with a glow; the number fills with yellow from the bottom up */
.igr svg{stroke-dasharray:none;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}
.igr>div:hover svg{animation:none;transform:scale(1.14);filter:drop-shadow(0 0 14px rgba(247,205,70,.95))}
.igr .num{background:linear-gradient(var(--yel),var(--yel)) no-repeat 0 100%/100% 0;-webkit-background-clip:text;background-clip:text;transition:background-size .7s cubic-bezier(.2,.8,.2,1),-webkit-text-stroke-color .4s,transform .7s cubic-bezier(.2,.8,.2,1)}
.igr>div:hover .num{background-size:100% 100%;-webkit-text-stroke-color:var(--yel);transform:translateY(4px) scale(1.04)}
.ceo .sign{margin-left:-34px;margin-top:-134px;margin-bottom:-22px}
.ceo .sign{margin-left:-16px;margin-top:-146px}

/* ---------- Pricing: build your stack (tick products, night summary adds them up) ---------- */
.cc{margin-top:44px;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:50px;align-items:start}
.cc .cth,.ck{display:grid;grid-template-columns:30px minmax(0,1fr) 150px 150px 30px;gap:16px;align-items:center}
.cc .cth{grid-template-columns:minmax(0,1fr) 150px 150px 30px;padding:0 18px 12px;border-bottom:2px solid var(--ink);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.zgrp{padding:28px 0 10px}.zgrp span{display:inline-block;background:var(--night);color:var(--yel);font-family:'Michroma',sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:7px 16px;border-radius:999px}
.ck{position:relative;margin-top:8px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.ck:hover{background:#fff;border-color:var(--ink)}
.ck input{position:absolute;opacity:0;pointer-events:none}
.ck .bx{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--ink);display:block;background:center/70% no-repeat;transition:background-color .25s,border-color .25s}
.ck input:checked+.bx{background-color:var(--yel);border-color:var(--yel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.4' fill='none' stroke='%230B1020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ck input:focus-visible+.bx{outline:3px solid #2A6BFF;outline-offset:3px}
.ck:has(input:checked){background:#fff;border-color:var(--yel);box-shadow:inset 4px 0 0 var(--yel),0 18px 36px -28px rgba(7,11,24,.5)}
.ck .nm strong{display:block;font-weight:600;font-size:18.5px}.ck .nm em{display:block;font-style:normal;color:var(--muted);font-size:15px;margin-top:3px}
.ck>b{font-family:'Michroma',sans-serif;font-weight:400;font-size:17px;white-space:nowrap}.ck small{font-family:'Instrument Sans',sans-serif;font-size:13px;color:var(--muted)}
.ck .go{color:var(--ink);text-decoration:none;font-size:20px;opacity:.45;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}.ck .go:hover{opacity:1;transform:translateX(4px)}
.sum{position:sticky;top:104px;background:var(--night);color:var(--text);border-radius:26px;padding:32px}
.sum>small{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--yel)}
.sum .cnt{margin-top:10px;color:var(--soft)}.sum .cnt b{color:var(--text)}
.sum .ln{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0;border-bottom:1px solid var(--edge)}.sum .ln span{color:var(--soft)}
.sum .ln b{font-family:'Michroma',sans-serif;font-weight:400;font-size:26px}
.sum .tip{margin:18px 0 0;padding-left:14px;border-left:4px solid var(--yel);font-size:15.5px;color:var(--text);min-height:70px}
.sum .btn{margin-top:14px;width:100%;box-sizing:border-box;text-decoration:none}
.sum .btn.gold{margin-top:22px;background:var(--yel);color:var(--ink);border-color:var(--yel)}
.sum .btn.off{opacity:.4;pointer-events:none}
.sum .lk{display:block;margin-top:16px;text-align:center;color:var(--soft);font-weight:600;font-size:15px;text-decoration:none}
@media (max-width:1100px){.cc{grid-template-columns:minmax(0,1fr)}.sum{position:static}}
@media (max-width:700px){.cc .cth{display:none}.ck{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px 14px}.ck>b{grid-column:2}.ck .go{grid-column:3;grid-row:1}}

/* ---------- Pricing: currency drop-down and ways to pay ---------- */
.phd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
.phd+.cc{margin-top:36px}
.zcur{display:inline-flex;align-items:center;gap:14px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.zcur select{appearance:none;-webkit-appearance:none;font:600 16px 'Instrument Sans',sans-serif;letter-spacing:0;text-transform:none;color:var(--text);background:var(--night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23F7CD46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 20px center/12px no-repeat;border:1.5px solid var(--night);border-radius:999px;padding:14px 50px 14px 24px;cursor:pointer;transition:border-color .3s,box-shadow .3s}
.zcur select:hover,.zcur select:focus{border-color:var(--yel);box-shadow:0 0 0 4px rgba(247,205,70,.3);outline:0}
.cc .cth,.ck{grid-template-columns:30px minmax(0,1fr) 150px 130px 150px 30px}.cc .cth{grid-template-columns:minmax(0,1fr) 150px 130px 150px 30px}
.sum .ln{flex-wrap:wrap}.sum .ln span{white-space:nowrap}.sum .ln b{font-size:24px;white-space:nowrap;margin-left:auto}
.zpay{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;background:var(--night);color:var(--text);border-radius:26px;overflow:hidden}
.zpay>div{padding:36px 38px}.zpay>div+div{border-left:1px solid var(--edge);background:rgba(247,205,70,.05)}
.zpay small{display:block;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--yel)}
.zpay h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:21px;margin:10px 0 0}
.zpay p{margin:10px 0 0;font-size:16.5px;color:var(--soft)}
.zpay a{display:inline-block;margin-top:16px;font-weight:600;text-decoration:none;color:var(--text);border-bottom:2px solid var(--yel);padding-bottom:2px}
.zpay .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.zpay .chip{font-family:'Michroma',sans-serif;font-size:12.5px;padding:10px 16px;border-radius:10px;border:1.5px solid rgba(244,245,247,.45);white-space:nowrap}
@media (max-width:820px){.zpay{grid-template-columns:1fr}.zpay>div+div{border-left:0;border-top:1px solid var(--edge)}}
@media (max-width:700px){.cc .cth{display:none}.ck{grid-template-columns:30px minmax(0,1fr) 30px}}

/* payment logos: one colour, white on the night bar */
.zpay .plg{display:flex;flex-wrap:wrap;align-items:center;gap:14px 12px;margin-top:22px}
.zpay .plg svg{display:block;height:30px;width:auto;fill:var(--text);box-sizing:content-box;padding:11px 16px;border:1px solid rgba(244,245,247,.28);border-radius:12px;transition:border-color .3s,fill .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.zpay .plg svg:hover{border-color:var(--yel);fill:var(--yel)}
.zpay .plg.esc{margin-top:22px}.zpay .plg.esc svg{height:20px;padding:14px 18px}
.zpay .by{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:14px;color:var(--soft)}
.zpay .by svg{height:22px;width:auto;fill:var(--soft)}


/* the heading font has no proper euro or pound sign: take those two from a system font */
@font-face{font-family:'Michroma';src:local('Helvetica Neue'),local('Arial'),local('Segoe UI'),local('Roboto'),local('Noto Sans');unicode-range:U+20AC,U+00A3;font-weight:400;font-style:normal}

/* headings that must stay on one line; the script next to them shrinks the text to fit (see FIT1 in visuals.py) */
.fit1{white-space:nowrap;max-width:none}

/* ---------- price cards, final look (2026-10-13): Rent it and License it yellow, Own it night; labels as pills, "Best for" in its own box ---------- */
.sec .pr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin-top:52px}
.sec .pr>div,.sec .pr>div:first-child{display:flex;flex-direction:column;position:relative;border:0;border-radius:26px;padding:34px;transform:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.sec .pr>div:hover,.sec .pr>div:first-child:hover{transform:none}
.sec .pr>div>small,.sec .pr>div:hover>small{align-self:flex-start;font-family:'Instrument Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.sec .pr h3{font-size:clamp(22px,2.1vw,30px);margin:22px 0 0}
.sec .pr .amt{font-size:clamp(26px,2.7vw,44px);line-height:1.1;margin-top:22px;min-height:1.2em}
.sec .pr .amt span{font-size:.36em}
.sec .pr .sub,.sec .pr>div:hover .sub{margin:10px 0 0;font-size:16px;min-height:48px}
.sec .pr ul{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid;flex:1;display:flex;flex-direction:column}
.sec .pr li,.sec .pr>div:hover li{position:relative;border:0;padding:7px 0 7px 32px;font-size:16.5px}
.sec .pr li::before,.sec .pr>div:first-child li::before{content:"";position:absolute;left:0;top:10px;width:20px;height:20px;border-radius:50%;background:center/11px no-repeat}
.sec .pr li.bf,.sec .pr>div:hover li.bf{margin-top:auto;border-radius:14px;padding:14px 16px;font-weight:600;font-size:16px}
.sec .pr li.bf::before{display:none}
.sec .pr li.bf small{display:block;font:600 11.5px 'Instrument Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-bottom:3px;opacity:.75;color:inherit;background:none;padding:0}
.sec .pr ul:has(.bf) li:nth-last-child(2){margin-bottom:20px}
.sec .pr .btn,.sec .pr>div:first-child .btn.dk{margin-top:22px;width:100%;box-sizing:border-box;border-radius:14px;border:1.5px solid;transition:background .3s,color .3s,border-color .3s}
.sec .pr .btn::before{display:none}
.sec .pr .btn .ar{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.sec .pr .btn:hover .ar{transform:translateX(6px)}
/* 1 and 2, Rent it and License it: yellow */
.sec .pr>div:first-child .btn.dk{border-color:var(--ink)}
.sec .pr>div:nth-child(-n+2),.sec .pr>div:nth-child(-n+2):hover{background:var(--yel);color:var(--ink);box-shadow:0 30px 60px -34px rgba(247,205,70,.9)}
.sec .pr>div:nth-child(-n+2):hover{box-shadow:0 40px 70px -34px rgba(247,205,70,1)}
.sec .pr>div:nth-child(-n+2)>small,.sec .pr>div:nth-child(-n+2):hover>small{background:var(--ink);color:var(--yel)}
.sec .pr>div:nth-child(-n+2) .sub,.sec .pr>div:nth-child(-n+2):hover .sub,.sec .pr>div:nth-child(-n+2) li,.sec .pr>div:nth-child(-n+2):hover li{color:#2A2105}
.sec .pr>div:nth-child(-n+2) ul{border-color:rgba(11,16,32,.25)}
.sec .pr>div:nth-child(-n+2) li::before{background-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.4' fill='none' stroke='%23F7CD46' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sec .pr>div:nth-child(-n+2) li.bf,.sec .pr>div:nth-child(-n+2):hover li.bf{background:rgba(255,255,255,.45);color:var(--ink)}
.sec .pr>div:nth-child(-n+2) .btn{background:var(--ink);border-color:var(--ink);color:var(--text)}

/* hover: the white label turns yellow on the dark buttons; Talk to Us turns white */
.sec .pr>div:nth-child(-n+2) .btn:hover,.sec .pr>div:first-child .btn.dk:hover{background:var(--ink);border-color:var(--ink);color:var(--yel)}
.sec .pr>div:nth-child(3) .btn:hover{background:#fff;border-color:#fff;color:var(--ink)}
/* 3 Own it: night */
.sec .pr>div:nth-child(3),.sec .pr>div:nth-child(3):hover{background:var(--night);color:var(--text);box-shadow:0 34px 70px -34px rgba(11,16,32,.8)}
.sec .pr>div:nth-child(3):hover{box-shadow:0 44px 80px -34px rgba(247,205,70,.5)}
.sec .pr>div:nth-child(3)>small,.sec .pr>div:nth-child(3):hover>small{background:var(--yel);color:var(--ink)}
.sec .pr>div:nth-child(3) .amt{color:var(--yel)}
.sec .pr>div:nth-child(3) .sub,.sec .pr>div:nth-child(3):hover .sub,.sec .pr>div:nth-child(3) li,.sec .pr>div:nth-child(3):hover li{color:var(--soft)}
.sec .pr>div:nth-child(3) ul{border-color:var(--edge)}
.sec .pr>div:nth-child(3) li::before{background-color:var(--yel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.4' fill='none' stroke='%230B1020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sec .pr>div:nth-child(3) li.bf,.sec .pr>div:nth-child(3):hover li.bf{background:rgba(247,205,70,.1);color:var(--text)}
.sec .pr>div:nth-child(3) .btn{background:var(--yel);border-color:var(--yel);color:var(--ink)}

@media (max-width:900px){.sec .pr{grid-template-columns:minmax(0,1fr)}}


/* ---------- payment logos under the price cards (light sections): one colour, dark on light ---------- */
.pstrip{margin-top:64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pstrip .lg{display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px}
.pstrip .lg svg{display:block;height:36px;width:auto;fill:var(--ink);transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s;opacity:.85}
.pstrip .lg svg:hover{opacity:1}
.pstrip .lg .esc{display:flex;align-items:center}.pstrip .lg .esc svg{height:20px}
.pstrip{gap:16px 30px}
.pstrip .sep{width:1px;height:26px;background:var(--line)}
.pstrip>span:last-child{letter-spacing:.04em;text-transform:none;font-size:14px;font-weight:500}
@media (max-width:700px){.pstrip .sep{display:none}}

/* product cards (Home pillars, Solutions): no card background; the yellow edge and glow sit on the platform screen itself */
.obc,.obc:hover{background:none;border-color:transparent;box-shadow:none;transform:none;padding:14px 0}
.obc .mw{transition:border-color .35s,box-shadow .45s,transform .5s cubic-bezier(.2,.8,.2,1)}
.obc:hover .mw,.obc:focus-visible .mw{border-color:var(--yel);box-shadow:0 0 0 1px var(--yel),0 34px 70px -30px rgba(247,205,70,.75)}
.obg{gap:26px 40px}

/* product cards: every platform screen is the same size, its content centred, and the card's price style no longer leaks into the screen */
.obc .mb{height:252px;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.obc .mb>*{flex:none}
.obc .mw b{display:inline;margin:0;font-size:inherit;color:inherit;font-family:inherit}
.obc .mw .mkp b{display:block;font-family:'Michroma',sans-serif;font-size:13px}
.obc .mw .mcode{white-space:nowrap;text-overflow:ellipsis}
.obc .mw .mcode b{color:var(--yel);font-family:inherit;font-size:inherit}

/* ---------- price cards: Monthly / Annual switch above them ---------- */
.prt{margin:44px auto 0;display:flex;width:max-content;max-width:100%;gap:4px;background:var(--night);border-radius:999px;padding:6px}
.prt button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:12px;padding:13px 26px;border-radius:999px;color:var(--soft);font-weight:600;font-size:16px;transition:background .3s,color .3s}
.prt button:hover{color:var(--text)}
.prt button.on{background:var(--yel);color:var(--ink)}
.prt button:focus-visible{outline:3px solid #2A6BFF;outline-offset:2px}
.prt em{font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.02em;padding:5px 11px;border-radius:999px;background:rgba(247,205,70,.16);color:var(--yel);white-space:nowrap;transition:background .3s,color .3s}
.prt button.on em{background:var(--ink);color:var(--yel)}
.sec .prt+script+.pr,.sec .prt+.pr{margin-top:26px}

@media (max-width:560px){.prt{width:100%}.prt button{flex:1;justify-content:center;flex-direction:column;gap:6px;padding:12px 10px;text-align:center}}

/* handwritten note next to the Annual tab, with a hand-drawn arrow that draws itself */
.prtw{position:relative;width:max-content;max-width:100%;margin:44px auto 0}
.prtw .prt{margin:0}
.sec .prtw+script+.pr,.sec .prtw+.pr{margin-top:30px}
.prtw[data-bill="a"] .hnote{display:flex}
.hnote{position:absolute;left:calc(100% + 8px);top:-74px;display:none;flex-direction:row-reverse;align-items:flex-start;gap:6px;color:var(--ink);white-space:nowrap;pointer-events:none;transform:rotate(-4deg)}
.hnote span{font-family:'Caveat',cursive;font-weight:700;font-size:30px;line-height:1.02;margin-top:-6px}
.hnote svg{flex:none;width:92px;height:54px;margin-top:22px;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hnote svg path:first-child{stroke-dasharray:240;stroke-dashoffset:240;animation:hnd 1.1s .5s ease-out forwards}
.hnote svg path:last-child{opacity:0;animation:hnh .2s 1.5s forwards}
@keyframes hnd{to{stroke-dashoffset:0}}@keyframes hnh{to{opacity:1}}
@media (max-width:900px){.prtw{width:100%;display:flex;flex-direction:column;align-items:center}.hnote{position:static;transform:rotate(-2deg);margin-top:12px}.hnote svg{display:none}.hnote span{font-size:26px;text-align:center}.hnote br{display:none}}
@media (prefers-reduced-motion: reduce){.hnote svg path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}

/* ---------- price cards: a two-way switch inside each card ---------- */
.pr>div[data-bill="a"] [data-b="m"],.pr>div:not([data-bill="a"]) [data-b="a"]{display:none}
.sec .pr>div>small:has(.cs),.sec .pr>div:hover>small:has(.cs){background:none;padding:0;letter-spacing:0;text-transform:none;align-self:stretch}
.cs{display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(11,16,32,.12)}
.cs button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;text-align:center;padding:10px 14px;border-radius:999px;font:600 14.5px 'Instrument Sans',sans-serif;color:var(--ink);transition:background .3s,color .3s}
.cs button.on{background:var(--ink);color:var(--yel)}
.cs button:focus-visible{outline:3px solid #2A6BFF;outline-offset:2px}
.sec .pr>div:nth-child(3) .cs{background:rgba(244,245,247,.1)}
.sec .pr>div:nth-child(3) .cs button{color:var(--soft)}
.sec .pr>div:nth-child(3) .cs button.on{background:var(--yel);color:var(--ink)}
.sec .pr .amt span{white-space:nowrap}
.sec .pr .amt data{font-variant-numeric:tabular-nums}
/* the same height in every state, so nothing moves when a card is hovered or its tab changes */
.sec .pr .sub,.sec .pr>div:hover .sub,.sec .pr>div:first-child:hover .sub,.sec .pr>div:nth-child(n):hover .sub{position:relative;min-height:0;height:auto}
.sec .pr .sub .slot{position:absolute;left:0;right:0;bottom:0;height:28px}
.fee{display:block;margin:0;height:28px;font-family:'Caveat',cursive;font-weight:700;font-size:25px;line-height:28px;color:var(--ink);white-space:nowrap}
.sec .pr>div:nth-child(3) .fee{color:var(--yel)}
@media(max-width:1440px){.sec .pr .fee,.sec .pr .gift{font-size:21px}}
.sec .pr>div:has(.cs)>h3{order:-1;margin:0 0 20px}
.sec .pr .cs{margin-top:0;border-bottom:0}
.sec .pr>div:has(.cs)>h3{text-align:center;-webkit-text-stroke:.7px currentColor}
.sec .pr .cs{width:250px;max-width:100%;margin-left:auto;margin-right:auto;padding:4px}
.sec .pr .cs button{flex:1 1 0;width:0;padding:7px 8px;font-size:13px}

.sec .pr>div:has(.cs) .sub{text-align:center}
.sec .pr .sub .slot{position:static;margin-top:4px}

.sec .pr>div>a.btn,.sec .pr>div:first-child>a.btn.dk{display:flex;align-items:center;justify-content:center;height:60px;padding-top:0;padding-bottom:0;border-width:0}

@keyframes slotin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.sec .pr>div[data-bill] .slot{animation:slotin .8s 1s both}
@media (prefers-reduced-motion: reduce){.sec .pr>div[data-bill] .slot{animation:none}}

.sec .pr>div:has(.cs) ul li:not(.bf){margin-left:16px}

/* hover, option C (Michael 2026-10-13): nothing lifts. Price cards do not react; buttons only change colour and slide their arrow */
.sec .pr>div:hover,.sec .pr>div:first-child:hover,.sec .pr>div:nth-child(n):hover{transform:none}
.sec .pr>div:nth-child(-n+2):hover{box-shadow:0 30px 60px -34px rgba(247,205,70,.9)}
.sec .pr>div:nth-child(3):hover{box-shadow:0 34px 70px -34px rgba(11,16,32,.8)}
.sec .pr>div:has(.cs) .amt{text-align:center}.sec .pr>div:has(.cs) .amt>div{justify-content:center}



.gift{display:block;margin:0;height:28px;font-family:'Caveat',cursive;font-weight:700;font-size:25px;line-height:28px;color:var(--ink);white-space:nowrap}
.sec .pr>div:nth-child(3) .gift{color:var(--yel)}


/* Book a Demo: meeting type cards */
.zmt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:44px}
.zmc{display:flex;flex-direction:column;padding:28px 26px 26px;border:1px solid var(--edge);border-radius:18px;background:rgba(244,245,247,.03);color:var(--text);text-decoration:none;transition:border-color .3s,background .3s,transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.zmc b{font-family:'Michroma',sans-serif;font-weight:400;font-size:12.5px;color:var(--yel)}
.zmc h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:19px;line-height:1.25;margin:16px 0 0}
.zmc p{margin:12px 0 26px;font-size:15.5px;line-height:1.5;color:var(--soft)}
.zmc span{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px}
.zmc i{font-style:normal;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(244,245,247,.4);display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s,color .3s,transform .45s cubic-bezier(.2,.8,.2,1)}
.zmc:hover,.zmc.on{border-color:var(--yel);background:rgba(247,205,70,.06);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.zmc:hover i,.zmc.on i{background:var(--yel);border-color:var(--yel);color:var(--ink);transform:translateX(4px)}
.zmc.on i{transform:rotate(90deg)}
#zcal{margin-top:22px;scroll-margin-top:90px}#zcal[hidden]{display:none}
#zcal .calendly-inline-widget,#zcal iframe{min-width:320px;height:780px;width:100%}
@media (max-width:1180px){.zmt{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.zmt{grid-template-columns:1fr}}

/* the White Paper block shares its class name with a Home text block: undo that block's width, margin and type here */
.sec .wp{max-width:none;margin:0;font-size:inherit;line-height:inherit;color:inherit}

/* one ad format's own page */
.fmt .pc .kick a{color:inherit;text-decoration:none;border-bottom:1.5px solid rgba(247,205,70,.6)}
.fmt .fmtb{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.fmt .fmtpv{border-radius:24px;border:1px solid var(--edge);background:radial-gradient(120% 120% at 80% 0%,#141d3a 0%,#0A1022 55%,#070B18 100%);box-shadow:0 40px 90px -40px rgba(247,205,70,.35);padding:22px;display:flex;align-items:center;justify-content:center}
.fmt .fmtpv svg.fart{width:100%;height:auto;max-height:none;display:block}
.fmtg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.fmtg>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
.fmtg b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:12.5px;color:var(--muted);margin-bottom:14px}
.fmtg h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:18px;margin:0}.fmtg p{margin:10px 0 0;font-size:16px;color:var(--muted)}
.fmt2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:start}
.fmtt{border-collapse:collapse;width:100%;margin-top:26px;font-size:16.5px}
.fmtt th,.fmtt td{text-align:left;padding:14px 0;border-bottom:1px solid var(--line)}
.fmtt th{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;border-bottom:2px solid var(--ink)}
.fmtt td:first-child{font-weight:600}.fmtt td:nth-child(2){font-family:'Michroma',sans-serif;font-size:14.5px;white-space:nowrap}
.fmtl{list-style:none;margin:24px 0 0;padding:0}
.fmtl li{position:relative;padding:9px 0 9px 34px;font-size:17px}
.fmtl li::before{content:"";position:absolute;left:0;top:10px;width:22px;height:22px;border-radius:50%;background:var(--ink)}
.fmtl li::after{content:"";position:absolute;left:7px;top:16px;width:8px;height:5px;border-left:2px solid var(--yel);border-bottom:2px solid var(--yel);transform:rotate(-45deg)}
.fmts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fmts a{font-size:14.5px;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.fmts a:hover{background:var(--ink);border-color:var(--ink);color:var(--yel)}
@media (max-width:1000px){.fmt2{grid-template-columns:1fr;gap:44px}.fmtg{grid-template-columns:1fr}}

/* ad format page, round 2: drawings on the cards, reasons, sizes drawn to scale, the other formats as picture cards */
.fmti{display:block;border-radius:12px;background:radial-gradient(120% 120% at 80% 0%,#141d3a 0%,#0A1022 55%,#070B18 100%);padding:14px;margin-bottom:20px}
.fmti svg.fart{display:block;width:100%;height:auto;max-height:none}
.fmtg>div{padding:14px 14px 24px}.fmtg>div>b,.fmtg>div>h3,.fmtg>div>p{margin-left:10px;margin-right:10px}
.fmtw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px}
.fmtw:has(>div:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.fmtw>div{background:#0D1326;border:1px solid var(--edge);border-radius:18px;padding:26px}
.fmtw b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:12.5px;color:var(--yel);margin-bottom:14px}
.fmtw h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:18px;margin:0;color:var(--text)}.fmtw p{margin:10px 0 0;font-size:16px;color:var(--soft)}
.fmtsz{margin-top:28px;border-radius:20px;background:radial-gradient(120% 120% at 80% 0%,#141d3a 0%,#0A1022 55%,#070B18 100%);padding:34px 30px 22px}
.fmtsz svg{display:block;width:100%;height:auto;max-height:260px}
.fmtsz rect{stroke:#F7CD46;stroke-width:1.6}.fmtsz text{fill:#C5CDDB;font-family:'Michroma',sans-serif;font-size:9.5px}
.fmt2{margin-top:10px}.fmt2 .fmtl{margin-top:16px}
.fmtc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.fmtcp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fmtcp .fmti{margin:0}.fmtcp .fmti:nth-child(2){transform:translateY(22px)}
.fmtm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.fmtm a{display:flex;flex-direction:column;background:#0D1326;border:1px solid var(--edge);border-radius:20px;padding:12px 12px 22px;text-decoration:none;color:var(--text);transition:border-color .3s,box-shadow .3s}
.fmtm a:hover{border-color:var(--yel);box-shadow:0 0 34px rgba(247,205,70,.16)}
.fmtm .fmti{margin-bottom:16px;border:1px solid var(--edge)}
.fmtm b{font-family:'Michroma',sans-serif;font-weight:400;font-size:17px;margin:0 10px}.fmtm span:not(.fmti){font-size:15px;color:var(--soft);margin:8px 10px 0}
@media (max-width:1000px){.fmtw,.fmtm{grid-template-columns:1fr 1fr}.fmtc{grid-template-columns:1fr}}
@media (max-width:640px){.fmtw,.fmtm,.fmtcp{grid-template-columns:1fr}.fmtcp .fmti:nth-child(2){transform:none}}

/* the drawings always sit on a night tile on these pages: light lines, centred, full width of the tile */
.fmti svg.fart,.sec:not(.dark) .fmti svg.fart,.fmt .fmtpv svg.fart{color:var(--text);max-width:none;width:100%;margin:0 auto}
.sec:not(.dark) .fmti .fart .bg{fill:var(--night)}
.fmti{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:10px 18px}
.fmti svg.fart{max-height:100%;width:auto;height:100%}
.fmtm .fmti,.fmtg .fmti{aspect-ratio:16/8}

.fmtcl{margin:34px 0 0}.fmtcl a{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--yel);padding-bottom:3px}

/* line globe, half cut by the right edge of the section */
.sec.fmtgl{position:relative;overflow:hidden}
.fmtglb{position:absolute;top:70px;right:clamp(14px,3.5vw,64px);width:min(485px,31.5vw);height:auto;fill:none;stroke:var(--ink);stroke-opacity:.32;stroke-width:1.3;pointer-events:none}
.fmtglb .y{stroke:var(--yel);stroke-opacity:1;stroke-width:2}
.sec.fmtgl>.wrap>*:not(.fmtglb){position:relative}
@media (max-width:1000px){.fmtglb{width:272px;right:-85px;top:-26px;top:24px;stroke-opacity:.14}}
.rvon .fmtglb.rv,.fmtglb.rv{transform:none}

/* animated icons on the "Why" cards */
.fmtw.ic>div{padding:28px 26px 28px}
.fmtic{display:block;width:56px;height:56px;margin-bottom:22px;fill:none;stroke:var(--yel);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible;filter:drop-shadow(0 0 10px rgba(247,205,70,.35))}
.fmtic *{transform-box:fill-box;transform-origin:center}
.fmtic .f{fill:var(--yel);stroke:none}.fmtic .d{stroke-opacity:.35}
.fmtic .r1{animation:fmk-ring 2.8s ease-out infinite}.fmtic .r2{animation:fmk-ring 2.8s ease-out -1.4s infinite}
.fmtic .spin{animation:fmk-spin 14s linear infinite}
.fmtic .beat{animation:fmk-beat 1.8s ease-in-out infinite}
.fmtic .bolt{fill:rgba(247,205,70,.14);stroke-dasharray:110;animation:fmk-draw 3.2s cubic-bezier(.6,0,.3,1) infinite}
.fmtic .ph{animation:fmk-rise 3.4s cubic-bezier(.2,.8,.2,1) infinite}
.fmtic .blink{animation:fmk-blink 3.4s ease-in-out infinite}
@keyframes fmk-ring{0%{transform:scale(.45);opacity:0}25%{opacity:1}100%{transform:scale(1.12);opacity:0}}
@keyframes fmk-spin{to{transform:rotate(360deg)}}
@keyframes fmk-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}
@keyframes fmk-draw{0%{stroke-dashoffset:110;fill-opacity:0}45%,80%{stroke-dashoffset:0;fill-opacity:1}100%{stroke-dashoffset:0;fill-opacity:0;stroke-opacity:0}}
@keyframes fmk-rise{0%,12%{transform:translateY(7px);opacity:0}32%,88%{transform:none;opacity:1}100%{transform:none;opacity:0}}
@keyframes fmk-blink{0%,40%{opacity:.35}55%,85%{opacity:1}100%{opacity:.35}}
@media (prefers-reduced-motion: reduce){.fmtic *{animation:none!important}}

/* light travelling along the globe's lines */
.fmtglb .run{stroke:var(--yel);stroke-opacity:1;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:9 91;animation:fmk-run 9s linear infinite}
.fmtglb .r1{animation-duration:12s;animation-delay:-3s}.fmtglb .r2{animation-duration:10s;animation-delay:-6s;animation-direction:reverse}
.fmtglb .r3{animation-duration:14s;animation-delay:-2s}.fmtglb .r4{animation-duration:11s;animation-delay:-5s;animation-direction:reverse}
.fmtglb .r5{animation-duration:13s;animation-delay:-8s}.fmtglb .r6{animation-duration:15s;animation-delay:-1s;animation-direction:reverse}
.fmtglb .r7{animation-duration:18s;animation-delay:-9s;stroke-dasharray:6 94}
@keyframes fmk-run{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media (prefers-reduced-motion: reduce){.fmtglb .run{animation:none;display:none}}

/* sizes as tiles, a Works-with strip, and targeting as a night panel with animated icons */
.fmtz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.fmtz>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.fmtz b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:19px;color:var(--ink);white-space:nowrap}
.fmtz h3{font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:16px;margin:10px 0 0}.fmtz p{margin:2px 0 0;font-size:14.5px;color:var(--muted)}
.fmtws{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.fmtws>span{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.fmtws .fmts{margin:0}.fmtws .fmtcl{margin:0 0 0 auto}
a.fmtcl{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--yel);padding-bottom:3px}
.fmtt2{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}
.fmttp{background:var(--night);border-radius:26px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;box-shadow:0 40px 80px -40px rgba(11,16,32,.55)}
.fmttp>div{display:flex;gap:18px;align-items:flex-start;background:#0D1326;border:1px solid var(--edge);border-radius:16px;padding:22px;transition:border-color .3s,box-shadow .3s}
.fmttp>div:hover{border-color:var(--yel);box-shadow:0 0 30px rgba(247,205,70,.14)}
.fmttp .fmtic{width:44px;height:44px;margin:2px 0 0;flex:none}
.fmttp h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:15.5px;line-height:1.3;margin:0;color:var(--text)}
.fmttp p{margin:8px 0 0;font-size:15px;color:var(--soft)}
@media (max-width:1000px){.fmtz{grid-template-columns:1fr 1fr}.fmtt2{grid-template-columns:1fr;gap:34px}.fmtws .fmtcl{margin-left:0}}
@media (max-width:640px){.fmttp{grid-template-columns:1fr}}

/* targeting cards on the light background: white cards, dark line icons with yellow accents */
.fmttp{background:none;border-radius:0;padding:0;box-shadow:none;gap:12px}
.fmttp>div{background:#fff;border-color:var(--line)}
.fmttp>div:hover{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.fmttp h3{color:var(--ink)}.fmttp p{color:var(--muted)}
.fmttp .fmtic{stroke:var(--ink);filter:none}
.fmttp .fmtic .f{fill:var(--yel);stroke:var(--ink);stroke-width:1.2}
.fmttp .fmtic .bolt{fill:none;stroke:var(--ink)}
.fmttp .fmtic .d{stroke-opacity:.4}

/* the globe's own lines are all grey; only the travelling lights are yellow */
.fmtglb .y{stroke:var(--ink);stroke-opacity:.32;stroke-width:1.3}

.fmtglb .run{stroke-dasharray:7 43;stroke-width:2}

/* no second line under the sizes table */
.fmtws{border-top:0;padding-top:0;margin-top:30px}
.fmtt th:last-child,.fmtt td:last-child{width:26%}

/* targeting: icons without boxes, larger; and less empty space above the section (it follows another light section) */
.sec.fmtts{padding-top:0}
.fmttp{gap:34px 44px}
.fmttp>div,.fmttp>div:hover{background:none;border:0;border-radius:0;padding:0;box-shadow:none;gap:22px;align-items:center}
.fmttp .fmtic{width:68px;height:68px;margin:0}
.fmttp h3{font-size:17px}.fmttp p{font-size:16px}

.sec.fmtts{border-top:0;box-shadow:none}.sec.fmtts::before{display:none}

/* the sizes section and the targeting section read as one light block: no seam, less air between them */
.sec.fmtts{margin-top:-2px;padding-top:2px}.sec:has(+.sec.fmtts){padding-bottom:64px}

/* the globe floats: a slow drift up and down with a slight sway, as if hanging in the air (it does not turn) */
.fmtglb,.rvon .fmtglb.rv,.fmtglb.rv{animation:fmk-float 9s ease-in-out infinite;will-change:transform}
@keyframes fmk-float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}25%{transform:translate3d(6px,-14px,0) rotate(1.2deg)}50%{transform:translate3d(0,-22px,0) rotate(0deg)}75%{transform:translate3d(-6px,-10px,0) rotate(-1.2deg)}}
@media (prefers-reduced-motion: reduce){.fmtglb,.rvon .fmtglb.rv,.fmtglb.rv{animation:none}}

/* targeting gets the full width: heading on top, the six options side by side in one row */
.fmtt2{display:block}
.fmtt2>div:first-child .lead{max-width:none}
.fmttp{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;margin-top:48px}
.fmttp>div,.fmttp>div:hover{flex-direction:column;align-items:flex-start;gap:20px;padding:26px 0 0;border-top:2px solid var(--ink);border-radius:0}
.fmttp .fmtic{width:72px;height:72px}
.fmttp h3{font-size:16.5px;line-height:1.3;min-height:2.6em}
.fmttp p{font-size:15.5px;margin-top:8px}
@media (max-width:1300px){.fmttp{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}.fmttp h3{min-height:0}}
@media (max-width:640px){.fmttp{grid-template-columns:1fr 1fr}}

/* the globe flies: it glides along a loop, leaning into each turn and coming a little closer and further away (it does not spin) */
.fmtglb,.rvon .fmtglb.rv,.fmtglb.rv{animation:fmk-fly 14s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes fmk-fly{0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}
 20%{transform:translate3d(-34px,-22px,0) rotate(-3deg) scale(1.03)}
 40%{transform:translate3d(-12px,-44px,0) rotate(1deg) scale(1.05)}
 60%{transform:translate3d(30px,-26px,0) rotate(3.5deg) scale(1.01)}
 80%{transform:translate3d(18px,8px,0) rotate(1deg) scale(.97)}}
@media (prefers-reduced-motion: reduce){.fmtglb,.rvon .fmtglb.rv,.fmtglb.rv{animation:none}}

.fmtglb,.rvon .fmtglb.rv,.fmtglb.rv{will-change:auto}

/* no lines above the six targeting options */
.fmttp>div,.fmttp>div:hover{border-top:0;padding-top:0}.fmttp{margin-top:40px}

/* globe, option C: no flying, no lights on the lines; one satellite light on a tilted ring */
.fmtglb,.rvon .fmtglb.rv,.fmtglb.rv{animation:none;overflow:visible}
.fmtglb .ring{stroke:var(--ink);stroke-opacity:.18;stroke-width:1.2;stroke-dasharray:2 5}
.fmtglb .orb{stroke:var(--yel);stroke-opacity:1;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:14 86;animation:fmk-run 7s linear infinite}
@media (prefers-reduced-motion: reduce){.fmtglb .orb{animation:none}}

/* targeting on its own grey band, set apart from the sizes above */
.sec.fmtts{background:var(--marble);margin-top:0;padding-top:clamp(64px,7vw,104px)}
.sec:has(+.sec.fmtts){padding-bottom:clamp(64px,7vw,104px)}

/* reversed (Michael): the sizes section is the white band, targeting stays on the marble */
.sec:has(+.sec.fmtts){background:#fff}

/* wide spec text: the second column of the format table may hold words, not only sizes */
.fmtt td:nth-child(2){white-space:normal}
.fmtsz svg{max-height:220px}

a.fmlk{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:10px}a.fmlk i{font-style:normal;font-family:'Instrument Sans',sans-serif;font-size:18px;color:var(--yel);transition:transform .35s cubic-bezier(.2,.8,.2,1)}a.fmlk:hover i{transform:translateX(6px)}a.fmlk:hover{text-decoration:underline;text-decoration-color:var(--yel);text-underline-offset:6px}

.fmtsz svg{max-height:200px;margin:0 auto}

/* creative pages */
.sec.fmtwh{background:#fff}
.fmtc .fmtl{margin-top:0}

/* picture cards on a light section (main Creative Services page) */
.fmtm.lt{grid-template-columns:repeat(4,minmax(0,1fr))}
.fmtm.lt a,.fmtm.lt .x{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:20px}
.fmtm.lt a:hover{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.fmtm.lt .fmti{border:0}
.fmtm.lt span:not(.fmti){color:var(--muted)}
.fmtm.lt .x{display:flex;flex-direction:column;justify-content:center;padding:26px 22px}
@media (max-width:1100px){.fmtm.lt{grid-template-columns:1fr 1fr}}

.fmtm.lt .x{justify-content:flex-start;padding:12px 12px 22px}.fmtm.lt .x b{font-family:'Michroma',sans-serif;font-weight:400;font-size:17px;margin:0 10px}.fmtm.lt .x span:not(.fmti){font-size:15px;margin:8px 10px 0}

/* About: the wider team under the leadership cards (2026-10-15) */
.tmx{margin-top:22px;display:flex;align-items:center;gap:34px;background:var(--night);color:var(--text);border-radius:20px;padding:30px 40px}
.tmx>b{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(44px,5vw,72px);line-height:1;color:var(--yel)}
.tmx h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(18px,1.6vw,24px);margin:0 0 6px;color:var(--yel)}
.tmx p{margin:0;color:var(--soft);font-size:17px}
@media (max-width:620px){.tmx{flex-direction:column;align-items:flex-start;gap:12px;padding:24px}}
.tmx{position:relative;margin-top:150px;padding-right:430px;min-height:150px}
.tmx .tmph{position:absolute;right:48px;bottom:0;width:340px;height:250px;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 -10px 40px -10px rgba(7,11,24,.5)}
.tmx .tmph img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.tmx .tmph::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--yel)}
@media (max-width:980px){.tmx{margin-top:120px;padding-right:40px;padding-top:150px}.tmx .tmph{left:24px;right:24px;width:auto;top:-90px;bottom:auto;height:220px;border-radius:18px}}
@media (max-width:620px){.tmx{padding-top:150px}}
/* the strip's people: a cut-out group standing on the strip, no frame (2026-10-15) */
.tmx{margin-top:240px;padding-right:560px}
.tmx .tmph{right:30px;bottom:0;width:520px;height:auto;border-radius:0;overflow:visible;box-shadow:none}
.tmx .tmph::after{display:none}
.tmx .tmph img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}
@media (max-width:980px){.tmx{margin-top:230px;padding-top:30px;padding-right:40px}.tmx .tmph{left:50%;right:auto;top:auto;bottom:100%;transform:translateX(-50%);width:min(440px,92%);height:auto;margin-bottom:-60px}}
.tmx{background:linear-gradient(90deg,#070B18 0%,#070B18 45%,#F7CD46 100%)}
.tmxt{font-family:'Michroma',sans-serif;font-weight:400;-webkit-text-stroke:1.2px currentColor;color:var(--ink);font-size:clamp(31px,3.64vw,56px);line-height:1.1;margin:120px 0 0;max-width:62%}
.tmxt+.tmx{margin-top:44px}

/* Pricing: four platforms (2026-10-18) */
.p4tog{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px;margin:6px 0 26px}
.p4tog button{all:unset;cursor:pointer;padding:10px 20px;border-radius:999px;font-weight:600}.p4tog button.on{background:var(--ink);color:var(--yel)}
.p4tog span{padding:0 14px 0 8px;font-size:14px;color:var(--muted)}
.p4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.p4c{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 26px 22px;display:flex;flex-direction:column}
.p4c .wlt{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.p4c h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:26px;margin:2px 0 0}.p4c h3 a{color:inherit;text-decoration:none}
.p4c>p{margin:2px 0 14px;color:var(--muted);font-size:14.5px}
.p4r{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.p4r span{flex:1}.p4r b{font-family:'Michroma',sans-serif;font-weight:400;font-size:17px}.p4r i{font-style:normal;opacity:0;transition:opacity .25s,transform .25s;transform:translateX(-4px)}
.p4r:hover i{opacity:1;transform:none}.p4r:hover b{color:var(--ink)}
.p4ad{margin-top:12px;font-size:13.5px;color:var(--muted);flex:1}.p4ad em{font-style:normal;color:var(--ink);font-weight:600}
.p4go{display:block;text-align:center;margin-top:16px;background:var(--ink);color:#fff;border-radius:999px;padding:12px;font-weight:600;text-decoration:none}.p4go:hover{background:var(--yel);color:var(--ink)}
.p4go i{font-style:normal}
.p4add{margin-top:40px}.p4add h3{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.p4add table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}
.p4add td,.p4add th{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left}.p4add th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.p4add td a{color:var(--ink);font-weight:600;text-decoration:none}.p4add .t{display:inline-block;font-size:12px;font-weight:600;background:var(--marble);padding:2px 10px;border-radius:999px}
@media (max-width:1100px){.p4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.p4{grid-template-columns:1fr}.p4add{overflow-x:auto}}

/* platform pricing pages (2026-10-19) */
.ppt{margin-top:30px;overflow-x:auto}.ppt table{width:100%;border-collapse:collapse;background:#fff;color:var(--ink);border-radius:18px;overflow:hidden}
.ppt th,.ppt td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}.ppt th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ppt td a{color:var(--ink);font-weight:600;text-decoration:none}.ppt td small{color:var(--muted)}
.ppt table.cmp td:first-child{font-weight:600}.ppt table.cmp th:not(:first-child),.ppt table.cmp td:not(:first-child){text-align:center}
.fullp{margin:10px 0 0}.fullp a{font-weight:600;color:var(--ink);text-decoration:none;background:linear-gradient(var(--yel),var(--yel)) left bottom/100% 2px no-repeat;padding-bottom:2px}

/* white label pages: before / after (2026-10-19) */
.wlba{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.wlba figure{margin:0}.wlba figcaption{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.wlba .pvw{margin-top:0;background:var(--night);color:var(--text);font-size:12px}
.wlba .pvw .kp{grid-template-columns:repeat(2,1fr)}.wlba .pvw table{display:none}
.pvw.lt{background:#fff!important;color:var(--ink)!important;border-color:rgba(11,16,32,.15);filter:none}
.pvw.lt .wbar{border-bottom-color:rgba(11,16,32,.12)}.pvw.lt .wbar i{border-color:rgba(11,16,32,.3)}
.pvw.lt aside{border-right-color:rgba(11,16,32,.12)}.pvw.lt aside a{color:var(--muted)}.pvw.lt aside a.on{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}
.pvw.lt .kp div,.pvw.lt .ch{border-color:rgba(11,16,32,.12)}.pvw.lt .kp div:first-child{border-color:var(--ink)}.pvw.lt .kp div:first-child b{color:var(--ink)}
.pvw.lt .ln{stroke:var(--ink);filter:none}.pvw.lt .br rect{stroke:rgba(11,16,32,.2)}
@media (max-width:900px){.wlba{grid-template-columns:1fr}}
.wlba.solo{grid-template-columns:1fr;margin-top:52px}.wlba.solo .pvw{font-size:14px}.wlba.solo .pvw .kp{grid-template-columns:repeat(4,1fr)}.wlba.solo .pvw table{display:table}
@media (max-width:700px){.wlba.solo .pvw .kp{grid-template-columns:repeat(2,1fr)}.wlba.solo .pvw table{display:none}}
/* hero intro links ("See everything the DSP does", "Branding & customization") on their own line (2026-10-19) */
.phero .pc p a{display:block;width:fit-content;margin-top:14px}
.bk .bkc{width:100%;max-width:320px;height:auto;border-radius:6px;box-shadow:0 30px 60px -24px rgba(7,11,24,.45)}.wp.bk:first-child{margin-top:0;padding-top:0;border-top:0}
.wp+.wp{margin-top:72px;padding-top:72px}
.slb{margin-top:64px}.slb:first-of-type{margin-top:40px}.slh{display:flex;align-items:baseline;gap:18px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--edge)}.slh h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:32px;color:var(--gold,#F7CD46);margin:0}.slh p{margin:0;color:var(--soft);font-size:17px}
.slm{grid-template-columns:minmax(0,420px) minmax(0,1fr)}.slm h3{font-size:26px}
.sls{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.sls .obc{grid-template-columns:1fr;gap:14px;align-items:start}.sls .obc>svg,.sls .obc>div:first-child{max-height:150px;overflow:hidden}
@media (max-width:760px){.slm{grid-template-columns:1fr}.slh{flex-direction:column;gap:4px}}
.s4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--edge);border-radius:22px;overflow:hidden;margin-top:36px}.s4c{padding:28px 22px;border-left:1px solid var(--edge);display:flex;flex-direction:column;transition:background .3s}.s4c:first-child{border-left:0}.s4c:hover{background:#0D1326}
.s4t{font-family:'Michroma',sans-serif;font-size:40px;color:var(--gold,#F7CD46);line-height:1.1}.s4c h3{font-size:17px;font-weight:600;margin:10px 0 4px}.s4c>p{color:var(--soft);font-size:14.5px;margin:0;min-height:68px}
.s4a{margin:18px 0;border-radius:12px;overflow:hidden;max-height:170px}.s4a>*{max-width:100%}
.s4r{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--edge);font-size:14px}.s4r span{color:var(--soft)}.s4b{margin-top:18px;justify-content:center;text-align:center}
@media (max-width:1100px){.s4{grid-template-columns:repeat(2,minmax(0,1fr))}.s4c:nth-child(3){border-left:0}.s4c:nth-child(n+3){border-top:1px solid var(--edge)}}
@media (max-width:640px){.s4{grid-template-columns:1fr}.s4c{border-left:0;border-top:1px solid var(--edge)}.s4c:first-child{border-top:0}}
.ctb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(7,11,24,.45);border:1px solid var(--line)}
.ctl{background:var(--night,#070B18);color:#fff;padding:48px}.ctl .kick{color:var(--gold,#F7CD46)}.ctl h2{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(26px,2.6vw,34px);line-height:1.25;margin:12px 0 10px}.ctl>p{color:var(--soft);margin:0}
.ctt{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.ctt a{background:#0D1326;border:1px solid var(--edge);border-radius:16px;padding:18px;color:#fff;text-decoration:none;transition:border-color .3s}.ctt a:hover{border-color:var(--gold,#F7CD46)}.ctt a:last-child{grid-column:1/-1}.ctt i{display:flex;width:38px;height:38px;border-radius:10px;background:var(--gold,#F7CD46);color:#0B1020;align-items:center;justify-content:center;font-style:normal;font-weight:700;margin-bottom:12px}.ctt b{display:block}.ctt span{color:var(--soft);font-size:13.5px}
.cto{margin-top:26px!important;font-size:14px}
.ctr{background:#fff;padding:48px}.ctr .pform{border:0;box-shadow:none;padding:0;background:none}.ctp{display:flex;gap:6px;margin-bottom:24px}.ctp i{flex:1;height:4px;border-radius:4px;background:rgba(11,16,32,.1);transition:background .3s}.ctp i.on{background:var(--gold,#F7CD46)}
@media (max-width:900px){.ctb{grid-template-columns:1fr}.ctl,.ctr{padding:28px}.ctt{grid-template-columns:1fr}}
.s5w{margin-top:36px;display:flex;flex-direction:column;gap:16px}.s5{display:grid;grid-template-columns:300px minmax(0,1fr) 220px;gap:36px;align-items:center;background:#0D1326;border:1px solid var(--edge);border-radius:22px;padding:22px;transition:border-color .3s}.s5:hover{border-color:var(--gold,#F7CD46)}
.s5a{border-radius:14px;overflow:hidden;max-height:190px}.s5t{font-family:'Michroma',sans-serif;font-size:30px;color:var(--gold,#F7CD46);line-height:1.1}.s5m h3{font-size:18px;font-weight:600;margin:8px 0 4px}.s5m p{color:var(--soft);margin:0;font-size:15px}
.s5m ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 24px;padding:0;margin:12px 0 0}.s5m li{color:var(--soft);font-size:14px;padding-left:20px;position:relative}.s5m li:before{content:"→";position:absolute;left:0;color:var(--gold,#F7CD46)}
.s5e{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.s5e b{font-size:15px}
@media (max-width:1000px){.s5{grid-template-columns:1fr;gap:18px}.s5e{align-items:flex-start}}
.obt span{font-size:clamp(22px,2.2vw,30px)!important;-webkit-text-stroke:.7px currentColor}
section.sec:has(.s5w){background:#fff}.s5{color:var(--text,#F4F5F7);box-shadow:0 24px 50px -30px rgba(7,11,24,.45)}.s5e b{color:#fff}
.s5a{background:#070B18;border:1px solid var(--edge);display:flex;align-items:center;padding:14px;max-height:none}.s5a .pv{flex:1}
.ot g text{font-size:13.5px}
.svb{padding-top:0!important;padding-bottom:0!important}.svb .wrap{padding-top:40px;padding-bottom:10px}.svbx{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 30px;box-shadow:0 24px 50px -36px rgba(7,11,24,.35)}.svbx h2{font-family:'Michroma',sans-serif;font-weight:400;font-size:24px;margin:6px 0 0}.svbp b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:30px}.svbp span{color:var(--mut,#5E5949);font-size:14px}
@media (max-width:760px){.svbx{grid-template-columns:1fr;gap:14px}}
.svpx{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center}.svpc{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;display:flex;flex-direction:column;gap:6px;box-shadow:0 30px 60px -40px rgba(7,11,24,.4)}.svpc small{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mut,#5E5949)}.svpc b{font-family:'Michroma',sans-serif;font-weight:400;font-size:44px;line-height:1.1;margin-top:6px}.svpc span{color:var(--mut,#5E5949)}.svpc .btn{margin-top:18px;justify-content:center}.svpc .lnk{margin-top:10px;text-align:center;font-weight:600;font-size:14px}
@media (max-width:860px){.svpx{grid-template-columns:1fr;gap:28px}}
.svpc .btn{background:#0B1020!important;color:#fff!important;border-color:#0B1020!important}.svpc .btn:hover{background:#F7CD46!important;color:#0B1020!important}
.svts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.svt{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column}.svt.hot{background:#070B18;color:#fff;border-color:#070B18;box-shadow:0 30px 60px -36px rgba(7,11,24,.6)}.svt .tg{position:absolute;top:-12px;left:30px;background:#F7CD46;color:#0B1020;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 12px}.svt h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:20px;margin:0}.svt b{font-family:'Michroma',sans-serif;font-weight:400;font-size:38px;margin:14px 0 4px;display:block}.svt.hot b{color:#F7CD46}.svt b small{font-family:'Instrument Sans',sans-serif;font-size:15px;color:var(--mut,#5E5949)}.svt.hot b small{color:#C5CDDB}.svt ul{list-style:none;padding:0;margin:14px 0 24px;flex:1}.svt li{padding:6px 0 6px 24px;position:relative;font-size:15px}.svt li:before{content:"✓";position:absolute;left:0;color:#E9AE1C;font-weight:700}.svt .btn{justify-content:center;background:#0B1020!important;color:#fff!important;border-color:#0B1020!important}.svt.hot .btn{background:#F7CD46!important;color:#0B1020!important;border-color:#F7CD46!important}
@media (max-width:900px){.svts{grid-template-columns:1fr}}
.plgpay .wrap{padding-top:34px!important;padding-bottom:0!important}.plgpay .pstrip{margin-top:0}
.svxg{display:flex;flex-direction:column;gap:16px;margin-top:8px}.svx{background:#fff;color:#0B1020;border-radius:22px;overflow:hidden;text-decoration:none;display:block}.svxh{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-bottom:1px solid rgba(11,16,32,.1)}.svxs .svxh{border-bottom:0}.svxh h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:20px;margin:0}.svxh h3 a{color:inherit;text-decoration:none}.svxh p{margin:4px 0 0;color:#5E5949;font-size:14.5px}.svxh .more{color:#0B1020;font-weight:600;white-space:nowrap}.stg2{font-weight:600;white-space:nowrap;color:#5E5949}
.svxt{overflow-x:auto}.svxt table{width:100%;border-collapse:collapse;min-width:640px}.svxt th,.svxt td{padding:12px 20px;text-align:left;border-bottom:1px solid rgba(11,16,32,.08);font-size:14.5px;vertical-align:top}.svxt th{font-weight:600}.svxt td:first-child{color:#5E5949;width:22%}.svxt th:nth-child(3),.svxt td:nth-child(3){background:#FFF8DE}.svxt .svpr{font-family:'Michroma',sans-serif;font-size:20px}.svxt .svpr small{font-family:'Instrument Sans',sans-serif;font-size:12px;color:#5E5949}.svxt tr:last-child td{border-bottom:0;padding-bottom:20px}.svxt .btn{background:#0B1020!important;color:#fff!important;border-color:#0B1020!important}.svxt td:nth-child(3) .btn{background:#F7CD46!important;color:#0B1020!important;border-color:#F7CD46!important}
.obt em{display:block}
.bkx{display:grid;grid-template-columns:340px minmax(0,1fr);border-radius:26px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.6);margin-top:26px;text-align:left}
.bkl{background:#0D1326;color:#fff;padding:32px;border:1px solid #26314D;border-right:0;border-radius:26px 0 0 26px}.bkl .kick{color:#F7CD46}.bkl h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:23px;line-height:1.3;margin:12px 0 8px}.bkl>p{color:#C5CDDB;margin:0 0 16px;font-size:15px}
.bkt button{all:unset;cursor:pointer;display:block;width:100%;box-sizing:border-box;border:1px solid #26314D;border-radius:14px;padding:12px 14px;margin-top:8px;font-weight:600}.bkt button small{display:block;font-weight:400;opacity:.75;font-size:12.5px}.bkt button.on{background:#F7CD46;color:#0B1020;border-color:#F7CD46}
.bkteam{display:flex;justify-content:center;margin-top:26px;padding-left:12px}.bkteam i{width:58px;height:58px;flex:none;border-radius:50%;border:3px solid #0D1326;margin-left:-12px;background:#26314D no-repeat 50% 6%/190% auto}
.bksum{border:1px solid #26314D;border-radius:16px;padding:14px;margin-top:6px;font-size:14px}.bksum div{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.bksum span{color:#C5CDDB}.bksum button{all:unset;cursor:pointer;color:#F7CD46;font-size:13px;margin-top:6px;display:inline-block}
.bkr{background:#fff;color:#0B1020;padding:30px}.bkp{display:flex;gap:6px;margin-bottom:20px}.bkp i{flex:1;height:4px;border-radius:4px;background:rgba(11,16,32,.1)}.bkp i.on{background:#F7CD46}
.bkg{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.bkc{border:1px solid rgba(11,16,32,.12);border-radius:18px;padding:18px}.bkch{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bkch b{font-family:'Michroma',sans-serif;font-weight:400}.bkch button{border:1px solid rgba(11,16,32,.15);background:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer;color:#0B1020}
.bkd{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.bkd .w{font-size:11px;font-weight:600;color:#5E5949;letter-spacing:.1em}.bkd button{border:0;background:none;border-radius:12px;padding:10px 0;font-weight:600;cursor:pointer;color:#0B1020;font:inherit;font-weight:600}.bkd button.av{background:#FFF3C4}.bkd button.on{background:#0B1020;color:#F7CD46}.bkd button:disabled{color:#c9c6bd;cursor:default}
.bktz{font-size:13px;color:#5E5949;margin:12px 0 0}.bkload{grid-column:1/-1;color:#5E5949;font-size:14px}.bkday{display:block;margin-bottom:10px;font-weight:600}
.bks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bks button{border:1px solid rgba(11,16,32,.15);background:#fff;border-radius:12px;padding:10px;font:inherit;font-weight:600;cursor:pointer;color:#0B1020}.bks button.on{background:#0B1020;color:#F7CD46;border-color:#0B1020}
.bkf{display:grid;gap:12px}.bkf h4{font-family:'Michroma',sans-serif;font-weight:400;font-size:20px;margin:0 0 4px}.bkstl{font-size:12px;color:#5E5949;letter-spacing:.12em;text-transform:uppercase}.bkl2{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5E5949;margin-top:8px}
.bkm{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bkm button{display:flex;align-items:center;gap:10px;border:1px solid rgba(11,16,32,.14);background:#fff;border-radius:14px;padding:12px 14px;font:inherit;font-weight:600;cursor:pointer;color:#0B1020;text-align:left}.bkm button.on{border-color:#0B1020;box-shadow:0 0 0 2px #0B1020 inset}.bkm svg{width:26px;height:26px;flex:none}
.bk2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bkfl{position:relative;display:block}.bkfl>span{position:absolute;left:15px;top:7px;font-size:11.5px;color:#5E5949;font-weight:600;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
.bkfl input,.bkfl select,.bkfl textarea{width:100%;border:1px solid rgba(11,16,32,.14);border-radius:14px;padding:24px 14px 9px;font:inherit;background:#FBFAF7;color:#0B1020;outline:0;appearance:none}.bkfl textarea{min-height:90px;resize:vertical}.bkfl input:focus,.bkfl select:focus,.bkfl textarea:focus{border-color:#0B1020;background:#fff}.bkfl select{background-image:linear-gradient(45deg,transparent 50%,#5E5949 50%),linear-gradient(135deg,#5E5949 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.bkchk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#5E5949;cursor:pointer}.bkchk input{width:18px;height:18px;accent-color:#0B1020;margin-top:2px;flex:none}.bkchk a{color:#0B1020;text-decoration:underline}
.bkrow{display:flex;gap:12px;align-items:center;margin-top:6px}.bkback{border:1px solid rgba(11,16,32,.15);background:#fff;border-radius:999px;padding:13px 20px;font:inherit;font-weight:600;cursor:pointer;color:#0B1020}.bkrow .btn{flex:1;justify-content:center;background:#F7CD46!important;color:#0B1020!important;border-color:#F7CD46!important}
.bktrust{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;color:#5E5949;font-size:12.5px}.bkmsg{margin:0;color:#B3261E;font-size:14px}
.bkok{text-align:center;padding:40px 20px}.bkoki{width:64px;height:64px;border-radius:50%;background:#F7CD46;color:#0B1020;font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.bkok h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:24px;margin:0 0 10px}.bkok p{color:#5E5949;margin:6px 0}
@media (max-width:980px){.bkx{grid-template-columns:1fr}.bkl{border-radius:26px 26px 0 0;border-right:1px solid #26314D}.bkg{grid-template-columns:1fr}.bkm{grid-template-columns:repeat(2,1fr)}.bk2{grid-template-columns:1fr}}
.bkx [hidden]{display:none!important}.bkf h4{color:#0B1020}.bkchk{flex-direction:row}.bkchk input{width:18px!important;height:18px!important;padding:0!important;margin:2px 0 0!important}.bkchk span{flex:1}
.bkl3{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#C5CDDB;font-weight:600;margin:18px 0 8px}.bkl3:first-child{margin-top:4px}
.bkpl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bkpl button{border:1px solid #26314D;background:none;color:#fff;border-radius:12px;padding:10px 0;font:inherit;font-weight:600;cursor:pointer}.bkpl button.on{background:#F7CD46;color:#0B1020;border-color:#F7CD46}
.bkaq{width:100%;border:1px solid #26314D;border-radius:14px;background:#111a33;color:#fff;padding:12px 14px;font:inherit;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#C5CDDB 50%),linear-gradient(135deg,#C5CDDB 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-size:5px 5px;background-repeat:no-repeat}.bkt button:first-child{margin-top:0}
/* booking v2 (Michael 2026-10-21, option A): step 1 choices live in the white area; left = live summary */
.bks1 h4{font-family:'Michroma',sans-serif;font-weight:400;font-size:20px;margin:4px 0 6px;color:#0B1020}.bks1 .bkl2{display:block;margin:20px 0 10px}.bks1 .bkl2 em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:400;color:#8A8577;margin-left:6px}
.bks1 .bkpl{grid-template-columns:repeat(4,1fr);gap:10px}.bks1 .bkpl button{border:1px solid rgba(11,16,32,.14);background:#fff;color:#0B1020;border-radius:16px;padding:14px;text-align:left;cursor:pointer}.bks1 .bkpl button b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:18px}.bks1 .bkpl button small{display:block;color:#5E5949;font-weight:400;font-size:12.5px}.bks1 .bkpl button.on{background:#FFFBEA!important;color:#0B1020!important;border-color:#0B1020!important;box-shadow:0 0 0 2px #0B1020 inset}
.bkhw{display:flex;flex-wrap:wrap;gap:8px}.bkhw button{border:1px solid rgba(11,16,32,.14);background:#fff;border-radius:999px;padding:9px 15px;cursor:pointer;font:inherit;font-weight:600;font-size:14px;color:#0B1020}.bkhw button.on{background:#0B1020;color:#F7CD46;border-color:#0B1020}
.bks1 .bkt{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bks1 .bkt button{margin:0;border:1px solid rgba(11,16,32,.14);color:#0B1020;padding:14px}.bks1 .bkt button small{color:#5E5949;opacity:1}.bks1 .bkt button.on{background:#F7CD46;border-color:#F7CD46}
.bkgo{display:flex;justify-content:flex-end;margin-top:24px}.bkgo .btn{justify-content:center;background:#F7CD46!important;color:#0B1020!important;border-color:#F7CD46!important}
.bks2h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bklink{all:unset;cursor:pointer;color:#0B1020;font-size:13px;font-weight:600;text-decoration:underline}
.bksum{margin-top:20px}.bksum button{display:inline-block}
@media (max-width:980px){.bks1 .bkpl,.bks1 .bkt{grid-template-columns:repeat(2,1fr)}}
/* Solutions picture rows: drawing sits straight on the dark card, no inner box (Michael 2026-10-21, option A) */
.s5w .s5a{background:none!important;border:0!important;padding:0!important;border-radius:0}
.s5w .s5e .btn{background:#F7CD46!important;color:#0B1020!important;border-color:#F7CD46!important}.s5w .s5e .btn:hover{background:#FFDB5C!important;border-color:#FFDB5C!important}
/* premium sections (Michael 2026-10-21): S1 step cards · F1 flow on dark, no box, titles only · P1 panels without card */
#launch .l3{border-top:0!important;gap:18px!important}#launch .l3>div{background:#0D1326;border-radius:22px;padding:30px!important;color:#F4F5F7;border:1px solid #26314D;box-shadow:0 30px 60px -30px rgba(7,11,24,.5)}#launch .l3 b{font-size:54px!important}#launch .l3 h3{color:#fff!important}#launch .l3 p{color:#C5CDDB!important}
#flow{background:#070B18!important}#flow .kick{color:#F7CD46!important}#flow .h2{color:#fff!important}#flow .lead{color:#C5CDDB!important}#flow .fl{background:none!important;border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}#flow .fls p{display:none!important}#flow .flfoot{border-top-color:#26314D!important}
#parts .pnc{background:none!important;border:0!important;box-shadow:none!important}
/* core features: icon tiles instead of 01, 02… (Michael 2026-10-21) */
.fgi>div>span{display:flex!important;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#0B1020;color:#F7CD46;padding:0!important;border:0!important;text-decoration:none!important;box-shadow:0 10px 24px -14px rgba(11,16,32,.6)}
.fgi>div>span:after,.fgi>div>span:before{display:none!important}
.fgi>div>span svg{width:24px;height:24px}
/* three panels on the light background (DSP, Michael 2026-10-21): dark screens stay dark, the words go dark */
#parts.lt{background:var(--bg,#F6F3EC)!important;color:#0B1020}#parts.lt .kick{color:#0B1020!important}
#parts.lt h2,#parts.lt h3,#parts.lt .h2,#parts.lt .pnc h3,#parts.lt .pnc li,#parts.lt .pnc p,#parts.lt .pnc .lead{color:#0B1020!important}
#parts.lt .pnc .pnn{color:#B8860B!important}#parts.lt .pnc li:before{color:#B8860B!important;background:#B8860B}
#parts.lt .pnc p,#parts.lt .pnc li{color:#3A3F4C!important}
#parts.lt .mw{box-shadow:0 30px 60px -28px rgba(7,11,24,.55)}
#parts .pnn{display:none!important}   /* panel numbers removed (Michael 2026-10-21) */
/* core feature icons: no hover shift; lines draw in once the row is on screen, then a slow gold glow (Michael 2026-10-21) */
.fgi>div,.fgi>div:hover{padding-left:0!important}
.fgi>div>span{position:relative;overflow:visible}
.fgi>div>span:after{content:"";display:block!important;position:absolute;inset:-1px;border-radius:15px;box-shadow:0 0 0 1px rgba(247,205,70,.45),0 0 18px rgba(247,205,70,.35);opacity:0;animation:fgglow 4.8s ease-in-out infinite}
.fgi>div:nth-child(2n)>span:after{animation-delay:-1.6s}.fgi>div:nth-child(3n)>span:after{animation-delay:-3.2s}
.fgi svg *{stroke-dasharray:90;stroke-dashoffset:90}
.fgi.go svg *{animation:fgdraw 1.4s cubic-bezier(.3,.6,.2,1) forwards}
.fgi.go>div:nth-child(2) svg *{animation-delay:.12s}.fgi.go>div:nth-child(3) svg *{animation-delay:.24s}.fgi.go>div:nth-child(4) svg *{animation-delay:.36s}.fgi.go>div:nth-child(5) svg *{animation-delay:.48s}.fgi.go>div:nth-child(6) svg *{animation-delay:.6s}.fgi.go>div:nth-child(7) svg *{animation-delay:.72s}.fgi.go>div:nth-child(8) svg *{animation-delay:.84s}
@keyframes fgdraw{to{stroke-dashoffset:0}}
@keyframes fgglow{0%,100%{opacity:0}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.fgi svg *{stroke-dashoffset:0!important;animation:none!important}.fgi>div>span:after{animation:none}}

/* core features: numbers inside the dark tiles instead of icons (Michael 2026-10-21) */
.fgi>div>span b{font-family:'Michroma',sans-serif;font-weight:400;font-size:17px;color:#F7CD46;letter-spacing:.02em}
/* core features numbers: solid gold, no tile (Michael 2026-10-21, option A) */
.fgi>div{grid-template-columns:76px 1fr!important}
.fgi>div>span{background:none!important;box-shadow:none!important;width:auto!important;height:auto!important;justify-content:flex-start!important;border-radius:0!important}
.fgi>div>span:after{display:none!important}
.fgi>div>span b{font-size:34px!important;color:#E2B529!important;line-height:1}
.fgi h3{align-self:center}
/* light three-panels: each panel on a white card, like "Four platforms" on the home page (Michael 2026-10-21) */
#parts.lt .pnc{background:#fff!important;border-radius:24px!important;padding:26px 26px 30px!important;box-shadow:0 24px 50px -34px rgba(11,16,32,.35)!important}
/* ad formats grid: titles only, centred (Michael 2026-10-21) */
#formats .fm p{display:none!important}
#formats .fm>*{text-align:center}#formats .fm h3{text-align:center}#formats .fm .fart{margin-left:auto;margin-right:auto}
/* FAQ on a white band (DSP trial, Michael 2026-10-21): questions turn cream so they still read as cards */
#faq.bgw{background:#fff!important}#faq.bgw .fq{background:#F6F3EC!important;box-shadow:none!important}
#panels.bgw{background:#fff!important}   /* Inside the product on white, DSP (Michael 2026-10-21) */
/* ad formats link to their pages (Michael 2026-10-21): links look exactly like the old tiles */
.fm>a.fml{display:block;color:inherit;text-decoration:none;padding:24px 0 30px;border-top:1px solid var(--edge);transition:border-color .3s}
.fm>a.fml:hover{border-color:var(--yel)}.fm>a.fml:hover h3{color:var(--yel)}
.sec:not(.dark) .fm>a.fml{border-color:var(--line)}.sec:not(.dark) .fm>a.fml:hover{border-color:var(--ink);box-shadow:inset 0 3px 0 var(--yel)}.sec:not(.dark) .fm>a.fml:hover h3{color:inherit}
.fm>a.fml:hover .fart .w{stroke-opacity:.9}
#formats .fm>a{text-align:center}
/* "What is new": one version tag, a clean list with gold markers (Michael 2026-10-21) */
.wn2{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:24px 40px;align-items:center;padding:30px 36px;background:radial-gradient(120% 160% at 0 0,#121B36,#070B18 60%)!important;border:1px solid rgba(247,205,70,.18)}
.wn2 .wnh{flex-direction:column;align-items:flex-start;gap:14px}
.wn2 .wnt{display:flex;flex-direction:column;gap:10px}
.wnb{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0B1020;background:#F7CD46;border-radius:999px;padding:5px 12px}
.wn2 .wnh b{font-size:24px}
.wnl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.wnl li{display:flex;gap:12px;align-items:flex-start;padding:4px 22px;border-left:1px solid var(--edge);color:var(--text);line-height:1.45}
.wnl i{flex:none;width:9px;height:9px;border-radius:50%;background:#F7CD46;box-shadow:0 0 12px rgba(247,205,70,.8);margin-top:7px}
.wnl small{display:inline-block;margin-left:6px;font-size:11px;color:var(--soft);border:1px solid var(--edge);border-radius:999px;padding:0 7px}
@media (max-width:900px){.wn2{grid-template-columns:1fr}.wnl{grid-template-columns:1fr;gap:12px}.wnl li{border-left:0;padding:0}}
/* "See it at work": three tabs share one height and fill the column; every screen's browser frame is the same size (Michael 2026-10-21) */
.vg{align-items:stretch!important}
.vgtabs{height:auto;align-self:start}.vgtabs .vgt{flex:none;height:112px;align-items:center}
.vgs{display:flex;flex-direction:column}.vgs>.vgw{flex:none;display:flex;flex-direction:column}.vgs>.vgw>.vgb{flex:1}
.vgs>ol{min-height:58px}   /* notes under every screen take the same room, so the browser frames match */
/* "included" split card (Michael 2026-10-21, option B) */
.incb{margin-top:64px;display:grid;grid-template-columns:1.1fr 1fr;border-radius:26px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(7,11,24,.5)}
.incl{background:#0B1020;color:#fff;padding:46px}.inck{color:#F7CD46;font-size:12px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}
.incl h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.2;margin:14px 0;color:#fff}.incl p{color:#C5CDDB;margin:0 0 26px}
.incl .btn{background:#F7CD46!important;color:#0B1020!important;border-color:#F7CD46!important}
.incr{background:#fff;padding:40px 44px;display:grid;grid-template-columns:1fr 1fr;gap:22px 26px;align-content:center;color:#0B1020}
.incr div{display:flex;gap:12px;align-items:flex-start;font-weight:600}.incr i{flex:none;width:26px;height:26px;border-radius:50%;background:#0B1020;display:flex;align-items:center;justify-content:center}
.incr i svg{width:14px;height:14px;stroke:#F7CD46;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.incr small{display:block;font-weight:400;color:#5E5949;font-size:13.5px}
@media (max-width:900px){.incb,.incr{grid-template-columns:1fr}.incl,.incr{padding:30px}}

.incbt{display:flex;flex-wrap:wrap;gap:14px}.incl .btn.wpb2{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:none}.incl .btn.wpb2:hover{border-color:var(--gold);color:var(--gold)}
.fm.fmc{position:relative}.fm.fmc:before{content:"";position:absolute;left:10%;right:10%;top:31px;border-top:1px dashed rgba(247,205,70,.4)}.fm.fmc>div{border-top:0!important;text-align:center}.cni{position:relative;z-index:1;width:62px;height:62px;margin:0 auto 18px;border-radius:50%;background:#080C18;border:1px solid #26314D;display:flex;align-items:center;justify-content:center;animation:cng 5s infinite}.cni svg{width:30px;height:30px;fill:none;stroke:#F7CD46;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fmc>div:nth-child(2) .cni{animation-delay:1s}.fmc>div:nth-child(3) .cni{animation-delay:2s}.fmc>div:nth-child(4) .cni{animation-delay:3s}.fmc>div:nth-child(5) .cni{animation-delay:4s}@keyframes cng{0%,30%,100%{box-shadow:none;border-color:#26314D}10%{box-shadow:0 0 22px -4px rgba(247,205,70,.7);border-color:rgba(247,205,70,.7)}}@media(max-width:800px){.fm.fmc:before{display:none}}
.fm.fmc{overflow:hidden}.fm.fmc:before{display:none}
.fmc>div:not(:last-child) .cni:after{content:"";position:absolute;z-index:-1;left:62px;top:50%;width:100vw;height:1px;background:repeating-linear-gradient(90deg,rgba(247,205,70,.55) 0 6px,transparent 6px 12px);animation:cnl 1.2s linear infinite}
@keyframes cnl{from{background-position:0 0}to{background-position:12px 0}}
@media(max-width:800px){.fmc .cni:after{display:none}}
.cni{width:110px;height:110px}.cni svg{width:56px;height:56px;stroke-width:1.4}
.fmc>div:not(:last-child) .cni:after{left:110px}
.fmc>div{position:relative}.fmc>div:not(:last-child) .cni:after{display:none}
.fmc>div:not(:last-child):after{content:"";position:absolute;left:calc(50% + 55px);top:79px;width:calc(100% + 32px - 110px);height:1px;background:repeating-linear-gradient(90deg,rgba(247,205,70,.6) 0 6px,transparent 6px 12px);animation:cnl 1.2s linear infinite}
@media(max-width:800px){.fmc>div:after{display:none}}
.lgg{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start}.lgg .legaltext{max-width:none;margin-top:0}.lgg .legaltext>p:first-child{margin-top:0}.lgtoc{position:sticky;top:110px;border-left:1px solid rgba(11,16,32,.14);max-height:calc(100vh - 140px);overflow:auto}.lgtoc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--ink);text-decoration:none;font-size:14.5px;line-height:1.4}.lgtoc a:hover{color:#8A6D10}.lgtoc a.on{border-color:var(--yel,#F7CD46);font-weight:700}.legaltext h2{scroll-margin-top:110px}@media(max-width:900px){.lgg{grid-template-columns:1fr;gap:24px}.lgtoc{position:static;max-height:none}}
.tbc{background:#F7CD46;color:#0B1020;padding:1px 6px;border-radius:4px;font-weight:700;font-size:.9em}.lgtbl{overflow-x:auto;margin:6px 0 18px}.lgtbl table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.lgtbl th,.lgtbl td{text-align:left;padding:12px 16px;border-bottom:1px solid rgba(11,16,32,.08);font-size:15.5px;vertical-align:top}.lgtbl thead th{background:#0B1020;color:#fff;font-weight:600}.lgtbl tbody th{width:220px;font-weight:600}
.lgc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.lgc a{display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:26px 26px 22px;text-decoration:none;color:var(--ink);box-shadow:0 20px 40px -32px rgba(7,11,24,.45);transition:transform .2s,box-shadow .2s}.lgc a:hover{transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(7,11,24,.55)}.lgc b{font-family:Michroma,sans-serif;font-weight:400;color:#E2B529;font-size:22px}.lgc h3{font-family:Michroma,sans-serif;font-weight:400;font-size:18px;margin:14px 0 6px}.lgc p{color:var(--muted);margin:0 0 16px;flex:1}.lgc span{font-weight:700;font-size:14.5px}@media(max-width:900px){.lgc{grid-template-columns:1fr 1fr}}@media(max-width:560px){.lgc{grid-template-columns:1fr}}
footer .lgl .lgcl{color:#F7CD46}
.lgc{grid-auto-rows:1fr}.lgc h3{margin-top:0}
.lgc b+h3{margin-top:14px}
.lgtoc a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* contact page v2 (Michael 2026-10-25) */
.cbx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:28px}
.cbx a{display:block;background:#F7CD46;color:#0B1020;text-decoration:none;border-radius:22px;padding:30px 22px;text-align:center;box-shadow:0 20px 40px -26px rgba(150,110,0,.6);transition:transform .2s,box-shadow .2s}
.cbx a:hover{transform:translateY(-4px);box-shadow:0 26px 50px -24px rgba(150,110,0,.7)}
.cbx i{width:56px;height:56px;border-radius:50%;background:#0B1020;color:#F7CD46;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}
.cbx i .cti{width:24px;height:24px}.cbx b{display:block;font-family:Michroma,sans-serif;font-weight:400;font-size:16px;margin-bottom:4px}.cbx span{font-size:15px}
.cti{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cgr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:24px;align-items:start}
.coff,.cfm{background:#fff;border-radius:22px;padding:32px;box-shadow:0 20px 40px -32px rgba(7,11,24,.4)}
.coff h3{font-family:Michroma,sans-serif;font-weight:400;font-size:17px;margin:0 0 16px}.coff h3+.co{margin-bottom:24px}
.co{display:flex;gap:14px;align-items:center;margin-bottom:16px}.co img{width:104px;height:70px;border-radius:12px;object-fit:cover;flex:none}.co b{display:block}.co span{color:var(--muted);font-size:14.5px;line-height:1.45}
.coff small{display:block;margin-top:18px;padding-top:16px;border-top:1px solid rgba(11,16,32,.1);color:var(--muted);font-size:13px;line-height:1.6}
.cfm h2{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(22px,2.2vw,28px);margin:0 0 6px}.cfs{color:var(--muted);margin:0 0 22px}
.cfm .pform{border:0;box-shadow:none;padding:0;background:none}
.cfm label{display:block;font-size:13.5px;font-weight:600;margin:0 0 14px;color:#0B1020}
.cfr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cfw{position:relative;display:block;margin-top:6px}.cfw .cti{position:absolute;left:14px;top:15px;color:#8b8573;pointer-events:none}
.cfw input,.cfw select,.cfw textarea{display:block;width:100%;margin:0!important;padding:13px 14px 13px 42px!important;border:1px solid rgba(11,16,32,.14)!important;border-radius:12px!important;background:#FBFAF6!important;font:inherit;font-weight:400;transition:border-color .2s,background .2s}
.cfw input:focus,.cfw select:focus,.cfw textarea:focus{outline:0;border-color:#0B1020!important;background:#fff!important}
.cfw textarea{min-height:130px;resize:vertical}
.ctc{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.ctc button{padding:9px 16px;border-radius:999px;border:1px solid rgba(11,16,32,.14);background:#fff;font:inherit;font-size:14px;font-weight:500;cursor:pointer;color:#0B1020}.ctc button.on{background:#0B1020;color:#fff;border-color:#0B1020}
.cft{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:4px}.csec{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.csec .cti{width:15px;height:15px}
@media(max-width:900px){.cbx{grid-template-columns:1fr 1fr}.cgr,.cfr{grid-template-columns:1fr}}
.cfm.csent{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:560px}
.cok{width:96px;height:96px;border-radius:50%;background:#F7CD46;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 14px rgba(247,205,70,.18);animation:cokp .5s ease-out}
.cok svg{width:46px;height:46px;fill:none;stroke:#0B1020;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:cokd .6s .35s forwards}
@keyframes cokp{from{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes cokd{to{stroke-dashoffset:0}}
.csent h2{margin:28px 0 8px!important}.csent p{color:var(--muted);max-width:480px;margin:0}
.cref{display:inline-block;margin:16px 0 0;background:#F6F3EC;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600}
.cokr{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.cokr .btn{background:#F7CD46!important;color:#0B1020!important;border-color:#F7CD46!important}.cokr .btn+.btn{background:transparent!important;color:#0B1020!important;border:1px solid rgba(11,16,32,.2)!important}
@media(min-width:901px){.ofc{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pv .yf{fill:#F7CD46;filter:drop-shadow(0 0 6px rgba(247,205,70,.9))}.pv .pl{animation:pvpl 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pvpl{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.6);opacity:0}}.pv .spin{animation:pvsp 40s linear infinite;transform-origin:320px 172px}@keyframes pvsp{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pv .pl,.pv .spin{animation:none}}
/* careers v2 (Michael 2026-10-25) */
.jbl{margin-top:48px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 40px -32px rgba(7,11,24,.4)}
.jbr{display:grid;grid-template-columns:minmax(0,1.8fr) 1fr 1fr auto 130px;gap:18px;align-items:center;padding:18px 26px;border-top:1px solid rgba(11,16,32,.08)}.jbr:first-child{border-top:0}
.jbr b{font-size:17px}.jbr span{color:var(--muted);font-size:14.5px}.jbr em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:999px}.jop{background:#DDF6E6;color:#167A3E}.jcl{background:#ECEAE3;color:#8B8573}.jbc{opacity:.55}
.jbr .btn{justify-self:end;padding:10px 18px}
.jad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}.jad div{background:#0D1326;border:1px solid var(--edge);border-radius:20px;padding:26px}.jad span{font-family:Michroma,sans-serif;color:#E2B529;font-size:22px}.jad h3{margin:12px 0 6px;font-size:18px}.jad p{margin:0;color:var(--soft)}
.jap{background:#070B18;color:#fff;border-radius:26px;padding:44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center}.jap h2{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(24px,2.4vw,32px);margin:12px 0 10px;color:#fff}.jap p{color:var(--soft);margin:0}.jap .kick{color:#F7CD46}
@media(max-width:900px){.jbr{grid-template-columns:1fr auto}.jbr span{display:none}.jad,.jap{grid-template-columns:1fr}}
.jbr .btn{background:#0B1020!important;color:#fff!important;border-color:#0B1020!important}.jbr .btn:hover{background:#F7CD46!important;color:#0B1020!important}.jap .btn{background:#F7CD46!important;color:#0B1020!important}
.rf small{opacity:.6;font-weight:500;margin-left:4px}
.rpl .tl::before{display:none}.rpl .tl .r:not(:last-child)::after{content:"";position:absolute;left:-39px;top:24px;bottom:-6px;width:2px;background:var(--line)}
@media(max-width:900px){.rpl .tl .r:not(:last-child)::after{left:-27px}}
/* blog v2 editorial (Michael 2026-10-25) */
.bph{display:block;overflow:hidden;border-radius:18px;background:#16203F}.bph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.bcat{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#B8860B}
.bl1m{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;color:var(--muted)}.bl1m b{font-size:14.5px;color:#0B1020}.bl1m i{font-style:normal;display:inline-block;transition:transform .25s}
.bl1h{background:var(--night,#070B18);color:#fff;padding:120px 0 64px;position:relative;overflow:hidden}.bl1h::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 85% 10%,rgba(247,205,70,.14),transparent 60%);pointer-events:none}.bl1h .wrap{position:relative}
.bl1t{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}.bl1h .kick{color:#F7CD46}.bl1h h1{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(34px,4vw,52px);line-height:1.1;margin:12px 0 0}.bl1h h1 em{font-style:normal;color:#F7CD46}
.bl1s{display:flex;align-items:center;gap:10px;background:#0F162C;border:1px solid var(--edge);border-radius:999px;padding:6px 6px 6px 18px;min-width:min(360px,100%)}.bl1s input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit;outline:0}.bl1s button{background:#F7CD46;color:#0B1020;border:0;border-radius:999px;padding:10px 18px;font-weight:700;font-family:inherit;cursor:pointer}
.bl1f{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;align-items:center;margin-top:44px;color:#fff;text-decoration:none}.bl1f .bph{aspect-ratio:16/10;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}.bl1f:hover .bph img,.bl1c:hover .bph img{transform:scale(1.05)}.bl1f:hover i,.bl1c:hover i{transform:translateX(4px)}
.bl1tag{display:inline-block;font-style:normal;background:#F7CD46;color:#0B1020;font-weight:700;font-size:12px;letter-spacing:.1em;padding:5px 12px;border-radius:999px;margin-bottom:16px}.bl1f .bcat{color:#F7CD46}.bl1f h2{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(22px,2.2vw,28px);line-height:1.3;margin:10px 0 14px}.bl1f p{color:var(--soft);margin:0 0 22px;font-size:16.5px}.bl1f .bl1m,.bl1f .bl1m b{color:var(--soft)}.bl1f .bl1m b{color:#F7CD46}
.bl1bar{position:sticky;top:72px;z-index:5;background:rgba(246,243,236,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(11,16,32,.08)}.bl1tabs{display:flex;gap:4px;overflow:auto;padding:14px 0;scrollbar-width:none}.bl1tabs button{white-space:nowrap;padding:9px 16px;border-radius:999px;border:0;background:none;font:inherit;font-size:14.5px;font-weight:600;color:var(--muted);cursor:pointer}.bl1tabs button.on{background:#0B1020;color:#fff}
.bl1g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;padding:48px 0 24px}.bl1c{color:#0B1020;text-decoration:none;display:block}.bl1c[hidden]{display:none}.bl1c .bph{aspect-ratio:16/10;margin-bottom:16px}.bl1c h3{font-size:19px;line-height:1.35;margin:8px 0}.bl1c p{margin:0 0 12px;color:var(--muted);font-size:14.5px}
.bl1c.wide{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center}.bl1c.wide .bph{margin:0;aspect-ratio:16/11}.bl1c.wide h3{font-size:23px}
.bl1more{text-align:center;margin:8px 0 64px}.bl1more .btn{background:#fff!important;color:#0B1020!important;border:1px solid rgba(11,16,32,.14)!important}
.bl1top{background:var(--night,#070B18);color:#fff;padding:64px 0}.bl1top .kick{color:#F7CD46}.bl1top h2{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(24px,2.4vw,32px);margin:12px 0 28px}
.bl1tg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bl1tg a{border:1px solid var(--edge);border-radius:18px;padding:22px;color:#fff;text-decoration:none;transition:border-color .25s,background .25s}.bl1tg a:hover{border-color:#F7CD46;background:#0D1326}.bl1tg b{display:block;font-size:16px;margin-bottom:6px}.bl1tg span{color:var(--soft);font-size:13.5px}
.bl1wp{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:center;background:#fff;border-radius:24px;padding:26px 30px;margin:64px 0}.bl1ic{width:64px;height:64px;border-radius:18px;background:#0B1020;color:#F7CD46;display:flex;align-items:center;justify-content:center;font-family:Michroma,sans-serif;font-size:20px}.bl1wp h3{font-family:Michroma,sans-serif;font-weight:400;margin:0 0 4px;font-size:20px}.bl1wp p{margin:0;color:var(--muted)}.bl1wp .btn{background:#F7CD46!important;color:#0B1020!important}
@media(max-width:900px){.bl1f,.bl1g,.bl1tg,.bl1wp{grid-template-columns:1fr}.bl1c.wide{grid-column:auto;grid-template-columns:1fr}.bl1bar{top:60px}}
.bl1lt{background:var(--marble,#F6F3EC);color:#0B1020}.bl1lt .bl1wp{margin:64px 0}
.bl1g{grid-auto-flow:dense}

.bl1tabs a{white-space:nowrap;padding:9px 16px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--muted);text-decoration:none}.bl1tabs a:hover,.bl1tabs button:hover{color:#0B1020}
.bl1g{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 36px}.bl1c h3{font-size:22px}@media(max-width:900px){.bl1g{grid-template-columns:1fr}}
.bl1c .bph,.bl1f .bph{aspect-ratio:auto!important}.bl1c .bph img,.bl1f .bph img{height:auto;object-fit:contain}
.bl1h{padding:120px 0 56px}.bl1fs{padding:56px 0 8px}.bl1fs .bl1f{margin-top:0;color:#0B1020}.bl1fs .bl1f .bcat{color:#B8860B}.bl1fs .bl1f p{color:var(--muted)}.bl1fs .bl1f .bl1m{color:var(--muted)}.bl1fs .bl1f .bl1m b{color:#0B1020}.bl1fs .bl1f .bph{box-shadow:0 30px 60px -30px rgba(7,11,24,.45)}
.bl1t{justify-content:center;text-align:center}.bl1t>div{width:100%}.bl1h h1{white-space:nowrap;font-size:clamp(26px,4vw,52px)}
.bl1c .bph{aspect-ratio:16/9!important}.bl1c .bph img{height:100%!important;object-fit:cover!important}
.bl1fs{background:#F6F3EC!important;padding:64px 0!important}.bl1lt:not(.bl1fs){background:#fff!important}
/* support center v2 (Michael 2026-10-25, option A) */
.suh{background:var(--night,#070B18);color:#fff;padding:140px 0 130px;text-align:center;position:relative;overflow:hidden}.suh::before{content:"";position:absolute;inset:0;background:radial-gradient(45% 70% at 50% 0,rgba(247,205,70,.18),transparent 70%);pointer-events:none}.suh .wrap{position:relative}
.suh .kick{color:#F7CD46}.suh h1{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(30px,4vw,50px);line-height:1.15;margin:14px 0 14px}.suh h1 em{font-style:normal;color:#F7CD46}.suh>.wrap>p{color:var(--soft);margin:0 auto 28px;max-width:560px}
.sus{display:flex;max-width:620px;margin:0 auto;background:#fff;border-radius:999px;padding:6px 6px 6px 22px}.sus input{flex:1;min-width:0;border:0;font:inherit;outline:0;color:#0B1020;background:none}.sus button{background:#F7CD46;color:#0B1020;border:0;border-radius:999px;padding:12px 24px;font-weight:700;font-family:inherit;cursor:pointer}
.sup{margin:16px 0 0;color:var(--soft);font-size:14px}.sup a{color:#fff;margin:0 8px;text-decoration:underline;text-decoration-color:rgba(247,205,70,.6);text-underline-offset:4px}
.sul{background:var(--marble,#F6F3EC);padding:0 0 64px}.such{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:-72px;position:relative}
.such a{background:#fff;border-radius:22px;padding:26px;color:#0B1020;text-decoration:none;box-shadow:0 30px 60px -36px rgba(7,11,24,.5);transition:transform .2s,box-shadow .2s}.such a:hover{transform:translateY(-4px);box-shadow:0 36px 70px -34px rgba(7,11,24,.55)}
.such i,.sukg i{display:flex;align-items:center;justify-content:center}.such i{width:52px;height:52px;border-radius:16px;background:#0B1020;color:#F7CD46;margin-bottom:16px}.such svg,.sukg svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.such b{display:block;font-size:18px}.such span{color:var(--muted);font-size:14.5px}.such em{display:block;font-style:normal;margin-top:12px;font-size:13px;font-weight:700;color:#8A6D10}
.sukb{padding:64px 0 32px}.sukb h2{font-family:Michroma,sans-serif;font-weight:400;font-size:clamp(24px,2.4vw,32px);margin:12px 0 26px}
.sukg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sukg a{background:#fff;border-radius:18px;padding:22px;display:flex;gap:14px;align-items:flex-start;border:1px solid transparent;color:#0B1020;text-decoration:none;transition:border-color .2s}.sukg a:hover{border-color:#0B1020}.sukg i{color:#C99A12;flex:none}.sukg b{display:block}.sukg small{color:var(--muted);font-size:14px}
.sust{background:var(--night,#070B18);color:#fff;border-radius:22px;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.sust span{display:flex;align-items:center;gap:10px;font-weight:600}.sust span i{width:9px;height:9px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 5px rgba(34,197,94,.2)}.sust .btn{background:#F7CD46!important;color:#0B1020!important}
@media(max-width:900px){.such,.sukg{grid-template-columns:1fr 1fr}}@media(max-width:560px){.such,.sukg{grid-template-columns:1fr}}
.sus{flex-direction:row!important;align-items:center}.sus input{width:auto!important;flex:1 1 auto!important;margin:0!important;padding:10px 0!important;border:0!important;background:none!important;box-shadow:none!important;display:block}.sus button{flex:none;margin:0!important}
.fgf>div{grid-template-columns:96px minmax(0,1fr)!important;column-gap:26px!important;align-items:start}.fgf>div>span{display:none!important}.fgf>div>svg{grid-column:1;grid-row:1 / span 2;width:96px!important;height:auto;margin:4px 0 0!important;position:static!important;display:block!important}.fgf>div>h3,.fgf>div>p{grid-column:2}
.fgf>div{grid-template-columns:96px minmax(0,1fr)!important}.fgf>div>svg.fart{grid-column:1!important;grid-row:1 / span 2!important}.fgf>div>h3,.fgf>div>p{grid-column:2!important}
/* formats overview: white cards, bigger icons, icon-pop hover (Michael 2026-10-26, option B) */
.fg.fgf{gap:18px!important;border:0!important}.fgf>div{grid-template-columns:150px minmax(0,1fr)!important;column-gap:28px!important;align-items:center!important;background:#fff;border:0!important;border-radius:22px;padding:24px!important}
.fgf>div>svg.fart{width:150px!important;max-width:150px!important;margin:0!important;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.fgf>div:hover>svg.fart{transform:scale(1.12) rotate(-3deg)}
.fgf .fmlk{background:linear-gradient(#F7CD46,#F7CD46) 0 100%/0 3px no-repeat;transition:background-size .35s}.fgf>div:hover .fmlk{background-size:100% 3px}.fgf .fmlk i{display:inline-block;transition:transform .3s}.fgf>div:hover .fmlk i{transform:translateX(6px)}
@media(max-width:700px){.fgf>div{grid-template-columns:96px minmax(0,1fr)!important}.fgf>div>svg.fart{width:96px!important}}
.fgf>div{position:relative;overflow:hidden;padding-right:100px!important;cursor:pointer}.fgf .ah{position:absolute;top:0;right:0;bottom:0;width:72px;background:#F6F3EC;color:#0B1020;display:flex;align-items:center;justify-content:center;transition:background .3s,width .3s}.fgf .ah svg{width:26px;height:26px;transition:transform .3s}.fgf>div:hover .ah{background:#F7CD46;width:84px}.fgf>div:hover .ah svg{transform:translateX(4px)}
.fgf .fmlk::after{content:"";position:absolute;inset:0;z-index:1}
.fgf>div>span.ah{display:flex!important}
.fgf>div>span.ah{height:auto!important;top:0!important;bottom:0!important;margin:0!important;padding:0!important;line-height:normal!important;font-size:0!important;border:0!important}
.fmc2>div{text-align:center}.fmc2 .fart{margin-left:auto!important;margin-right:auto!important}
.fgf>div>span.ah{place-self:stretch!important;box-shadow:none!important}
/* formats: side-strip arrow, hover only (Michael 2026-10-26) */
.fgf .ah{display:none!important}.fgf>div{padding-right:24px!important;transition:padding .3s}
.fgf>div::after{content:"";position:absolute;top:0;right:0;bottom:0;width:0;background:#F7CD46 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1020' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/28px no-repeat;opacity:0;transition:width .35s cubic-bezier(.2,.8,.2,1),opacity .25s;place-self:stretch;grid-area:1/1/-1/-1;pointer-events:none}
.fgf>div:hover::after{width:84px;opacity:1}.fgf>div:hover{padding-right:108px!important}
.fgf>div::after{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;place-self:stretch!important;height:auto!important}
.fgf>div,.fgf>div:hover{padding-right:108px!important;transition:none!important}
.plgpay2{margin-top:22px;text-align:center}.plgpay2 .pstrip{justify-content:center;flex-wrap:wrap;gap:14px 18px;margin:0 auto}.plgpay2 .pstrip>*{transform:scale(.8)}
.mkdimg .mkdicon{background:none!important;border:0!important;box-shadow:none!important}.mkdicon svg{width:100%;height:auto;display:block}
.mkshots{background:#fff}.mkshot{margin-top:26px;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(7,11,24,.45);max-width:980px}.mkshot img{display:block;width:100%;height:auto}
.mkdp{flex-direction:column;align-items:flex-start!important;gap:18px!important}
.mkdsidew{align-self:start}.plgpay2{margin-top:26px!important;display:flex;justify-content:center}.plgpay2 .pstrip{flex-wrap:nowrap!important;justify-content:center!important}.plgpay2 .pstrip .lg{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:nowrap}.plgpay2 .pstrip .lg>svg:nth-last-child(-n+2){display:none!important}.plgpay2 .pstrip>*{transform:none!important}
/* plugin hero icon: no panel, animated like the platform pages (Michael 2026-10-27) */
.mkd .mkdimg:has(.mkdicon){background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.mkdicon svg{height:auto!important;object-fit:contain!important}
@keyframes pvglow{0%,100%{filter:drop-shadow(0 0 3px rgba(247,205,70,.5));opacity:.85}50%{filter:drop-shadow(0 0 10px rgba(247,205,70,1));opacity:1}}
.mkdicon .y:not(.run){animation:pvglow 2.8s ease-in-out infinite}
.mkdicon .w{animation:pvw 6s ease-in-out infinite}@keyframes pvw{0%,100%{stroke-opacity:.45}50%{stroke-opacity:.8}}
@media(prefers-reduced-motion:reduce){.pv .y,.mkdicon .w{animation:none!important}}
/* plugin hero: shorter, no empty band under the button (Michael 2026-10-27) */
.mkd .mkdimg:has(.mkdicon){aspect-ratio:auto!important;height:320px}
.mkd .mkdimg:has(.mkdicon) svg{width:100%;height:100%!important}
.sec.dark.mkd{padding-bottom:64px}
@media(max-width:860px){.mkd .mkdimg:has(.mkdicon){height:200px}}
/* plugin screen slideshow (real x screens, 2x) */
.ssw{max-width:1080px;margin:8px auto 0}
.ssf{position:relative;background:#fff;border:1px solid var(--line,#E4DFD2);border-radius:22px;padding:14px;box-shadow:0 40px 80px -40px rgba(11,16,32,.35)}
.ssb{display:flex;gap:7px;padding:2px 6px 12px}.ssb i{width:11px;height:11px;border-radius:50%;background:#E4DFD2}.ssb i:first-child{background:#F0C24B}
.ssv{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#F3F4F6}
.ssv img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:top center;opacity:0;transform:scale(1.015);transition:opacity .7s ease,transform 1.2s cubic-bezier(.22,1,.36,1)}
.ssv img.on{opacity:1;transform:none}
.ssn{position:absolute;top:50%;width:46px;height:46px;margin-top:-16px;border-radius:50%;border:0;background:#0B1020;color:#F0C24B;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 10px 24px -10px rgba(11,16,32,.6);transition:transform .25s}
.ssn:hover{transform:scale(1.08)}.ssn.p{left:-23px}.ssn.n{right:-23px}
.ssft{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}
.ssc{margin:0;color:#55607a;font-size:16.5px}
.ssd{display:flex;gap:8px;flex:none}.ssd button{width:9px;height:9px;border-radius:9px;border:0;background:#D7D1C2;padding:0;cursor:pointer;transition:width .4s,background .4s}.ssd button.on{width:28px;background:#0B1020}
@media(max-width:700px){.ssn{display:none}.ssft{flex-direction:column;align-items:flex-start}}
.mkshots .ssw{margin-top:40px}
/* premium mega menu switch (Michael 2026-10-27) */
@keyframes mpsw2{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes mpln{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mi.on .mp.sw>*{animation:mpsw2 .6s cubic-bezier(.22,1,.36,1) both!important}
.mi.on .mp.sw>* a{animation:mpsw2 .55s cubic-bezier(.22,1,.36,1) both}
.mi.on .mp.sw>* a:nth-of-type(2){animation-delay:.06s}.mi.on .mp.sw>* a:nth-of-type(3){animation-delay:.12s}.mi.on .mp.sw>* a:nth-of-type(4){animation-delay:.18s}.mi.on .mp.sw>* a:nth-of-type(n+5){animation-delay:.24s}
.mi.on .mp.sw>*:nth-child(2) a{animation-delay:.1s}
.mi.on .mp.sw h5{position:relative}
.mi.on .mp.sw h5+*,.mi.on .mp.sw h5::after{transform-origin:left;animation:mpln .7s cubic-bezier(.22,1,.36,1) both}
.mi .mp{transition:background .4s}
@media(prefers-reduced-motion:reduce){.mi.on .mp.sw>*,.mi.on .mp.sw a{animation:none!important}}
/* per-plugin logo in the hero icon */
.mkdicon .mkdring{fill:#0B1020;stroke:#F7CD46;stroke-width:1.5;filter:drop-shadow(0 0 8px rgba(247,205,70,.55))}
.mkdicon .mkdring2{fill:none;stroke:#F7CD46;stroke-width:1.2;transform-origin:320px 172px;animation:mkring 2.6s ease-out infinite}
@keyframes mkring{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
.mkdicon .mkdlogo{filter:drop-shadow(0 0 6px rgba(247,205,70,.6));animation:mklogo 3.2s ease-in-out infinite}
@keyframes mklogo{0%,100%{opacity:.85}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.mkdicon .mkdring2,.mkdicon .mkdlogo{animation:none}}
/* smoother slideshow change: crossfade + soft zoom + blur */
.ssv img{transition:opacity 1.1s cubic-bezier(.4,0,.2,1),transform 1.6s cubic-bezier(.22,1,.36,1),filter 1.1s ease!important;transform:scale(1.04) translateX(2%)!important;filter:blur(4px)}
.ssv img.on{transform:none!important;filter:none}
.ssc{transition:opacity .4s}
.mkd .mkdimg:has(.mkdicon){margin-top:-30px}
/* plugin hero: more space under the menu + quiet animated background (Michael 2026-10-27) */
.sec.dark.mkd{padding-top:150px!important;position:relative;overflow:hidden;isolation:isolate}
@media(prefers-reduced-motion:reduce){.sec.dark.mkd::before,.sec.dark.mkd::after{animation:none}}
@media(max-width:860px){.sec.dark.mkd{padding-top:118px!important}}

/* plugin hero background: converging grey lines with running gold light (option A, Michael 2026-10-27) */
.mkd .mkbg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.mkd .mkbg .hg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1;vector-effect:non-scaling-stroke}
.mkd .mkbg .hy{fill:none;stroke:#F7CD46;stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(247,205,70,.9));stroke-dasharray:60 1400;animation:mkrun 6s linear infinite}
.mkd .mkbg .hr2{animation-duration:8s;animation-delay:-3s}.mkd .mkbg .hr3{animation-duration:7s;animation-delay:-5s}.mkd .mkbg .hr4{animation-duration:9s;animation-delay:-1s}
@keyframes mkrun{from{stroke-dashoffset:1460}to{stroke-dashoffset:0}}
@media(max-width:860px){.mkd .mkbg{display:none}}
.mkd .mkdimg:has(.mkdicon){margin-top:-70px}
.mkd .mkbg .hg{stroke:rgba(255,255,255,.1)}
.mkd .mkbg .hy{display:none}
.mkd .mkbg{display:none!important}
/* menu links: no entrance effect (Michael 2026-10-27) */
.mi.on .mp.sw>* a,.mi.on .mp a,.mi.on .mp.sw h5+*,.mi.on .mp.sw h5::after{animation:none!important;filter:none!important}
.mi.on .mp.sw>*{animation:none!important;filter:none!important}
/* main menu: no fade/slide/blur at all on open or switch (Michael 2026-10-27) */
.mi .mp,.mi .mp *,.mi.on .mp,.mi.on .mp>*,.mi.zout .mp,.mi.zout .mp>*{animation:none!important;filter:none!important;backdrop-filter:none!important}
.mi.zout .mp{display:none!important}
/* hero price: no "one time"/"/ month" label, price centred over the button */
.mkd .mkdp .am small{display:none}
.mkd .mkdp{display:inline-flex!important;flex-direction:column;align-items:center!important;text-align:center}
.mkd .mkdp>div{text-align:center}
/* marketplace: Included badge for free items */
.mk .mkinc{display:inline-flex;align-items:center;gap:6px;background:#0B1020;color:#F7CD46;font-weight:700;font-size:13px;letter-spacing:.04em;padding:6px 12px;border-radius:999px}
.mk .mkinc::before{content:"";width:7px;height:7px;border-radius:50%;background:#F7CD46;box-shadow:0 0 8px #F7CD46}
.sec.dark.mkd{padding-bottom:110px!important}.mkd .mkdimg:has(.mkdicon){overflow:visible!important}
/* phone overflow fixes 2026-10-27 */
.obview{grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){.pwrap{grid-template-columns:minmax(0,1fr)}.pwrap img,.pwrap pre,.pwrap table{max-width:100%}.mkpg{flex-wrap:wrap;gap:4px}.mkpg button{min-width:34px;height:36px;padding:0 9px}}
@media (max-width:760px){.mkdw{grid-template-columns:minmax(0,1fr)!important}.ot{contain:paint}.ssd button{padding:9px!important;background-clip:content-box!important;box-sizing:content-box}}
@media (max-width:760px){html,body{overflow-x:clip}}
/* boxed benefit cards, animated icons (2026-10-28) */
.bxg{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bx{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 30px 34px;transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden}
.bx:before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--yel);transition:width .5s}
.bx:hover{transform:translateY(-6px);box-shadow:0 22px 48px -22px rgba(11,16,32,.35);border-color:var(--ink)}.bx:hover:before{width:100%}
.bxi{width:72px;height:72px;border-radius:16px;background:var(--night,#0B1020);display:flex;align-items:center;justify-content:center;margin-bottom:26px;box-shadow:0 0 0 6px rgba(247,205,70,.12)}
.bxi svg{width:46px;height:46px;overflow:visible}
.bxi .w{fill:none;stroke:#fff;stroke-opacity:.75;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bxi .y{fill:none;stroke:var(--yel);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.bxi .yf{fill:var(--yel)}
.bxi *{transform-box:fill-box;transform-origin:center}
.bx span{position:absolute;right:28px;top:30px;font-family:'Michroma',sans-serif;font-size:13px;color:var(--muted);border-bottom:2px solid var(--yel)}
.bx h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:19px;color:var(--ink);margin:0}.bx p{margin:10px 0 0;color:var(--muted);font-size:15.5px}
.bx-draw{stroke-dasharray:60;animation:bxdraw 3.2s ease-in-out infinite}@keyframes bxdraw{0%{stroke-dashoffset:60}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-60}}
.bx-spin{animation:bxspin 9s linear infinite}@keyframes bxspin{to{transform:rotate(360deg)}}
.bx-pop{animation:bxpop 2.4s ease-in-out infinite}@keyframes bxpop{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1.15);opacity:1}}
.bx-up{animation:bxup 2.8s ease-in-out infinite}@keyframes bxup{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.bx-bob{animation:bxup 2.2s ease-in-out infinite}.bx-ring{animation:bxpop 2.2s ease-in-out infinite}
.bx-bar{transform-origin:bottom;animation:bxbar 2.6s ease-in-out infinite}@keyframes bxbar{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.bxi .d2{animation-delay:-.6s}.bxi .d3{animation-delay:-1.2s}
@media (max-width:980px){.bxg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.bxg{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.bxi *{animation:none!important}}
/* careers: role drop-downs + premium apply card (2026-10-28) */
.jbd{border-top:1px solid rgba(11,16,32,.08)}.jbd:first-child{border-top:0}.jbd .jbr{border-top:0;cursor:pointer;list-style:none;grid-template-columns:minmax(0,1.8fr) 1.2fr 1fr auto 28px}.jbd .jbr::-webkit-details-marker{display:none}
.jbd .jbr:hover{background:#FBFAF6}.jbd[open] .jbr{background:#FBFAF6}
.jch{width:28px;height:28px;border-radius:50%;border:1px solid rgba(11,16,32,.15);position:relative;transition:transform .3s,background .3s}.jch:before{content:"";position:absolute;left:9px;top:8px;width:7px;height:7px;border-right:2px solid #0B1020;border-bottom:2px solid #0B1020;transform:rotate(45deg)}
.jbd[open] .jch{transform:rotate(180deg);background:#F7CD46;border-color:#F7CD46}
.jdt{padding:6px 26px 28px;background:#FBFAF6;animation:jdin .35s ease}@keyframes jdin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.jdt h4{font-family:Michroma,sans-serif;font-weight:400;font-size:15px;margin:6px 0 12px;color:#0B1020}
.jdt ul{margin:0 0 14px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.jdt li{position:relative;padding-left:22px;color:var(--muted);font-size:15px}.jdt li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:#F7CD46}
.jdt p{color:var(--muted);font-size:14px;margin:0 0 16px}.jdt .btn{padding:10px 18px}
.jap .jfm{color:#0B1020}.jap .jfm h2{color:#0B1020}.jap .jfm p.cfs{color:var(--muted)}
.jfm label>em{display:none}.jfm .cft .btn{background:#0B1020!important;color:#fff!important;border-color:#0B1020!important}.jfm .cft .btn:hover{background:#F7CD46!important;color:#0B1020!important}
.jfm .ok,.jfm .ok span{color:var(--muted)!important}.jfm .fnote{color:var(--muted)}
@media(max-width:900px){.jbd .jbr{grid-template-columns:1fr auto 28px}.jdt ul{grid-template-columns:1fr}}
.jdt .btn{background:#0B1020!important;color:#fff!important;border-color:#0B1020!important}.jdt .btn:hover{background:#F7CD46!important;color:#0B1020!important}
.jap{align-items:start}.jnx{margin-top:34px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}.jnx h4{font-family:Michroma,sans-serif;font-weight:400;font-size:14px;letter-spacing:.06em;color:#F7CD46;margin:0 0 20px;text-transform:uppercase}
.jnx>div{display:flex;gap:16px;align-items:flex-start;position:relative;padding-bottom:22px}.jnx>div:not(:last-child):before{content:"";position:absolute;left:17px;top:38px;bottom:4px;width:1px;background:rgba(247,205,70,.3)}
.jnx i{flex:none;width:36px;height:36px;border-radius:50%;border:1.5px solid #F7CD46;color:#F7CD46;font-style:normal;font-family:Michroma,sans-serif;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px rgba(247,205,70,.25)}
.jnx b{display:block;color:#fff;font-size:16px;margin:6px 0 2px}.jnx span{color:var(--soft);font-size:14.5px}
.jmail{margin-top:8px;color:var(--soft);font-size:14.5px}.jmail a{color:#F7CD46}
.jbl .jbd{border-bottom:0!important}
/* technology layers (2026-10-28) */
.tlnav{margin-top:44px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tlnav a{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink);font-family:Michroma,sans-serif;font-size:16px;transition:transform .3s,border-color .3s,box-shadow .3s}
.tlnav a b{font-weight:400;font-size:13px;color:var(--muted);border-bottom:2px solid var(--yel);align-self:flex-start}.tlnav a:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 18px 40px -24px rgba(11,16,32,.4)}
.tly{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}.tly.rev .tlt{order:2}
.tlt{position:relative}.tln{position:absolute;right:0;top:-40px;font-family:Michroma,sans-serif;font-size:clamp(90px,10vw,150px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(247,205,70,.35);pointer-events:none}
.sec:not(.dark) .tln{-webkit-text-stroke-color:rgba(11,16,32,.12)}
.tlh{font-family:Michroma,sans-serif;font-size:18px;color:var(--yel);margin:4px 0 14px}.sec:not(.dark) .tlh{color:var(--ink)}
.tlt ul{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.tlt li{position:relative;padding-left:20px;font-size:15px;color:var(--soft)}.sec:not(.dark) .tlt li{color:var(--muted)}.tlt li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--yel)}
.tlg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tlg span,.tcert span{background:#fff;border-radius:16px;height:104px;display:flex;align-items:center;justify-content:center;padding:18px 22px;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.tlg span:hover,.tcert span:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(0,0,0,.45)}
.tlg img{max-width:100%;max-height:44px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .3s,opacity .3s}.tlg span:hover img{filter:none;opacity:1}
.tcert{margin-top:56px}.tcert h3{font-family:Michroma,sans-serif;font-weight:400;font-size:18px;color:var(--ink);margin:0 0 20px}
.tcert>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tcert img{max-width:100%;max-height:52px;object-fit:contain}
@media(max-width:980px){.tly{grid-template-columns:1fr;gap:36px}.tly.rev .tlt{order:0}.tlnav{grid-template-columns:1fr 1fr}.tcert>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.tlg{grid-template-columns:1fr 1fr}.tcert>div{grid-template-columns:repeat(3,minmax(0,1fr))}.tlt ul{grid-template-columns:1fr}}
.tlnav a{text-decoration:none}.tln{top:-96px!important;opacity:.8}
.tlnav a{gap:6px;padding:26px 24px 24px}.tlnav a span{font-size:17px}.tlnav a em{font-style:normal;font-family:'Instrument Sans',sans-serif;font-size:14px;color:var(--muted)}
.tlic{width:100%;max-width:150px;height:auto;margin:0 0 16px;overflow:visible}.tlic .w{fill:none;stroke:#0B1020;stroke-opacity:.3;stroke-width:1.2;stroke-linejoin:round}
.tlic .y{fill:rgba(247,205,70,.18);stroke:#F7CD46;stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(247,205,70,.7));transition:transform .4s}
.tlnav a:hover .tlic .y{transform:translateY(-5px)}
/* technology hero: each layer glows in place, bottom to top, its label turns gold (2026-10-28) */
[class*='tly'].y{opacity:0;animation:tlyl 7.5s ease-in-out infinite}
@keyframes tlyl{0%,3%{opacity:0}8%,18%{opacity:1}24%,100%{opacity:0}}
[class^='tlb'] text{fill:var(--soft);animation:tlbl 7.5s ease-in-out infinite}@keyframes tlbl{0%,3%,24%,100%{fill:#C5CDDB}8%,18%{fill:#F7CD46}}
.tly0.y,.tlb0 text{animation-delay:0.0s}
.tly1.y,.tlb1 text{animation-delay:1.25s}
.tly2.y,.tlb2 text{animation-delay:2.5s}
.tly3.y,.tlb3 text{animation-delay:3.75s}
.tly4.y,.tlb4 text{animation-delay:5.0s}
@media(prefers-reduced-motion:reduce){[class*='tly'].y,[class^='tlb'] text{animation:none}.tly4.y{opacity:1}}

.tlnav .bxi{margin-bottom:22px}
/* technology layers, option A look (2026-10-28) */
section[id^="layer-"]+section[id^="layer-"]{border-top:1px solid rgba(255,255,255,.08)}
.tsa{display:grid;grid-template-columns:320px minmax(0,1fr);gap:64px;align-items:start}
.tsd a{display:block;padding:18px 22px;border-left:2px solid rgba(255,255,255,.12);margin-bottom:4px;text-decoration:none;transition:background .3s,border-color .3s}
.tsd a b{display:block;font-family:Michroma,sans-serif;font-weight:400;font-size:18px;color:#8a92a6}.tsd a span{color:#6b7286;font-size:14px}
.tsd a:hover b{color:#fff}.tsd a.on{border-color:#F7CD46;background:linear-gradient(90deg,rgba(247,205,70,.1),transparent)}.tsd a.on b{color:#fff}
.tpn .h2{margin:0}.tpn .tlh{color:#F7CD46!important;margin:10px 0 16px}.tpn ul{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.tpn li{position:relative;padding-left:20px;color:var(--soft);font-size:15px}.tpn li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:#F7CD46}
.tlw{display:flex;flex-wrap:wrap;gap:34px 48px;align-items:center;margin-top:40px;padding-top:36px;border-top:1px solid rgba(255,255,255,.1)}
.tlw img{height:34px;max-width:160px;object-fit:contain;filter:brightness(0) invert(1);opacity:.75;transition:filter .3s,opacity .3s}.tlw img:hover{filter:none;opacity:1}
@media(max-width:980px){.tsa{grid-template-columns:1fr;gap:28px}.tsd{display:none}.tpn ul{grid-template-columns:1fr}.tlw{gap:26px 34px}.tlw img{height:28px}}
/* technology orbit (2026-10-28) */
.orb{position:relative;height:760px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.orr{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;animation:orsp var(--d) linear infinite}
.orr span{position:absolute;left:50%;top:50%;width:0;height:0}
.orr i{position:absolute;left:-58px;top:-23px;width:116px;height:46px;display:flex;align-items:center;justify-content:center;background:#0E1428;border:1px solid rgba(255,255,255,.07);border-radius:12px;animation:orsp var(--d) linear infinite reverse}
.orr img{max-width:88px;max-height:24px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}.orr img.keep{filter:none}
@keyframes orsp{to{transform:rotate(360deg)}}
.orc{position:relative;z-index:2;width:200px;height:200px;border-radius:50%;background:#070B18;display:flex;align-items:center;justify-content:center;box-shadow:0 0 60px rgba(247,205,70,.18)}.orc canvas{width:160px;height:160px}
@media(max-width:760px){.orb{height:520px}.orr{transform:scale(.6)}.orb{transform:none}.orr{animation:none}.orr i{animation:none}}
@media(prefers-reduced-motion:reduce){.orr,.orr i{animation:none}}
.tsd a:not(.on){display:none}
.tlw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.1);padding-top:0}
.tlw img{box-sizing:border-box;width:100%;height:96px;max-width:none;padding:30px 26px;object-fit:contain;object-position:center;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);filter:brightness(0) invert(1)!important;opacity:.8!important;transition:none}
.tlw img:nth-child(4n){border-right:0}
@media(max-width:980px){.tlw{grid-template-columns:repeat(2,minmax(0,1fr))}.tlw img{height:80px;padding:24px 18px}.tlw img:nth-child(4n){border-right:1px solid rgba(255,255,255,.08)}.tlw img:nth-child(2n){border-right:0}}
.orc{background:transparent!important}.orc canvas{width:200px!important;height:200px!important}
.tlw img[src*="h2o-w2"],.orr img[src*="h2o-w2"]{filter:none!important}
.orc{box-shadow:none!important;background:none!important}
.tlw{gap:14px!important;border-top:0!important;padding-top:36px!important;border-top:1px solid rgba(255,255,255,.1)!important}
.tlw img,.tlw img:nth-child(n){border:1px solid rgba(255,255,255,.14)!important;border-radius:14px;background:rgba(255,255,255,.02)}
.tsd{display:none!important}.tsa{grid-template-columns:1fr!important}
section[id^="layer-"]+section[id^="layer-"]{border-top:0!important}
#partners .kick,#partners .h2,#partners .lead{text-align:center;margin-left:auto;margin-right:auto}#partners .kick{display:block}#partners .lead{margin-bottom:56px}
.tl .d time{display:block;margin-top:6px;color:var(--muted);font-size:14.5px}@media(max-width:900px){.tl .d time{display:inline;margin:0}}
/* blog image preloader: shimmer until the picture arrives, then fade in (2026-10-28) */
.bph{position:relative;background:#E9E5DA;min-height:180px}.bl1f .bph{min-height:280px}
.bph:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%) -150% 0/60% 100% no-repeat;animation:bphs 1.3s linear infinite;z-index:0}
@keyframes bphs{to{background-position:250% 0}}
.bph img{position:relative;z-index:1;opacity:0;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)!important}.bph img[data-ok]{opacity:1}
.bph:has(img[data-ok]){min-height:0;background:transparent}.bph:has(img[data-ok]):before{display:none}
.bl1f .bph{background:#E9E5DA}
@media(prefers-reduced-motion:reduce){.bph:before{animation:none}}
.sup{margin-top:30px!important}
.sukb h2{color:var(--ink)!important}
/* contact: offices card as tall as the form (2026-10-28) */
.cgr{align-items:stretch!important}.coff{display:flex;flex-direction:column}.coff small{margin-top:auto!important}
.coff .co{margin-bottom:26px}.coff .co img{width:150px;height:104px;border-radius:14px}.coff h3+.co{margin-bottom:34px}.coff h3{margin-bottom:20px}
@media(max-width:900px){.coff .co img{width:110px;height:76px}}
.cmap{margin-top:auto;margin-bottom:22px;background:#0B1020;border-radius:18px;padding:10px;overflow:hidden}.cmap svg{display:block;width:100%;height:auto}
.cmap .mdots{fill:rgba(255,255,255,.12)}.cmap .marc{fill:none;stroke:#F7CD46;stroke-width:1.6;stroke-dasharray:5 7;animation:marc 1.6s linear infinite;opacity:.8}@keyframes marc{to{stroke-dashoffset:-24}}
.cmap .mpd{fill:#F7CD46}.cmap .mpl{fill:none;stroke:#F7CD46;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:mpl 2.2s ease-out infinite}@keyframes mpl{from{transform:scale(1);opacity:.9}to{transform:scale(3.4);opacity:0}}
.cmap text{fill:#fff;font-family:Michroma,sans-serif;font-size:13px}
.coff small{margin-top:0!important}
@media(prefers-reduced-motion:reduce){.cmap .marc,.cmap .mpl{animation:none}}
/* contact: Google map with office switcher, card keeps its own height (2026-10-28) */
.cgr{align-items:start!important}.coff{display:block!important}
.cmap{margin:6px 0 22px!important;background:#0B1020!important;border-radius:18px;padding:6px!important;box-shadow:0 18px 40px -26px rgba(7,11,24,.6)}
.cmt{display:flex;gap:6px;padding:6px}.cmt button{all:unset;cursor:pointer;flex:1;text-align:center;padding:9px 0;border-radius:10px;font-family:Michroma,sans-serif;font-size:12.5px;color:#C5CDDB;transition:background .25s,color .25s}
.cmt button:hover{color:#fff}.cmt button.on{background:#F7CD46;color:#0B1020}
.cmap iframe{display:block;width:100%;height:230px;border:0;border-radius:13px;margin-top:4px;filter:saturate(.85)}
.phero.dark+#form.dark{padding-top:16px}

/* slide caption centred, bold, bigger (Michael 2026-10-28) */
.ssft{flex-direction:column!important;align-items:center!important;gap:12px}.ssc{text-align:center;font-weight:700;font-size:20px;color:#0B1020}
.mkdh .pc>p{max-width:none}
.dark .fgi>div>span{background:rgba(247,205,70,.08)!important;box-shadow:inset 0 0 0 1px rgba(247,205,70,.4)!important}
#own .fgi>div>span{width:46px!important;height:46px!important;border-radius:14px!important;color:#F7CD46!important;display:flex!important;align-items:center;justify-content:center}#own .fgi>div>span svg{width:24px;height:24px}
.igr.wl4{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.igr.wl4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.igr.wl4{grid-template-columns:minmax(0,1fr)}}
/* white label bottom sections (Michael 2026-10-29) */
.l3i svg{display:block;width:64px;height:64px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.l3i svg .y{stroke:#D9A900}
.wlx{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}
.wlxl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wlxl li{display:flex;gap:14px;padding:22px;border:1px solid rgba(244,245,247,.18);border-radius:16px;transition:border-color .3s,background .3s}.wlxl li:hover{border-color:var(--yel);background:rgba(247,205,70,.05)}
.wlxl svg{flex:none;width:28px;height:28px;fill:none;stroke:var(--yel);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(247,205,70,.45))}
.wlxl b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:16px;color:var(--text);margin-bottom:6px}.wlxl span{color:var(--soft);font-size:15px;line-height:1.45}
.btn.dkb{background:var(--ink);color:#fff;border:1.5px solid var(--ink)}.btn.dkb:hover{color:var(--yel)}
.btn.lnb{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn.lnb:hover{background:var(--ink);color:var(--yel)}
.wlpc{background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 60px -30px rgba(11,16,32,.35);border:1px solid rgba(11,16,32,.08)}
.wlpc small{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.wlpc>b{display:block;font-family:'Michroma',sans-serif;font-weight:400;font-size:44px;margin-top:14px;color:var(--ink)}.wlpc>b span{font-family:inherit;font-size:16px;color:var(--muted)}
.wlpc p{margin:8px 0 0;color:var(--muted)}.wlpc ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.wlpc li{padding-left:28px;position:relative}.wlpc li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--yel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1020' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.wlpc .btn{margin-top:24px;width:100%;justify-content:center;box-sizing:border-box}
@media (max-width:900px){.wlx{grid-template-columns:1fr;gap:36px}.wlxl{grid-template-columns:1fr}}
.wlbt{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
.cobox .lead{font-size:clamp(18px,1.5vw,22px)!important;line-height:1.5}   /* bigger callout text (Michael 2026-10-29) */
/* pricing option B: tabs + three cards (Michael 2026-10-29) */
.pbt{display:inline-flex;flex-wrap:wrap;background:#fff;border-radius:999px;padding:6px;gap:4px;box-shadow:0 10px 30px -20px rgba(11,16,32,.4);margin:8px 0 28px}
.pbt button{border:0;background:none;font:inherit;font-weight:700;font-size:16px;padding:12px 26px;border-radius:999px;cursor:pointer;color:var(--ink);transition:background .25s,color .25s}.pbt button.on{background:var(--ink);color:var(--yel)}
.pbpane{display:none}.pbpane.on{display:block;animation:fxfade .45s both}
.pbg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pbc{border-radius:24px;padding:34px;background:#fff;box-shadow:0 30px 60px -30px rgba(11,16,32,.25);display:flex;flex-direction:column}
.pbc.pby{background:var(--yel)}.pbc.pbd{background:var(--ink);color:#fff}.pbc.pbd small{color:var(--yel)}
.pbc small{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.pbp{font-family:'Michroma',sans-serif;font-size:clamp(30px,3.3vw,46px);margin:18px 0 4px;white-space:nowrap}.pbp span{font-family:inherit;font-size:16px;opacity:.7}
.pbs{font-size:15px;opacity:.75}
.pbc ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;flex:1}.pbc li{padding-left:26px;position:relative}.pbc li:before{content:"";position:absolute;left:0;top:6px;width:14px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.pbb{margin-top:26px;display:flex;justify-content:center;align-items:center;gap:8px;padding:15px;border-radius:12px;font-weight:700;background:var(--ink);color:#fff!important;text-decoration:none}.pbc.pbd .pbb{background:var(--yel);color:var(--ink)!important}.pbb:hover{opacity:.9}
.pbad{margin-top:22px;font-size:15px}.pbad a{display:inline-block;background:#fff;border-radius:999px;padding:6px 14px;margin:4px 0 0 6px;font-weight:600;color:var(--ink)}
@keyframes fxfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:900px){.pbg{grid-template-columns:1fr}.pbt button{padding:10px 16px}}
.pbrow{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:8px 0 28px}.pbrow .pbt{margin:0}
.p4add .t{background:var(--yel)!important;color:var(--ink)!important}   /* yellow platform badges (Michael 2026-10-29) */
#price .zpay{margin-top:72px!important}   /* space above payment boxes (Michael 2026-10-29) */
#price .p4add{margin-top:72px!important}#price .zpay{margin-top:56px!important}   /* space above add-ons (Michael 2026-10-29) */

/* plugins marketplace (night showroom) */
.mk{position:relative}
.mk .mktop{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.mk .mkbag{font:inherit;cursor:pointer;background:none;border:1.5px solid rgba(244,245,247,.4);border-radius:14px;padding:12px 18px;font-weight:600;display:flex;gap:10px;align-items:center;color:var(--text);transition:border-color .25s,color .25s}
.mk .mkbag:hover{border-color:var(--yel);color:var(--yel)}
.mk .mkbag b{background:var(--yel);color:var(--ink);border-radius:999px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.mk .mkw{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;margin-top:36px;align-items:start}
.mk button{font:inherit;cursor:pointer}
.mk .mkrail{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;scrollbar-width:thin}
.mk .mkrail small{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--yel);margin:0 0 10px 12px}
.mk .mkrail small.pl{margin-top:20px;color:#6B7691}
.mk .mkrail button{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;text-align:left;padding:9px 12px;border-radius:10px;font-weight:600;font-size:14.5px;color:var(--soft);transition:color .25s,background .25s}
.mk .mkrail button span{color:#6B7691;font-weight:500}.mk .mkrail button:hover{color:var(--text)}
.mk .mkrail button.on{background:rgba(247,205,70,.1);color:var(--yel);box-shadow:inset 3px 0 0 var(--yel)}
.mk .mkrail button i{font-style:normal;display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-left:8px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.mk .mkrail button.open i{transform:rotate(45deg)}
.mk .mkrail button.zero{opacity:.45}
.mk .mksub{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease}
.mk .mksub.open{grid-template-rows:1fr;opacity:1}.mk .mksub>div{overflow:hidden;min-height:0}
.mk .mksub button{padding:7px 12px 7px 26px;font-size:14px;font-weight:500}
.mk .mksub button.on{background:none;box-shadow:none;color:var(--yel);font-weight:600}
.mk .mkcrumb{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-family:'Michroma',sans-serif;font-size:18px;scroll-margin-top:100px}
.mk .mkcrumb span{font-family:'Instrument Sans',sans-serif;font-size:14.5px;color:var(--soft)}
.mk .mktb{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:16px;padding:12px 14px;border:1px solid var(--edge);border-radius:16px;background:#0A1022}
.mk .mktb input,.mk .mktb select{font:inherit;font-size:14.5px;color:var(--text);background:#0D1326;border:1px solid var(--edge);border-radius:11px;height:40px;padding:0 14px;outline:0;transition:border-color .25s}
.mk .mktb input{flex:1 1 200px;min-width:160px}.mk .mktb input::placeholder{color:#6B7691}.mk .mktb input:focus,.mk .mktb select:focus{border-color:var(--yel)}
.mk .mktb select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#F7CD46 50%),linear-gradient(135deg,#F7CD46 50%,transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.mk .mktb label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6B7691}
.mk .mkseg{display:flex;gap:4px;padding:4px;border-radius:12px;background:#0D1326;border:1px solid var(--edge)}
.mk .mkseg button{background:none;border:0;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600;color:var(--soft);transition:background .25s,color .25s}.mk .mkseg button.on{background:var(--yel);color:var(--ink)}
.mk .mkg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.mk .mkc{background:#0D1326;border:1px solid var(--edge);border-radius:20px;padding:12px 12px 20px;display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s}
.mk .mkc:hover{border-color:var(--yel);box-shadow:0 0 34px rgba(247,205,70,.16)}
.mk .mkart{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;background:radial-gradient(120% 120% at 80% 0%,#141d3a 0%,#0A1022 55%,#070B18 100%);overflow:hidden}
.mk .mkart svg{display:block;width:100%;height:100%}
.mk .mkart img{display:block;width:100%;height:100%;object-fit:cover}
.mk .mkin{padding:16px 8px 0;display:flex;flex-direction:column;flex:1}
.mk .mkcat{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.mk .mkc h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:16px;margin:8px 0 0;line-height:1.3;color:var(--text)}
.mk .mkc p{margin:8px 0 14px;font-size:14.5px;color:var(--soft)}
.mk .mkbd{display:flex;flex-wrap:nowrap;gap:5px;overflow:hidden}.mk .mkbd span{flex:none}.mk .mkbd span[hidden]{display:none}
.mk .mkbd span{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--edge);color:var(--soft);white-space:nowrap}
.mk .mkbd span.hit{background:var(--yel);border-color:var(--yel);color:var(--ink)}
.mk .mkft{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.mk .mkpr{font-family:'Michroma',sans-serif;font-size:19px;white-space:nowrap;color:var(--text)}.mk .mkpr small{font-family:'Instrument Sans',sans-serif;font-size:13px;font-weight:500;color:var(--soft)}
.mk .mksu{display:block;font-size:13px;color:var(--soft);margin-top:2px}
.mk .mkfree{font-family:'Michroma',sans-serif;font-size:15px;color:var(--text)}
.mk .mkc a.mklk{font-size:14px;font-weight:600;color:var(--yel);text-decoration:none;border-bottom:1.5px solid rgba(247,205,70,.5);padding-bottom:1px;white-space:nowrap}
.mk .mkc.big{grid-column:span 3;flex-direction:row;gap:28px;padding:14px}.mk .mkc.big>a.mkt{flex:0 0 46%}.mk .mkc.big .mkin{padding:14px 14px 10px 0}.mk .mkc.big h3{font-size:26px}.mk .mkc.big p{font-size:16.5px}
.mk .mktagf{align-self:flex-start;background:var(--yel);color:var(--ink);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:10px}
.mk .mkadd{flex:none;width:38px;height:38px;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:none;box-shadow:inset 0 0 0 1.4px rgba(247,205,70,.55);color:var(--yel);transition:box-shadow .25s,background .25s,color .25s}
.mk .mkadd svg{width:19px;height:19px}
.mk .mkadd:hover{background:rgba(247,205,70,.1);box-shadow:inset 0 0 0 1.4px var(--yel)}
.mk .mkadd.got{background:var(--yel);color:var(--ink);box-shadow:none}
.mk .mkempty{grid-column:1/-1;padding:40px 0;color:var(--soft)}
.mk .mkpg{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:28px}
.mk .mkpg button{min-width:40px;height:40px;padding:0 12px;border-radius:11px;background:none;border:1px solid var(--edge);color:var(--soft);font-weight:600;font-size:14.5px;transition:background .25s,color .25s,border-color .25s}
.mk .mkpg button:hover{border-color:var(--yel);color:var(--yel)}.mk .mkpg button.on{background:var(--yel);border-color:var(--yel);color:var(--ink)}.mk .mkpg button[disabled]{opacity:.35;pointer-events:none}
.mk .mkpg span{color:#6B7691;font-size:14px;margin-left:10px}
.mkdr{position:fixed;top:0;right:0;bottom:0;width:min(420px,94vw);background:#0D1326;border-left:1px solid var(--edge);padding:92px 30px 30px;transform:translateX(102%);transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:60;box-shadow:-30px 0 60px rgba(0,0,0,.5);color:var(--text);overflow:auto}
.mkdr.on{transform:none}
.mkdr .x{position:absolute;right:22px;top:26px;background:none;border:1.5px solid rgba(244,245,247,.4);width:38px;height:38px;border-radius:50%;color:var(--text);font-size:20px;cursor:pointer}
.mkdr .x:hover{border-color:var(--yel);color:var(--yel)}
.mkdr h3{font-family:'Michroma',sans-serif;font-weight:400;font-size:18px;margin:0 0 18px;color:var(--yel)}.mkdr{transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s;opacity:0}.mkdr.on{opacity:1}.mkdr.on>*{animation:gcin .55s cubic-bezier(.22,1,.36,1) both}.mkdr.on>*:nth-child(2){animation-delay:.08s}.mkdr.on>*:nth-child(3){animation-delay:.14s}.mkdr.on>*:nth-child(n+4){animation-delay:.2s}@keyframes gcin{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.mkdr .ci{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(244,245,247,.14);font-size:14.5px}
.mkdr .ci small{display:block;color:#6B7691;font-size:12.5px}
.mkdr .ci button{background:none;border:0;color:var(--soft);font-size:18px;padding:0 0 0 10px;cursor:pointer}.mkdr .ci button:hover{color:var(--yel)}
.mkdr .tot{display:flex;justify-content:space-between;margin-top:14px;font-size:14.5px;color:var(--soft)}.mkdr .tot b{font-family:'Michroma',sans-serif;font-weight:400;font-size:17px;color:var(--text)}
.mkdr .go{margin-top:22px;width:100%;height:56px;border-radius:14px;background:var(--yel);color:var(--ink);font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.mkdr .go:hover{background:#fff}
.mkdr .none{color:var(--soft);font-size:14.5px;margin:12px 0 0}
.mkdr .nt{color:#6B7691;font-size:13px;margin:14px 0 0;text-align:center;line-height:1.6}
.mksh{position:fixed;inset:0;background:rgba(7,11,24,.55);opacity:0;pointer-events:none;transition:opacity .4s;z-index:59}.mksh.on{opacity:1;pointer-events:auto}
/* the marketplace sits on the light background (Michael 2026-10-13); the pictures and the cart panel stay night */
.mk .mkbag{border-color:var(--ink);color:var(--ink)}.mk .mkbag:hover{background:var(--ink);border-color:var(--ink);color:var(--yel)}
.mk .mkbag b{background:var(--ink);color:var(--yel)}.mk .mkbag:hover b{background:var(--yel);color:var(--ink)}
.mk .mkrail small{color:var(--ink)}.mk .mkrail small.pl{color:#8A8474}
.mk .mkrail button{color:#5E5949}.mk .mkrail button span{color:#8A8474}.mk .mkrail button:hover{color:var(--ink)}
.mk .mkrail button.on{background:var(--ink);color:var(--yel);box-shadow:none}.mk .mkrail button.on span{color:var(--yel)}
.mk .mksub button.on{background:none;color:var(--ink);font-weight:700;box-shadow:inset 3px 0 0 var(--yel)}.mk .mksub button.on span{color:var(--ink)}
.mk .mkcrumb{color:var(--ink)}.mk .mkcrumb span{color:var(--muted)}
.mk .mktb{background:#fff;border-color:var(--line)}
.mk .mktb input,.mk .mktb select{background-color:var(--marble);border-color:var(--line);color:var(--ink)}
.mk .mktb label{flex-direction:row;margin:0;white-space:nowrap}.mk .mktb select{width:auto;min-width:190px}
.mk .mktb input::placeholder{color:#8A8474}.mk .mktb input:focus,.mk .mktb select:focus{border-color:var(--ink)}
.mk .mktb select{background-image:linear-gradient(45deg,transparent 50%,#0B1020 50%),linear-gradient(135deg,#0B1020 50%,transparent 50%)}
.mk .mktb label{color:var(--muted)}
.mk .mkseg{background:var(--marble);border-color:var(--line)}.mk .mkseg button{color:var(--muted)}.mk .mkseg button.on{background:var(--ink);color:var(--yel)}
.mk .mkc{background:#fff;border-color:var(--line)}.mk .mkc:hover{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.mk .mkcat{color:var(--muted)}.mk .mkc h3{color:var(--ink)}.mk .mkc p{color:var(--muted)}
.mk .mkbd span{border-color:var(--line);color:var(--muted)}.mk .mkbd span.hit{background:var(--ink);border-color:var(--ink);color:var(--yel)}
.mk .mkpr{color:var(--ink)}.mk .mkpr small,.mk .mksu{color:var(--muted)}.mk .mkfree{color:var(--ink)}
.mk .mkc a.mklk{color:var(--ink);border-bottom:2px solid var(--yel)}
.mk .mkadd{box-shadow:inset 0 0 0 1.4px rgba(11,16,32,.55);color:var(--ink)}
.mk .mkadd:hover{background:var(--ink);box-shadow:inset 0 0 0 1.4px var(--ink);color:var(--yel)}
.mk .mkadd.got{background:var(--ink);color:var(--yel);box-shadow:none}
.mk .mkempty{color:var(--muted)}
.mk .mkpg button{border-color:var(--line);color:var(--muted)}.mk .mkpg button:hover{border-color:var(--ink);color:var(--ink)}.mk .mkpg button.on{background:var(--ink);border-color:var(--ink);color:var(--yel)}
.mk .mkpg span{color:#8A8474}
/* side menu, upgraded hover and selected states (same structure) */
.mk .mkrail button{position:relative;padding:10px 12px;border-radius:12px;transition:background .3s cubic-bezier(.2,.8,.2,1),color .25s,padding .3s cubic-bezier(.2,.8,.2,1)}
.mk .mkrail button span{display:inline-flex;align-items:center;gap:0;font-size:12.5px;font-weight:600;min-width:30px;justify-content:flex-end;transition:color .25s}
.mk .mkrail>button:hover{background:rgba(11,16,32,.06);color:var(--ink);padding-left:16px}
.mk .mkrail>button:hover span{color:var(--ink)}
.mk .mkrail>button.on,.mk .mkrail>button.on:hover{background:var(--ink);color:var(--yel);padding-left:16px;box-shadow:0 10px 24px -12px rgba(11,16,32,.55)}
.mk .mkrail>button.on span{color:var(--yel)}
.mk .mkrail>button.on::before{content:none}
.mk .mkrail button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.mk .mksub>div{margin-left:19px;border-left:1.5px solid var(--line)}
.mk .mksub>div{transition:padding .5s cubic-bezier(.2,.8,.2,1)}.mk .mksub.open>div{padding:6px 0}
.mk .mksub{transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1),opacity .45s ease}.mk .mkrail i{transition:transform .45s cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}
.mk .mksub button{padding:7px 12px 7px 16px;border-radius:0 10px 10px 0;color:#5E5949}
.mk .mksub button::before{content:"";position:absolute;left:-1.5px;top:6px;bottom:6px;width:1.5px;background:var(--ink);transform:scaleY(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.mk .mksub button:hover{background:rgba(11,16,32,.05);color:var(--ink)}.mk .mksub button:hover::before{transform:scaleY(1)}
.mk .mksub button.on,.mk .mksub button.on:hover{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 0 0 1px var(--line)}
.mk .mksub button.on::before{transform:scaleY(1);width:3px;left:-2px;background:var(--yel);top:4px;bottom:4px;border-radius:3px}
.mk .mksub button.on span{color:var(--ink)}
/* the selected category pill: its outline is drawn inside and it stops short of the edge, so the sliding box never clips it */
.mk .mkrail{padding-right:4px}.mk .mksub button{margin-right:3px;width:calc(100% - 3px)}
.mk .mksub button.on,.mk .mksub button.on:hover{box-shadow:inset 0 0 0 1px var(--line)}
@media (max-width:1180px){.mk .mkw{grid-template-columns:1fr}.mk .mkrail{position:static;max-height:none}.mk .mkg{grid-template-columns:repeat(2,minmax(0,1fr))}.mk .mkc.big{grid-column:span 2;flex-direction:column;gap:0}.mk .mkc.big .mkin{padding:16px 8px 0}.mk .mkc.big h3{font-size:20px}}
@media (max-width:640px){.mk .mkg{grid-template-columns:1fr}.mk .mkc.big{grid-column:span 1}.mk .mktb label{width:100%}.mk .mktb select{flex:1}}

/* one plugin's own page */
.mkd .mkdh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center}
.mkd .mkdb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.mkd .mkdb a{color:var(--yel);text-decoration:none}.mkd .mkdb a:hover{text-decoration:underline}
.mkd h1{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(30px,3.4vw,52px);line-height:1.12;margin:18px 0 0;color:var(--text)}
.mkd .pc>p{margin:18px 0 0;font-size:19px;line-height:1.5;color:var(--soft);max-width:none}
.mkd .mkdp{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:34px}
.mkd .mkdp .am{font-family:'Michroma',sans-serif;font-size:34px;color:var(--yel);white-space:nowrap}.mkd .mkdp .am small{font-family:'Instrument Sans',sans-serif;font-size:15px;color:var(--soft)}
.mkd .mkdp .su{display:block;font-size:14.5px;color:var(--soft);margin-top:2px}
.mkd .mkdbtn{font:inherit;cursor:pointer;height:56px;padding:0 26px;border:0;border-radius:14px;background:var(--yel);color:var(--ink);font-weight:600;font-size:16.5px;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:244px;box-sizing:border-box;text-decoration:none;transition:background .25s,color .25s,box-shadow .25s}
.mkd .mkdbtn:hover{background:#fff}.mkd .mkdbtn svg{width:20px;height:20px}
.mkd .mkdbtn.got{background:none;color:var(--yel);box-shadow:inset 0 0 0 1.5px var(--yel)}
.mkd .mkdgo{color:var(--text);font-weight:600;font-size:15px;text-decoration:none;border-bottom:2px solid var(--yel);padding-bottom:2px}
.mkd .mkdgo b{display:inline-flex;min-width:22px;height:22px;border-radius:999px;background:var(--yel);color:var(--ink);font-size:12.5px;align-items:center;justify-content:center;margin-left:6px}
.mkd .mkdimg{border-radius:24px;overflow:hidden;aspect-ratio:3/2;background:radial-gradient(120% 120% at 80% 0%,#141d3a 0%,#0A1022 55%,#070B18 100%);border:1px solid var(--edge);box-shadow:0 40px 90px -40px rgba(247,205,70,.35)}
.mkd .mkdimg img,.mkd .mkdimg svg{display:block;width:100%;height:100%;object-fit:cover}
.mkdw{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:start}
.mkdw h2{font-family:'Michroma',sans-serif;font-weight:400;font-size:clamp(22px,2.2vw,32px);line-height:1.2;margin:12px 0 0}
.mkdw .txt{font-size:19px;line-height:1.6;margin:18px 0 0;color:var(--ink)}
.mkdw ul.mkck{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.mkdw ul.mkck li{position:relative;padding-left:34px;font-size:16.5px;line-height:1.45}
.mkdw ul.mkck li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--ink)}
.mkdw ul.mkck li::after{content:"";position:absolute;left:7px;top:7px;width:8px;height:5px;border-left:2px solid var(--yel);border-bottom:2px solid var(--yel);transform:rotate(-45deg)}
.mkdside{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}
.mkdside h3{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-family:'Instrument Sans',sans-serif}
.mkdside h3+*{margin-top:0}.mkdside .blk+.blk{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.mkdside .sl{display:flex;flex-wrap:wrap;gap:7px}
.mkdside .sl a{font-size:13.5px;font-weight:600;padding:6px 13px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.mkdside .sl a:hover{background:var(--ink);border-color:var(--ink);color:var(--yel)}
.mkdside dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 18px;font-size:15.5px}.mkdside dt{color:var(--muted)}.mkdside dd{margin:0;text-align:right;font-weight:600}
.mkrel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.mkrel a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px 12px 20px;text-decoration:none;color:var(--ink);transition:border-color .3s,box-shadow .3s}
.mkrel a:hover{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.mkrel .pic{display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:radial-gradient(120% 120% at 80% 0%,#141d3a 0%,#0A1022 55%,#070B18 100%)}
.mkrel .pic img,.mkrel .pic svg{display:block;width:100%;height:100%;object-fit:cover}
.mkrel b{font-family:'Michroma',sans-serif;font-weight:400;font-size:16px;margin:16px 8px 0;line-height:1.3}
.mkrel span.d{font-size:14.5px;color:var(--muted);margin:8px 8px 0}
.mkrel span.p{font-family:'Michroma',sans-serif;font-size:26px;margin:auto 8px 0;padding-top:22px;line-height:1}.mkrel span.p small{font-family:'Instrument Sans',sans-serif;font-size:15px;font-weight:600;color:var(--muted)}
.mk .mkc a.mkt{color:inherit;text-decoration:none;display:block}.mk .mkc a.mkt:hover h3{text-decoration:underline;text-decoration-color:var(--yel);text-underline-offset:5px}
@media (max-width:1000px){.mkd .mkdh,.mkdw{grid-template-columns:1fr;gap:34px}.mkd .mkdimg{order:-1}.mkrel{grid-template-columns:1fr}.mkdw ul.mkck{grid-template-columns:1fr}}

.dzh{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.dzh .lead{margin-bottom:0}
.sec label.dzs{display:flex;flex-direction:row;align-items:center;font-size:16.5px;font-weight:400;letter-spacing:0;text-transform:none;margin:0;gap:10px;background:#fff;border-radius:999px;padding:0 20px;width:440px;max-width:100%;box-shadow:inset 0 0 0 1px rgba(11,16,32,.14);color:var(--ink)}
.dzs:focus-within{box-shadow:inset 0 0 0 2px var(--ink)}
.dzs svg{flex:none;opacity:.6}
.sec label.dzs input{width:auto;margin:0;border-radius:0;box-shadow:none;font-size:16.5px;flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;color:var(--ink);padding:14px 0}
.dzbar{position:sticky;top:86px;z-index:5;background:var(--marble);margin:30px 0 0;padding:12px 0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.dzbar .dzs{margin-left:auto;width:360px;height:48px;box-shadow:inset 0 0 0 1px rgba(11,16,32,.12)}.sec label.dzs input{padding:12px 0}
.dzbar a,.dzbar i{font-style:normal;font-family:'Michroma',sans-serif;font-size:13px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ink);text-decoration:none;transition:background .25s,color .25s}
.dzbar a:hover,.dzbar a.on{background:var(--ink);color:var(--yel)}
.dzbar i,.dzbar a.no{opacity:.28;pointer-events:none}
.dzbar{flex-wrap:nowrap!important;gap:2px!important}.dzbar a,.dzbar i{flex:1 1 0;width:auto!important;min-width:22px;max-width:36px;aspect-ratio:1;height:auto!important}.dzbar .dzs{flex:0 1 340px;min-width:220px;margin-left:auto!important;width:auto!important}.dzbar a,.dzbar i{flex:0 1 36px!important}
@media (max-width:900px){.dzbar{flex-wrap:wrap!important}.dzbar .dzs{order:-1;flex:1 1 100%;margin:0 0 10px!important}.dzbar a,.dzbar i{flex:0 0 auto;width:30px!important;height:30px!important}}
.dzbar span{margin-left:auto;font-size:14px;color:var(--muted,#4A4636)}
.dzl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;border-top:1px solid rgba(11,16,32,.14);padding-top:30px;margin-top:26px;scroll-margin-top:150px}
.dzl>div:first-child{font-family:'Michroma',sans-serif;font-size:68px;line-height:1}
.dzl small{display:none!important;font-family:'Instrument Sans',sans-serif;font-size:13px;margin-top:10px;opacity:.65}
.dzt{display:grid;grid-template-columns:300px minmax(0,1fr) 190px;gap:28px;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(11,16,32,.14);scroll-margin-top:150px}
.dzt{border-bottom:0!important;border-top:0}.dzt:not([hidden])~.dzt:not([hidden]){border-top:1px solid rgba(11,16,32,.07)}.dzl{border-top-color:rgba(11,16,32,.1)}
.dzt h3{font-size:19px;margin:0;font-weight:600;font-family:inherit;letter-spacing:0}
.dzt p{margin:0;opacity:.82}
.dzt>span{text-align:right}
.dzt>span a{font-weight:600;font-size:14.5px;color:var(--ink);text-decoration:none;white-space:nowrap;padding-bottom:2px;background:linear-gradient(var(--yel),var(--yel)) left bottom/100% 2px no-repeat}
.dzt:target h3{background:linear-gradient(var(--yel),var(--yel)) left bottom/100% 3px no-repeat;display:inline;padding-bottom:2px}
.dzc{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-left:8px;width:28px;height:28px;justify-content:center;border-radius:50%;color:var(--ink);opacity:0;transition:opacity .25s,background .25s,color .25s;font-size:12.5px;font-weight:600}
.dzt:hover .dzc,.dzc:focus-visible,.dzc.ok{opacity:.55}
.dzc:hover{opacity:1!important;background:var(--ink);color:var(--yel)}
.dzc.ok{opacity:1;width:auto;padding:0 10px;background:var(--ink);color:var(--yel)}
.dzc.ok svg{display:none}.dzc.ok:after{content:"Link copied"}
@media (hover:none){.dzc{opacity:.45}}
.dznone{display:none;padding:50px 0 10px;font-size:18px}
.dzl[hidden],.dzt[hidden]{display:none}
@media (max-width:1100px){.dzt{grid-template-columns:1fr;gap:6px}.dzt>span{text-align:left}.dzl{grid-template-columns:1fr}.dzl>div:first-child{font-size:44px}.dzs{width:100%}.dzbar{position:static}}
/* ---------- phone pass, 2026-10-14: loaded last on every inner page ---------- */
@media (max-width:760px){
/* marketplace: the list may never be wider than the screen; solutions sit in two columns */
.mk .mkw{grid-template-columns:minmax(0,1fr)}
.mk .mkw>*{min-width:0}
.mk .mkrail{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mk .mkrail small{width:100%;margin-left:0}.mk .mkrail small.pl{display:none}
.mk .mkrail>button{width:auto;gap:8px;padding:8px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);background:#fff}
.mk .mkrail>button.on{box-shadow:none}
.mk .mkrail .mksub{display:none}
.mk .mkrail .mksub.open{display:block;width:100%}
.mk .mkc.big>a.mkt{flex:none}
.dzs input{font-size:15px}
.mk .mktb{flex-wrap:wrap}.mk .mktb input{width:100%;min-width:0}
.mk .mkseg{width:100%;display:flex}.mk .mkseg button{flex:1;padding-left:6px;padding-right:6px}
.mk .mkbd{flex-wrap:wrap}
/* format and creative pages */
.fmtglb{display:none}
table.fmtt,table.fmtt tbody{display:block;width:100%}
table.fmtt thead{display:none}
table.fmtt tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:16px 0;border-bottom:1px solid var(--line)}
table.fmtt td{display:block;padding:0;border:0;width:auto;max-width:none;min-width:0}
.fmtsz{display:none}
table.fmtt td:nth-child(1){font-weight:600;font-size:17px}
table.fmtt tr{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
table.fmtt td:nth-child(2){text-align:right;max-width:190px;overflow-wrap:anywhere}
table.fmtt td:nth-child(3),table.fmtt td:nth-child(4){grid-column:1/-1;width:100%!important;max-width:none!important;font-size:15px;opacity:.8}
.fmtm,.fmtm.lt{grid-template-columns:1fr 1fr;gap:10px}
.fmtm a span:not(.fmti){display:none}
.fmtm a b{font-size:14px}
/* case studies: the big outline word stays inside the screen */
.kyr{font-size:64px;top:-34px;max-width:100%;overflow:hidden}
/* blog article: wide tables scroll inside themselves */
.art table{display:block;max-width:100%;overflow-x:auto}
/* dictionary */
.dzbar{gap:2px}.dzbar a,.dzbar i{width:30px;height:30px;font-size:12px}.dzbar span{width:100%;margin:6px 0 0}
.dzl{margin-top:18px;padding-top:20px;gap:6px}
.dzt{padding:14px 0}
/* pricing list: say what the second and third price are, since the column titles are hidden */
.lst .ck>b:nth-of-type(2):has(data)::after{content:" license";font-family:'Instrument Sans',sans-serif;font-size:13px;font-weight:500;opacity:.7}
.lst .ck>b:nth-of-type(3):has(data)::after{content:" source code";font-family:'Instrument Sans',sans-serif;font-size:13px;font-weight:500;opacity:.7}
/* about: the three big words sit above their panel, not beside it */
.bw3{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
.bww button{font-size:34px;gap:14px;padding:14px 0}
.bwv>div{min-height:0;padding:28px;border-radius:22px}
.bwv small{position:static;display:block;margin:0 0 8px}
/* about: team cards, the name box is smaller so faces and the LinkedIn button stay visible */
.c:has(>.tin){height:250px;aspect-ratio:auto}
.tin{padding:9px 10px;gap:6px;align-items:center}
.tin>div{min-width:0;flex:1}
.tin h3{font-size:11.5px;line-height:1.25}.tin p{font-size:12px;line-height:1.3;margin-top:3px}
.tin .li{flex:none;width:28px;height:28px}.tin .li svg{width:13px;height:13px}
}

@media (max-width:480px){.sucbx{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sucbx>a{min-width:0;padding:26px 12px;overflow-wrap:anywhere}}