.mp-modes{grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;display:grid}.mode-card{--c:var(--pt1);border-radius:var(--r-lg,20px);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 16%,#fff),#fff 62%);border:1px solid color-mix(in srgb,var(--c) 28%,transparent);padding:34px 32px 30px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:relative;overflow:hidden}.mode-card+.mode-card{--c:var(--pt2)}.mode-card:hover{box-shadow:0 24px 50px -24px color-mix(in srgb,var(--c) 70%,transparent);transform:translateY(-4px)}.mode-card .mc-ic{width:34px;height:34px;color:var(--c);margin-bottom:18px;display:block}.mode-card .mc-k{letter-spacing:.18em;text-transform:uppercase;color:var(--c);font-size:11px;font-weight:700}.mode-card h3{font-size-adjust:cap-height .625;color:#111;margin:10px 0 12px;font-family:Figtree,-apple-system,sans-serif;font-size:28px;line-height:1.08}.mode-card p{color:#424245;margin:0;font-size:15px;line-height:1.6}.mode-card .mc-best{color:#6e6e73;margin-top:14px;font-size:13.5px}.mode-card .mc-price{background:color-mix(in srgb,var(--c) 14%,#fff);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);color:#1d1d1f;letter-spacing:.01em;border-radius:999px;margin-top:20px;padding:9px 16px;font-size:15px;font-weight:700;display:inline-block}.flex-demo{border-radius:var(--r-lg,20px);background:#161618;border:1px solid #f5f5f71a;margin-top:14px;padding:clamp(28px,4vw,48px);position:relative;overflow:hidden}.flex-demo:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#c5b5f429,#0000);width:60%;height:120%;animation:14s ease-in-out infinite alternate fd-glow;position:absolute;inset:-40% -10% auto auto}@keyframes fd-glow{to{filter:hue-rotate(80deg);transform:translate(-30%,20%)}}.flex-demo>*{position:relative}.fd-cap{letter-spacing:.2em;text-transform:uppercase;color:#a1a1a6;margin:0 0 18px;font-size:11px;font-weight:600}.fd-tabs{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.fd-tab{letter-spacing:.1em;text-transform:uppercase;color:#a1a1a6;cursor:pointer;background:#f5f5f70a;border:1px solid #f5f5f724;border-radius:999px;padding:11px 20px;font-family:inherit;font-size:12px;font-weight:600;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}.fd-tab:hover{color:#f5f5f7;border-color:#c5b5f48c}.fd-tab.active{color:#111;background:linear-gradient(90deg,#f4ae93,#c5b5f4);border-color:#0000;box-shadow:0 8px 24px -10px #c5b5f4b3}.fd-head{min-height:74px;margin-bottom:28px}.fd-title{font-size-adjust:cap-height .625;color:#f5f5f7;margin:0 0 5px;font-family:Figtree,-apple-system,sans-serif;font-size:36px;line-height:1.08}.fd-ctx{color:#a1a1a6;margin:0;font-size:15.5px;line-height:1.5}.fd-row{--c:#f4ae93;align-items:center;gap:18px;margin:0 0 15px;display:flex}.fd-row:nth-child(2){--c:#86d9c6}.fd-row:nth-child(3){--c:#c5b5f4}.fd-row:nth-child(4){--c:#f0d58c}.fd-row:nth-child(5){--c:#f3a9c4}.fd-row:nth-child(6){--c:#9cc3f2}.fd-row:nth-child(7){--c:#b7da8e}.fd-row:last-child{margin-bottom:0}.fd-label{color:#e8e8ed;letter-spacing:.01em;flex:0 0 168px;align-items:center;gap:10px;font-size:14px;display:flex}.fd-label:before{content:"";background:var(--c);width:9px;height:9px;box-shadow:0 0 12px color-mix(in srgb,var(--c) 70%,transparent);border-radius:50%;flex:none}.fd-track{background:#f5f5f712;border-radius:999px;flex:1;height:16px;overflow:hidden}.fd-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 55%,#161618),var(--c));width:0;height:100%;box-shadow:0 0 18px -4px var(--c);border-radius:999px;transition:width .9s cubic-bezier(.22,1,.36,1);display:block}.fd-row:nth-child(2) .fd-fill{transition-delay:50ms}.fd-row:nth-child(3) .fd-fill{transition-delay:.1s}.fd-row:nth-child(4) .fd-fill{transition-delay:.15s}.fd-row:nth-child(5) .fd-fill{transition-delay:.2s}.fd-row:nth-child(6) .fd-fill{transition-delay:.25s}.fd-row:nth-child(7) .fd-fill{transition-delay:.3s}.fd-foot{color:#a1a1a6;border-top:1px solid #f5f5f71a;margin-top:26px;padding-top:20px;font-size:13.5px}.mp-inside{border-top:1px solid #0000001a;margin-top:clamp(48px,6vw,80px);padding-top:clamp(40px,5vw,64px)}.block-tags{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.block-tags span{--c:var(--pt1);color:#1d1d1f;background:color-mix(in srgb,var(--c) 13%,#fff);border:1px solid color-mix(in srgb,var(--c) 32%,transparent);border-radius:999px;padding:9px 16px;font-size:13.5px;transition:transform .25s,background-color .25s}.block-tags span:nth-child(5n+2){--c:var(--pt2)}.block-tags span:nth-child(5n+3){--c:var(--pt3)}.block-tags span:nth-child(5n+4){--c:var(--pt4)}.block-tags span:nth-child(5n+5){--c:var(--pt5)}.block-tags span:hover{background-color:color-mix(in srgb,var(--c) 24%,#fff);transform:translateY(-2px)}.mp-size{color:#515154;max-width:660px;margin-top:22px;font-size:14.5px;line-height:1.6}.grow-intro{max-width:680px}.grow-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px;display:grid}.grow-col{--c:var(--pt3)}.grow-col:nth-child(2){--c:var(--pt2)}.grow-col:nth-child(3){--c:var(--pt1)}.grow-col .grow-barwrap{border-bottom:1px solid #0000001f;align-items:flex-end;height:150px;margin-bottom:20px;display:flex}.grow-col .grow-bar{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 30%,#fff),color-mix(in srgb,var(--c) 70%,#fff));width:100%;min-height:14px;box-shadow:0 14px 28px -22px var(--c);transform-origin:bottom;border-radius:16px 16px 4px 4px;transition:transform 1s cubic-bezier(.22,1,.36,1)}.grow-col:first-child .grow-bar{height:34%}.grow-col:nth-child(2) .grow-bar{height:64%}.grow-col:nth-child(3) .grow-bar{height:100%}.js .grow-grid.stg .grow-bar{transform:scaleY(0)}.grow-grid.stg.shown .grow-bar{transform:none}.grow-grid.stg.shown .grow-col:nth-child(2) .grow-bar{transition-delay:.18s}.grow-grid.stg.shown .grow-col:nth-child(3) .grow-bar{transition-delay:.36s}.grow-k{letter-spacing:.18em;text-transform:uppercase;color:var(--c);font-size:11px;font-weight:700}.grow-col h3{font-size-adjust:cap-height .625;color:#1d1d1f;margin:8px 0;font-family:Figtree,-apple-system,sans-serif;font-size:24px;line-height:1.1}.grow-col p{color:#424245;margin:0;font-size:14px;line-height:1.55}.grow-loop{border-radius:var(--r-lg,20px);background:#161618;border:1px solid #f5f5f71a;margin-top:40px;padding:30px clamp(20px,3vw,34px)}.loop-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.loop-node{--c:#86d9c6;letter-spacing:.02em;color:#f5f5f7;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);background:color-mix(in srgb,var(--c) 14%,transparent);border-radius:999px;padding:10px 18px;font-size:13.5px;animation:4.2s ease-in-out infinite loop-pulse}.loop-node:nth-child(3){--c:#f0d58c;animation-delay:1.4s}.loop-node:nth-child(5){--c:#c5b5f4;animation-delay:2.8s}@keyframes loop-pulse{0%,70%,to{box-shadow:0 0 #0000}20%{box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 22%,transparent)}}.loop-arr{color:#a1a1a6;font-size:16px}.loop-cap{text-align:center;color:#a1a1a6;max-width:660px;margin:18px auto 0;font-size:14.5px;line-height:1.55}@media (prefers-reduced-motion:reduce){.flex-demo:before,.loop-node{animation:none}.js .grow-grid.stg .grow-bar{transition:none;transform:none}.mode-card,.mode-card:hover,.block-tags span:hover{transform:none}}html.no-anim .grow-grid.stg .grow-bar{transform:none}@media (width<=680px){.grow-grid{grid-template-columns:1fr;gap:28px}.grow-col .grow-barwrap{height:80px}.mp-modes{grid-template-columns:1fr}.fd-label{flex-basis:128px;font-size:12.5px}.fd-title{font-size:28px}}
