:root{--canvas: #0B0610;--chrome: #16101E;--chrome-2: #211929;--chrome-3: #2C2336;--stroke: rgba(255, 255, 255, .09);--ui-ink: #EDE8F3;--ui-muted: rgba(237, 232, 243, .55);--figma: #0D99FF;--design: var(--accent);--dev: #D8FF3E;--accent: #B440FF;--accent-ink: #07010C;--accent-fg: var(--accent);--frame-bg: #07010C;--frame-bg-2: #120A1B;--frame-ink: #F5F2FA;--frame-muted: rgba(245, 242, 250, .62);--frame-line: rgba(245, 242, 250, .1);--sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--serif: "Instrument Serif", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--top: 60px;--lw: 248px;--rw: 272px;--colw: 900px}.theme-light{--accent-fg: color-mix(in srgb, var(--accent) 58%, #12081C);--canvas: #E9E6EE;--frame-bg: #FFFFFF;--frame-bg-2: #F4F1F7;--frame-ink: #0B0610;--frame-muted: rgba(11, 6, 16, .62);--frame-line: rgba(11, 6, 16, .1)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--canvas);color:var(--ui-ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .5s}.js,.js body{height:100%;overflow:hidden;overscroll-behavior:none}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}kbd{font-family:var(--mono);font-size:.82em;padding:1px 6px;border-radius:5px;border:1px solid var(--stroke);background:#ffffff0a}:focus-visible{outline:2px solid var(--figma);outline-offset:2px}.skip{position:fixed;left:12px;top:-60px;z-index:999;background:var(--figma);color:#fff;padding:8px 14px;border-radius:8px}.skip:focus{top:12px}.muted{color:var(--ui-muted)}.small{font-size:13px}.row{display:flex;flex-wrap:wrap;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;animation:live 2s infinite}@keyframes live{70%{box-shadow:0 0 0 7px transparent}0%{box-shadow:0 0 0 0 currentColor}}@media (hover: none),(pointer: coarse){.only-fine{display:none!important}}@media (hover: hover) and (pointer: fine){.only-touch{display:none!important}}.chrome{background:var(--chrome);border:1px solid var(--stroke);border-radius:14px;box-shadow:0 10px 40px -12px #0009;color:var(--ui-ink)}.ui-hidden .topbar,.ui-hidden .panel,.ui-hidden .minimap{opacity:0;pointer-events:none;transform:translateY(-8px)}.topbar,.panel,.minimap,.dock{transition:opacity .4s var(--ease),transform .4s var(--ease)}.loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--canvas);transition:opacity .6s var(--ease)}.loader.is-done{opacity:0;pointer-events:none}.loader__card{width:260px;text-align:center}.loader__icon{width:64px;height:76px;margin:0 auto 16px;border-radius:10px;background:linear-gradient(160deg,var(--design),color-mix(in srgb,var(--accent) 55%,#000));position:relative;display:grid;place-items:center;font-family:var(--mono);font-weight:600;color:#07010c;clip-path:polygon(0 0,72% 0,100% 22%,100% 100%,0 100%)}.loader__name{margin:0;font-weight:600}.loader__sub{margin:4px 0 16px;font-size:13px;color:var(--ui-muted);font-family:var(--mono)}.loader__bar{height:3px;border-radius:3px;background:var(--chrome-3);overflow:hidden}.loader__bar i{display:block;height:100%;width:0;background:var(--figma);transition:width .2s}.topbar{position:fixed;z-index:60;top:8px;left:8px;right:8px;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;border-radius:12px}.tb-left,.tb-right{display:flex;align-items:center;gap:8px;min-width:0}.tb-logo{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 4px;border-radius:8px}.tb-logo:hover{background:var(--chrome-2)}.tb-logo__mark{width:26px;height:26px;border-radius:7px;background:var(--design);color:#07010c;display:grid;place-items:center;font-family:var(--mono);font-size:11px;font-weight:600}.tb-logo svg{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.5}.tb-file{display:flex;align-items:baseline;gap:6px;font-size:13px;white-space:nowrap;overflow:hidden}.tb-file__crumb{color:var(--ui-muted)}.tb-file__name{font-weight:600}.tb-file__saved{font-size:11px;color:var(--ui-muted);padding-left:6px}.avatars{display:flex}.av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;border:2px solid var(--chrome);margin-left:-6px}.av--design{background:var(--design);color:#07010c}.av--dev{background:var(--dev);color:#07010c;font-family:var(--mono);font-size:9px}.av--you{background:var(--figma);color:#fff;font-size:9px}.xp-chip{white-space:nowrap;display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:8px;background:var(--chrome-2);font-size:12px}.xp-chip:hover{background:var(--chrome-3)}.xp-chip__role{font-weight:600;color:var(--dev)}.xp-chip__bar{width:54px;height:5px;border-radius:4px;background:var(--chrome-3);overflow:hidden}.xp-chip__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--design),var(--dev));transition:width .8s var(--ease)}.xp-chip__num{color:var(--ui-muted);font-variant-numeric:tabular-nums}.xp-chip.is-bump{animation:bump .6s var(--ease)}@keyframes bump{40%{transform:scale(1.12);box-shadow:0 0 0 4px #d8ff3e40}}.tb-btn{white-space:nowrap;height:32px;padding:0 14px;border-radius:8px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;text-decoration:none}.tb-btn--icon{width:32px;padding:0;justify-content:center;background:var(--chrome-2)}.tb-btn--icon svg{width:14px;height:14px;fill:currentColor}.tb-btn--icon:hover{background:var(--chrome-3)}.tb-btn--primary{background:var(--figma);color:#fff}.tb-btn--primary:hover{filter:brightness(1.1)}.mainmenu{position:absolute;top:48px;left:0;width:290px;padding:8px;display:grid;gap:2px;font-size:13px}.mainmenu[hidden]{display:none}.mainmenu a,.mainmenu p{display:flex;justify-content:space-between;align-items:center;margin:0;padding:7px 10px;border-radius:7px;text-decoration:none;gap:10px}.mainmenu a:hover{background:var(--figma);color:#fff}.mainmenu p{color:var(--ui-muted)}.mainmenu .mainmenu__h{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.mainmenu hr{border:0;border-top:1px solid var(--stroke);margin:4px 0;width:100%}.panel{position:fixed;z-index:50;top:var(--top);bottom:8px;display:flex;flex-direction:column;overflow:hidden;font-size:12.5px}.panel--left{left:8px;width:var(--lw)}.panel--right{right:8px;width:var(--rw)}.panel__tabs{display:flex;gap:2px;padding:8px;border-bottom:1px solid var(--stroke)}.panel__tabs button[role=tab]{padding:6px 10px;border-radius:7px;font-weight:600;color:var(--ui-muted);font-size:12.5px}.panel__tabs button[aria-selected=true]{color:var(--ui-ink);background:var(--chrome-2)}.kbd-mini{font-family:var(--mono);font-size:10px;opacity:.6}.panel__close{margin-left:auto;width:28px;height:28px;border-radius:7px;display:none;place-items:center;color:var(--ui-muted)}.panel__close:hover{background:var(--chrome-2);color:var(--ui-ink)}.panel__body{flex:1;overflow-y:auto;padding:6px 8px 16px;scrollbar-width:thin;scrollbar-color:var(--chrome-3) transparent}.panel__h{display:flex;justify-content:space-between;margin:12px 6px 6px;font-size:11px;font-weight:600;color:var(--ui-muted);text-transform:uppercase;letter-spacing:.08em}.panel__h .hint{text-transform:none;letter-spacing:0;font-weight:400}.pages{list-style:none;margin:0;padding:0}.pages li{padding:6px 10px;border-radius:7px}.pages .is-on{background:var(--chrome-2)}.pages .is-dim{color:var(--ui-muted)}.pages .is-found{color:var(--dev)}.layers{list-style:none;margin:0;padding:0}.layers li>button{width:100%;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:7px;text-align:left}.layers li>button:hover{background:var(--chrome-2)}.layers li.is-active>button{background:#0d99ff2e;color:#fff}.layers .lyr-ico{width:14px;color:var(--ui-muted);font-size:11px;text-align:center}.layers .lyr-kids{list-style:none;margin:0;padding:0 0 0 18px;display:none}.layers li.is-active .lyr-kids{display:block}.layers .lyr-kids button{color:var(--ui-muted);font-size:12px;padding:4px 10px}.assets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.asset{display:grid;place-items:center;gap:4px;padding:12px 6px 8px;border-radius:10px;background:var(--chrome-2);border:1px solid var(--stroke);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:11px;color:var(--ui-muted)}.asset:hover{border-color:var(--figma)}.asset .stk{pointer-events:none;transform:scale(.8)}.tokens{display:grid;gap:4px}.tokens span{display:flex;align-items:center;gap:8px;padding:4px 6px}.tokens span:before{content:"";width:16px;height:16px;border-radius:4px;background:var(--c);border:1px solid var(--stroke)}.ins-sec{padding:10px 6px;border-bottom:1px solid var(--stroke)}.ins-sec:last-child{border-bottom:0}.ins-h{margin:0 0 8px;font-size:11px;font-weight:600;color:var(--ui-muted);text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between}.ins-name{margin:0;font-weight:600;font-size:13px;display:flex;gap:8px;align-items:center}.ins-name i{font-style:normal;color:var(--figma)}.ins-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ins-grid span{display:flex;justify-content:space-between;padding:6px 8px;border-radius:7px;background:var(--chrome-2);font-variant-numeric:tabular-nums}.ins-grid span em{font-style:normal;color:var(--ui-muted)}.ins-fill{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;background:var(--chrome-2);margin-bottom:6px;font-family:var(--mono);font-size:11.5px}.ins-fill i{width:16px;height:16px;border-radius:4px;background:var(--c);border:1px solid var(--stroke);flex:none}.ins-type{padding:8px;border-radius:7px;background:var(--chrome-2);display:grid;gap:2px}.ins-type b{font-size:13px}.ins-code{margin:0;padding:12px;border-radius:10px;background:var(--frame-bg);font-family:var(--mono);font-size:11.5px;line-height:1.7;color:#cfc6da;overflow-x:auto;white-space:pre}.ins-code .p{color:#7fd4ff}.ins-code .v{color:var(--dev)}.ins-code .c{color:#7c6f8c}.ins-btn{margin-top:8px;width:100%;padding:8px;border-radius:8px;background:var(--chrome-2);font-weight:600;font-size:12px}.ins-btn:hover{background:var(--figma);color:#fff}.vars{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.vars button{aspect-ratio:1;border-radius:8px;background:var(--c);border:2px solid transparent}.vars button[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px var(--figma)}.modes{display:flex;gap:4px;padding:3px;border-radius:8px;background:var(--chrome-2)}.modes button{flex:1;padding:6px;border-radius:6px;font-weight:600;font-size:12px;color:var(--ui-muted)}.modes button[aria-pressed=true]{background:var(--chrome-3);color:var(--ui-ink)}.exp{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:8px;background:var(--chrome-2);text-decoration:none;margin-bottom:6px}.exp:hover{background:var(--figma);color:#fff}.viewport{position:fixed;inset:0;overflow:hidden;outline:none;touch-action:none;background-color:var(--canvas);background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px}.theme-light .viewport{background-image:radial-gradient(rgba(0,0,0,.09) 1px,transparent 1px)}.viewport.tool-hand,.viewport.is-panning{cursor:grab}.viewport.is-panning{cursor:grabbing}.viewport.tool-pen{cursor:crosshair}.viewport.tool-comment{cursor:copy}.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.no-js .world{position:static}.column{width:var(--colw);padding-bottom:200px}.ink{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;z-index:30;pointer-events:none}.ink path{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.layer-free{position:absolute;left:0;top:0;width:0;height:0;z-index:31}.frame{position:relative;margin-bottom:140px;container-type:inline-size;color:var(--frame-ink)}.frame__label{position:absolute;top:-26px;left:0;margin:0;font-size:12px;color:var(--ui-muted);white-space:nowrap;display:flex;gap:10px;cursor:pointer}.frame__label span{opacity:.6}.frame.is-sel>.frame__label,.frame__label:hover{color:var(--figma)}.frame__body{position:relative;background:var(--frame-bg);border:1px solid var(--frame-line);border-radius:6px;padding:clamp(22px,6cqw,64px);overflow:hidden;transition:background .5s,border-color .5s}.frame em,.fhead h2 em,.contact__title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent-fg)}.eyebrow{margin:0 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--frame-muted)}.eyebrow--acid{color:#b7d92a}.frame h2{margin:0;font-weight:500;letter-spacing:-.035em;line-height:1;font-size:clamp(32px,7.4cqw,84px)}.fhead{margin-bottom:clamp(26px,5cqw,52px)}.fhead__sub{color:var(--frame-muted);max-width:520px;margin:16px 0 0;font-size:clamp(15px,1.9cqw,18px);line-height:1.55}.fhead--row{display:grid;gap:18px;align-items:end}@container (min-width: 760px){.fhead--row{grid-template-columns:1.5fr 1fr}}.fhead--center{text-align:center}.fhead--center h2{max-width:16ch;margin:0 auto}.link{display:inline-block;margin-top:26px;font-weight:500;border-bottom:1px solid var(--accent);text-decoration:none}.js .rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d, 0s)}.js .rv.in{opacity:1;transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .4s var(--ease),background .3s,color .3s,box-shadow .3s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px -10px var(--accent)}.btn--ghost{border:1px solid var(--frame-line);color:var(--frame-ink)}.btn--ghost:hover{border-color:var(--frame-ink)}.btn--sm{height:40px;padding:0 16px;font-size:13px}.btn--full{width:100%}.chip-live{display:inline-flex;align-items:center;gap:8px;margin:0 0 26px;padding:6px 14px;border-radius:999px;border:1px solid var(--frame-line);font-size:13px;color:var(--frame-muted)}.chip-live .dot{color:#9bd12a}.seg{position:relative;display:inline-flex;padding:4px;border-radius:999px;background:var(--frame-bg-2);border:1px solid var(--frame-line)}.seg button{position:relative;z-index:1;padding:9px 16px;border-radius:999px;font-weight:600;font-size:14px;color:var(--frame-muted);transition:color .3s}.seg button[aria-selected=true]{color:var(--accent-ink)}.seg__pill{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:var(--accent);transition:transform .5s var(--ease),width .5s var(--ease)}.seg--sm button{padding:7px 13px;font-size:13px}.hero{min-height:min(86vh,820px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),var(--frame-bg)}.hero__title{margin:0 0 24px;font-weight:500;font-size:clamp(46px,11.5cqw,150px);line-height:.95;letter-spacing:-.055em}.hero__line{display:block}.hero__em{position:relative;font-size:1.08em;letter-spacing:-.02em;white-space:nowrap}.fake-sel{position:absolute;inset:.08em -.12em -.02em -.06em;border:1.5px solid var(--figma);pointer-events:none;animation:fakeSel 7s var(--ease) infinite}.fake-sel i{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--figma)}.fake-sel i:nth-child(1){left:-5px;top:-5px}.fake-sel i:nth-child(2){right:-5px;top:-5px}.fake-sel i:nth-child(3){left:-5px;bottom:-5px}.fake-sel i:nth-child(4){right:-5px;bottom:-5px}.fake-sel b{position:absolute;right:-1px;bottom:calc(100% + 5px);font:600 11px/1 var(--sans);letter-spacing:0;color:#fff;background:var(--figma);padding:4px 6px;border-radius:3px;white-space:nowrap}@keyframes fakeSel{0%,8%{opacity:0;transform:scale(.96)}14%,70%{opacity:1;transform:none}78%,to{opacity:0}}.hero__views{min-height:118px;margin:22px 0 26px}.hero__sub{margin:0;max-width:600px;color:var(--frame-muted);font-size:clamp(16px,2.1cqw,20px);line-height:1.55}.hero__sub strong{color:var(--frame-ink)}.hero__code{margin:0;padding:16px 18px;border-radius:12px;background:var(--frame-bg);border:1px solid rgba(216,255,62,.25);font-family:var(--mono);font-size:clamp(11px,1.55cqw,14px);line-height:1.7;color:#cfc6da;overflow-x:auto;max-width:720px;white-space:pre-wrap}.hero__code .t{color:#7fd4ff}.hero__code .a{color:var(--dev)}.hero__code .s{color:#ffb86b}.hero__code .caret{display:inline-block;width:.55em;height:1.1em;background:var(--dev);vertical-align:text-bottom;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero__ctas{display:flex;flex-wrap:wrap;gap:10px}.autolayout{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding:14px;border:1px dashed color-mix(in srgb,var(--figma) 60%,transparent);border-radius:8px}.autolayout span:not(.autolayout__tag){padding:6px 12px;border-radius:999px;background:var(--frame-bg-2);border:1px solid var(--frame-line);font-size:13px}.autolayout__tag{position:absolute;top:-10px;left:10px;font-size:11px;padding:2px 8px;border-radius:4px;background:var(--figma);color:#fff;font-weight:600}.hero__hint{margin:26px 0 0;font-size:13px;color:var(--frame-muted)}.stats__lead{margin:0 0 36px;font-size:clamp(22px,4.2cqw,46px);line-height:1.15;letter-spacing:-.03em;font-weight:500;max-width:26ch}.stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@container (min-width: 760px){.stats__grid{grid-template-columns:repeat(4,1fr)}}.stat{padding:20px;border-radius:16px;background:var(--frame-bg-2);border:1px solid var(--frame-line)}.stat b{font-size:clamp(40px,8cqw,76px);font-weight:500;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.stat sup{color:var(--accent-fg);font-size:1.4em}.stat span{display:block;margin-top:8px;font-size:13px;color:var(--frame-muted)}.cases{display:grid;gap:16px}@container (min-width: 700px){.cases{grid-template-columns:1fr 1fr}}.case{position:relative;border-radius:18px;overflow:hidden;background:var(--frame-bg-2);border:1px solid var(--frame-line);cursor:pointer;transition:transform .6s var(--ease),border-color .3s;text-align:left;display:flex;flex-direction:column}.case:hover{transform:translateY(-4px);border-color:var(--accent)}.case__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#1a1024}.case__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),opacity .6s}.case__media img+img{opacity:0}.case:hover .case__media img:first-child{transform:scale(1.05)}.case:hover .case__media img+img{opacity:1}.case__play{position:absolute;right:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:#07010cb3;color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateY(8px);opacity:0;transition:.4s var(--ease)}.case:hover .case__play{opacity:1;transform:none}.case__info{padding:18px 18px 20px;display:grid;gap:8px}.case__num{font-size:12px;color:var(--accent-fg);font-weight:600;letter-spacing:.1em}.case h3{margin:0;font-size:clamp(20px,3cqw,28px);font-weight:500;letter-spacing:-.02em}.case p{margin:0;color:var(--frame-muted);font-size:14px;line-height:1.5}.tags{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tags li{padding:4px 10px;border-radius:999px;border:1px solid var(--frame-line);font-size:12px}.pin{position:absolute;z-index:3;top:12px;left:12px}.pin__av{width:34px;height:34px;border-radius:50% 50% 50% 4px;background:var(--figma);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;box-shadow:0 6px 16px #00000059}.pin__bubble{position:absolute;left:42px;top:0;width:230px;padding:10px 12px;border-radius:12px;background:#fff;color:#0b0610;font-size:13px;line-height:1.4;box-shadow:0 12px 30px #00000059;opacity:0;transform:translateY(6px) scale(.96);transform-origin:left top;transition:.35s var(--ease);pointer-events:none}.pin__bubble b{display:block;font-size:12px;margin-bottom:2px}.case:hover .pin__bubble,.pin:focus-within .pin__bubble{opacity:1;transform:none}.masonry{columns:2;column-gap:10px}@container (min-width: 700px){.masonry{columns:3}}.masonry button{display:block;width:100%;margin:0 0 10px;border-radius:12px;overflow:hidden;break-inside:avoid;background:var(--frame-bg-2)}.masonry img{width:100%;height:auto;transition:transform .8s var(--ease)}.masonry button:hover img{transform:scale(1.05)}.about{display:grid;gap:30px}@container (min-width: 760px){.about{grid-template-columns:.85fr 1.15fr;align-items:start}.about__pic{position:sticky;top:0}}.about__pic{margin:0;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4 / 5;background:linear-gradient(160deg,var(--design),color-mix(in srgb,var(--accent) 55%,#000))}.about__pic img{width:100%;height:100%;object-fit:cover}.about__pic figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;background:#07010c99;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.about__pic figcaption span{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--accent-fg)}.about__text h2{font-size:clamp(30px,6cqw,64px);margin-bottom:20px}.about__text p{color:var(--frame-muted);line-height:1.6}.about__lead{font-size:clamp(18px,2.4cqw,22px);color:var(--frame-ink)!important;line-height:1.4!important}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.split__card{padding:14px;border-radius:14px;background:var(--frame-bg-2);border:1px dashed var(--frame-line)}.split__card p{margin:8px 0 0;font-size:14px}.split__tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;color:#07010c}.split__tag--design{background:var(--design)}.split__tag--dev{background:var(--dev)}.tabs__list{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--frame-bg-2);border:1px solid var(--frame-line);flex-wrap:wrap}.tabs__list button{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--frame-muted)}.tabs__list button[aria-selected=true]{background:var(--frame-ink);color:var(--frame-bg)}.tabs__panel{display:none;padding-top:18px}.tabs__panel.is-on{display:block;animation:fadeUp .6s var(--ease)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}.ach{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ach a{border-radius:14px;overflow:hidden;border:1px solid var(--frame-line);text-decoration:none;background:var(--frame-bg-2)}.ach img{aspect-ratio:16 / 10;object-fit:cover;width:100%}.ach span{display:block;padding:10px 12px;font-size:13px;font-weight:600}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{padding:8px 14px;border-radius:999px;border:1px solid var(--frame-line);font-size:14px}.tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}.tools span{aspect-ratio:1;border-radius:14px;background:#fff;display:grid;place-items:center}.tools img{width:60%;height:60%;object-fit:contain}.about__stats{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px;padding-top:20px;border-top:1px solid var(--frame-line)}.about__stats b{display:block;font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1}.about__stats span{font-size:12px;color:var(--frame-muted)}.pile{position:relative;height:clamp(420px,70cqw,620px);border-radius:16px;border:1px dashed var(--frame-line);overflow:hidden;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 65%)}.pile:after{content:"drag \b7  fling \b7  shuffle";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--serif);font-style:italic;font-size:clamp(30px,8cqw,80px);color:var(--frame-line);white-space:nowrap;pointer-events:none}.polaroid{position:absolute;left:0;top:0;z-index:1;width:clamp(130px,24cqw,220px);margin:0;padding:8px 8px 0;background:#fbfaf7;color:#0b0610;border-radius:4px;box-shadow:0 16px 34px -10px #0009;user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab;will-change:transform}.polaroid img{aspect-ratio:1;object-fit:cover;width:100%;pointer-events:none}.polaroid figcaption{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.15;padding:8px 2px 10px;min-height:42px}.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@container (min-width: 700px){.logos{grid-template-columns:repeat(6,1fr)}}.logos span{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#fff;transition:transform .5s var(--ease)}.logos span:hover{transform:translateY(-6px) rotate(-4deg);z-index:2}.logos img{width:100%;height:100%;object-fit:cover}.logos span:after{content:"\25c7  Instance";position:absolute;left:6px;top:6px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--accent);color:var(--accent-ink);opacity:0;transition:opacity .3s}.logos span:hover:after{opacity:1}.threads{display:grid;gap:12px}@container (min-width: 760px){.threads{grid-template-columns:1fr 1fr}}.thread{padding:16px;border-radius:16px;background:var(--frame-bg-2);border:1px solid var(--frame-line);display:grid;gap:10px;align-content:start;transition:opacity .4s,transform .5s var(--ease)}.thread.is-hidden{display:none}.thread__top{display:flex;align-items:center;gap:10px}.thread__av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--figma);flex:none}.thread--student .thread__av{background:var(--accent)}.thread__who b{display:block;font-size:14px}.thread__who span{font-size:12px;color:var(--frame-muted)}.thread__res{margin-left:auto;font-size:11px;color:#3bcb7d;font-weight:600;white-space:nowrap}.thread p{margin:0;font-size:15px;line-height:1.55}.thread__foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--frame-muted)}.thread__reply{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--frame-line);font-size:13px}.thread__reply i{width:22px;height:22px;border-radius:50%;background:var(--design);color:#07010c;font-style:normal;font-size:10px;font-weight:700;display:grid;place-items:center;flex:none}.react{border:1px solid var(--frame-line);border-radius:999px;padding:3px 9px;font-size:12px}.react.is-on{border-color:var(--figma);background:#0d99ff26}.lab{display:grid;gap:14px}@container (min-width: 760px){.lab{grid-template-columns:1.15fr 1fr}}.lab-card{padding:20px;border-radius:18px;background:var(--frame-bg-2);border:1px solid var(--frame-line);display:grid;gap:14px;align-content:start}.lab-card header{display:flex;justify-content:space-between;align-items:center;font-size:13px}.drop{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 30%,transparent),var(--frame-bg-2) 60%)}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#07010c}.pill--purple{background:var(--design)}.pill--acid{background:var(--dev)}.drop__tag{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b7d92a}.drop__title{margin:-6px 0 0;font-size:clamp(24px,4cqw,40px);font-weight:500;letter-spacing:-.03em;line-height:1.05}.drop__brief{margin:0;color:var(--frame-muted)}.drop__rules{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}.drop__rules li:before{content:"\2726  ";color:var(--accent-fg)}.drop.is-swap .drop__title,.drop.is-swap .drop__brief{animation:fadeUp .6s var(--ease)}.countdown{padding:14px;border-radius:14px;background:#00000040}.countdown p{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--frame-muted)}.countdown>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.countdown span{padding:8px 2px;border-radius:10px;background:#ffffff0d;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--frame-muted)}.countdown b{display:block;font-size:28px;font-weight:500;color:var(--frame-ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.countdown b.flip{animation:flip .4s var(--ease)}@keyframes flip{0%{transform:translateY(-40%);opacity:0}}.drop__archive>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.arch{padding:6px 10px;border-radius:10px;border:1px solid var(--frame-line);font-size:12px;text-align:left}.arch b{color:var(--accent-fg);margin-right:4px}.arch.is-on{border-color:var(--accent)}.arch--locked{opacity:.5;border-style:dashed}.palette__name{margin:0;font-size:26px;font-weight:500;letter-spacing:-.02em}.palette__name small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--frame-muted);margin-top:4px;font-weight:400}.palette__swatches{display:flex;height:140px;border-radius:14px;overflow:hidden}.sw{flex:1;background:var(--c);color:var(--t);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:8px 6px;transition:flex .5s var(--ease);font-family:var(--mono);font-size:10px}.sw:hover{flex:2.2}.sw__role{writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:auto;opacity:.75;font-family:var(--sans);text-transform:uppercase;letter-spacing:.08em}.palette__preview{border-radius:14px;overflow:hidden;background:var(--p-paper);padding:10px;display:grid;gap:8px}.pp__nav{display:flex;gap:6px}.pp__nav i{height:6px;border-radius:3px;background:var(--p-ink);opacity:.2;flex:1}.pp__nav i:first-child{flex:.4;background:var(--p-primary);opacity:1}.pp__hero{display:grid;gap:6px;padding:12px;border-radius:10px;background:var(--p-ink)}.pp__hero b{height:10px;width:70%;border-radius:4px;background:var(--p-paper)}.pp__hero span{height:6px;width:90%;border-radius:3px;background:var(--p-paper);opacity:.35}.pp__hero em{height:18px;width:40%;border-radius:99px;background:var(--p-accent)}.pp__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pp__cards i{height:30px;border-radius:8px;background:var(--p-primary)}.pp__cards i:nth-child(2){background:var(--p-secondary)}.pp__cards i:nth-child(3){background:var(--p-accent)}.faq__list{display:grid}.acc{border-top:1px solid var(--frame-line)}.acc:last-child{border-bottom:1px solid var(--frame-line)}.acc summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font-size:clamp(17px,2.6cqw,22px);font-weight:500}.acc summary::-webkit-details-marker{display:none}.acc summary:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--accent-fg);transition:transform .4s var(--ease)}.acc[open] summary:after{transform:translateY(-50%) rotate(45deg)}.acc p{margin:0 0 20px;color:var(--frame-muted);line-height:1.6}.contact{display:grid;gap:30px}@container (min-width: 800px){.contact{grid-template-columns:1fr 1fr}}.contact__title{font-size:clamp(40px,9cqw,96px)!important;margin-bottom:26px!important}.promises{list-style:none;margin:0 0 24px;padding:0;counter-reset:p}.promises li{counter-increment:p;display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--frame-line)}.promises li:before{content:"0" counter(p);font-size:12px;color:var(--accent-fg);font-weight:700;padding-top:3px}.mailcopy{display:grid;gap:4px;text-align:left;margin-bottom:14px}.mailcopy span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--frame-muted)}.mailcopy b{font-size:clamp(22px,4.4cqw,36px);font-weight:500;letter-spacing:-.03em;word-break:break-all}.mailcopy:hover b{color:var(--accent-fg)}.socials a{margin-right:14px;font-weight:600}.form{display:grid;gap:10px;padding:20px;border-radius:18px;background:var(--frame-bg-2);border:1px solid var(--frame-line);align-content:start}.form__title{margin:0 0 4px;font-family:var(--serif);font-style:italic;font-size:30px;color:var(--accent-fg)}.field{display:grid;gap:5px;font-size:12px;color:var(--frame-muted)}.field input,.field textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--frame-line);background:var(--frame-bg);color:var(--frame-ink);font:inherit;font-size:16px;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--figma);box-shadow:0 0 0 3px #0d99ff33}.field.is-err input,.field.is-err textarea{border-color:#ff5c7a}.field-row{display:grid;gap:10px}@container (min-width: 520px){.field-row{grid-template-columns:1fr 1fr}}.pills{display:flex;flex-wrap:wrap;gap:6px}.pills input{position:absolute;opacity:0}.pills span{display:inline-block;padding:7px 13px;border-radius:999px;border:1px solid var(--frame-line);font-size:13px;cursor:pointer}.pills input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pills input:focus-visible+span{outline:2px solid var(--figma)}.form__status{margin:0;font-size:13px;min-height:1.2em;color:#3bcb7d}.foot__word{margin:0;font-weight:700;letter-spacing:-.06em;line-height:.85;font-size:15.2cqw;text-align:center}.foot__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;font-size:13px;color:var(--frame-muted)}.foot__row .dot,.acid{color:#9bd12a}.side{position:absolute;z-index:2;color:var(--ui-ink)}.card-styles{width:260px;padding:16px;border-radius:10px;background:var(--chrome);border:1px solid var(--stroke)}.side__h{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--ui-muted)}.styles{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px;font-size:13px}.styles li{display:flex;align-items:center;gap:8px}.styles i{width:22px;height:22px;border-radius:5px;background:var(--c);border:1px solid var(--stroke)}.styles code{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ui-muted)}.ts{margin:0 0 6px}.ts--1{font-size:22px;font-weight:600}.ts--2{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--accent-fg)}.ts--3{font-family:var(--mono);font-size:15px;color:var(--dev)}.sticky-note{width:230px;padding:18px;background:#ffe36e;color:#2a2100;font-size:15px;line-height:1.45;box-shadow:0 16px 30px -12px #00000080;transform:rotate(2deg);font-family:var(--sans)}.sticky-note--pink{background:#ffb8d9;color:#3a0b22;transform:rotate(-2.5deg)}.codeframe{width:360px;border-radius:10px;background:var(--frame-bg);border:1px solid var(--stroke);overflow:hidden}.codeframe__h{margin:0;padding:10px 12px;font-size:12px;color:var(--ui-muted);border-bottom:1px solid var(--stroke);display:flex;gap:6px;align-items:center}.codeframe__h span{font-size:9px;color:#ff5f57}.codeframe__h span:nth-child(2){color:#febc2e}.codeframe__h span:nth-child(3){color:#28c840}.codeframe pre{margin:0;padding:14px;font-family:var(--mono);font-size:12px;line-height:1.7;color:#cfc6da}.codeframe i{color:#7c6f8c}.codeframe b{color:#ff7ac6;font-weight:400}.codeframe s{color:#ffb86b;text-decoration:none}.flow{width:250px;padding:16px;border-radius:10px;background:var(--chrome);border:1px solid var(--stroke)}.flow ol{margin:0;padding:0;list-style:none;display:grid;gap:18px;counter-reset:f}.flow li{counter-increment:f;position:relative;padding:10px 12px;border-radius:8px;background:var(--chrome-2);font-size:13px}.flow li:before{content:counter(f);margin-right:8px;color:var(--dev);font-weight:700}.flow li+li:after{content:"\2193";position:absolute;top:-18px;left:50%;color:var(--figma);font-size:13px}.secret{width:420px}.secret .frame__label{position:static;margin-bottom:8px}.secret__body{padding:26px;border-radius:6px;background:linear-gradient(135deg,#1b0b2a,#0c1a06);border:1px dashed var(--dev)}.secret__kicker{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dev)}.secret__tip{margin:0 0 14px;font-size:22px;line-height:1.3;font-weight:500}.secret__foot{margin:0;font-size:13px;color:var(--ui-muted)}.stk{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;font-weight:700;font-size:16px;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;box-shadow:0 12px 26px -10px #0009}.asset .stk{position:static}.stk--hire{background:var(--dev);color:#07010c;transform:rotate(-6deg)}.stk--kerala{background:#1f9d55;color:#fff;transform:rotate(4deg)}.stk--code{background:#07010c;color:var(--dev);font-family:var(--mono);border:1px solid var(--dev)}.stk--wave{background:#fff;color:#07010c;font-size:26px;padding:8px 12px}.stk--stars{background:#ffe36e;color:#2a2100}.stk--proj{background:var(--design);color:#07010c;transform:rotate(-3deg)}.cpin{position:absolute;transform:translateY(-100%)}.cpin__dot{width:34px;height:34px;border-radius:50% 50% 50% 4px;background:var(--figma);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;box-shadow:0 6px 16px #0006;cursor:pointer}.cpin__box{position:absolute;left:42px;top:0;width:250px;padding:10px;border-radius:12px;background:#fff;color:#0b0610;box-shadow:0 16px 40px #0006;font-size:13px}.cpin__box textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:8px;font:inherit;font-size:14px;resize:none}.cpin__box .row{margin-top:8px;justify-content:space-between}.cpin__box button,.cpin__box a{padding:6px 10px;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none}.cpin__post{background:var(--figma);color:#fff}.cpin__del{color:#999}.cpin__send{background:#0b0610;color:#fff}.cpin__txt{margin:0 0 6px;line-height:1.4}.cpin.is-closed .cpin__box{display:none}.ov{position:absolute;inset:0;pointer-events:none;z-index:40}.hoverbox,.selbox,.marquee,.ghostsel{position:absolute;left:0;top:0;display:none}.hoverbox{border:1.5px solid var(--figma)}.hoverbox span{position:absolute;left:-1px;bottom:calc(100% + 3px);font-size:11px;font-weight:600;color:var(--figma);white-space:nowrap}.selbox{border:1.5px solid var(--figma)}.selbox i{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--figma)}.selbox i:nth-child(1){left:-5px;top:-5px}.selbox i:nth-child(2){right:-5px;top:-5px}.selbox i:nth-child(3){left:-5px;bottom:-5px}.selbox i:nth-child(4){right:-5px;bottom:-5px}.selbox__name{position:absolute;left:-1px;bottom:calc(100% + 4px);font-size:11px;color:#fff;background:var(--figma);padding:3px 6px;border-radius:3px;white-space:nowrap}.selbox__size{position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);font-size:11px;color:#fff;background:var(--figma);padding:3px 6px;border-radius:3px;white-space:nowrap;font-variant-numeric:tabular-nums}.dev-on .selbox,.dev-on .hoverbox,.dev-on .selbox i{border-color:var(--dev)}.dev-on .selbox__name,.dev-on .selbox__size{background:var(--dev);color:#07010c}.dev-on .hoverbox span{color:var(--dev)}.marquee{border:1px solid var(--figma);background:#0d99ff1a}.measure{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.measure line{stroke:#f24822;stroke-width:1}.measure rect{fill:#f24822}.measure text{fill:#fff;font:600 11px var(--sans)}.ghostsel{border:1.5px solid var(--design);transition:all .6s var(--ease)}.ghostsel b{position:absolute;left:-1px;bottom:calc(100% + 3px);font-size:11px;color:#07010c;background:var(--design);padding:2px 6px;border-radius:3px;white-space:nowrap}.codechip{position:absolute;left:0;top:0;display:none;padding:6px 10px;border-radius:8px;background:var(--frame-bg);border:1px solid var(--dev);color:var(--dev);font:12px var(--mono);white-space:nowrap}.mcursor{position:absolute;left:0;top:0;display:none;will-change:transform}.mcursor svg{width:18px;height:18px;stroke:#fff;stroke-width:1}.mcursor--design svg{fill:var(--design)}.mcursor--dev svg{fill:var(--dev)}.mcursor__name{position:absolute;left:16px;top:16px;padding:3px 8px;border-radius:4px 10px 10px;font-size:11px;font-weight:600;white-space:nowrap;color:#07010c}.mcursor--design .mcursor__name{background:var(--design)}.mcursor--dev .mcursor__name{background:var(--dev)}.mcursor__chat{position:absolute;left:16px;top:40px;max-width:220px;padding:8px 12px;border-radius:4px 14px 14px;font-size:13px;font-weight:500;color:#07010c;opacity:0;transform:scale(.8);transform-origin:left top;transition:.35s var(--ease);width:max-content}.mcursor--design .mcursor__chat{background:var(--design)}.mcursor--dev .mcursor__chat{background:var(--dev)}.mcursor.is-chat .mcursor__chat{opacity:1;transform:none}.mcursor.is-chat .mcursor__name{opacity:0}.dev-on .frame__body{outline:1px dashed rgba(216,255,62,.35);outline-offset:-1px}.dev-on [data-name]:not(.frame__body):not(.frame){outline:1px dashed rgba(216,255,62,.5);outline-offset:2px}.dev-on .frame__label{color:var(--dev)}.dock{position:fixed;z-index:55;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:5px;border-radius:14px}.tool,.zoom{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:var(--ui-ink)}.tool svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.tool[data-tool=move] svg{fill:currentColor;stroke:none}.tool:hover,.zoom:hover{background:var(--chrome-2)}.tool.is-on{background:var(--figma);color:#fff}.tool--dev{font-family:var(--mono);font-size:12px;font-weight:600}.tool--dev[aria-pressed=true]{background:var(--dev);color:#07010c}.tool--txt{font-size:16px}.dock__sep{width:1px;height:22px;background:var(--stroke);margin:0 4px}.zoom{width:30px;font-size:16px}.zoom--val{width:54px;font-size:12px;font-variant-numeric:tabular-nums}.minimap{position:fixed;z-index:45;left:calc(var(--lw) + 18px);bottom:12px;width:150px;height:184px;border-radius:10px;cursor:pointer}.ui-toggle{position:fixed;z-index:61;left:calc(var(--lw) + 18px);bottom:206px;width:30px;height:30px;border-radius:8px;font-size:14px}.ui-hidden .ui-toggle{left:8px;transform:scaleX(-1)}.quests{position:fixed;z-index:70;top:var(--top);right:8px;width:330px;max-height:calc(100vh - var(--top) - 80px);overflow-y:auto;padding:14px;font-size:13px}.quests[hidden]{display:none}.quests__head{display:flex;justify-content:space-between;align-items:start}.quests__head .panel__close{display:grid}.quests__role{margin:0;font-size:22px;font-weight:600;color:var(--dev)}.quests__bar{height:8px;border-radius:6px;background:var(--chrome-3);overflow:hidden;margin:10px 0}.quests__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--design),var(--dev));transition:width 1s var(--ease)}.quests__why{margin:0 0 10px}.quests__list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:4px}.quests__list li{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:9px;background:var(--chrome-2)}.quests__list li.done{opacity:.55}.quests__list li.done .q-t{text-decoration:line-through}.q-i{font-size:16px;text-align:center}.q-t b{display:block;font-weight:600}.q-t span{color:var(--ui-muted);font-size:12px}.q-xp{font-weight:700;color:var(--dev);font-size:12px}.quests__list li.done .q-xp{color:#3bcb7d}.q-week{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--design);color:#07010c;margin-left:4px;vertical-align:middle}.pass{padding:12px;border-radius:12px;background:linear-gradient(135deg,#22103a,#16101e);border:1px solid rgba(180,64,255,.35)}.pass__top{display:flex;justify-content:space-between;font-weight:600}.pass__streak{display:flex;align-items:baseline;gap:6px;margin:6px 0}.pass__streak b{font-size:34px;font-weight:500}.pass__weeks{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:8px}.pass__weeks i{height:18px;border-radius:5px;background:#ffffff12}.pass__weeks i.on{background:var(--design)}.pass__weeks i.now{outline:2px solid var(--dev);outline-offset:1px}.pass__bar{height:5px;border-radius:4px;background:var(--chrome-3);overflow:hidden}.pass__bar i{display:block;height:100%;background:var(--design);width:0;transition:width 1s}.reward{margin-top:10px;padding:12px;border-radius:12px;background:var(--dev);color:#07010c;font-weight:600}.reward a{color:#07010c}.present{position:fixed;z-index:80;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:13px}.present[hidden]{display:none}.present button{width:36px;height:36px;border-radius:9px;background:var(--chrome-2)}.present .present__exit{width:auto;padding:0 12px;background:var(--figma);color:#fff;font-weight:600}.presenting .topbar,.presenting .panel,.presenting .dock,.presenting .minimap,.presenting .ui-toggle,.presenting .quests{opacity:0;pointer-events:none}.presenting .frame__label{opacity:0}.proto{position:fixed;inset:0;z-index:90;background:#050209db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:10px;animation:fadeIn .4s var(--ease)}.proto[hidden]{display:none}@keyframes fadeIn{0%{opacity:0}}.proto__bar{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px}.proto__bar .panel__close{display:grid}.proto__stage{flex:1;display:grid;gap:20px;align-items:center;padding:20px 10px;overflow-y:auto;max-width:1200px;width:100%;margin:0 auto}@media (min-width: 900px){.proto__stage{grid-template-columns:1.5fr 1fr}}.proto__device{border-radius:16px;overflow:hidden;background:#111;border:1px solid var(--stroke);box-shadow:0 30px 80px -20px #000c;animation:protoIn .7s var(--ease)}@keyframes protoIn{0%{transform:translateY(40px) scale(.96);opacity:0}}.proto__imgs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.proto__imgs::-webkit-scrollbar{display:none}.proto__imgs img{flex:none;width:100%;scroll-snap-align:start;aspect-ratio:16 / 10;object-fit:cover}.proto__dots{display:flex;justify-content:center;gap:6px;padding:10px}.proto__dots i{width:7px;height:7px;border-radius:50%;background:#ffffff40}.proto__dots i.on{background:#fff}.proto__info h3{margin:0 0 12px;font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-.03em;line-height:1.05}.proto__info p{color:var(--ui-muted);line-height:1.6}.proto__info .tags{margin-bottom:20px}.proto__info .tags li{border-color:var(--stroke)}.proto .btn--ghost{color:var(--ui-ink);border-color:var(--stroke)}.lightbox{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:50px 14px;background:#050209e6}.lightbox[hidden]{display:none}.lightbox img{max-height:84vh;width:auto;border-radius:12px;animation:protoIn .5s var(--ease)}.lightbox .panel__close{display:grid;position:absolute;top:14px;right:14px;background:var(--chrome-2)}.coach{position:fixed;z-index:75;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(420px,calc(100vw - 24px));padding:16px;font-size:14px;line-height:1.5;animation:protoIn .6s var(--ease)}.coach[hidden]{display:none}.coach p{margin:0 0 12px}.coach__h{font-size:16px}.coach .btn--ghost{color:var(--ui-ink);border-color:var(--stroke)}.toast{position:fixed;z-index:95;left:50%;top:calc(64px + env(safe-area-inset-top));transform:translate(-50%,-20px);opacity:0;visibility:hidden;padding:10px 16px;border-radius:12px;background:var(--ui-ink);color:#07010c;font-weight:600;font-size:13px;transition:.4s var(--ease);max-width:calc(100vw - 24px);box-shadow:0 16px 40px #00000080;display:flex;gap:8px;align-items:center}.toast.is-on{transform:translate(-50%);opacity:1;visibility:visible}.toast.is-xp{background:var(--dev)}.t-sw{width:16px;height:16px;border-radius:50%;display:inline-block}@media (min-width: 900px) and (max-width: 1279px){.panel--right{transform:translate(calc(100% + 16px));transition:transform .5s var(--ease),opacity .4s}.has-sel .panel--right,.dev-on .panel--right{transform:none}}@media (max-width: 899px){:root{--top: 56px}.tb-file__crumb,.tb-file__saved,.avatars,.xp-chip__bar,.xp-chip__num{display:none}.tb-file__name{max-width:32vw;overflow:hidden;text-overflow:ellipsis}.fake-sel b{display:none}.tb-btn--primary{padding:0 12px}.panel{top:auto;bottom:0;left:0!important;right:0!important;width:auto!important;max-height:58vh;border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .5s var(--ease);padding-bottom:env(safe-area-inset-bottom);z-index:65}.panel.is-sheet{transform:none}.panel__close{display:grid}.minimap{display:none}.quests{left:8px;right:8px;width:auto}.dock{bottom:calc(10px + env(safe-area-inset-bottom))}.zoom--val{width:48px}.frame{margin-bottom:110px}.hero{min-height:0}.split,.ach{grid-template-columns:1fr}}@media (max-width: 420px){.tool,.zoom{width:34px;height:36px}.zoom{width:26px}.tb-file__name{font-size:12px}.xp-chip{padding:0 8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.tb-pages{display:flex;gap:2px;padding:3px;margin-left:10px;border-radius:9px;background:var(--chrome-2)}.tb-pages a{padding:5px 11px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--ui-muted);text-decoration:none}.tb-pages a:hover{color:var(--ui-ink)}.tb-pages a[aria-current=page]{background:var(--chrome-3);color:var(--ui-ink)}.pages a{display:block;text-decoration:none;color:inherit}.pages li:not(.is-on):not(.is-dim):hover{background:var(--chrome-2)}@media (max-width: 1099px){.tb-pages{display:none}}.page-title{margin:0;font-weight:500;letter-spacing:-.045em;line-height:.95;font-size:clamp(44px,10cqw,124px)}.cta{text-align:center;display:grid;justify-items:center;gap:18px;background:radial-gradient(90% 120% at 50% 100%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 60%),var(--frame-bg)}.cta h2{max-width:18ch}.cta .row{justify-content:center}.toolbar{display:grid;gap:12px;margin-bottom:22px}.search{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;border-radius:12px;background:var(--frame-bg-2);border:1px solid var(--frame-line);color:var(--frame-muted)}.search:focus-within{border-color:var(--figma);box-shadow:0 0 0 3px #0d99ff33}.search input{flex:1;min-width:0;border:0;background:none;color:var(--frame-ink);font:inherit;font-size:16px;outline:none}.fchips{display:flex;flex-wrap:wrap;gap:6px}.fchip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1px solid var(--frame-line);color:var(--frame-ink);font-size:13px;font-weight:600;transition:background .3s,color .3s,border-color .3s}.fchip i{width:8px;height:8px;border-radius:50%;background:var(--c)}.fchip sup{font-size:10px;opacity:.6}.fchip:hover{border-color:var(--frame-ink)}.fchip[aria-pressed=true]{background:var(--frame-ink);color:var(--frame-bg);border-color:var(--frame-ink)}.is-hidden{display:none!important}.pgrid{display:grid;gap:34px 16px;padding-top:16px}@container (min-width: 620px){.pgrid{grid-template-columns:1fr 1fr}}@container (min-width: 980px){.pgrid{grid-template-columns:1fr 1fr 1fr}}.pcard{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:16px;background:var(--frame-bg-2);border:1px solid var(--frame-line);transition:transform .5s var(--ease),border-color .3s,box-shadow .4s}.pcard:hover{transform:translateY(-5px);border-color:var(--c);box-shadow:0 24px 50px -24px color-mix(in srgb,var(--c) 70%,transparent)}.pcard__file{position:absolute;top:-22px;left:2px;font-size:11.5px;color:var(--frame-muted);white-space:nowrap}.pcard:hover .pcard__file{color:var(--figma)}.pcard__thumb{position:relative;aspect-ratio:16 / 10;border-radius:15px 15px 0 0;overflow:hidden;background:#1a1024}.pcard__thumb>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.pcard:hover .pcard__thumb>img{transform:scale(1.05)}.pcard__open{position:absolute;right:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:#07010cbf;color:#fff;font-size:12px;font-weight:600;opacity:0;transform:translateY(8px);transition:.4s var(--ease);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pcard:hover .pcard__open{opacity:1;transform:none}.pcard__info{padding:16px;display:grid;gap:8px}.pcard__info h3{margin:0;font-size:21px;font-weight:500;letter-spacing:-.02em}.pcard__info p{margin:0;font-size:14px;line-height:1.5;color:var(--frame-muted)}.pcard__sector{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--frame-muted)}.pcard__sector i{width:8px;height:8px;border-radius:50%;background:var(--c)}.pcard__foot{font-size:12px;color:var(--frame-muted);padding-top:8px;border-top:1px solid var(--frame-line)}.cover-art{position:relative;width:100%;height:100%;min-height:180px;display:grid;place-items:center;align-content:center;gap:6px;overflow:hidden;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--c) 70%,#07010C),#07010c 70%);color:#fff;text-align:center;padding:20px}.cover-art__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px}.cover-art b{position:relative;font-size:64px;font-weight:700;letter-spacing:-.05em;line-height:1;color:var(--c)}.cover-art__t{position:relative;font-family:var(--serif);font-style:italic;font-size:22px}.cover-art__s{position:relative;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}:root{--case: var(--accent)}body[data-page=case] .frame em,body[data-page=case] .eyebrow+h2 em{color:var(--case)}.cs-cover{background:radial-gradient(100% 70% at 80% 0%,color-mix(in srgb,var(--case) 28%,transparent),transparent 60%),var(--frame-bg)}.cs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.pill--case{background:var(--case);color:#07010c}.cs-chip{padding:5px 11px;border-radius:999px;border:1px solid var(--frame-line);font-size:12px;font-weight:600}.cs-title{margin:0;font-weight:500;letter-spacing:-.05em;line-height:.95;font-size:clamp(44px,10.5cqw,132px)}.cs-title em{font-size:1.05em}.cs-desc{margin:20px 0 26px;max-width:640px;font-size:clamp(17px,2.2cqw,21px);line-height:1.5;color:var(--frame-muted)}.cs-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 0 26px;border-radius:14px;overflow:hidden;background:var(--frame-line);border:1px solid var(--frame-line)}@container (min-width: 760px){.cs-meta{grid-template-columns:repeat(4,1fr)}}.cs-meta div{padding:14px 16px;background:var(--frame-bg)}.cs-meta dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--frame-muted);margin-bottom:4px}.cs-meta dd{margin:0;font-weight:600;font-size:15px}.cs-hero{margin-top:36px}.cs-hero .cover-art{aspect-ratio:16 / 9;border-radius:16px}.browser{border-radius:14px;overflow:hidden;background:#111;border:1px solid var(--frame-line);box-shadow:0 30px 60px -30px #000000b3}.browser__bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#1b1522}.browser__bar i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.browser__bar i:nth-child(2){background:#febc2e}.browser__bar i:nth-child(3){background:#28c840}.browser__bar span{flex:1;margin-left:10px;padding:4px 10px;border-radius:6px;background:#ffffff0f;color:#ffffff8c;font-size:11px;font-family:var(--mono);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser img{width:100%;display:block}.cs-two{display:grid;gap:22px}@container (min-width: 760px){.cs-two{grid-template-columns:.9fr 1.4fr;gap:40px}}.cs-lead{margin:0 0 20px;font-size:clamp(18px,2.5cqw,24px);line-height:1.45;letter-spacing:-.01em}.cs-h{margin:18px 0 8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--frame-muted)}.cs-goals{margin:0;padding-left:20px;display:grid;gap:8px}.cs-flow{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:28px}@container (min-width: 760px){.cs-flow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:36px}}.cs-flow li{position:relative;padding:16px;border-radius:12px;background:var(--frame-bg-2);border:1px solid var(--frame-line)}.cs-flow li span{font-size:12px;font-weight:700;color:var(--case)}.cs-flow li b{display:block;margin:6px 0;font-size:17px}.cs-flow li p{margin:0;font-size:14px;color:var(--frame-muted)}.cs-flow li+li:before{content:"";position:absolute;left:50%;top:-28px;height:28px;border-left:2px solid var(--figma)}@container (min-width: 760px){.cs-flow li+li:before{left:-36px;top:50%;width:36px;height:0;border-left:0;border-top:2px solid var(--figma)}}.cs-img{margin:26px 0 0;border-radius:14px;overflow:hidden;border:1px solid var(--frame-line)}.cs-wires{display:grid;gap:12px}@container (min-width: 700px){.cs-wires{grid-template-columns:1fr 1fr}}.cs-img--wire img{filter:grayscale(1) contrast(1.05)}.cs-screens{display:grid;gap:22px;margin-top:28px}.cs-screen{cursor:zoom-in}.cs-pal{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.cs-sw{text-align:left;border-radius:12px;overflow:hidden;background:var(--frame-bg-2);border:1px solid var(--frame-line)}.cs-sw i{display:block;height:70px;background:var(--c)}.cs-sw b,.cs-sw span{display:block;padding:0 10px;font-size:13px}.cs-sw b{padding-top:8px}.cs-sw span{padding-bottom:10px;color:var(--frame-muted);font-family:var(--mono);font-size:11px}.cs-fonts{display:grid;gap:10px;margin-top:14px}.cs-fonts div{display:flex;align-items:baseline;gap:14px;padding:12px 14px;border-radius:12px;background:var(--frame-bg-2)}.cs-fonts b{font-size:34px}.cs-fonts em{margin-left:auto;font-style:normal;color:var(--frame-muted);font-size:13px}.cs-quote{background:radial-gradient(80% 100% at 0% 0%,color-mix(in srgb,var(--case) 18%,transparent),transparent 60%),var(--frame-bg)}.cs-thread{max-width:760px}.cs-thread p{font-size:clamp(18px,2.4cqw,22px);line-height:1.5}.cs-next{display:grid;gap:22px}.cs-nextcard{display:grid;gap:0;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;background:var(--frame-bg-2);border:1px solid var(--frame-line);transition:transform .5s var(--ease),border-color .3s}@container (min-width: 700px){.cs-nextcard{grid-template-columns:1fr 1.2fr}}.cs-nextcard:hover{transform:translateY(-4px);border-color:var(--c)}.cs-nextcard__t{padding:26px;display:grid;gap:10px;align-content:center}.cs-nextcard__t b{font-size:clamp(26px,4.4cqw,44px);font-weight:500;letter-spacing:-.03em;line-height:1.05}.cs-nextcard__t em{font-style:normal;color:var(--c);font-weight:600;font-family:var(--sans)}.cs-nextcard__img{min-height:200px}.cs-nextcard__img img{width:100%;height:100%;object-fit:cover}.cs-nextcard .pcard__sector i{background:var(--c)}.cs-empty{display:grid;gap:10px;background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(13,153,255,.04) 12px 24px),var(--frame-bg)}.ph{display:grid;gap:4px;padding:20px;border:1.5px dashed var(--figma);border-radius:12px;color:var(--frame-muted);margin-top:12px}.ph b{color:var(--figma)}.ph code{font-family:var(--mono);font-size:.9em}.finfo{margin:0;display:grid;gap:6px;font-size:13px}.finfo div{display:flex;justify-content:space-between;gap:10px}.finfo dt{color:var(--ui-muted)}.finfo dd{margin:0;text-align:right}.finfo-sw{height:60px;border-radius:8px;background:var(--c);margin-bottom:6px}.card-styles code{font-family:var(--mono);font-size:12px;color:var(--ui-muted)}.wgrid{display:grid;gap:16px}@container (min-width: 700px){.wgrid{grid-template-columns:1fr 1fr}}@container (min-width: 1000px){.wgrid{grid-template-columns:1fr 1fr 1fr}}.wcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;background:var(--frame-bg-2);border:1px solid var(--frame-line);transition:transform .5s var(--ease),border-color .3s}.wcard:hover{transform:translateY(-5px);border-color:var(--accent)}.wcard__cover{position:relative;aspect-ratio:16 / 9;overflow:hidden}.wcard__cover img{width:100%;height:100%;object-fit:cover}.wcard__info{padding:16px;display:grid;gap:8px;align-content:start}.wcard__meta{font-size:12px;color:var(--frame-muted)}.wcard h3{margin:0;font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.2}.wcard p{margin:0;font-size:14px;line-height:1.5;color:var(--frame-muted)}.wcard__tags{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--accent-fg)}.wcard__tags i{font-style:normal}.wcard--big{display:grid}@container (min-width: 760px){.wcard--big{grid-template-columns:1.2fr 1fr}.wcard--big .wcard__cover{aspect-ratio:auto;min-height:320px}.wcard--big .wcard__info{padding:30px;align-content:center}}.wcard--big h3{font-size:clamp(26px,4cqw,40px);line-height:1.08}.post-art{position:relative;width:100%;height:100%;min-height:160px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:radial-gradient(120% 140% at 100% 0%,var(--c),color-mix(in srgb,var(--c) 30%,#07010C) 55%,#07010C);color:#fff;overflow:hidden}.post-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:16px 16px;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}.post-art span{position:relative;font-family:var(--serif);font-style:italic;font-size:clamp(22px,3.2cqw,34px);line-height:1.05;max-width:16ch}.post-art i{position:absolute;top:16px;left:18px;font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#00000059}.sample{position:absolute;top:10px;right:10px;z-index:2;padding:3px 8px;border-radius:6px;background:var(--dev);color:#07010c;font-size:11px;font-weight:700;font-family:var(--sans);font-style:normal;letter-spacing:0}.post__tags .sample{position:static;margin-left:10px}.reader,.composer{position:fixed;inset:0;z-index:92;display:flex;flex-direction:column;background:var(--canvas);animation:fadeIn .35s var(--ease)}.reader__bar{position:relative;display:flex;align-items:center;gap:8px;margin:8px;padding:10px 14px;font-size:13px}.reader__bar b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reader__bar .panel__close{display:grid;margin-left:auto}.reader__prog{position:absolute;left:12px;right:12px;bottom:-1px;height:2px}.reader__prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--dev))}.reader__scroll{flex:1;overflow-y:auto;outline:none;overscroll-behavior:contain;padding:0 16px 80px}.post{max-width:720px;margin:0 auto;color:var(--ui-ink)}.post__head{padding:36px 0 26px}.post__tags{margin:0 0 14px;font-size:13px;color:var(--accent-fg);font-weight:600}.post h1{margin:0;font-size:clamp(36px,6vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1.02}.post__excerpt{margin:18px 0 22px;font-size:clamp(18px,2.2vw,22px);line-height:1.5;color:var(--ui-muted)}.post__by{display:flex;align-items:center;gap:12px;font-size:14px}.post__by .av{width:38px;height:38px;margin:0;font-size:14px}.post__by b{display:block}.post__by span span{font-size:13px}.post__cover{position:relative;margin:0 -8px 34px;border-radius:18px;overflow:hidden;aspect-ratio:16 / 8}.post__cover img{width:100%;height:100%;object-fit:cover}.post__body{font-size:19px;line-height:1.75;color:#ede8f3e0}.post__body h2{margin:48px 0 12px;font-size:30px;font-weight:500;letter-spacing:-.025em;line-height:1.15;color:var(--ui-ink)}.post__body h3{margin:34px 0 10px;font-size:22px;font-weight:600;color:var(--ui-ink)}.post__body p{margin:0 0 20px}.post__body a{color:var(--accent-fg)}.post__body strong{color:var(--ui-ink)}.post__body ul,.post__body ol{margin:0 0 22px;padding-left:24px}.post__body li{margin-bottom:8px}.post__body blockquote{margin:34px 0;padding:6px 0 6px 22px;border-left:3px solid var(--accent);font-family:var(--serif);font-style:italic;font-size:28px;line-height:1.3;color:var(--ui-ink)}.post__body blockquote p{margin:0}.post__body code{font-family:var(--mono);font-size:.85em;padding:2px 6px;border-radius:5px;background:var(--chrome-2)}.post__body pre{margin:0 0 22px;padding:18px;border-radius:12px;background:var(--frame-bg);border:1px solid var(--stroke);overflow-x:auto}.post__body pre code{background:none;padding:0;font-size:14px;line-height:1.6}.post__body hr{border:0;height:1px;margin:40px 0;background:var(--stroke)}.post__body figure{margin:30px 0}.post__body figure img{border-radius:14px}.post__body figcaption{margin-top:8px;font-size:14px;color:var(--ui-muted);text-align:center}.post__body ::selection{background:var(--accent);color:#07010c}.post__foot{margin-top:50px;padding-top:26px;border-top:1px solid var(--stroke)}.post__foot .btn--ghost{color:var(--ui-ink);border-color:var(--stroke)}.post__nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.post__nav a{padding:16px;border-radius:14px;background:var(--chrome);border:1px solid var(--stroke);text-decoration:none;display:grid;gap:4px}.post__nav a:hover{border-color:var(--accent)}.post__nav a.r{text-align:right}.post__nav span{font-size:12px;color:var(--ui-muted)}.post__nav b{font-weight:500}.quotebar{position:fixed;z-index:95;display:flex;gap:2px;padding:4px;border-radius:10px}.quotebar button{padding:7px 10px;border-radius:7px;font-size:12.5px;font-weight:600;white-space:nowrap}.quotebar button:hover{background:var(--figma);color:#fff}.composer__grid{flex:1;min-height:0;display:grid;gap:8px;padding:0 8px 8px}@media (min-width: 1000px){.composer__grid{grid-template-columns:1fr 1fr}}.composer__form,.composer__preview{overflow-y:auto;padding:18px;border-radius:14px;background:var(--chrome);border:1px solid var(--stroke);display:grid;gap:10px;align-content:start}.composer .field{color:var(--ui-muted)}.composer .field input,.composer .field textarea{background:var(--chrome-2);border-color:var(--stroke);color:var(--ui-ink)}.composer .field textarea{font-family:var(--mono);font-size:14px;line-height:1.6}.composer .field input[type=color]{height:46px;padding:4px}.composer .field-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.composer .btn--ghost{color:var(--ui-ink);border-color:var(--stroke)}.check{display:flex;gap:8px;align-items:center;font-size:14px}.mdtools{display:flex;flex-wrap:wrap;gap:4px}.mdtools button{padding:6px 10px;border-radius:7px;background:var(--chrome-2);font-size:12px;font-weight:600}.mdtools button:hover{background:var(--figma);color:#fff}.composer__preview .post__head{padding-top:10px}@media (max-width: 899px){.composer__grid{overflow-y:auto}.composer__form,.composer__preview{overflow:visible}}@media (max-width: 600px){.reader__bar>.muted:first-child{display:none}}html:not(.js) .viewport{position:static;overflow:visible}html:not(.js) .world{position:static;transform:none}html:not(.js) .loader,html:not(.js) .ov,html:not(.js) .side{display:none}.no-anim .rv{opacity:1!important;transform:none!important}.hero__kw{display:flex;width:fit-content;align-items:center;gap:10px;margin-top:.55em;padding:9px 16px;border-radius:999px;border:1px solid var(--frame-line);background:var(--frame-bg-2);font-family:var(--sans);font-style:normal;font-size:clamp(14px,2.1cqw,19px);font-weight:500;letter-spacing:0;line-height:1.2;color:var(--frame-ink)}.hero__kw i{font-style:normal;color:var(--accent-fg);font-size:.8em}.hero__hey{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--figma)}.hero__hey b{color:var(--frame-ink)}#heroHello.is-new{animation:helloIn .9s var(--ease)}@keyframes helloIn{0%{opacity:0;transform:translateY(30%);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.h2--mid{font-size:clamp(30px,5.6cqw,64px)!important;line-height:1.04!important}.subhead{margin:0 0 18px;font-size:clamp(18px,2.4cqw,22px);font-weight:500;letter-spacing:-.01em;color:var(--frame-muted)}.thread blockquote{margin:0}.thread figcaption{display:block}.svc-grid{display:grid;gap:10px}@container (min-width: 620px){.svc-grid{grid-template-columns:1fr 1fr}}@container (min-width: 980px){.svc-grid{grid-template-columns:repeat(3,1fr)}}.svc{position:relative;padding:20px;border-radius:16px;background:var(--frame-bg-2);border:1px solid var(--frame-line);transition:border-color .3s,transform .5s var(--ease)}.svc:hover{border-color:var(--accent);transform:translateY(-3px)}.svc__n{font-size:12px;font-weight:700;color:var(--accent-fg)}.svc h3{margin:8px 0 6px;font-size:20px;font-weight:600;letter-spacing:-.01em}.svc p{margin:0;font-size:14.5px;line-height:1.55;color:var(--frame-muted)}.svc-process{margin-top:26px}.svc-process ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}@container (min-width: 700px){.svc-process ol{grid-template-columns:repeat(4,1fr);gap:30px}}.svc-process li{position:relative;padding:14px 16px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--figma) 55%,transparent);display:grid;gap:2px}.svc-process li b{font-size:16px}.svc-process li span{font-size:13px;color:var(--frame-muted)}.svc-process li+li:before{content:"\2192";position:absolute;left:50%;top:-22px;color:var(--figma);transform:rotate(90deg)}@container (min-width: 700px){.svc-process li+li:before{left:-24px;top:50%;transform:translateY(-50%)}}.svc-where{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}.svc-where span{padding:7px 13px;border-radius:999px;border:1px solid var(--frame-line);font-size:13px}.foot__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:22px;font-size:14px}.foot__nav a{text-decoration:none;color:var(--frame-muted)}.foot__nav a:hover{color:var(--frame-ink)}.foot__seo{margin:14px 0 0;text-align:center;font-size:13px;color:var(--frame-muted)}.foot__seo a{color:var(--frame-ink)}.coach__kicker{margin:0 0 6px;font-size:12px;color:var(--figma);font-weight:600}.coach__h{font-size:20px!important;font-weight:600;letter-spacing:-.01em;line-height:1.25}.coach__form{display:flex;gap:8px;margin:0 0 10px}.coach__form input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--stroke);background:var(--chrome-2);color:var(--ui-ink);font:inherit;font-size:16px}.coach__form input:focus{outline:none;border-color:var(--figma);box-shadow:0 0 0 3px #0d99ff40}.coach__form .btn{height:44px}.coach__note{font-size:12.5px;color:var(--ui-muted);margin:0 0 6px!important}.coach__link{font-size:13px;color:var(--ui-muted);text-decoration:underline;text-underline-offset:3px}.coach__link:hover{color:var(--ui-ink)}.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (max-width: 420px){.coach__form{flex-direction:column}}.fake-sel b:after{content:attr(data-label)}.toast{display:block;text-align:center}.t-sw{vertical-align:-3px;margin-right:6px}@media (max-width: 420px){.coach__form input{flex:none;width:100%;height:46px}}body:after{content:"";position:fixed;inset:0;z-index:74;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 45%,#0b061073,#050209c7);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity .5s var(--ease),backdrop-filter .5s var(--ease),-webkit-backdrop-filter .5s var(--ease)}.coach-open body:after{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(8px) saturate(.9);backdrop-filter:blur(8px) saturate(.9)}.coach-open .coach{z-index:76;top:50%;bottom:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0d99ff59,0 30px 90px -20px #000000e6;animation:coachIn .6s var(--ease)}@keyframes coachIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 24px)) scale(.97)}}.coach-open .mcursor{opacity:0!important}.mcursor--you svg{fill:var(--figma)}.mcursor--you .mcursor__name,.mcursor--you .mcursor__chat{background:var(--figma);color:#fff}.av--design{font-family:var(--mono);font-size:9px}.codechip{border-color:var(--figma);color:#7fd4ff}@media (min-width: 760px) and (max-width: 1099px){.tb-pages{display:flex}.tb-file__crumb,.tb-file__saved,.avatars{display:none}}@media (min-width: 900px) and (max-width: 1099px){.xp-chip__bar{display:none}}.topbar{z-index:62}.bento{display:grid;gap:12px;grid-template-columns:1fr}@container (min-width: 620px){.bento{grid-template-columns:1fr 1fr}.tile--shop{grid-column:1 / -1}}@container (min-width: 900px){.bento{grid-template-columns:repeat(4,1fr);grid-template-areas:"shop shop ux web" "shop shop code own"}.tile--shop{grid-area:shop}.tile--ux{grid-area:ux}.tile--web{grid-area:web}.tile--code{grid-area:code}.tile--own{grid-area:own}}.tile{--mx: 50%;--my: 0%;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;background:radial-gradient(420px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),var(--frame-bg-2);border:1px solid var(--frame-line);transition:border-color .4s,transform .6s var(--ease)}.tile:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);transform:translateY(-3px)}.tile h3{margin:4px 0 0;font-size:clamp(20px,2.4cqw,26px);font-weight:500;letter-spacing:-.02em;line-height:1.15}.tile h3 em{color:var(--accent-fg)}.tile p{margin:0;font-size:14.5px;line-height:1.55;color:var(--frame-muted)}.tile__tag{align-self:flex-start;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--accent);color:var(--accent-ink);letter-spacing:.02em}.tile__chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tile__chips li{padding:5px 11px;border-radius:999px;border:1px solid var(--frame-line);font-size:12.5px}.tile--shop{background:radial-gradient(520px circle at var(--mx) var(--my),rgba(149,191,71,.18),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--accent) 14%,var(--frame-bg-2)),var(--frame-bg-2) 55%)}.tile--shop .tile__tag{background:#5e8e3e}.tile--shop h3{font-size:clamp(26px,4.2cqw,44px);line-height:1.02}@container (min-width: 620px){.tile--shop{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}.tile--shop .tile__tag{grid-column:1 / -1}}@container (min-width: 900px){.tile--shop{grid-template-columns:1fr;align-content:space-between}}.mini-store{border-radius:14px;overflow:hidden;background:#fbfaf7;color:#1b1b1b;box-shadow:0 24px 50px -24px #000000b3;font-family:var(--sans);transform:rotate(-1.5deg);transition:transform .6s var(--ease)}.tile--shop:hover .mini-store{transform:rotate(0) translateY(-4px)}.ms-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#efece6;font-size:11px}.ms-bar i{width:7px;height:7px;border-radius:50%;background:#ff5f57}.ms-bar i:nth-child(2){background:#febc2e}.ms-bar i:nth-child(3){background:#28c840}.ms-bar span{flex:1;margin-left:6px;color:#777;font-family:var(--mono)}.ms-cart{padding:2px 8px;border-radius:999px;background:#1f7a3e;color:#fff;font-weight:600}.ms-cart em{font-style:normal;display:inline-block;animation:cartBump 3.2s var(--ease) infinite}@keyframes cartBump{0%,60%,to{transform:none}70%{transform:scale(1.6)}}.ms-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:14px;background:linear-gradient(120deg,#1f7a3e,#5e8e3e);color:#fff}.ms-hero b{font-size:16px;line-height:1.15}.ms-btn{padding:6px 10px;border-radius:999px;background:#ffd34d;color:#1b1b1b;font-size:11px;font-weight:700;white-space:nowrap}.ms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px}.ms-p{position:relative;display:grid;gap:1px;padding:8px 6px;border-radius:10px;background:#fff;border:1px solid #ECE8E0;text-align:center;font-size:11px}.ms-p span{font-size:22px;line-height:1.2}.ms-p em{font-style:normal;color:#1f7a3e;font-weight:700}.ms-p i{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:#1f7a3e;color:#fff;font-style:normal;font-size:12px;line-height:16px;animation:addPulse 3.2s var(--ease) infinite}.ms-p:nth-child(2) i{animation-delay:.8s}.ms-p:nth-child(3) i{animation-delay:1.6s}.ms-p:nth-child(4) i{animation-delay:2.4s}@keyframes addPulse{0%,15%,to{transform:none;box-shadow:none}8%{transform:scale(1.35);box-shadow:0 0 0 5px #1f7a3e40}}.mini-wire{position:relative;height:120px;border-radius:12px;border:1px dashed var(--frame-line);padding:12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:10px 1fr 8px 8px;gap:7px}.mini-wire b{border-radius:5px;border:1.5px solid var(--frame-muted);background:transparent;animation:toUI 6s var(--ease) infinite}.mw-nav{grid-column:1 / -1}.mw-img{grid-row:2 / 5}.mw-l1{grid-column:2}.mw-l2{grid-column:2;width:70%}.mw-btn{grid-column:2;grid-row:2;align-self:end;height:18px;width:60%;border-radius:999px!important}.mw-img{--ui: linear-gradient(135deg, var(--accent), #FF7AC6)}.mw-nav{--ui: var(--frame-ink)}.mw-l1,.mw-l2{--ui: color-mix(in srgb, var(--frame-ink) 40%, transparent)}.mw-btn{--ui: var(--dev)}@keyframes toUI{0%,38%{background:transparent;border-color:color-mix(in srgb,var(--frame-ink) 35%,transparent)}50%,88%{background:var(--ui);border-color:transparent}to{background:transparent}}.mw-lbl{position:absolute;top:-9px;right:10px;display:grid}.mw-lbl i{grid-area:1 / 1;font-style:normal;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--figma);color:#fff;animation:lblA 6s infinite}.mw-lbl i+i{background:var(--accent);color:#07010c;animation-name:lblB}@keyframes lblA{0%,44%{opacity:1}50%,94%{opacity:0}to{opacity:1}}@keyframes lblB{0%,44%{opacity:0}50%,94%{opacity:1}to{opacity:0}}.mini-check{list-style:none;margin:0;padding:12px;border-radius:12px;background:#0000002e;display:grid;gap:6px;font-size:13px}.mini-check li{display:flex;align-items:center;gap:8px}.mini-check li:before{content:"\2713";width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--dev) 20%,transparent);color:var(--dev);animation:tick 4s var(--ease) infinite}.mini-check li:nth-child(2):before{animation-delay:.3s}.mini-check li:nth-child(3):before{animation-delay:.6s}.mini-check li:nth-child(4):before{animation-delay:.9s}@keyframes tick{0%,to{transform:scale(1)}10%{transform:scale(1.3);background:var(--dev);color:#07010c}20%{transform:scale(1)}}.mini-toggles{display:grid;gap:8px;padding:12px;border-radius:12px;background:#0000002e;font-size:13px}.mini-toggles span{display:flex;align-items:center;gap:10px}.mini-toggles i{position:relative;width:32px;height:18px;border-radius:999px;background:var(--frame-line);animation:tgBg 4.5s var(--ease) infinite}.mini-toggles i:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;animation:tgKnob 4.5s var(--ease) infinite}.mini-toggles span:nth-child(2) i,.mini-toggles span:nth-child(2) i:after{animation-delay:.4s}.mini-toggles span:nth-child(3) i,.mini-toggles span:nth-child(3) i:after{animation-delay:.8s}@keyframes tgBg{0%,15%{background:var(--frame-line)}25%,85%{background:var(--accent)}to{background:var(--frame-line)}}@keyframes tgKnob{0%,15%{transform:none}25%,85%{transform:translate(14px)}to{transform:none}}.mini-admin{display:grid;gap:6px;padding:12px;border-radius:12px;background:#0000002e;font-size:12.5px}.ma-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--frame-bg)}.ma-row b{flex:1;font-weight:500}.ma-row em{font-style:normal;font-size:11px;color:#3bcb7d}.ma-pub{justify-self:end;padding:5px 12px;border-radius:7px;background:var(--figma);color:#fff;font-weight:600;font-size:12px;animation:pub 4s var(--ease) infinite}@keyframes pub{0%,60%,to{transform:none;filter:none}66%{transform:scale(.92);filter:brightness(1.3)}72%{transform:none}}.z2l{position:relative;margin-top:14px;padding:24px;border-radius:20px;border:1px dashed color-mix(in srgb,var(--figma) 55%,transparent);background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(13,153,255,.03) 14px 28px)}.z2l__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;margin-bottom:22px}.z2l__head h3{margin:0;font-size:clamp(22px,3.2cqw,34px);font-weight:500;letter-spacing:-.02em}.z2l__head h3 em{color:var(--accent-fg)}.z2l__head p{margin:0;font-size:13px;color:var(--frame-muted)}.z2l__steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:1fr 1fr;position:relative;z-index:1}@container (min-width: 760px){.z2l__steps{grid-template-columns:repeat(6,1fr)}}.z2l__steps li{display:grid;gap:2px;padding:14px 12px;border-radius:14px;background:var(--frame-bg);border:1px solid var(--frame-line);animation:stepOn 7.2s var(--ease) infinite}.z2l__steps li:nth-child(2){animation-delay:1s}.z2l__steps li:nth-child(3){animation-delay:2s}.z2l__steps li:nth-child(4){animation-delay:3s}.z2l__steps li:nth-child(5){animation-delay:4s}.z2l__steps li:nth-child(6){animation-delay:5s}@keyframes stepOn{0%,to{border-color:var(--frame-line)}6%,16%{border-color:var(--figma);box-shadow:0 0 0 3px #0d99ff2e}24%{box-shadow:none}}.z2l__steps span{font-size:11px;font-weight:700;color:var(--figma)}.z2l__steps b{font-size:17px;font-weight:600}.z2l__steps i{font-style:normal;font-size:12.5px;color:var(--frame-muted)}.z2l__steps .is-live{background:linear-gradient(160deg,rgba(59,203,125,.16),var(--frame-bg))}.z2l__steps .is-live b:after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:#3bcb7d;box-shadow:0 0 #3bcb7d99;animation:live 2s infinite;vertical-align:middle}.z2l__track{display:none}@container (min-width: 760px){.z2l__track{display:block;position:absolute;left:24px;right:24px;bottom:14px;height:2px;background:var(--frame-line);border-radius:2px;overflow:visible}.z2l__track i{position:absolute;inset:0;background:linear-gradient(90deg,var(--figma),var(--accent),#3BCB7D);transform-origin:left;animation:trackFill 7.2s linear infinite}.z2l__track b{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--figma);animation:trackDot 7.2s linear infinite}}@keyframes trackFill{0%{transform:scaleX(0)}85%,to{transform:scaleX(1)}}@keyframes trackDot{0%{left:0}85%,to{left:calc(100% - 10px)}}.svc2 .svc-where{margin-top:18px}.tile__tag{justify-self:start}.z2l__steps{grid-template-columns:1fr 1fr}@container (min-width: 620px){.z2l__steps{grid-template-columns:repeat(3,1fr)}}@container (min-width: 760px){.z2l__track{display:none}}@container (min-width: 1000px){.z2l__steps{grid-template-columns:repeat(6,1fr)}.z2l{padding-bottom:34px}.z2l__track{display:block}}.mini-check li:before{content:"\2713\fe0e";font-family:var(--mono)}@container (max-width: 520px){.ms-grid{grid-template-columns:repeat(2,1fr)}.mini-store{transform:none}}.mini-check li:before{content:"";background:color-mix(in srgb,var(--dev) 20%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-4.9' fill='none' stroke='%23D8FF3E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat}@keyframes tick{0%,to{transform:scale(1)}10%{transform:scale(1.3)}20%{transform:scale(1)}}.sh{position:relative;isolation:isolate}.sh__rule{display:flex;align-items:center;gap:10px;margin-bottom:18px}.sh__rule .eyebrow{margin:0;white-space:nowrap;color:var(--frame-ink);font-weight:600}.sh__chip{flex:none;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;background:var(--accent);color:var(--accent-ink);letter-spacing:.02em;font-variant-numeric:tabular-nums}.sh__line{flex:1;min-width:20px;height:1px;background:linear-gradient(90deg,var(--frame-line),color-mix(in srgb,var(--figma) 60%,transparent));transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--ease) .15s}.sh__spec{flex:none;font-family:var(--mono);font-size:11px;color:var(--figma);opacity:0;transition:opacity .6s .9s;white-space:nowrap}.sh.sh-in .sh__line{transform:none}.sh.sh-in .sh__spec{opacity:.85}.fhead--center .sh__rule{justify-content:center}.fhead--center .sh__line{max-width:120px}@container (max-width: 560px){.sh__spec{display:none}}@property --rv{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.sh h1,.sh h2{position:relative;-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--rv) - 10%),transparent calc(var(--rv) + 6%));mask-image:linear-gradient(90deg,#000 calc(var(--rv) - 10%),transparent calc(var(--rv) + 6%))}.sh.sh-in h1,.sh.sh-in h2{animation:scanIn 1.3s var(--ease) forwards}@keyframes scanIn{0%{--rv: 0%}to{--rv: 120%}}.sh__caret{display:inline-block;width:3px;height:.82em;margin-left:.08em;vertical-align:-.04em;background:var(--figma);border-radius:1px;opacity:0}.sh.sh-in .sh__caret{animation:caretIn .01s 1.1s forwards,caretBlink 1.05s steps(1) 1.1s 5,caretOut .3s 6.4s forwards}@keyframes caretIn{to{opacity:1}}@keyframes caretBlink{50%{opacity:0}}@keyframes caretOut{to{opacity:0}}.sh h1 em,.sh h2 em{border-radius:4px;transition:background .4s}.sh.sh-in h1 em,.sh.sh-in h2 em{animation:textSel 2.2s var(--ease) .9s}@keyframes textSel{0%,to{background:transparent;box-shadow:none}15%,70%{background:#0d99ff38;box-shadow:0 0 0 2px #0d99ff38}}.sh__num{position:absolute;z-index:-1;top:-.18em;right:-.04em;font-size:clamp(90px,22cqw,260px);font-weight:700;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--frame-ink) 14%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease) .2s,transform 1.2s var(--ease) .2s}.sh.sh-in .sh__num{opacity:1;transform:none}.fhead--center>.sh__num{right:50%;transform:translate(50%,20px)}.fhead--center.sh-in>.sh__num{transform:translate(50%)}.contact .sh__num,.about__text .sh__num{font-size:clamp(90px,16cqw,200px)}.sh__note{position:relative;margin-top:20px;padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--frame-bg-2) 85%,transparent);border:1px solid var(--frame-line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:translateY(12px);transition:opacity .8s var(--ease) .5s,transform .8s var(--ease) .5s}.sh.sh-in .sh__note{opacity:1;transform:none}.sh__note .fhead__sub{margin:0;max-width:none}.sh__pin{position:absolute;top:-10px;left:14px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--figma);color:#fff;letter-spacing:.02em}.sh__note:before{content:"";position:absolute;left:22px;top:-22px;height:12px;border-left:1.5px dashed color-mix(in srgb,var(--figma) 70%,transparent)}@container (min-width: 760px){.fhead--row>.sh__note{margin-top:0;align-self:end}.fhead--row>.sh__note:before{left:-26px;top:50%;width:22px;height:0;border-left:0;border-top:1.5px dashed color-mix(in srgb,var(--figma) 70%,transparent)}}.fhead--center .sh__note{max-width:560px;margin-left:auto;margin-right:auto;text-align:left}.no-anim .sh h1,.no-anim .sh h2{-webkit-mask-image:none;mask-image:none}.no-anim .sh__note,.no-anim .sh__num{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.sh h1,.sh h2{-webkit-mask-image:none;mask-image:none}}.nums{display:grid;gap:12px;grid-template-columns:1fr}@container (min-width: 620px){.nums{grid-template-columns:1fr 1fr}.num--proj,.num--students{grid-column:1 / -1}}@container (min-width: 900px){.nums{grid-template-columns:1.25fr 1fr 1fr;grid-template-areas:"proj years brands" "proj students students"}.num--proj{grid-area:proj;grid-column:auto}.num--years{grid-area:years}.num--brands{grid-area:brands}.num--students{grid-area:students;grid-column:auto}}.num{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:var(--frame-bg-2);border:1px solid var(--frame-line);transition:border-color .4s,transform .6s var(--ease)}.num:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-3px)}.num .tile__tag{align-self:flex-start}.num__val{display:flex;align-items:flex-start;line-height:.9}.num__val b{font-size:clamp(54px,9cqw,104px);font-weight:600;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.num__val sup{font-size:.45em;color:var(--accent-fg);font-weight:600;margin-left:2px;font-size:clamp(24px,3.4cqw,40px)}.num p{margin:0;font-size:14px;line-height:1.5;color:var(--frame-muted);max-width:34ch}.num__dots{margin-top:auto;padding-top:14px;display:grid;grid-template-columns:repeat(20,1fr);gap:4px}.num__dots i{aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,var(--frame-ink) 8%,transparent)}.num.on .num__dots i{animation:cellOn .5s var(--ease) forwards;animation-delay:calc(var(--i) * 6ms)}@keyframes cellOn{to{background:var(--c, var(--accent))}}.num__dots i:nth-child(11n){--c: var(--figma)}.num__dots i:nth-child(17n){--c: var(--dev)}.num--proj:hover .num__dots i{animation:none;background:var(--c, var(--accent))}.num--proj:hover .num__dots i:nth-child(3n){background:color-mix(in srgb,var(--accent) 40%,transparent)}.num__ruler{position:relative;margin-top:auto;padding-top:18px}.nr__ticks{display:flex;justify-content:space-between;align-items:flex-end;height:18px;border-bottom:1px solid var(--frame-line)}.nr__ticks i{width:1px;height:6px;background:var(--frame-muted);opacity:.6}.nr__ticks i.y{height:14px;opacity:1}.nr__mark{position:absolute;left:0;bottom:16px;width:2px;height:26px;background:var(--figma);box-shadow:0 0 0 3px #0d99ff2e;border-radius:2px;transition:left 1.8s var(--ease)}.num.on .nr__mark{left:calc(100% - 2px)}.nr__mark:before{content:"";position:absolute;top:-5px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--figma)}.nr__lbl{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--mono);font-size:11px;color:var(--frame-muted)}.num__stack{display:flex;align-items:center;margin-top:auto;padding-top:14px}.num__stack span{width:46px;height:46px;border-radius:14px;overflow:hidden;background:#fff;border:3px solid var(--frame-bg-2);margin-left:-12px;transform:translateY(14px) scale(.8);opacity:0;transition:transform .6s var(--ease),opacity .6s;transition-delay:calc(var(--i) * 90ms)}.num__stack span:first-child{margin-left:0}.num__stack img{width:100%;height:100%;object-fit:cover}.num.on .num__stack span{transform:none;opacity:1}.num--brands:hover .num__stack span{transform:translateY(-4px) rotate(calc((var(--i) - 2) * 6deg))}.num__stack em{margin-left:8px;font-style:normal;font-size:13px;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink)}.num__people{display:grid;grid-template-columns:repeat(20,1fr);gap:6px 4px;margin-top:auto;padding-top:14px}.num__people i{position:relative;height:22px;opacity:.18}.num__people i:before{content:"";position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--frame-ink)}.num__people i:after{content:"";position:absolute;left:50%;bottom:0;width:14px;height:11px;margin-left:-7px;border-radius:7px 7px 3px 3px;background:var(--frame-ink)}.num.on .num__people i{animation:personOn .4s var(--ease) forwards;animation-delay:calc(var(--i) * 30ms)}@keyframes personOn{to{opacity:1}}.num__people i:nth-child(5n):before,.num__people i:nth-child(5n):after{background:var(--accent)}.num__people i:nth-child(9n):before,.num__people i:nth-child(9n):after{background:var(--figma)}@container (max-width: 520px){.num__people{grid-template-columns:repeat(10,1fr)}.num__people i:nth-child(n+21){display:none}}.no-anim .num__dots i{background:var(--c, var(--accent))}.no-anim .num__people i{opacity:1}.no-anim .num__stack span{opacity:1;transform:none}.stats__lead{margin-bottom:30px}.num__dots i{--c: var(--accent);background:var(--c);opacity:.1}.num__dots i:nth-child(7n){--c: var(--accent)}.num__dots i:nth-child(11n){--c: #0D99FF}.num__dots i:nth-child(17n){--c: #D8FF3E}.num.on .num__dots i{animation:cellOn2 .5s var(--ease) forwards;animation-delay:calc(var(--i) * 6ms)}@keyframes cellOn2{to{opacity:1}}.num--proj:hover .num__dots i{animation:none;opacity:1}.num--proj:hover .num__dots i:nth-child(3n){opacity:.45}.no-anim .num__dots i{opacity:1}.ms-wrap{display:grid;gap:10px;min-width:0}.ms-tabs{display:flex;gap:4px;flex-wrap:wrap}.ms-tabs button{position:relative;overflow:hidden;padding:6px 11px;border-radius:999px;border:1px solid var(--frame-line);font-size:12px;font-weight:600;color:var(--frame-muted);background:#00000026;transition:color .3s,border-color .3s,background .3s}.ms-tabs button:hover{color:var(--frame-ink)}.ms-tabs button[aria-selected=true]{color:var(--frame-bg);background:var(--frame-ink);border-color:var(--frame-ink)}.ms-tabs button:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.ms-tabs button.run:after{animation:tabRun 3.6s linear forwards}.ms-tabs.paused button:after{animation-play-state:paused}@keyframes tabRun{to{transform:scaleX(1)}}.mini-store{--s1: #1F7A3E;--s2: #FFD34D}.ms-hero{background-color:var(--s1);background-image:linear-gradient(120deg,#fff0,#ffffff24);transition:background-color .6s var(--ease)}.ms-cart{background:var(--s1);transition:background-color .6s}.ms-btn{background:var(--s2);transition:background-color .6s}.ms-p em{color:var(--s1)}.ms-p i{background:var(--s1)}.mini-store.swap .ms-head,.mini-store.swap .ms-btn{animation:msText .6s var(--ease)}.mini-store.swap .ms-p{animation:msCard .6s var(--ease) both;animation-delay:calc(var(--k) * 70ms)}@keyframes msText{0%{opacity:0;transform:translateY(8px)}}@keyframes msCard{0%{opacity:0;transform:translateY(12px) scale(.94)}}.mini-store.swap .ms-url{animation:msText .4s var(--ease);display:inline-block}@container (min-width: 620px) and (max-width: 899px){.num--proj{display:grid;grid-template-columns:1fr 1.15fr;column-gap:26px;align-items:end}.num--proj>.tile__tag,.num--proj>.num__val,.num--proj>p{grid-column:1}.num--proj>.num__dots{grid-column:2;grid-row:1 / span 3;margin:0;padding:0;align-self:center}}.ms-tabs button.run:after{animation-duration:var(--run, 3.6s)}@container (min-width: 620px){.bento{grid-template-columns:1fr 1fr;grid-template-areas:none}.tile--shop,.tile--wide{grid-area:auto;grid-column:1 / -1}.tile--code,.tile--own{grid-area:auto}.tile--shop,.tile--wide{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:22px 30px}.tile--shop .tile__tag,.tile--wide .tile__tag{grid-column:1 / -1}.tile--web .tile__copy{order:2}.tile--web{grid-template-columns:1.08fr 1fr}}@container (min-width: 900px){.tile--shop{grid-template-columns:1fr 1.08fr;align-content:normal}.tile--shop,.tile--wide{padding:30px}}.tile--wide h3{font-size:clamp(26px,4.2cqw,44px);line-height:1.02}.tile__copy{display:grid;gap:12px;min-width:0}.tile--web{background:radial-gradient(520px circle at var(--mx) var(--my),rgba(13,153,255,.16),transparent 60%),linear-gradient(200deg,color-mix(in srgb,var(--figma) 12%,var(--frame-bg-2)),var(--frame-bg-2) 55%)}.tile--web .tile__tag{background:var(--figma)}.tile--ux{background:radial-gradient(520px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--accent) 16%,var(--frame-bg-2)),var(--frame-bg-2) 55%)}.ws-wrap,.ux-wrap{display:grid;gap:10px;min-width:0}.ws-stage{--s1: #0F2D52;--s2: #3FA9F5;position:relative;padding:0 26px 30px 0}.ws-browser{border-radius:14px;overflow:hidden;background:#fbfaf7;color:#1b1b1b;box-shadow:0 24px 50px -24px #000000b3;transform:rotate(1.2deg);transition:transform .6s var(--ease)}.tile--web:hover .ws-browser{transform:rotate(0) translateY(-4px)}.ws-url{flex:1;margin-left:6px;color:#777;font-family:var(--mono)}.ws-plat{padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;color:#fff;background:#21759b}.ws-plat[data-p=Webflow]{background:#4353ff}.ws-nav{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #ECE8E0}.ws-logo{font-size:12px;font-weight:800;letter-spacing:-.02em;color:var(--s1);margin-right:auto}.ws-nav span{width:28px;height:5px;border-radius:3px;background:#d9d4ca}.ws-hero{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 14px;background:var(--s1);color:#fff;transition:background-color .6s var(--ease);min-height:92px}.ws-hero>div{display:grid;gap:9px;justify-items:start}.ws-head{font-size:17px;line-height:1.12}.ws-btn,.ws-pbtn{padding:6px 11px;border-radius:999px;background:var(--s2);color:#0b0b0b;font-size:11px;font-weight:700;white-space:nowrap;transition:background-color .6s}.ws-art{flex:none;width:74px;height:64px;border-radius:16px 40px;background:linear-gradient(135deg,var(--s2),rgba(255,255,255,.15));animation:wsArt 6s var(--ease) infinite}@keyframes wsArt{0%,to{border-radius:16px 40px;transform:rotate(0)}50%{border-radius:40px 16px;transform:rotate(8deg)}}.ws-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.ws-c{display:grid;gap:4px;padding:9px 8px;border-radius:10px;background:#fff;border:1px solid #ECE8E0;font-size:11px}.ws-c span{font-size:18px;line-height:1}.ws-c i{height:4px;border-radius:2px;background:#e6e1d8}.ws-c i+i{width:60%}.ws-phone{position:absolute;right:0;bottom:0;width:92px;padding:14px 6px 8px;border-radius:18px;background:#fbfaf7;border:3px solid #111;box-shadow:0 20px 40px -16px #000c;display:grid;gap:5px;transform:rotate(-4deg);animation:wsFloat 5s var(--ease) infinite}@keyframes wsFloat{0%,to{translate:0 0}50%{translate:0 -6px}}.ws-notch{position:absolute;top:4px;left:50%;width:26px;height:5px;margin-left:-13px;border-radius:3px;background:#111}.ws-phero{display:grid;gap:6px;justify-items:start;padding:8px 7px;border-radius:9px;background:var(--s1);color:#fff;transition:background-color .6s}.ws-phead{font-size:9.5px;line-height:1.15}.ws-pbtn{padding:3px 7px;font-size:8px}.ws-pl{height:16px;border-radius:6px;background:#eae6de}.ws-pl--s{width:60%;height:6px}.ws-score{position:absolute;left:-10px;bottom:6px;display:flex;gap:8px;padding:7px 10px;border-radius:12px;background:#110c16eb;border:1px solid var(--frame-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 16px 30px -14px #000c}@property --vp{syntax: "<number>"; inherits: false; initial-value: 0;}.ws-score span{--vp: var(--v);display:grid;justify-items:center;gap:2px;font-size:9px;color:var(--frame-muted);transition:--vp 1.2s var(--ease)}.ws-score b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#3bcb7d;background:radial-gradient(closest-side,var(--chrome) 76%,transparent 78% 100%),conic-gradient(#3bcb7d calc(var(--vp) * 1%),#3bcb7d26 0)}.ws-stage.swap .ws-score span{animation:wsRing 1.2s var(--ease)}@keyframes wsRing{0%{--vp: 0}}.ws-stage.swap .ws-head,.ws-stage.swap .ws-btn,.ws-stage.swap .ws-logo,.ws-stage.swap .ws-phead,.ws-stage.swap .ws-url{animation:msText .6s var(--ease)}.ws-stage.swap .ws-c{animation:msCard .6s var(--ease) both;animation-delay:calc(var(--k) * 80ms)}@container (max-width: 460px){.ws-score{display:none}.ws-art{width:48px;height:48px}.ws-stage{padding-right:18px}.ws-phone{width:80px}}.ux-canvas{position:relative;height:262px;border-radius:14px;overflow:hidden;background:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1.4px) 0 0 / 14px 14px,var(--chrome);border:1px solid var(--frame-line);box-shadow:0 24px 50px -24px #000000b3}.ux-frame{position:absolute;top:9px;left:12px;z-index:3;font-size:10.5px;font-weight:600;color:#b9a8d6;font-family:var(--mono)}.ux-frame.swap{animation:msText .5s var(--ease)}.ux-zoom{position:absolute;top:8px;right:10px;z-index:3;font-size:10px;font-family:var(--mono);color:var(--frame-muted);padding:1px 6px;border-radius:4px;background:#0000004d}.ux-l{position:absolute;inset:30px 12px 12px;display:grid;place-items:center;align-content:center;gap:12px;opacity:0;visibility:hidden;transform:scale(.96);transition:opacity .45s var(--ease),transform .6s var(--ease),visibility 0s .45s}.ux-l.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s}.ux-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,360px)}.ux-notes span{padding:10px;min-height:58px;border-radius:3px;background:#ffe27a;color:#2a2410;font-size:11.5px;font-weight:600;line-height:1.25;box-shadow:0 8px 14px -8px #0009;transform:rotate(var(--r))}.ux-notes .n2{background:#ffa8d1}.ux-notes .n3{background:#9cd7ff}.ux-notes .n4{background:#b4f0a8}.ux-l.is-on .ux-notes span{animation:notePop .5s var(--ease) both;animation-delay:calc(var(--k) * .11s)}@keyframes notePop{0%{opacity:0;transform:translateY(12px) scale(.8) rotate(0)}}.ux-persona{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#ffffff0f;border:1px solid var(--frame-line);font-size:11px}.ux-persona i{font-style:normal;font-size:18px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--chrome-3)}.ux-persona div{display:grid}.ux-persona small{font-style:normal;color:var(--frame-muted);font-size:10.5px}.ux-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 0;max-width:100%}.ux-flow span{padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;color:var(--frame-ink);background:var(--chrome-3);border:1.5px solid var(--accent)}.ux-flow span.d{transform:rotate(45deg);width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:6px;border-color:#ffb020;margin:0 6px;font-size:0}.ux-flow span.d:after{content:"Size?";font-size:10px;transform:rotate(-45deg)}.ux-flow span.ok{border-color:#3bcb7d;color:#3bcb7d}.ux-flow i{width:22px;height:2px;background:var(--accent);position:relative;transform-origin:left}.ux-flow i:after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left:6px solid var(--accent);border-right:0}.ux-l.is-on .ux-flow span{animation:notePop .45s var(--ease) both;animation-delay:calc(var(--k) * .16s)}.ux-l.is-on .ux-flow span.d{animation:none}.ux-l.is-on .ux-flow i{animation:flowLine .35s var(--ease) both;animation-delay:calc(var(--k) * .16s + .1s)}@keyframes flowLine{0%{transform:scaleX(0)}}.ux-cap{margin:0;font-size:11px;color:var(--frame-muted);font-family:var(--mono)}.ux-phones{position:relative;display:flex;gap:46px;align-items:center;justify-content:center}.ux-ph{width:104px;height:196px;padding:10px 8px;border-radius:16px;border:1.5px solid rgba(255,255,255,.35);display:grid;grid-template-rows:auto;align-content:start;gap:7px;background:#ffffff05}.ux-ph b{display:block;border-radius:5px;border:1.5px solid rgba(255,255,255,.3);font-size:0}.u-img{height:74px}.u-t1{height:8px}.u-t2{height:6px;width:70%}.u-price{height:10px;width:40%}.u-row{height:34px}.u-tot{height:10px;width:50%;margin-left:auto}.u-btn{height:22px;margin-top:auto;border-radius:999px!important}.ux-ph--ui{background:#fbfaf7;border:3px solid #0B0B0B}.ux-ph--ui b{border:0;background:#e9e5dd}.ux-ph--ui .u-img{background:linear-gradient(135deg,#c77dff,#ff7ac6)}.ux-ph--ui .u-t1{background:#1b1b1b}.ux-ph--ui .u-price{background:var(--accent)}.ux-ph--ui .u-row{background:linear-gradient(90deg,#ffd7ec 0 30%,#f1eee8 30%)}.ux-ph--ui .u-btn{background:var(--accent);color:var(--accent-ink);font-size:9px;font-weight:700;display:grid;place-items:center}.ux-ph--ui .u-btn--2{background:#1b1b1b}.ux-l.is-on .ux-ph--ui b{animation:msCard .5s var(--ease) both}.ux-l.is-on .ux-ph:not(.ux-ph--ui) b{animation:wireDraw .6s var(--ease) both}@keyframes wireDraw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.ux-sw{position:absolute;right:12px;bottom:10px;display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;background:#00000059;font-size:10px}.ux-sw i{width:12px;height:12px;border-radius:3px;background:var(--accent)}.ux-sw i:nth-child(2){background:#ff7ac6}.ux-sw i:nth-child(3){background:#1b1b1b;outline:1px solid #444}.ux-sw i:nth-child(4){background:#fbfaf7}.ux-sw small{font-style:normal;color:var(--frame-muted);margin-left:4px}.ux-noodle{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ux-noodle path{fill:none;stroke:var(--figma);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:200;stroke-dashoffset:200}.ux-l.is-on .ux-noodle path{animation:noodle 1s .3s var(--ease) forwards}@keyframes noodle{to{stroke-dashoffset:0}}.ux-tap{position:absolute;left:calc(50% - 99px);bottom:20px;width:20px;height:20px;border-radius:50%;background:#0d99ff80}.ux-l.is-on .ux-tap{animation:tapR 1.6s .2s var(--ease) infinite}@keyframes tapR{0%{transform:scale(.4);opacity:1}70%,to{transform:scale(2.2);opacity:0}}.ux-int{position:absolute;left:50%;top:-6px;transform:translate(-50%);white-space:nowrap;font-style:normal;font-size:10px;font-weight:600;padding:3px 8px;border-radius:5px;background:var(--figma);color:#fff}@container (max-width: 420px){.ux-phones{gap:26px}.ux-ph{width:92px;height:180px}.ux-tap{left:calc(50% - 82px)}.ux-sw{display:none}}.no-anim .ux-l,.no-anim .ws-stage *{animation:none!important}@media (prefers-reduced-motion: reduce){.ws-phone,.ws-art{animation:none}}.ux-canvas{height:276px}.ux-ph{display:flex;flex-direction:column;height:188px}.ux-ph b{flex:none}.ux-persona small,.ux-sw small{font-size:10.5px;color:var(--frame-muted);font-style:normal;font-family:var(--sans)}.ux-int{font-family:var(--sans);top:-2px}.ux-proto{margin-top:8px}.ux-flow span{padding:8px 11px}@container (max-width: 420px){.ux-ph{height:172px}.ux-flow i{width:14px}.ux-flow span{padding:7px 8px;font-size:11px}}.ux-flow{flex-wrap:nowrap}.ux-flow i{width:16px;flex:none}.ux-flow span{flex:none;font-size:11.5px}.ux-flow span.d{width:40px;height:40px;margin:0 8px}.ux-sw{flex-direction:column;right:10px;bottom:10px;padding:6px}.ux-sw small{display:none}.ux-flow span.d{position:relative;isolation:isolate;transform:none;width:46px;height:46px;margin:0 4px;padding:0;border:0;border-radius:0;background:none;display:grid;place-items:center;font-size:10.5px;line-height:1}.ux-flow span.d:before{content:"";position:absolute;inset:7px;z-index:-1;transform:rotate(45deg);border:1.5px solid #FFB020;border-radius:6px;background:var(--chrome-3)}.ux-flow span.d:after{content:none}.ux-flow span.d{width:58px;height:58px;margin:0 1px}.ux-flow span.d:before{inset:9px}@container (max-width: 619px){.tile--shop .ms-wrap,.tile--wide .ws-wrap,.tile--wide .ux-wrap{margin-top:8px;padding-top:18px;border-top:1px solid var(--frame-line)}}.hero{position:relative;isolation:isolate}.hero>:not(.hero__grid){position:relative;z-index:1}.hero__grid{position:absolute;inset:0 4.5%;z-index:0;display:grid;grid-template-columns:repeat(12,1fr);gap:1.6%;pointer-events:none;opacity:0;animation:gridPulse 14s var(--ease) 1.5s infinite}.hero__grid i{background:#ff477e08;border-left:1px solid rgba(255,71,126,.07);border-right:1px solid rgba(255,71,126,.07)}.hero__grid span{position:absolute;top:12px;right:0;font:600 10.5px/1 var(--sans);padding:3px 7px;border-radius:4px;background:#ff477ed9;color:#fff}@keyframes gridPulse{0%,to{opacity:0}12%,40%{opacity:1}55%{opacity:0}}@container (max-width: 619px){.hero__grid{grid-template-columns:repeat(4,1fr);gap:4%}.hero__grid i:nth-child(n+5){display:none}.hero__grid span{display:none}}.hero__low{display:grid;gap:26px;align-items:center}.hero__left{min-width:0}.hero__low .hero__views{margin-bottom:26px}@container (min-width: 820px){.hero__low{grid-template-columns:minmax(0,1fr) minmax(300px,.92fr);gap:34px}}.hs{display:grid;gap:10px}.hs__bar{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 11px/1 var(--mono);color:#b9a8d6}.hs__beat{padding:3px 8px;border-radius:4px;background:var(--figma);color:#fff;font-family:var(--sans)}.hs.swap .hs__beat{animation:msText .5s var(--ease)}.hs__screen{position:relative;height:250px;border-radius:16px;padding:16px;background:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0 / 14px 14px,var(--chrome);border:1px solid var(--frame-line);box-shadow:0 30px 60px -30px #000c;overflow:hidden}.hs__browser{position:absolute;left:16px;top:16px;bottom:16px;width:calc(100% - 32px);border-radius:12px;overflow:hidden;background:#fbfaf7;color:#151018;transition:width .7s var(--ease),transform .7s var(--ease),box-shadow .7s}.hs__url{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#efece6;font:10.5px/1 var(--mono);color:#777}.hs__url i{width:7px;height:7px;border-radius:50%;background:#ff5f57}.hs__url i:nth-child(2){background:#febc2e}.hs__url i:nth-child(3){background:#28c840}.hs__addr{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs.swap .hs__addr{animation:msText .5s var(--ease)}.hs__page{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:14px 34px 8px 20px 1fr;gap:7px 12px;padding:10px 12px 12px;height:calc(100% - 25px)}.hs__page b{position:relative;display:block;border-radius:6px;border:1.5px dashed #BDB5A8;background:transparent;transition:background .6s var(--ease),border-color .6s,color .6s;font-size:0}.hs__page .pt{font-style:normal;opacity:0;transition:opacity .5s var(--ease) .15s}.p-nav{grid-column:1 / -1;display:flex!important;align-items:center;padding:0 6px}.p-h1{grid-column:1}.p-h2{grid-column:1;width:70%}.p-btn{grid-column:1;width:52%;border-radius:999px!important;display:grid!important;place-items:center}.p-img{grid-column:2;grid-row:2 / 5}.hs__page .p-c{grid-row:5}.hs__page .p-c:nth-of-type(6){grid-column:1}.hs__page .p-c:nth-of-type(7){grid-column:2}.hs__page .p-c:nth-of-type(8){display:none}.hs[data-b="0"] .hs__page b{animation:wireDraw .7s var(--ease) both}.hs[data-b="0"] .hs__page b:nth-child(2){animation-delay:.1s}.hs[data-b="0"] .hs__page b:nth-child(3){animation-delay:.2s}.hs[data-b="0"] .hs__page b:nth-child(4){animation-delay:.3s}.hs[data-b="0"] .hs__page b:nth-child(5){animation-delay:.15s}.hs[data-b="0"] .hs__page b:nth-child(n+6){animation-delay:.4s}.hs:not([data-b="0"]) .hs__page b{border-color:transparent}.hs:not([data-b="0"]) .hs__page .pt{opacity:1}.hs:not([data-b="0"]) .p-nav{background:transparent;font:800 10px/1 var(--sans);color:#151018}.hs:not([data-b="0"]) .p-nav .pt{font-size:10px}.hs:not([data-b="0"]) .p-h1{background:transparent}.hs:not([data-b="0"]) .p-h1 .pt{font:700 15px/1.05 var(--sans);letter-spacing:-.02em}.hs:not([data-b="0"]) .p-h2{background:#dad4ca}.hs:not([data-b="0"]) .p-btn{background:var(--accent)}.hs:not([data-b="0"]) .p-btn .pt{font:700 9.5px/1 var(--sans);color:#fff}.hs:not([data-b="0"]) .p-img{background:linear-gradient(135deg,var(--accent),#FF7AC6 60%,#FFD34D)}.hs:not([data-b="0"]) .p-c{background:#ede8df}.hs[data-b="1"] .hs__page b{animation:msCard .55s var(--ease) both}.hs__spec{position:absolute;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:9px;background:#110c16eb;border:1px solid var(--frame-line);font:600 10px/1 var(--sans);color:var(--frame-ink);opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s var(--ease)}.hs__spec .hs-sw{display:flex;gap:3px}.hs__spec .hs-sw i{width:11px;height:11px;border-radius:3px;background:var(--accent)}.hs__spec .hs-sw i:nth-child(2){background:#ff7ac6}.hs__spec .hs-sw i:nth-child(3){background:#ffd34d}.hs__spec .hs-sw i:nth-child(4){background:#151018;outline:1px solid #444}.hs[data-b="1"] .hs__spec{opacity:1;transform:none;transition-delay:.35s}.hs__code{position:absolute;top:16px;right:16px;bottom:16px;width:58%;display:grid;align-content:space-between;padding:12px;border-radius:12px;background:var(--frame-bg);border:1px solid rgba(216,255,62,.28);box-shadow:-18px 0 40px -20px #000000e6;transform:translate(115%);transition:transform .7s var(--ease)}.hs__code pre{margin:0;font:10.5px/1.7 var(--mono);color:#cfc6da;white-space:pre-wrap}.hs__code .k{color:#7fd4ff}.hs__code .a{color:var(--dev)}.hs__code .s{color:#ffb86b}.hs__build{display:grid;gap:5px;font:10px/1 var(--mono);color:var(--frame-muted)}.hs__build b{height:5px;border-radius:3px;background:#ffffff14;overflow:hidden}.hs__build i{display:block;height:100%;background:linear-gradient(90deg,var(--figma),var(--dev));transform-origin:left;transform:scaleX(0)}.hs[data-b="2"] .hs__code{transform:none}.hs[data-b="2"] .hs__build i{animation:buildBar 2.6s .4s var(--ease) forwards}@keyframes buildBar{to{transform:scaleX(1)}}.hs[data-b="2"] .hs__code pre{animation:codeType 1.4s .3s steps(18) both}@keyframes codeType{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.hs[data-b="2"] .hs__browser{transform:scale(.94) translate(-4%)}.hs__toast{position:absolute;left:50%;top:52px;transform:translate(-50%,-14px) scale(.9);padding:7px 12px;border-radius:999px;background:#3bcb7d;color:#06220f;font:700 11.5px/1 var(--sans);white-space:nowrap;box-shadow:0 12px 24px -10px #3bcb7db3;opacity:0;transition:opacity .35s,transform .5s var(--ease)}.hs__chat{position:absolute;right:22px;bottom:20px;display:grid;gap:5px;width:min(200px,62%);opacity:0;transform:translateY(12px);transition:opacity .4s,transform .5s var(--ease)}.hs__chat p{margin:0;display:grid;gap:2px;padding:7px 9px;border-radius:10px 10px 10px 3px;background:var(--chrome-3);border:1px solid var(--frame-line);font-size:11px;line-height:1.3;color:var(--frame-ink)}.hs__chat p b{font-size:9.5px;color:var(--frame-muted)}.hs__chat p.me{justify-self:end;border-radius:10px 10px 3px;background:var(--accent);border-color:transparent;color:var(--accent-ink)}.hs__chat p.me b{color:#fffc}.hs[data-b="3"] .hs__toast{opacity:1;transform:translate(-50%) scale(1);transition-delay:.2s}.hs[data-b="3"] .hs__chat{opacity:1;transform:none;transition-delay:.6s}.hs[data-b="3"] .hs__chat p.me{animation:msText .5s 1.1s var(--ease) both}.hs[data-b="3"] .hs__browser{box-shadow:0 0 0 2px #3bcb7d,0 0 40px -6px #3bcb7d99}.hs__conf{position:absolute;left:50%;top:64px;width:0;height:0}.hs__conf i{position:absolute;width:6px;height:9px;border-radius:2px;background:var(--c);opacity:0}.hs[data-b="3"] .hs__conf i{animation:confB 1.3s var(--ease) both;animation-delay:calc(.25s + var(--k) * 40ms)}@keyframes confB{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--x),calc(var(--y) * -1 + 60px)) rotate(260deg)}}.hs__steps.ms-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hs__steps.ms-tabs button{padding:8px 6px 7px;border-radius:8px;font-size:11.5px;text-align:center}.hs__steps.ms-tabs button:after{top:0;bottom:auto;height:3px}@container (max-width: 460px){.hs__screen{height:226px;padding:12px}.hs__browser{left:12px;top:12px;bottom:12px;width:calc(100% - 24px)}.hs__code,.hs__chat{width:72%}}.no-anim .hero__grid{animation:none}@media (prefers-reduced-motion: reduce){.hero__grid{animation:none;opacity:.6}}.hs__page .pt{display:block;font-style:normal;font-family:var(--sans);color:#151018;letter-spacing:-.01em}.hs__page .p-btn .pt{color:#fff}.hs-sw{display:flex;flex-direction:row;gap:3px}.case,.case *{text-decoration:none!important}.case{color:inherit}.work-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin:0 0 18px}.work-filter{display:flex;flex-wrap:wrap;gap:6px}.work-filter button,.work-view button{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--frame-line);background:#00000026;color:var(--frame-muted);font-size:13px;font-weight:600;transition:color .3s,background .3s,border-color .3s}.work-filter button:hover,.work-view button:hover{color:var(--frame-ink);border-color:color-mix(in srgb,var(--accent) 50%,var(--frame-line))}.work-filter button[aria-pressed=true]{background:var(--frame-ink);border-color:var(--frame-ink);color:var(--frame-bg)}.work-filter sup{font-size:10px;font-weight:700;opacity:.7;top:-.35em}.work-view{display:inline-flex;padding:3px;gap:2px;border-radius:999px;border:1px solid var(--frame-line);background:#0003}.work-view button{border:0;background:none;padding:6px 12px}.work-view button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.wv-grid,.wv-list{width:12px;height:12px;display:inline-block}.wv-grid{background:linear-gradient(currentColor 0 0) 0 0 / 5px 5px no-repeat,linear-gradient(currentColor 0 0) 100% 0 / 5px 5px no-repeat,linear-gradient(currentColor 0 0) 0 100% / 5px 5px no-repeat,linear-gradient(currentColor 0 0) 100% 100% / 5px 5px no-repeat}.wv-list{background:linear-gradient(currentColor 0 0) 0 1px / 100% 2px no-repeat,linear-gradient(currentColor 0 0) 0 5px / 100% 2px no-repeat,linear-gradient(currentColor 0 0) 0 9px / 100% 2px no-repeat}.cases{position:relative;display:grid;gap:14px;grid-template-columns:1fr}@container (min-width: 620px){.cases{grid-template-columns:1fr 1fr}.case.w6{grid-column:1 / -1}}@container (min-width: 900px){.cases{grid-template-columns:repeat(6,minmax(0,1fr))}.case.w2{grid-column:span 2}.case.w3{grid-column:span 3}.case.w4{grid-column:span 4}.case.w6{grid-column:1 / -1}}.case[hidden]{display:none!important}.case{display:flex;flex-direction:column;border-radius:20px}.case.flip{animation:caseIn .55s var(--ease) backwards;animation-delay:var(--d, 0s)}@keyframes caseIn{0%{opacity:0;transform:translateY(16px) scale(.98)}}.case__media{aspect-ratio:auto;height:clamp(200px,27cqw,290px);flex:none}@container (max-width: 619px){.case__media{height:auto;aspect-ratio:16 / 10}}.case__info{position:relative;flex:1;display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}.case__meta{display:flex;align-items:center;gap:8px;padding-right:44px;font-size:12px;color:var(--frame-muted)}.case__num{font-family:var(--mono);letter-spacing:0;font-size:12px;color:var(--accent-fg);font-weight:700}.case__sector{padding:3px 8px;border-radius:4px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:11px}.case__plat:before{content:"\b7";margin-right:8px}.case h3{font-size:clamp(20px,2.6cqw,26px);line-height:1.15}.case p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.case .tags{margin-top:auto;padding-top:6px}.case__go{position:absolute;top:14px;right:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--frame-line);font-size:15px;color:var(--frame-ink);transition:transform .5s var(--ease),background .3s,color .3s,border-color .3s}.case:hover .case__go{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.case:hover h3{color:var(--accent-fg)}.case h3{transition:color .3s}.case__play{font-weight:600}.case.w4 h3,.case.w6 h3{font-size:clamp(22px,3cqw,32px)}@container (min-width: 620px){.case.w6{display:grid;grid-template-columns:1.35fr 1fr}.case.w6 .case__media{height:100%;min-height:260px}.case.w6 .case__info{justify-content:center;padding:26px}.case.w6 .case .tags{margin-top:6px}.case.w6 p{-webkit-line-clamp:4}}.case.w6 .tags{margin-top:8px}.case__cover{position:absolute;inset:0;overflow:hidden;background:radial-gradient(120% 90% at 85% 10%,var(--c2),transparent 55%),linear-gradient(150deg,var(--c1),color-mix(in srgb,var(--c1) 70%,#000))}.case__cover:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1.4px) 0 0 / 16px 16px;mask:linear-gradient(to bottom,#000,transparent 80%)}.cc__win{position:absolute;right:7%;top:14%;width:52%;height:62%;border-radius:12px;background:#ffffffeb;box-shadow:0 30px 50px -20px #0009;transform:rotate(-4deg);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:14px 1fr 16px;gap:7px;padding:8px 10px 12px;transition:transform .8s var(--ease)}.cc__win i{position:absolute;top:6px;width:6px;height:6px;border-radius:50%;background:#ff5f57;left:10px}.cc__win i:nth-child(2){left:20px;background:#febc2e}.cc__win i:nth-child(3){left:30px;background:#28c840}.cc__win b{border-radius:6px;background:color-mix(in srgb,var(--c1) 18%,#EEE)}.cc__win b:nth-of-type(1){grid-column:1;grid-row:2;background:linear-gradient(135deg,var(--c2),var(--c1))}.cc__win b:nth-of-type(2){grid-column:2;grid-row:2}.cc__win b:nth-of-type(3){grid-column:1 / -1;grid-row:3;width:45%;border-radius:999px;background:var(--c2)}.case:hover .cc__win{transform:rotate(0) translateY(-6px) scale(1.03)}.cc__name{position:absolute;left:22px;bottom:34px;max-width:55%;font-family:var(--serif);font-style:italic;font-size:clamp(26px,3.4cqw,40px);line-height:.95;color:#fff;letter-spacing:-.01em}.cc__lbl{position:absolute;left:22px;bottom:14px;font:600 11px/1 var(--mono);color:#ffffffbf}.cases.is-list{grid-template-columns:1fr!important;gap:0;border-top:1px solid var(--frame-line)}.cases.is-list .case{grid-column:auto!important;display:block;border:0;border-bottom:1px solid var(--frame-line);border-radius:0;background:none;transform:none!important}.cases.is-list .case__media,.cases.is-list .pin,.cases.is-list .case p,.cases.is-list .case .tags{display:none}.cases.is-list .case__info{display:grid;grid-template-columns:52px minmax(0,1fr) 130px 140px 40px;align-items:center;gap:12px;padding:22px 8px;transition:padding .4s var(--ease),background .3s}.cases.is-list .case__meta{display:contents}.cases.is-list .case__num{grid-column:1;grid-row:1}.cases.is-list .case h3{grid-column:2;grid-row:1;font-size:clamp(20px,3.4cqw,34px)}.cases.is-list .case__sector{grid-column:3;grid-row:1;justify-self:start}.cases.is-list .case__plat{grid-column:4;grid-row:1}.cases.is-list .case__plat:before{content:none}.cases.is-list .case__go{position:static;grid-column:5;grid-row:1}.cases.is-list .case:hover .case__info{padding-left:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%)}@container (max-width: 619px){.cases.is-list .case__info{grid-template-columns:34px minmax(0,1fr) 34px;padding:16px 4px}.cases.is-list .case__sector{grid-column:2;grid-row:2}.cases.is-list .case__plat{display:none}.cases.is-list .case__go{grid-column:3}}.cases__peek{position:absolute;left:0;top:0;z-index:5;width:300px;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;pointer-events:none;opacity:0;scale:.85;box-shadow:0 30px 60px -20px #000c;transition:opacity .3s,scale .4s var(--ease),transform .25s var(--ease);background:#1a1024}.cases__peek.on{opacity:1;scale:1}.cases__peek img{width:100%;height:100%;object-fit:cover;display:block}.cases:not(.is-list) .cases__peek{display:none}.work-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.work-more[hidden]{display:none}.cc__win{right:6%;top:11%;width:44%;height:56%}.cc__name{max-width:46%;font-size:clamp(22px,2.8cqw,34px);z-index:1}.about2 .ab-top{display:grid;gap:14px}@container (min-width: 760px){.about2 .ab-top{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch}}.ab-side{display:grid;gap:14px;align-content:start;min-width:0}.ab-pic{--rx: 0deg;--ry: 0deg;--gx: 50%;--gy: 30%;position:relative;margin:0;min-height:440px;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:24px;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease)}.js .ab-pic.rv.in{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry))}.ab-pic__frame{position:absolute;inset:0;border-radius:24px;overflow:hidden;background:radial-gradient(100% 70% at 50% 100%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 70%),#0a0710;border:1px solid var(--frame-line)}.ab-pic__frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform 1.2s var(--ease),filter .6s}.ab-pic:hover .ab-pic__frame img{transform:scale(1.04)}.ab-pic__frame:after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--gx) var(--gy),rgba(255,255,255,.12),transparent 60%),linear-gradient(to top,rgba(7,1,12,.85),transparent 45%);pointer-events:none}.ab-pic__sel{position:absolute;inset:12px;z-index:1;border:1.5px solid var(--figma);border-radius:14px;opacity:0;transition:opacity .35s;pointer-events:none}.ab-pic__sel i{position:absolute;width:8px;height:8px;background:#fff;border:1.5px solid var(--figma)}.ab-pic__sel i:nth-child(1){left:-5px;top:-5px}.ab-pic__sel i:nth-child(2){right:-5px;top:-5px}.ab-pic__sel i:nth-child(3){left:-5px;bottom:-5px}.ab-pic__sel i:nth-child(4){right:-5px;bottom:-5px}.ab-pic__sel b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:600 10.5px/1 var(--sans);padding:4px 7px;border-radius:4px;background:var(--figma);color:#fff;white-space:nowrap}.ab-pic:hover .ab-pic__sel{opacity:1}.ab-pic__status,.ab-pic__loc{position:relative;z-index:2;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px;border-radius:999px;background:#0c0812b8;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:600;color:#fff}.ab-pic__status{order:1}.ab-pic__status i{flex:none;width:8px;height:8px;border-radius:50%;background:#3bcb7d;box-shadow:0 0 #3bcb7d99;animation:live 2s infinite}.ab-pic__status span{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-pic__loc{order:2;margin-top:auto;font-weight:500}.ab-pic__loc b{font-family:var(--mono);font-weight:600;color:var(--dev)}.ab-pic figcaption{order:3;position:relative;z-index:2;display:grid;gap:3px;padding:14px 16px;border-radius:16px;background:#0c0812b8;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff}.ab-pic figcaption b{font-size:clamp(18px,2.4cqw,24px);font-weight:600;letter-spacing:-.02em}.ab-pic figcaption span{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--accent-fg)}.ab-intro{position:relative;display:grid;gap:12px;padding:24px;border-radius:22px;background:var(--frame-bg-2);border:1px solid var(--frame-line)}.ab-intro p{margin:0;color:var(--frame-muted);line-height:1.65;font-size:15px}.ab-intro .about__lead{font-size:clamp(19px,2.5cqw,24px);line-height:1.35!important;letter-spacing:-.01em}.ab-intro .about__lead b{color:var(--accent-fg);font-weight:600}.ab-sign{display:inline-grid;justify-self:end;margin-top:2px!important}.ab-sign span{font-family:var(--serif);font-style:italic;font-size:32px;color:var(--frame-ink);line-height:1}.ab-sign svg{width:120px;height:14px;overflow:visible}.ab-sign path{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.4s var(--ease) .5s}.ab-intro.in .ab-sign path,.no-anim .ab-sign path{stroke-dashoffset:0}.ab-props{display:grid;gap:4px;padding:20px 22px;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--frame-bg-2)),var(--frame-bg-2));border:1px solid var(--frame-line)}.ab-props__head,.ab-card__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.ab-props__head b,.ab-card__head b{font-size:13px;font-weight:700;color:color-mix(in srgb,var(--accent) 65%,var(--frame-ink))}.ab-props__head span,.ab-card__head span{font:11px/1 var(--mono);color:var(--frame-muted)}.ab-rows{margin:0}.ab-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px dashed var(--frame-line)}.ab-row dt{font-size:13px;color:var(--frame-muted);white-space:nowrap}.ab-row dd{margin:0;font-size:14px;color:var(--frame-ink);text-align:right}.ab-row dd b{font-size:clamp(20px,2.6cqw,26px);font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ab-row--exp{flex-wrap:wrap}.ab-row--exp dd{flex:1}.ab-bar{display:block;width:100%;height:6px;margin-top:8px;border-radius:3px;background:#ffffff14;overflow:hidden}.ab-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--figma),var(--accent),var(--dev));transform-origin:left;transform:scaleX(0);transition:transform 1.6s var(--ease)}.ab-props.on .ab-bar i,.no-anim .ab-bar i{transform:scaleX(1)}.ab-row--exp small{display:block;margin-top:5px;font:10.5px/1 var(--mono);color:var(--frame-muted)}.ab-var{margin-top:6px;padding:12px;border-radius:14px;background:#00000038;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--frame-line))}.ab-var__top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--frame-muted)}.ab-var__seg{position:relative;display:inline-flex;padding:3px;border-radius:999px;background:var(--frame-bg);border:1px solid var(--frame-line)}.ab-var__seg button{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--frame-muted);transition:background .3s,color .3s}.ab-var__seg button[aria-selected=true][data-v=design]{background:var(--design);color:#07010c}.ab-var__seg button[aria-selected=true][data-v=dev]{background:var(--dev);color:#07010c}.ab-var__txt{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--frame-ink)}.ab-var__txt.swap{animation:msText .45s var(--ease)}.ab-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ab-bottom{display:grid;gap:14px;margin-top:14px}@container (min-width: 760px){.ab-bottom{grid-template-columns:1fr 1fr}.ab-tools{grid-column:1 / -1}}.ab-card{display:grid;gap:12px;align-content:start;padding:20px;border-radius:22px;background:var(--frame-bg-2);border:1px solid var(--frame-line);min-width:0}.certs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cert{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid var(--frame-line);background:var(--frame-bg);color:inherit;text-decoration:none!important;transition:transform .5s var(--ease),border-color .3s,box-shadow .5s}.cert:hover{transform:translateY(-4px) rotate(-.6deg);border-color:var(--accent);box-shadow:0 20px 40px -24px color-mix(in srgb,var(--accent) 70%,transparent)}.cert:nth-child(2):hover{transform:translateY(-4px) rotate(.6deg)}.cert__img{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:#f4f1ea}.cert__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) saturate(1.2);transform:scale(1.3);opacity:.55}.cert__fg{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;filter:drop-shadow(0 10px 16px rgba(0,0,0,.3));transition:transform .6s var(--ease)}.cert:hover .cert__fg{transform:scale(1.04)}.cert__img:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translate(-120%);transition:transform .9s var(--ease);pointer-events:none}.cert:hover .cert__img:after{transform:translate(120%)}.cert__body{display:grid;gap:3px;padding:11px 12px 13px}.cert__body b{font-size:13.5px;font-weight:600;line-height:1.3}.cert__body small{font-size:11.5px;color:var(--frame-muted)}.cert__body .cert__go{font-style:normal;font-size:12px;font-weight:700;color:var(--accent-fg);margin-top:3px}@container (max-width: 380px){.certs{grid-template-columns:1fr}}.kb-screen{position:relative;display:grid;gap:4px;min-height:62px;padding:11px 14px;border-radius:12px;background:var(--frame-bg);border:1px solid rgba(216,255,62,.28);font-family:var(--mono)}.kb-k{font-size:11px;font-weight:700;color:var(--dev);letter-spacing:.04em;text-transform:uppercase}.kb-d{font-size:13.5px;color:var(--frame-ink);line-height:1.4;padding-right:12px}.kb-caret{position:absolute;right:12px;bottom:12px;width:7px;height:14px;background:var(--dev);animation:blink 1s steps(1) infinite}.kb-screen.swap .kb-k,.kb-screen.swap .kb-d{animation:msText .4s var(--ease)}.kb{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kb button{width:100%;height:66px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:8px 10px 9px;border-radius:12px;text-align:left;font-size:12px;font-weight:600;line-height:1.15;color:var(--frame-ink);background:linear-gradient(180deg,var(--chrome-3),var(--chrome-2));border:1px solid rgba(255,255,255,.07);box-shadow:0 4px 0 var(--canvas),inset 0 1px #ffffff14;transition:transform .12s,box-shadow .12s,background .3s,border-color .3s}.kb button i{font-style:normal;font-size:16px;line-height:1}.kb button:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.kb button.is-on{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 55%,var(--chrome-3)),color-mix(in srgb,var(--accent) 30%,var(--chrome-2)));border-color:var(--accent)}.kb button.down,.kb button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--canvas),inset 0 1px #ffffff14}@container (max-width: 459px){.kb{grid-template-columns:repeat(2,minmax(0,1fr))}}.abdock{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;min-height:96px;padding:22px 16px 14px;border-radius:22px;background:linear-gradient(180deg,#ffffff05,#ffffff0f);border:1px solid var(--frame-line)}.abdock__i{--m: 0;width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:15px;background:#fff;box-shadow:0 10px 20px -10px #0009;transform-origin:50% 100%;transform:translateY(calc(var(--m) * -12px)) scale(calc(1 + var(--m) * .45));transition:transform .18s var(--ease)}.abdock__i img{width:64%;height:64%;object-fit:contain}@container (max-width: 520px){.abdock{gap:8px}.abdock__i{width:48px;height:48px;border-radius:13px}}.no-anim .ab-pic__status i{animation:none}.ab-sup .kb{align-content:stretch;grid-auto-rows:minmax(66px,1fr)}.ab-sup .kb li{display:flex}.ab-sup .kb button{height:auto;min-height:66px}@container (max-width: 520px){.abdock{gap:7px;padding:16px 10px 12px}.abdock__i{width:44px;height:44px;border-radius:12px}}.ab-ach,.ab-sup{padding:18px;gap:12px}.certs{gap:10px}.cert{border-radius:14px}.cert:hover{transform:translateY(-3px);box-shadow:none}.cert:nth-child(2):hover{transform:translateY(-3px)}.cert__img{aspect-ratio:16 / 10;background:#f4f1ea}.cert__bg{opacity:.35}.cert__fg{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);filter:none}.cert__body{gap:2px;padding:10px 12px 12px;min-width:0}.cert__body b{font-size:12.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.cert__body small{font-size:11px}.cert__body .cert__go{font-size:11px;font-weight:600;margin-top:4px}.kb-screen{min-height:0;gap:3px;padding:10px 12px;border-radius:10px;border-color:var(--frame-line);background:#00000040}.kb-k{font-size:10px;letter-spacing:.06em}.kb-d{font-size:12.5px;line-height:1.45;padding-right:14px}.kb-caret{width:6px;height:12px;right:10px;bottom:10px}.ab-sup{grid-template-rows:auto auto 1fr}.ab-sup .kb{gap:6px;grid-auto-rows:minmax(44px,auto);align-content:start}.ab-sup .kb li{display:flex;min-width:0}.kb button,.ab-sup .kb button{min-height:44px;height:auto;min-width:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:500;line-height:1.2;color:var(--frame-muted);background:#ffffff06;border:1px solid var(--frame-line);box-shadow:none;overflow-wrap:anywhere}.kb button i{font-size:13px;flex:none;opacity:.9}.kb button:hover{color:var(--frame-ink);border-color:color-mix(in srgb,var(--accent) 45%,var(--frame-line))}.kb button.is-on{color:var(--frame-ink);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 70%,transparent)}.kb button.down,.kb button:active{transform:translateY(1px);box-shadow:none}@container (max-width: 1099px){.ab-sup .kb{grid-template-columns:repeat(2,minmax(0,1fr))}}.ab-sup .kb{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kb button,.ab-sup .kb button{overflow-wrap:normal;word-break:normal}.ab-bottom{align-items:start}.pile-tools{display:flex;flex-wrap:wrap;gap:8px}.pile-tools .btn[aria-pressed=true]{background:var(--frame-ink);color:var(--frame-bg);border-color:var(--frame-ink)}.polaroid:before{content:"";position:absolute;left:50%;top:-10px;width:64px;height:20px;margin-left:-32px;background:#ffd666b8;transform:rotate(-4deg);box-shadow:0 1px 2px #00000026;-webkit-mask:linear-gradient(90deg,transparent 0 3px,#000 3px calc(100% - 3px),transparent calc(100% - 3px));pointer-events:none;z-index:2}.polaroid:nth-child(3n+2):before{background:#ff7ac6a6;transform:rotate(5deg)}.polaroid:nth-child(3n):before{background:#7fd4ffa6;transform:rotate(-2deg);width:52px;margin-left:-26px}.polaroid:hover{box-shadow:0 26px 44px -12px #000000bf}.polaroid:active{cursor:grabbing}.pile__count{position:absolute;left:14px;bottom:12px;z-index:0;font:600 11px/1 var(--mono);color:var(--frame-muted);pointer-events:none}.pile__tidy{position:absolute;left:50%;top:12px;z-index:60;transform:translate(-50%,-8px);padding:5px 10px;border-radius:6px;background:#ff477e;color:#fff;font:600 11px/1 var(--sans);opacity:0;pointer-events:none}.pile.tidied .pile__tidy{animation:tidyTag 2.2s var(--ease)}@keyframes tidyTag{0%{opacity:0;transform:translate(-50%,-8px)}15%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}.pile.tidied{outline:1.5px dashed rgba(255,71,126,.55);outline-offset:-8px;transition:outline-color .6s}.pile[data-mode=tidy]:after{opacity:0}.pile:after{transition:opacity .5s}.lw-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px}.lw-view{display:inline-flex;padding:3px;gap:2px;border-radius:999px;border:1px solid var(--frame-line);background:#0003}.lw-view button{padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--frame-muted)}.lw-view button[aria-pressed=true]{background:var(--frame-ink);color:var(--frame-bg)}.lw-meta{font:11px/1 var(--mono);color:var(--frame-muted)}.lw{position:relative}.lw__tile{position:relative;flex:none;display:block;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 30px -18px #000c}.lw__tile img{width:100%;height:100%;object-fit:cover;display:block}.lw__tile b{position:absolute;left:7px;top:7px;font:600 10px/1 var(--sans);padding:3px 6px;border-radius:4px;background:var(--accent);color:var(--accent-ink);opacity:0;transform:translateY(-3px);transition:opacity .25s,transform .25s;pointer-events:none}.lw__tile:hover b{opacity:1;transform:none}.lw__stage{position:relative;height:clamp(360px,58cqw,560px);overflow:hidden;border-radius:22px;border:1px solid var(--frame-line);background:radial-gradient(70% 60% at 50% 50%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),var(--frame-bg);perspective:1100px;-webkit-mask:radial-gradient(120% 95% at 50% 50%,#000 55%,transparent 100%);mask:radial-gradient(120% 95% at 50% 50%,#000 55%,transparent 100%)}.lw__plane{position:absolute;left:50%;top:50%;width:170%;display:grid;gap:18px;transform:translate(-50%,-50%) rotateX(24deg) rotateY(-10deg) rotate(-9deg);transform-style:preserve-3d}.lw__row{overflow:visible}.lw__track{display:flex;gap:18px;width:max-content;animation:lwSlide var(--dur, 48s) linear infinite;animation-direction:var(--dir, normal)}.lw__row .lw__tile{width:clamp(96px,13cqw,150px);transition:transform .45s var(--ease),box-shadow .45s}.lw__row .lw__tile:hover{transform:translateZ(40px) scale(1.08);box-shadow:0 30px 50px -20px #000000e6}.lw__row:hover .lw__track{animation-play-state:paused}@keyframes lwSlide{to{transform:translate(calc(-50% - 9px))}}.lw__main{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:min(340px,82%);display:grid;justify-items:center;gap:8px;padding:22px 22px 20px;text-align:center;border-radius:22px;background:#0e0914b8;border:1.5px solid var(--accent);box-shadow:0 30px 70px -20px #000000e6,0 0 0 6px color-mix(in srgb,var(--accent) 12%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}.lw__tag{font:600 10.5px/1 var(--sans);padding:4px 8px;border-radius:4px;background:var(--accent);color:var(--accent-ink)}.lw__num{font-size:clamp(54px,9cqw,86px);font-weight:500;line-height:.9;letter-spacing:-.05em}.lw__num span{font-variant-numeric:tabular-nums}.lw__main p{margin:0;font-size:13.5px;line-height:1.45;color:var(--frame-muted);max-width:240px}.lw__sectors{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.lw__sectors li{padding:4px 9px;border-radius:999px;border:1px solid var(--frame-line);font-size:11px;color:var(--frame-ink);background:#ffffff08}.lw__grid{display:none;grid-template-columns:repeat(4,1fr);gap:10px}@container (min-width: 700px){.lw__grid{grid-template-columns:repeat(6,1fr)}}.lw__grid .lw__tile{border-radius:16px;transition:transform .45s var(--ease);animation:msCard .5s var(--ease) both}.lw__grid .lw__tile:nth-child(6n+2){animation-delay:.03s}.lw__grid .lw__tile:nth-child(6n+3){animation-delay:.06s}.lw__grid .lw__tile:nth-child(6n+4){animation-delay:.09s}.lw__grid .lw__tile:nth-child(6n+5){animation-delay:.12s}.lw__grid .lw__tile:nth-child(6n){animation-delay:.15s}.lw__grid .lw__tile:hover{transform:translateY(-6px) rotate(-3deg);z-index:2}.lw[data-view=grid] .lw__stage,.lw[data-view=grid] .lw__main{display:none}.lw[data-view=grid] .lw__grid{display:grid}@container (max-width: 619px){.lw__stage{height:440px}.lw__plane{width:260%;gap:12px}.lw__track{gap:12px}.lw__row .lw__tile{width:92px;border-radius:14px}@keyframes lwSlide{to{transform:translate(calc(-50% - 6px))}}.lw__main{padding:18px 16px}}@media (prefers-reduced-motion: reduce){.lw__track{animation:none}}.rx{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.rx__b{position:relative;width:34px;height:30px;border-radius:999px;display:grid;place-items:center;font-size:15px;line-height:1;border:1px solid var(--frame-line);background:#ffffff08;transition:transform .2s var(--ease),background .25s,border-color .25s}.rx__b:hover{transform:translateY(-2px) scale(1.08);border-color:color-mix(in srgb,var(--accent) 50%,var(--frame-line))}.rx__b.is-on{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:var(--accent);animation:rxPop .4s var(--ease)}@keyframes rxPop{40%{transform:scale(1.3)}}.rx__you{margin-left:6px;font-size:11.5px;color:var(--frame-muted);white-space:nowrap}.rx__fly{position:absolute;left:50%;bottom:60%;font-style:normal;font-size:16px;pointer-events:none;animation:rxFly 1.2s var(--ease) forwards}@keyframes rxFly{0%{opacity:1;transform:translate(-50%) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--x)),-70px) rotate(var(--r)) scale(1.2)}}.threads.inbox{display:grid;gap:14px;grid-template-columns:1fr}@container (min-width: 760px){.threads.inbox{grid-template-columns:minmax(250px,.7fr) minmax(0,1.6fr);align-items:stretch}}.inbox__list{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:20px;background:var(--frame-bg-2);border:1px solid var(--frame-line);min-width:0}.inbox__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 8px 10px;border-bottom:1px solid var(--frame-line);margin-bottom:4px}.inbox__head b{font-size:13px}.inbox__head span{font:10.5px/1 var(--mono);color:var(--frame-muted)}.inbox__item{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;text-align:left;transition:background .25s}.inbox__item:hover{background:#ffffff0a}.inbox__item[aria-selected=true]{background:color-mix(in srgb,var(--figma) 14%,transparent)}.inbox__item[aria-selected=true]:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--figma)}.inbox__av,.inbox .thread__av,.stack .thread__av{--h: 260;width:34px;height:34px;flex:none;border-radius:50% 50% 50% 6px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:hsl(var(--h) 70% 52%)}.inbox__who{display:grid;min-width:0}.inbox__who b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox__who small{font-size:11.5px;color:var(--frame-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox__prog{position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:var(--figma);transform-origin:left;transform:scaleX(0);opacity:0}.inbox__item.run .inbox__prog{opacity:.8;animation:tabRun 8s linear forwards}.inbox__list.paused .inbox__prog{animation-play-state:paused}.inbox__view{position:relative;display:grid;min-width:0;border-radius:22px;background:radial-gradient(90% 70% at 100% 0%,color-mix(in srgb,var(--figma) 14%,transparent),transparent 60%),var(--frame-bg-2);border:1px solid var(--frame-line);touch-action:pan-y}.inbox__view .thread{grid-area:1 / 1;display:none;gap:18px;align-content:start;padding:28px 28px 70px;border:0;background:none;border-radius:0}.inbox__view .thread.is-on{display:grid;animation:inboxIn .55s var(--ease)}@keyframes inboxIn{0%{opacity:0;transform:translateY(12px)}}.inbox__view .thread__av{width:44px;height:44px;font-size:14px}.inbox__view .thread__who b{font-size:16px}.inbox__view .thread__res{padding:4px 9px;border-radius:999px;background:#3bcb7d1f}.inbox__view blockquote{position:relative;padding-left:0}.inbox__view blockquote:before{content:"\201c";position:absolute;left:-6px;top:-34px;font-family:var(--serif);font-size:110px;line-height:1;color:color-mix(in srgb,var(--figma) 40%,transparent);pointer-events:none}.inbox__view .thread p{position:relative;font-size:clamp(17px,2.3cqw,23px);line-height:1.5;letter-spacing:-.01em;color:var(--frame-ink)}.inbox__view .thread__foot{flex-wrap:wrap;gap:10px}.inbox__view .thread__foot>span:first-child{padding:4px 10px;border-radius:999px;border:1px solid var(--frame-line)}.inbox__nav{position:absolute;left:28px;right:28px;bottom:18px;display:flex;align-items:center;gap:10px;font:12px/1 var(--mono);color:var(--frame-muted)}.inbox__nav button{width:34px;height:34px;border-radius:50%;border:1px solid var(--frame-line);font-size:15px;color:var(--frame-ink);transition:background .25s,border-color .25s}.inbox__nav button:hover{background:var(--frame-ink);color:var(--frame-bg);border-color:var(--frame-ink)}.inbox__nav b{color:var(--frame-ink)}@container (max-width: 759px){.inbox__list{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;padding:8px;scrollbar-width:none}.inbox__list::-webkit-scrollbar{display:none}.inbox__head{display:none}.inbox__item{flex:none;scroll-snap-align:start;padding:7px 12px 7px 7px;border-radius:999px;border:1px solid var(--frame-line)}.inbox__item[aria-selected=true]{border-color:var(--figma)}.inbox__item[aria-selected=true]:before{display:none}.inbox__who small{display:none}.inbox__item .inbox__av{width:28px;height:28px;font-size:11px}.inbox__prog{left:14px;right:14px;bottom:2px}.inbox__view .thread{padding:22px 18px 66px;gap:14px}.inbox__view .thread p{font-size:16.5px}.inbox__nav{left:18px;right:18px}}.stories{display:grid;gap:22px;align-items:center}@container (min-width: 820px){.stories{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px}}.stories__side .subhead{margin:0 0 18px}.stories__ctrl{display:flex;align-items:center;gap:12px}.stories__btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--frame-line);font-size:18px;transition:background .25s,color .25s,transform .2s}.stories__btn:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.stories__btn:active{transform:scale(.94)}.stories__count{font:600 14px/1 var(--mono);color:var(--frame-muted)}.stories__count b{font-size:26px;color:var(--frame-ink)}.stories__hint{margin:12px 0 0;font-size:12.5px;color:var(--frame-muted)}.threads.stack{position:relative;display:grid;padding:10px 14px 34px;outline:none;touch-action:pan-y}.stack .thread{--k: 0;grid-area:1 / 1;gap:14px;padding:24px 24px 20px;border-radius:22px;background:#fbfaf7;color:var(--chrome);border:0;box-shadow:0 24px 50px -24px #000c;transform-origin:50% 100%;transform:translateY(calc(min(var(--k),3)*12px)) scale(calc(1 - (min(var(--k),3)*.045))) rotate(calc((var(--k) - 1) * 1.6deg * (var(--k) > 0)));transition:transform .5s var(--ease),opacity .4s;user-select:none;-webkit-user-select:none}.stack .thread:not(.is-top){pointer-events:none}.stack .thread:not(.is-top)>*{opacity:.25}.stack .thread[style*="--k: 1"],.stack .thread[style*="--k:1"]{transform:translateY(12px) scale(.955) rotate(1.8deg)}.stack .thread[style*="--k: 2"],.stack .thread[style*="--k:2"]{transform:translateY(24px) scale(.91) rotate(-2.2deg)}.stack .thread[style*="--k: 3"],.stack .thread[style*="--k:3"],.stack .thread[style*="--k: 4"],.stack .thread[style*="--k:4"],.stack .thread[style*="--k: 5"],.stack .thread[style*="--k:5"]{transform:translateY(34px) scale(.87) rotate(1deg);opacity:0}.stack .thread.is-top{cursor:grab}.stack .thread.drag{transition:none;cursor:grabbing}.stack .thread.fly{transition:transform .38s var(--ease-in, ease-in),opacity .38s;transform:translate(var(--fx, 120%)) rotate(12deg)!important;opacity:0}.stack .thread:before{content:"";position:absolute;left:24px;right:24px;top:0;height:5px;border-radius:0 0 4px 4px;background:hsl(var(--h, 280) 75% 60%)}.stack .thread{position:relative}.stack .thread__who b{color:var(--chrome);font-size:15px}.stack .thread__who span{color:#6b6273}.stack .thread__av{background:hsl(var(--h, 280) 70% 52%)}.stack .thread p{font-size:clamp(16px,2cqw,19px);line-height:1.55;color:#231a2b}.stack .thread__foot{flex-wrap:wrap;gap:10px;color:#6b6273}.stack .rx__b{border-color:#e4ded4;background:#f3efe8}.stack .rx__b.is-on{background:color-mix(in srgb,var(--accent) 22%,#fff);border-color:var(--accent)}.stack .rx__you{color:#6b6273}@container (max-width: 619px){.threads.stack{padding:6px 4px 30px}.stack .thread{padding:20px 18px 18px}}.inbox__view blockquote:before{content:none}.inbox__view blockquote{padding-left:16px;border-left:3px solid color-mix(in srgb,var(--figma) 60%,transparent)}.inbox__head{flex-direction:column;align-items:flex-start;gap:4px}.threads.stack{grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:560px;justify-self:center}.stack .thread[style*="--k: 1"]{transform:translate(14px,10px) scale(.96) rotate(3deg)}.stack .thread[style*="--k: 2"]{transform:translate(-12px,20px) scale(.92) rotate(-3.5deg)}.stack .thread:not(.is-top){background:#efeae1}.stack .thread:not(.is-top)>*{opacity:0}@container (min-width: 820px){.stories{grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:28px}}@container (max-width: 819px){.stories__side{order:2}.stories__side .subhead{display:none}.stories__ctrl{justify-content:center}.stories__hint{text-align:center}}.inbox__view .thread__who,.stack .thread__who{min-width:0;flex:1}@container (max-width: 759px){.inbox__view .thread__res,.stack .thread__res{display:none}.inbox__view .thread__who span{display:block}.inbox__view blockquote{padding-left:12px}}@container (max-width: 619px){.threads.stack{max-width:none;padding:6px 10px 30px}.stack .thread[style*="--k: 1"]{transform:translate(8px,10px) scale(.96) rotate(2deg)}.stack .thread[style*="--k: 2"]{transform:translate(-8px,18px) scale(.93) rotate(-2.5deg)}}.thread{margin:0}.faq-chat{display:grid;gap:14px}@container (min-width: 820px){.faq-chat{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.fq-win{position:sticky;top:0}}.fq-side{display:grid;gap:10px;min-width:0}.fq-search{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid var(--frame-line);background:var(--frame-bg-2);transition:border-color .25s,box-shadow .25s}.fq-search:focus-within{border-color:var(--figma);box-shadow:0 0 0 3px #0d99ff2e}.fq-search span{color:var(--frame-muted);font-size:16px}.fq-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--frame-ink);font:inherit;font-size:14px}.fq-search input::-webkit-search-cancel-button{filter:invert(1) opacity(.5)}.fq-search kbd{font:600 11px/1 var(--mono);padding:4px 7px;border-radius:6px;border:1px solid var(--frame-line);color:var(--frame-muted)}.faq-chat .faq__list{display:grid;gap:6px;border:0}.faq-chat .acc{border:1px solid var(--frame-line);border-radius:14px;background:#ffffff04;transition:border-color .25s,background .25s,transform .25s var(--ease)}.faq-chat .acc:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--frame-line));transform:translate(3px)}.faq-chat .acc.is-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.faq-chat .acc.is-out{display:none}.faq-chat .acc>p{display:none}.faq-chat .acc summary{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:14.5px;font-weight:500;line-height:1.35;cursor:pointer;list-style:none}.faq-chat .acc summary::-webkit-details-marker{display:none}.faq-chat .acc summary:after{content:"\2197";margin-left:auto;padding-left:8px;color:var(--frame-muted);font-size:13px;transition:transform .3s var(--ease),color .3s}.faq-chat .acc.is-on summary:after{content:"\1f4ac"}.faq-chat .acc:hover summary:after{transform:translate(2px,-2px);color:var(--accent-fg)}.fq-n{flex:none;font:700 11px/1 var(--mono);color:var(--accent-fg)}.fq-win{display:grid;grid-template-rows:auto 1fr auto;min-height:420px;border-radius:22px;overflow:hidden;border:1px solid var(--frame-line);background:radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),var(--frame-bg-2)}.fq-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--frame-line);background:#0000002e}.fq-av{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50% 50% 50% 6px;background:var(--accent);color:var(--accent-ink);font:700 12px/1 var(--mono)}.fq-head div{display:grid;gap:2px}.fq-head b{font-size:14px}.fq-head small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--frame-muted)}.fq-head small i{width:7px;height:7px;border-radius:50%;background:#3bcb7d;animation:live 2s infinite}.fq-tag{margin-left:auto;font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:999px;border:1px solid var(--frame-line);color:var(--frame-muted)}.fq-log{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:18px 16px;background:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.4px) 0 0 / 16px 16px}.fq-msg{display:grid;gap:4px;max-width:88%;animation:fqIn .45s var(--ease) both}@keyframes fqIn{0%{opacity:0;transform:translateY(10px) scale(.98)}}.fq-msg p{margin:0;padding:11px 14px;font-size:14.5px;line-height:1.55}.fq-name{font:600 11px/1 var(--sans);color:var(--frame-muted)}.fq-msg--you{justify-self:end;align-self:flex-end;justify-items:end}.fq-msg--you p{border-radius:16px 16px 4px;background:var(--figma);color:#fff;font-weight:500}.fq-msg--you .fq-name{color:#7fc4ff}.fq-msg--me{align-self:flex-start;animation-delay:.15s}.fq-msg--me p{border-radius:16px 16px 16px 4px;background:var(--frame-bg);border:1px solid var(--frame-line);color:var(--frame-ink)}.fq-msg--me .fq-name{color:color-mix(in srgb,var(--accent) 65%,var(--frame-ink))}.fq-typing p{display:flex;gap:4px;padding:14px 16px}.fq-typing p i{width:7px;height:7px;border-radius:50%;background:var(--frame-muted);animation:fqDot 1s infinite}.fq-typing p i:nth-child(2){animation-delay:.15s}.fq-typing p i:nth-child(3){animation-delay:.3s}@keyframes fqDot{0%,60%,to{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}.fq-foot{display:grid;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--frame-line)}.fq-sugg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:30px}.fq-sugg span{font:600 10.5px/1 var(--mono);color:var(--frame-muted);margin-right:2px}.fq-sugg button{padding:6px 11px;border-radius:999px;border:1px solid var(--frame-line);font-size:12px;text-align:left;color:var(--frame-ink);animation:fqIn .4s var(--ease) both;transition:border-color .25s,background .25s}.fq-sugg button:nth-of-type(2){animation-delay:.08s}.fq-sugg button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.fq-more{justify-self:start;font-size:13px;font-weight:600;color:var(--accent-fg);text-decoration:none}@container (max-width: 819px){.fq-win{order:-1;min-height:0}.fq-side{order:0}.faq-chat .acc summary{padding:10px 12px;font-size:13.5px}.fq-msg{max-width:94%}}@container (max-width: 819px){.fq-tag{display:none}.faq-chat .faq__list{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.faq-chat .faq__list::-webkit-scrollbar{display:none}.faq-chat .acc{flex:none;width:min(250px,78%);scroll-snap-align:start}.faq-chat .acc:hover{transform:none}.faq-chat .acc summary{align-items:flex-start;min-height:64px}.fq-side:after{content:"Swipe for more questions \2192";font:600 11px/1 var(--mono);color:var(--frame-muted)}}.contact2{display:grid;gap:18px}.contact2 .fhead{margin-bottom:0}.ct-status{display:flex;flex-wrap:wrap;gap:8px}.ct-status>span{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid var(--frame-line);background:var(--frame-bg-2);font-size:12.5px;color:var(--frame-muted)}.ct-status b{font-family:var(--mono);color:var(--dev);font-weight:600}.ct-live{color:var(--frame-ink)!important}.ct-live i{width:8px;height:8px;border-radius:50%;background:#3bcb7d;animation:live 2s infinite}.ct-grid{display:grid;gap:12px;grid-template-columns:1fr}@container (min-width: 620px){.ct-grid{grid-template-columns:1fr 1fr}.ct-meet,.ct-mail{grid-column:1 / -1}}@container (min-width: 900px){.ct-grid{grid-template-columns:1.35fr 1fr 1fr;grid-template-areas:"meet mail mail" "meet li ig"}.ct-meet{grid-area:meet}.ct-mail{grid-area:mail}.ct-li{grid-area:li}.ct-ig{grid-area:ig}}.ct-card{--mx: 50%;--my: 0%;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border-radius:22px;text-align:left;color:var(--frame-ink);text-decoration:none!important;background:radial-gradient(420px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--frame-bg-2);border:1px solid var(--frame-line);transition:border-color .3s,transform .5s var(--ease);min-width:0}.ct-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);transform:translateY(-3px)}.ct-card__tag{font:600 10.5px/1 var(--sans);padding:4px 8px;border-radius:4px;background:var(--accent);color:var(--accent-ink)}.ct-card__tag--muted{background:#ffffff0f;color:var(--frame-muted);border:1px solid var(--frame-line)}.ct-card__title{font-size:clamp(20px,2.6cqw,26px);font-weight:500;letter-spacing:-.02em;line-height:1.15}.ct-card__sub{font-size:13.5px;line-height:1.5;color:var(--frame-muted)}.ct-card__go{margin-top:auto;font-size:13.5px;font-weight:700;color:var(--accent-fg)}.ct-card__arrow{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--frame-line);font-size:14px;transition:transform .45s var(--ease),background .3s,color .3s}.ct-card:hover .ct-card__arrow{transform:rotate(45deg);background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.ct-meet{padding:22px;gap:10px;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(13,153,255,.16),transparent 60%),linear-gradient(160deg,color-mix(in srgb,var(--figma) 16%,var(--frame-bg-2)),var(--frame-bg-2) 60%)}.ct-meet__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 12px 24px -12px #000000b3}.ct-meet__icon svg{width:26px;height:26px;fill:#1a73e8}.ct-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%;margin:4px 0 2px}.ct-day{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:12px;border:1px solid var(--frame-line);background:#0003;cursor:pointer;transition:background .25s,border-color .25s,transform .25s var(--ease)}.ct-day small{font-size:10.5px;color:var(--frame-muted)}.ct-day b{font-size:18px;font-weight:600;line-height:1.1}.ct-day:hover{border-color:var(--figma);transform:translateY(-2px)}.ct-day.is-on{background:var(--figma);border-color:var(--figma)}.ct-day.is-on small{color:#ffffffd9}.ct-mail{justify-content:center;gap:10px;cursor:copy}.ct-mail__addr{font-size:clamp(22px,3.6cqw,36px);font-weight:500;letter-spacing:-.03em;line-height:1.1;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.ct-mail:hover .ct-mail__addr{color:var(--accent-fg)}.ct-mail.is-copied .ct-mail__go{color:#3bcb7d}@container (max-width: 380px){.ct-mail__addr{font-size:20px}}.ct-social{gap:4px;padding-top:18px}.ct-social b{font-size:17px;font-weight:600;margin-top:8px}.ct-social__ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font:800 17px/1 var(--sans);color:#fff}.ct-li .ct-social__ic{background:#0a66c2}.ct-ig .ct-social__ic{background:linear-gradient(135deg,#feda75,#d62976 55%,#4f5bd5);font-size:20px}.ct-brief{display:grid;gap:14px}@container (min-width: 820px){.ct-brief{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}.ct-preview{position:sticky;top:0}}.ct-form{gap:12px;padding:22px;border-radius:22px}.ct-form__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:2px}.ct-form__head .form__title{margin:0}.ct-form__head span{font:11px/1 var(--mono);color:var(--frame-muted)}.ct-form .field input::placeholder,.ct-form .field textarea::placeholder{color:color-mix(in srgb,var(--frame-muted) 70%,transparent)}.ct-group{display:grid;gap:8px}.ct-group__lbl{font-size:13px;color:var(--frame-muted)}.ct-form .pills span{padding:8px 13px;transition:background .25s,border-color .25s,color .25s}.ct-form .pills span:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--frame-line))}.ct-preview{display:grid;gap:12px;padding:0 0 18px;border-radius:22px;overflow:hidden;background:#fbfaf7;color:var(--chrome);box-shadow:0 30px 60px -30px #000000e6}.ct-preview__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#efece6;font:600 11.5px/1 var(--sans);color:#6b6273}.ct-preview__bar i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.ct-preview__bar i:nth-child(2){background:#febc2e}.ct-preview__bar i:nth-child(3){background:#28c840}.ct-preview__bar span{margin-left:8px}.ct-preview__meta{display:grid;padding:0 18px}.ct-preview__meta p{display:flex;gap:10px;margin:0;padding:8px 0;border-bottom:1px solid #ECE7DE;font-size:13px;min-width:0}.ct-preview__meta span{width:56px;flex:none;color:#8a8192}.ct-preview__meta b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-preview__body{min-height:170px;padding:4px 18px 0;font-size:14.5px;line-height:1.6;color:#231a2b;overflow-wrap:anywhere}.ct-ph{color:#a59cad;font-style:italic}.ct-preview .btn{margin:0 18px;width:calc(100% - 36px)}.ct-preview .form__status{margin:-4px 18px 0;font-size:12.5px;color:#3e8e5a;min-height:0}.ct-promises{list-style:none;margin:0 18px;padding:12px 0 0;border-top:1px solid #ECE7DE;display:grid;gap:7px}.ct-promises li{display:flex;gap:8px;font-size:12.5px;line-height:1.4;color:#5e5566}.ct-promises li:before{content:"\2713";flex:none;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;background:#e4f7eb;color:#1f9d55}.contact2 .contact__title{margin-bottom:14px!important}@container (max-width: 619px){.ct-grid{grid-template-columns:1fr 1fr}.ct-meet,.ct-mail{grid-column:1 / -1}.ct-social{padding:16px}.ct-social .ct-card__sub{font-size:12px}.ct-card__arrow{top:14px;right:14px;width:28px;height:28px}}@container (min-width: 900px){.ct-grid{grid-template-columns:1.4fr 1fr 1fr;grid-template-areas:"mail li ig" "meet meet meet"}}.ct-honey{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}.ct-preview .btn.is-sending{opacity:.75;cursor:progress}.ty{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:16px;background:#07010c8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .4s var(--ease)}.ty.on{opacity:1}.ty__card{position:relative;width:min(460px,100%);display:grid;justify-items:center;gap:10px;padding:30px 26px 24px;text-align:center;border-radius:28px;background:radial-gradient(90% 60% at 50% 0%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),var(--chrome);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 90px -30px #000000e6,0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent);color:#f4f1f8;transform:translateY(30px) scale(.92);transition:transform .6s cubic-bezier(.16,1.3,.3,1)}.ty.on .ty__card{transform:none}.ty__scene{position:relative;width:150px;height:110px}.ty__face{position:absolute;left:50%;top:10px;width:90px;height:90px;margin-left:-45px;transform:scale(0);animation:tyPop .7s .35s cubic-bezier(.16,1.5,.3,1) forwards}.ty__face svg{width:100%;height:100%}.ty__face svg>circle:first-child{fill:#ffd34d;stroke:#f2b705;stroke-width:3}.ty__eye{fill:#2a1e00}.ty__wink,.ty__smile{fill:none;stroke:#2a1e00;stroke-width:5;stroke-linecap:round}.ty__smile{stroke-dasharray:60;stroke-dashoffset:60;animation:tyDraw .6s .9s var(--ease) forwards}.ty__wink{animation:tyWink 2.4s 1.4s ease-in-out infinite;transform-origin:65px 40px}.ty__wave{position:absolute;right:-6px;top:50px;font-size:30px;opacity:0;transform-origin:70% 90%;animation:tyIn .3s 1.1s forwards,tyWave 1.2s 1.2s ease-in-out 3}.ty__plane{position:absolute;left:-10px;top:70px;font-size:26px;animation:tyFly 1.2s .1s cubic-bezier(.5,0,.3,1) forwards}.ty__trail{position:absolute;left:10px;top:84px;width:150px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 6px,transparent 6px 12px);transform-origin:left;transform:scaleX(0) rotate(-24deg);animation:tyTrail 1.2s .1s ease-out forwards}.ty__conf{position:absolute;left:50%;top:70px;width:0;height:0;pointer-events:none}.ty__conf i{position:absolute;width:7px;height:11px;border-radius:2px;background:var(--c);opacity:0;animation:tyConf 1.6s var(--ease) forwards;animation-delay:calc(.55s + var(--d))}.ty__kick{margin:4px 0 0;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#3bcb7d}.ty__title{margin:0;font-size:clamp(28px,7vw,38px);font-weight:500;letter-spacing:-.03em;line-height:1.05}.ty__title em{font-family:var(--serif);font-style:italic;color:var(--accent-fg)}.ty__txt{margin:4px 0 0;font-size:14.5px;line-height:1.6;color:#c8bed3}.ty__txt b{color:#fff;font-weight:600}.ty__sign{margin:6px 0 0;display:grid;gap:4px;font-size:13px;color:#c8bed3}.ty__sign span{font-family:var(--serif);font-style:italic;font-size:20px;color:#fff}.ty__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.ty__card>*:not(.ty__scene):not(.ty__conf){opacity:0;animation:tyIn .5s var(--ease) forwards}.ty__kick{animation-delay:.8s!important}.ty__title{animation-delay:.9s!important}.ty__txt{animation-delay:1s!important}.ty__sign{animation-delay:1.1s!important}.ty__btns{animation-delay:1.2s!important}@keyframes tyIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tyPop{to{transform:scale(1)}}@keyframes tyDraw{to{stroke-dashoffset:0}}@keyframes tyWink{0%,44%,56%,to{transform:scaleY(1)}50%{transform:scaleY(.2)}}@keyframes tyWave{0%,to{transform:rotate(0)}25%{transform:rotate(18deg)}75%{transform:rotate(-12deg)}}@keyframes tyFly{0%{transform:translate(0) rotate(-10deg);opacity:1}70%{opacity:1}to{transform:translate(170px,-80px) rotate(-10deg) scale(.6);opacity:0}}@keyframes tyTrail{0%{transform:scaleX(0) rotate(-24deg);opacity:1}60%{transform:scaleX(1) rotate(-24deg);opacity:.8}to{transform:scaleX(1) rotate(-24deg);opacity:0}}@keyframes tyConf{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--x),calc(var(--y) * -1 + 40px)) rotate(var(--r))}}@media (prefers-reduced-motion: reduce){.ty *,.ty{animation-duration:.01s!important;animation-delay:0s!important;transition:none!important}.ty__face{transform:none}.ty__card>*{opacity:1!important}}.ct-mail__addr{font-size:clamp(15px,5.2cqw,34px)!important}.fo-bye{display:grid;justify-items:center;gap:12px;margin:0 auto 34px;max-width:760px;text-align:center}.fo-eof{font:600 11px/1 var(--mono);letter-spacing:.06em;color:var(--frame-muted);padding:6px 10px;border-radius:999px;border:1px dashed var(--frame-line)}.fo-hi{margin:4px 0 0;font-size:clamp(26px,4.6cqw,46px);font-weight:500;letter-spacing:-.03em;line-height:1.1}.fo-hi em{font-family:var(--serif);font-style:italic;color:var(--accent-fg);margin-left:.12em}.fo-note{margin:0;font-size:15px;line-height:1.55;color:var(--frame-muted);max-width:560px}.fo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-top:8px}.fo-stats>div{display:grid;gap:6px;padding:12px 10px;border-radius:14px;border:1px solid var(--frame-line);background:var(--frame-bg-2)}.fo-stats small{font-size:11px;color:var(--frame-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fo-stats b{font-size:clamp(18px,2.6cqw,24px);font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.fo-stats b i{font-style:normal;font-size:.6em;color:var(--frame-muted)}@container (max-width: 560px){.fo-stats{grid-template-columns:1fr 1fr}}.foot__word{position:relative;user-select:none;-webkit-user-select:none}.fw{display:inline-flex;justify-content:center}.fw__l{display:inline-block;min-width:.5em;text-align:center;transition:color .35s,transform .45s cubic-bezier(.16,1.4,.3,1),font-family .01s;cursor:default}.fw__l.scr{color:var(--accent-fg);font-family:var(--mono);font-weight:600;transform:scaleX(.9)}.fw__l.done{animation:fwLand .5s cubic-bezier(.16,1.4,.3,1)}@keyframes fwLand{0%{transform:translateY(-.08em);color:var(--dev)}to{transform:none}}.fw__l:hover{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent-fg);transform:translateY(-.06em) rotate(-4deg)}.foot__word:after{content:"</>";position:absolute;right:2%;top:-6%;font:700 clamp(12px,1.6cqw,16px)/1 var(--mono);color:#07010c;background:var(--dev);padding:4px 7px;border-radius:6px;transform:rotate(8deg)}.fo-top{padding:7px 13px;border-radius:999px;border:1px solid var(--frame-line);font-size:12.5px;font-weight:600;color:var(--frame-ink);transition:background .25s,color .25s,border-color .25s}.fo-top:hover{background:var(--frame-ink);color:var(--frame-bg);border-color:var(--frame-ink)}.foot__row{align-items:center}.fw{position:relative}.fw__l{position:relative;min-width:0}.fw__l b{font-weight:inherit;transition:opacity .2s}.fw__l i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-family:var(--mono);font-weight:600;font-size:.78em;color:var(--accent-fg);opacity:0}.fw__l.scr{color:inherit;font-family:inherit;font-weight:inherit;transform:none}.fw__l.scr b{opacity:.08}.fw__l.scr i{opacity:1}.fw__l:hover b{font-family:var(--serif);font-style:italic;font-weight:400}.foot__word:after{content:none}.fw:after{content:"</>";position:absolute;right:-.1em;top:-.05em;font:700 clamp(11px,1.5cqw,15px)/1 var(--mono);letter-spacing:0;color:#07010c;background:var(--dev);padding:4px 7px;border-radius:6px;transform:translate(40%,-60%) rotate(8deg)}.foot__row{justify-content:space-between}.foot__word{font-size:14.2cqw}.foot__seo{line-height:1.6}.foot__seo a{display:inline-block;margin-top:10px}.lost{position:fixed;z-index:70;left:0;top:0;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink);box-shadow:0 16px 40px -12px #000c,0 0 0 6px color-mix(in srgb,var(--accent) 22%,transparent);opacity:0;pointer-events:none;transform:scale(.85);transition:opacity .3s,transform .35s cubic-bezier(.16,1.4,.3,1),left .35s var(--ease),top .35s var(--ease);white-space:nowrap}.lost.on{opacity:1;pointer-events:auto;transform:none;animation:lostBob 2.2s ease-in-out infinite}.lost__arrow{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:#07010ce0;color:#fff;font-style:normal;font-size:15px;transition:transform .35s var(--ease)}.lost__txt{display:grid;text-align:left;line-height:1.2}.lost__txt b{font-size:13.5px;font-weight:700}.lost__txt small{font-size:11px;font-weight:600;opacity:.75}.lost:hover{box-shadow:0 16px 40px -12px #000c,0 0 0 9px color-mix(in srgb,var(--accent) 30%,transparent)}@keyframes lostBob{0%,to{translate:0 0}50%{translate:0 -4px}}@media (prefers-reduced-motion: reduce){.lost.on{animation:none}}.theme-light .lw__main{background:#ffffffd1;color:#0b0610;box-shadow:0 30px 70px -24px #28143c73,0 0 0 6px color-mix(in srgb,var(--accent) 16%,transparent)}.theme-light .lw__main p{color:#0b0610b3}.theme-light .lw__sectors li{background:#ffffffb3;color:#0b0610}.theme-light .lw__stage{background:radial-gradient(70% 60% at 50% 50%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),var(--frame-bg-2)}.theme-light .lw__tile{box-shadow:0 18px 30px -18px #28143c80}.theme-light .ct-day{background:#fff9}.theme-light .ct-day.is-on small{color:#fff}.theme-light .ab-var,.theme-light .kb-screen{background:#fff9}.theme-light .kb-k{color:var(--accent-fg)}.theme-light .kb-d{color:#0b0610}.theme-light .ab-props__head b,.theme-light .ab-card__head b,.theme-light .fq-msg--me .fq-name{color:var(--accent-fg)}.theme-light .fq-msg--me p{background:#fff}.theme-light .ws-score{background:#ffffffeb}.theme-light .ws-score span{color:#0b061099}.theme-light .hs__spec{background:#ffffffeb;color:#0b0610}.theme-light .fo-stats>div,.theme-light .ct-status>span{background:#fff}.vars{grid-template-columns:repeat(7,1fr)}.var-custom{position:relative;aspect-ratio:1;border-radius:8px;cursor:pointer;display:grid;place-items:center;overflow:hidden;border:2px solid transparent;background:conic-gradient(from 0deg,#ff5b5b,#ffc53d,#d8ff3e,#2fd98b,#3db8ff,#7b61ff,#b440ff,#ff5b5b)}.var-custom span{width:62%;height:62%;display:grid;place-items:center;border-radius:50%;background:#0c0812d1;color:#fff;font:700 13px/1 var(--sans)}.var-custom.is-on{background:var(--c);border-color:#fff;box-shadow:0 0 0 2px var(--figma)}.var-custom.is-on span{background:#ffffffd9;color:#0b0610;font-size:11px}.var-custom.is-on span:before{content:"\270e"}.var-custom.is-on span:before{font-size:11px}.var-custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.var-custom:hover{transform:scale(1.06)}.var-custom{transition:transform .2s var(--ease)}.var-custom{border:2px solid transparent;background:linear-gradient(var(--chrome-2),var(--chrome-2)) padding-box,conic-gradient(from 0deg,#ff5b5b,#ffc53d,#d8ff3e,#2fd98b,#3db8ff,#7b61ff,#b440ff,#ff5b5b) border-box}.var-custom span,.var-custom.is-on span{width:auto;height:auto;background:none;border-radius:0;color:var(--ui-ink);font:600 16px/1 var(--sans)}.var-custom span:before{content:none!important}.var-custom.is-on{background:linear-gradient(var(--c),var(--c)) padding-box,conic-gradient(from 0deg,#ff5b5b,#ffc53d,#d8ff3e,#2fd98b,#3db8ff,#7b61ff,#b440ff,#ff5b5b) border-box;box-shadow:0 0 0 2px var(--figma)}.var-custom.is-on span{font-size:0}.assets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.asset{min-width:0;overflow:hidden;gap:6px;padding:10px 6px 8px;transition:border-color .2s,transform .2s var(--ease),background .2s}.asset:hover{transform:translateY(-2px);background:var(--chrome-3)}.asset__prev{display:grid;place-items:center;width:100%;height:40px;min-width:0}.asset .stk{position:static;transform:none;font-size:12px;padding:6px 10px;gap:4px;box-shadow:0 6px 14px -8px #000000b3;max-width:100%;overflow:hidden;text-overflow:ellipsis}.asset .stk--wave{font-size:20px;padding:4px 8px}.asset small{font-size:10.5px;color:var(--ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.asset:hover .stk{animation:stkWiggle .5s var(--ease)}@keyframes stkWiggle{25%{transform:rotate(-6deg) scale(1.06)}75%{transform:rotate(5deg) scale(1.06)}}.stk--ship{background:linear-gradient(135deg,#0d99ff,#7b61ff);color:#fff;transform:rotate(-4deg)}.stk--lgtm{background:#3bcb7d;color:#06220f;transform:rotate(3deg)}.stk--bug{background:#ff6b5b;color:#2a0500;transform:rotate(-2deg)}.stk--chai{background:#c98a4b;color:#fff;transform:rotate(5deg)}.stk--pixel{background:#fff;color:#07010c;border:2px dashed #FF477E}.stk--xp{background:#07010c;color:#ffe36e;border:1px solid #FFE36E;font-family:var(--mono);transform:rotate(-5deg)}.stk--fire{background:linear-gradient(135deg,#ff7a18,#ff477e);color:#fff;transform:rotate(4deg)}.stk--crown{background:#ffc53d;color:#2a1e00;transform:rotate(-3deg)}.ux-canvas,.hs__screen,.hs__code{--frame-ink: #F5F2FA;--frame-muted: rgba(245, 242, 250, .62);--frame-line: rgba(245, 242, 250, .12);color:#f5f2fa}.ux-flow span{color:#f5f2fa}.ux-flow span.ok{color:#3bcb7d}.ux-ph--ui .u-btn--2{color:#fff}.asset .stk{font-size:11px;padding:5px 9px;letter-spacing:-.01em}.asset .stk--code{font-size:10.5px}.asset .stk--wave{font-size:18px;padding:3px 8px}.rs-wrap{display:grid;gap:18px;justify-items:center}.rs-tools{width:100%;max-width:794px;display:grid;gap:10px;padding:14px 16px;border-radius:18px;background:var(--frame-bg-2);border:1px solid var(--frame-line)}.rs-tools__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}.rs-tools__lbl{width:72px;font:600 11px/1 var(--mono);color:var(--frame-muted);text-transform:uppercase;letter-spacing:.06em}.rs-btns{display:flex;flex-wrap:wrap;gap:6px}.rs-btns .btn{padding:8px 14px;font-size:13px}.rs-btns .btn:disabled{opacity:.6;cursor:progress}.rs-cols{display:flex;gap:6px}.rs-cols button,.rs-custom{width:28px;height:28px;border-radius:8px;background:var(--c);border:2px solid transparent}.rs-cols button[aria-pressed=true],.rs-custom.is-on{border-color:#fff;box-shadow:0 0 0 2px var(--figma)}.rs-custom{position:relative;display:grid;place-items:center;cursor:pointer;overflow:hidden;background:linear-gradient(var(--chrome-2),var(--chrome-2)) padding-box,conic-gradient(#ff5b5b,#ffc53d,#d8ff3e,#2fd98b,#3db8ff,#7b61ff,#b440ff,#ff5b5b) border-box;color:var(--ui-ink);font-weight:600}.rs-custom.is-on{background:linear-gradient(var(--c),var(--c)) padding-box,conic-gradient(#ff5b5b,#ffc53d,#d8ff3e,#2fd98b,#3db8ff,#7b61ff,#b440ff,#ff5b5b) border-box}.rs-custom.is-on span{opacity:0}.rs-custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.rs-seg{display:inline-flex;padding:3px;gap:2px;border-radius:999px;border:1px solid var(--frame-line)}.rs-seg button{padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--frame-muted)}.rs-seg button[aria-pressed=true]{background:var(--frame-ink);color:var(--frame-bg)}.rs-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--frame-ink);cursor:pointer}.rs-check input{accent-color:var(--accent)}.rs-status{margin:0;min-height:1em;font-size:12.5px;color:#3bcb7d}.paper{--rc: #B440FF;--pbg: #FFFFFF;--pink: #14101A;--pmut: #5E5766;--pline: #ECE8F0;width:794px;max-width:100%;min-height:1123px;display:flex;flex-direction:column;gap:22px;padding:52px 54px 36px;background:var(--pbg);color:var(--pink);font-family:var(--sans);box-shadow:0 40px 90px -40px #000000e6;border-radius:4px}.paper.pp--dark{--pbg: #0E0A14;--pink: #F3F0F7;--pmut: #A79FB1;--pline: #241D2D}.paper a{color:inherit;text-decoration:none}.pp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:20px;border-bottom:3px solid var(--rc)}.pp-name{margin:0;font-size:40px;font-weight:600;letter-spacing:-.035em;line-height:1}.pp-role{margin:8px 0 0;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--rc)}.paper.pp--dark .pp-role{color:color-mix(in srgb,var(--rc) 70%,#fff)}.pp-role span{font-family:var(--sans);font-style:normal;font-size:14px;color:var(--pmut)}.pp-contact{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--pmut)}.pp-photo{width:104px;height:104px;flex:none;border-radius:18px;object-fit:cover;object-position:50% 20%;background:color-mix(in srgb,var(--rc) 20%,var(--pbg));border:3px solid color-mix(in srgb,var(--rc) 40%,var(--pbg))}.pp--nophoto .pp-photo{display:none}.pp-sum p{margin:0;font-size:13.5px;line-height:1.65;color:var(--pink)}.pp-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pp-stats li{display:grid;gap:2px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--rc) 10%,var(--pbg));border:1px solid color-mix(in srgb,var(--rc) 22%,var(--pbg))}.pp-stats b{font-size:24px;font-weight:600;letter-spacing:-.03em;color:var(--rc);line-height:1}.paper.pp--dark .pp-stats b{color:color-mix(in srgb,var(--rc) 70%,#fff)}.pp-stats span{font-size:11px;color:var(--pmut)}.pp-cols{display:grid;grid-template-columns:1.55fr 1fr;gap:30px;flex:1}.pp-sec{display:grid;gap:10px;margin-bottom:20px}.pp-sec h2{margin:0;display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}.pp-sec h2:before{content:"";width:14px;height:3px;border-radius:2px;background:var(--rc)}.pp-job{display:grid;gap:5px;padding-left:14px;border-left:2px solid var(--pline)}.pp-job__top{display:grid;gap:1px}.pp-job__top b{font-size:14px;font-weight:600}.pp-job__top span{font-size:12px;color:var(--rc);font-weight:600}.paper.pp--dark .pp-job__top span{color:color-mix(in srgb,var(--rc) 70%,#fff)}.pp-job ul,.pp-proj,.pp-list{margin:0;padding:0;list-style:none;display:grid;gap:5px}.pp-job li{position:relative;padding-left:12px;font-size:12.5px;line-height:1.55;color:var(--pmut)}.pp-job li:before{content:"";position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:var(--rc)}.pp-proj li{display:grid;font-size:12px;color:var(--pmut);padding:7px 0;border-bottom:1px dashed var(--pline)}.pp-proj b{font-size:13px;color:var(--pink);font-weight:600}.pp-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}.pp-tags li{padding:4px 9px;border-radius:999px;font-size:11.5px;border:1px solid var(--pline);color:var(--pink);background:color-mix(in srgb,var(--rc) 6%,var(--pbg))}.pp-list li{display:grid;font-size:11.5px;color:var(--pmut)}.pp-list b{font-size:12.5px;color:var(--pink);font-weight:600}.pp-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--pline);font:10.5px/1 var(--mono);color:var(--pmut);text-align:center}@container (max-width: 700px){.paper{padding:28px 22px;min-height:0;gap:18px}.pp-name{font-size:30px}.pp-role{font-size:18px}.pp-photo{width:76px;height:76px}.pp-stats{grid-template-columns:repeat(2,1fr)}.pp-cols{grid-template-columns:1fr;gap:6px}.rs-tools__lbl{width:100%}}@media print{@page{size:A4;margin:0}html,body,.js,.js body{height:auto!important;overflow:visible!important;background:#fff!important}body *{visibility:hidden!important}#paper,#paper *{visibility:visible!important}#paper{position:fixed;left:0;top:0;width:210mm;min-height:297mm;max-width:none;box-shadow:none;border-radius:0;transform:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.paper{gap:18px;padding:48px 56px 40px}.pp-head{align-items:center;padding-bottom:16px;border-bottom:2px solid var(--rc)}.pp-name{font-size:34px}.pp-role{margin-top:6px;font-family:var(--sans);font-style:normal;font-size:15px;font-weight:600}.pp-contact{display:block;margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--pmut)}.pp-contact a{color:var(--pink)}.pp-photo{width:88px;height:88px;border-radius:14px}.pp-sec{margin:0;gap:8px}.pp-sec h2{font-size:12px;letter-spacing:.12em;color:var(--rc);padding-bottom:5px;border-bottom:1px solid var(--pline)}.paper.pp--dark .pp-sec h2{color:color-mix(in srgb,var(--rc) 70%,#fff)}.pp-sec h2:before{content:none}.pp-text{margin:0;font-size:12.5px;line-height:1.6;color:var(--pink)}.pp-job{padding:0 0 4px;border:0;gap:2px}.pp-job+.pp-job{margin-top:8px}.pp-job__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.pp-job__top h3{margin:0;font-size:13.5px;font-weight:700}.pp-date{flex:none;font-size:12px;font-weight:600;color:var(--pmut)}.pp-co{margin:0 0 3px;font-size:12.5px;font-weight:600;color:var(--rc)}.paper.pp--dark .pp-co{color:color-mix(in srgb,var(--rc) 70%,#fff)}.pp-job li{font-size:12px;line-height:1.5;color:var(--pink)}.pp-list{gap:3px}.pp-list li{position:relative;display:block;padding-left:12px;font-size:12px;color:var(--pink)}.pp-list li:before{content:"";position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:var(--rc)}@container (max-width: 700px){.pp-job__top{flex-direction:column;gap:0}.pp-name{font-size:28px}}.rs-wrap{grid-template-columns:minmax(0,1fr)}.paper,.rs-tools{justify-self:center;width:min(794px,100%)}.pp-job__top .pp-date{color:var(--pmut);font-weight:600}@container (max-width: 700px){.paper{padding:26px 20px 24px;gap:16px}.pp-role{font-size:13.5px}}.rs-fmt{display:inline-flex;padding:3px;gap:2px;border-radius:999px;border:1px solid var(--frame-line);background:#00000026}.rs-fmt button{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--frame-muted);transition:background .25s,color .25s}.rs-fmt button small{font:700 9.5px/1 var(--mono);padding:2px 5px;border-radius:4px;background:color-mix(in srgb,#3BCB7D 22%,transparent);color:#3bcb7d}.rs-fmt button[aria-checked=true]{background:var(--frame-ink);color:var(--frame-bg)}.rs-dl{padding:9px 18px;font-size:13.5px;margin-left:auto}.rs-dl:disabled{opacity:.7;cursor:progress}@container (max-width: 700px){.rs-dl{margin-left:0;width:100%;justify-content:center}}.ins-meta{line-height:1.7}.ins-meta b{color:var(--ui-ink)}.draw-wrap,.tool--draw{position:relative}.draw-caret{position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;opacity:.7;transform:rotate(-45deg);padding:3px;margin:-3px;box-sizing:content-box}.draw-menu{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);display:grid;gap:2px;min-width:150px;padding:5px;border-radius:12px;z-index:5;box-shadow:0 18px 40px -12px #000c}.draw-menu button{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ui-ink);text-align:left}.draw-menu button:hover{background:var(--chrome-2)}.draw-menu button[aria-checked=true]{background:var(--figma);color:#fff}.draw-menu kbd{margin-left:auto;font:600 10.5px/1 var(--mono);padding:3px 5px;border-radius:4px;background:#ffffff1a}.viewport.tool-eraser{cursor:none}.eraser-ring{position:fixed;left:0;top:0;z-index:90;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:#ffffff1f;box-shadow:0 0 0 1px #00000080;pointer-events:none;display:none}.erasing .eraser-ring{display:block}@media (pointer: coarse){.erasing .eraser-ring{display:none}}.wcard__cover{position:relative}.wcard__cover img,.post__cover img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.wcat{position:absolute;left:12px;top:12px;z-index:2;padding:5px 10px;border-radius:999px;background:var(--c);color:#fff;font:700 11.5px/1 var(--sans);letter-spacing:.02em;box-shadow:0 6px 16px -6px #0009}.wcat--in{position:static;display:inline-block;margin-right:10px;vertical-align:middle}.post__body figure{margin:26px 0}.post__body figure img{width:100%;height:auto;border-radius:16px;border:1px solid var(--frame-line)}.post__body figure figcaption{margin-top:8px;font-size:12.5px;color:var(--frame-muted);text-align:center}#latestPosts{grid-template-columns:repeat(2,minmax(0,1fr))}@container (max-width: 619px){#latestPosts{grid-template-columns:1fr}}.wfilter-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px}.wsort{display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 14px;border-radius:999px;border:1px solid var(--frame-line);background:var(--frame-bg-2);font-size:12.5px;color:var(--frame-muted)}.wsort select{appearance:none;-webkit-appearance:none;padding:7px 30px 7px 12px;border-radius:999px;border:0;background:var(--frame-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.6'/%3E%3C/svg%3E") right 11px center / 10px no-repeat;color:var(--frame-bg);font:600 12.5px/1 var(--sans);cursor:pointer}.wcard.flip{animation:caseIn .5s var(--ease) backwards;animation-delay:var(--d, 0s)}.wsort{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--frame-line);margin-left:auto}.wsort span{padding:0 8px 0 10px;font:600 11px/1 var(--mono);color:var(--frame-muted);text-transform:uppercase;letter-spacing:.06em}.wsort button{padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--frame-muted)}.wsort button[aria-pressed=true]{background:var(--frame-ink);color:var(--frame-bg)}.cs-themed{--frame-bg: var(--t-bg);--frame-bg-2: var(--t-bg2);--frame-ink: var(--t-ink);--frame-muted: var(--t-mut);--frame-line: var(--t-line);--accent-fg: var(--t-acc);--case: var(--t-acc2);--accent: var(--t-btn);--accent-ink: var(--t-btnInk)}.cs-themed .frame{font-family:var(--t-font, inherit)}.cs-themed .frame.tone-light{--frame-bg: var(--t-lbg);--frame-bg-2: var(--t-lbg2);--frame-ink: var(--t-link);--frame-muted: var(--t-lmut);--frame-line: var(--t-lline);--accent-fg: var(--t-lacc)}.cs-themed .frame h1,.cs-themed .frame h2,.cs-themed .frame h3{font-family:var(--t-font, inherit);font-weight:800;letter-spacing:-.025em}.cs-themed .frame em{font-family:inherit;font-style:normal;font-weight:800;color:var(--accent-fg)}.cs-themed .cs-cover{background:radial-gradient(90% 70% at 85% 0%,rgba(4,212,212,.22),transparent 60%),radial-gradient(70% 60% at 0% 100%,rgba(1,112,185,.35),transparent 60%),var(--frame-bg)}.cs-themed .btn--primary{box-shadow:0 10px 30px -12px var(--t-btn)}.st-cover{margin:0;border-radius:18px;overflow:hidden;cursor:zoom-in;box-shadow:0 40px 80px -40px #000c;border:1px solid var(--frame-line)}.st-cover img{display:block;width:100%;height:auto}.st-head{display:grid;gap:18px;margin-bottom:30px}.st-head h2{max-width:16ch}@container (min-width: 820px){.st-head--side{grid-template-columns:1fr 1.1fr;gap:48px;align-items:end}.st-head--side .cs-lead{margin:0}}.st .cs-lead{color:var(--frame-ink);opacity:.9}.st-p{margin:0 0 14px;font-size:17px;line-height:1.6;color:var(--frame-muted)}.st-fig{margin:22px 0 0;border-radius:16px;overflow:hidden;border:1px solid var(--frame-line);background:var(--frame-bg-2);cursor:zoom-in}.st-fig img{display:block;width:100%;height:auto}.st-fig figcaption{padding:12px 16px;font-size:13.5px;color:var(--frame-muted);border-top:1px solid var(--frame-line)}.st-fig figcaption strong{color:var(--frame-ink)}.st-fig--browser .browser__bar{background:#0e1548}.st-duo,.st-shots{display:grid;gap:18px;margin-top:22px}.st-duo .st-fig,.st-shots .st-fig{margin:0}@container (min-width: 720px){.st-duo,.st-shots{grid-template-columns:1fr 1fr}.st-fig--span{grid-column:1 / -1}}.st-phones{display:flex;gap:16px;overflow-x:auto;margin-top:22px;padding-bottom:6px}.st-phone{flex:0 0 200px;margin:0;cursor:zoom-in}.st-phone__scr{border-radius:26px;overflow:hidden;border:6px solid #0B0E26;aspect-ratio:9 / 19}.st-phone__scr img{width:100%;display:block}.st-cards{display:grid;gap:14px;margin-top:22px;grid-template-columns:1fr}@container (min-width: 640px){.st-cards{grid-template-columns:repeat(2,1fr)}}@container (min-width: 980px){.st-cards{grid-template-columns:repeat(var(--cols, 3),1fr)}}.st-card{padding:20px;border-radius:16px;background:var(--frame-bg-2);border:1px solid var(--frame-line)}.st-card.is-hot{border-color:var(--accent-fg);box-shadow:inset 0 0 0 1px var(--accent-fg)}.st-card__k{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--case);margin-bottom:8px}.tone-light .st-card__k{color:var(--accent-fg)}.st-card h3{margin:0 0 8px;font-size:20px;line-height:1.2}.st-card p{margin:0;font-size:15px;line-height:1.55;color:var(--frame-muted)}.st-card ul{margin:8px 0 0;padding-left:18px;display:grid;gap:5px;font-size:14.5px;color:var(--frame-muted)}.st-qs{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}.st-qs li{padding:9px 14px;border-radius:999px;background:var(--frame-bg-2);border:1px solid var(--frame-line);font-size:14.5px;font-weight:600}.st-flow{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px 0;counter-reset:f}.st-flow li{position:relative;padding:10px 16px;border-radius:12px;background:var(--frame-bg-2);border:1px solid var(--frame-line);font-weight:700;font-size:15px;margin-right:26px}.st-flow li:not(:last-child):after{content:"\2192";position:absolute;right:-20px;top:50%;transform:translateY(-50%);color:var(--case);font-weight:800}.st-flow li.is-hot{background:var(--case);color:var(--t-btnInk, #05082B);border-color:transparent}.st-flow--sm li{font-size:14px;padding:8px 14px}.st-quote{margin:26px 0 0;padding:22px 26px;border-left:4px solid var(--accent-fg);border-radius:0 16px 16px 0;background:var(--frame-bg-2)}.st-quote p{margin:0;font-size:clamp(19px,2.6cqw,26px);line-height:1.35;font-weight:700}.st-quote cite{display:block;margin-top:10px;font-style:normal;font-size:13px;color:var(--frame-muted)}.st-table{margin-top:22px;overflow-x:auto;border-radius:16px;border:1px solid var(--frame-line)}.st-table table{width:100%;border-collapse:collapse;min-width:560px;font-size:14.5px}.st-table th,.st-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--frame-line);vertical-align:top;line-height:1.45}.st-table thead th{background:#05082b;color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.st-table tbody th{font-weight:800}.st-table td{color:var(--frame-muted)}.st-table tr:last-child>*{border-bottom:0}.st-personas{display:grid;gap:14px;margin-top:6px}@container (min-width: 640px){.st-personas{grid-template-columns:repeat(2,1fr)}}@container (min-width: 1000px){.st-personas{grid-template-columns:repeat(4,1fr)}}.st-persona{padding:20px;border-radius:18px;background:var(--frame-bg-2);border:1px solid var(--frame-line);border-top:4px solid var(--k)}.st-persona__top{display:flex;gap:12px;align-items:center}.st-persona__av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--k) 22%,transparent)}.st-persona__top b{display:block;font-size:17px}.st-persona__top em{font-style:normal!important;font-weight:600!important;font-size:12.5px;color:var(--frame-muted)!important}.st-persona__goal{margin:14px 0 4px;font-size:17px;font-weight:700;line-height:1.35}.st-persona ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:14px;color:var(--frame-muted)}.st-pal{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.st-pal .cs-sw em{display:block;font-style:normal!important;font-weight:500!important;font-size:12px;color:var(--frame-muted)!important;margin-top:2px}.st-links{margin-top:26px}.st-closing{background:radial-gradient(80% 80% at 100% 0%,rgba(4,212,212,.22),transparent 60%),radial-gradient(60% 60% at 0% 100%,rgba(255,179,25,.14),transparent 60%),var(--frame-bg)}.st-closing h2{max-width:18ch}.cover-art__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;pointer-events:none}.cover-art>b,.cover-art__t,.cover-art__s{position:relative}.case__media .case__cover img.cc__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;transform:none;pointer-events:none}.cs-meta__status{grid-column:span 2}.cs-meta__status dd{display:inline-flex;align-items:center;gap:8px}.cs-meta__status dd i{width:8px;height:8px;border-radius:50%;background:#9aa3b5;box-shadow:0 0 0 4px #9aa3b52e}.cs-meta__status[data-s=ongoing] dd i{background:#2fd98b;box-shadow:0 0 0 4px #2fd98b33}.cs-meta__status[data-s=maint] dd i{background:#ffb319;box-shadow:0 0 0 4px #ffb31933}.st-phones--fit .st-phone__scr{aspect-ratio:auto}.cs-themed .frame h1,.cs-themed .frame h2{font-family:var(--t-font-h, var(--t-font, inherit))}.case__media>.cover-art{position:absolute;inset:0;min-height:0}.case:hover .case__media>.cover-art b{transform:scale(1.05)}.case__media>.cover-art b{transition:transform .8s var(--ease)}.cases__peek>.cover-art{position:absolute;inset:0;min-height:0;width:100%;height:100%}.lab-dock{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;padding:8px;border-radius:16px;border:1px solid var(--frame-line);background:color-mix(in srgb,var(--frame-bg-2) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lab-dock__t{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--frame-muted);padding:0 8px}.lab-dock__t b{color:var(--frame-ink)}.lab-dock button{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:12px;border:1px solid var(--frame-line);font-size:13px;font-weight:500;transition:border-color .25s,transform .25s var(--ease),background .25s}.lab-dock button i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--pc);color:#07010c;font-style:normal;font-size:12px;font-weight:700}.lab-dock button small{font-family:var(--mono);font-size:10px;color:var(--frame-muted)}.lab-dock button:hover{border-color:var(--pc);transform:translateY(-2px);background:color-mix(in srgb,var(--pc) 10%,transparent)}.lab{display:grid;gap:14px;grid-template-columns:1fr}@container (min-width: 700px){.lab{grid-template-columns:1fr 1fr}.lab .drop{grid-row:span 2}.lab .duel{grid-column:1 / -1}}@container (min-width: 1000px){.lab{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"drop drop drop pal pal pal" "drop drop drop roll roll roll" "font font duel duel duel duel"}.lab .drop{grid-area:drop;grid-row:auto}.lab .palette{grid-area:pal}.lab .roll{grid-area:roll}.lab .fontpair{grid-area:font}.lab .duel{grid-area:duel;grid-column:auto}}.lab-card.plug{padding:0;gap:0;position:relative;overflow:hidden;background:var(--frame-bg-2);transition:border-color .3s,box-shadow .4s var(--ease),transform .4s var(--ease)}.plug:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--pc),transparent);opacity:.8}.plug:after{content:"";position:absolute;width:60%;aspect-ratio:1;right:-20%;top:-30%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pc) 22%,transparent),transparent);pointer-events:none;opacity:.7;transition:opacity .4s}.plug:hover{border-color:color-mix(in srgb,var(--pc) 45%,var(--frame-line));box-shadow:0 24px 60px -30px color-mix(in srgb,var(--pc) 60%,transparent)}.plug:hover:after{opacity:1}.plug.is-ping{animation:plugPing 1.2s var(--ease)}@keyframes plugPing{0%,60%{box-shadow:0 0 0 3px var(--pc),0 0 40px color-mix(in srgb,var(--pc) 50%,transparent)}}.plug__bar{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--frame-line);background:#ffffff06;font-size:12px}.plug__bar b{font-weight:600;letter-spacing:.01em}.plug__bar>.muted{margin-left:auto;font-family:var(--mono);font-size:11px}.plug__dots{display:inline-flex;gap:5px}.plug__dots i{width:9px;height:9px;border-radius:50%;background:var(--frame-line)}.plug__dots i:first-child{background:var(--pc);box-shadow:0 0 8px var(--pc)}.plug__body{position:relative;z-index:1;padding:18px 20px 20px;display:grid;gap:14px;align-content:start}.plug__lead{margin:0;color:var(--frame-muted);font-size:14px}.drop.plug{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 26%,transparent),var(--frame-bg-2) 55%)}.drop .pill{justify-self:start}.arch--all{border-style:solid;border-color:var(--accent);color:var(--accent-fg);font-weight:600}.reels{display:grid;gap:8px}@container (min-width: 1000px){.reels{grid-template-columns:repeat(3,1fr)}}.reel{position:relative;padding:10px 12px 12px;border-radius:14px;border:1px solid var(--frame-line);background:#00000038;transition:border-color .25s}.reel small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--pc, #FF8A3D);color:#ff8a3d}.reel__win{height:52px;overflow:hidden;margin-top:4px}.reel__win b,.reel__strip b{display:flex;align-items:center;height:52px;font-size:16px;font-weight:600;line-height:1.15;letter-spacing:-.01em}.reel__strip{animation:reelSpin var(--t) cubic-bezier(.2,.7,.2,1) forwards}@keyframes reelSpin{0%{transform:translateY(0)}to{transform:translateY(calc(var(--n) * -52px))}}.reel__lock{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:8px;font-size:12px;opacity:.55}.reel__lock:hover,.reel.is-locked .reel__lock{opacity:1}.reel.is-locked{border-color:#ff8a3d;background:#ff8a3d14}.roll__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.roll__lvl{font-family:var(--mono);font-size:12px;padding:4px 10px;border-radius:99px;background:#ff8a3d24;color:#ffb07a}.pal-tabs{display:inline-flex;justify-self:start;padding:3px;border-radius:12px;border:1px solid var(--frame-line);background:#0003}.pal-tabs button{padding:6px 12px;border-radius:9px;font-size:12px;font-weight:600;color:var(--frame-muted);transition:background .25s,color .25s}.pal-tabs button[aria-selected=true]{background:var(--dev);color:#07010c}.sw{position:relative}.sw__hit,.sw input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.sw__lock{position:absolute;top:6px;left:50%;translate:-50% 0;z-index:2;width:26px;height:26px;border-radius:8px;background:#00000040;font-size:12px}.palette.is-custom .palette__swatches{box-shadow:0 0 0 1px var(--dev)}.pal-studio{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pal-studio__f{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--frame-muted)}.pal-studio select{padding:6px 10px;border-radius:10px;border:1px solid var(--frame-line);background:var(--frame-bg);color:var(--frame-ink);font:inherit;font-size:12px}.pal-studio__c{display:flex;flex-wrap:wrap;gap:6px}.pal-studio__c span{font-family:var(--mono);font-size:11px;padding:4px 8px;border-radius:8px}.pal-studio__c .ok{background:#2fd98b24;color:#6bebb0}.pal-studio__c .bad{background:#ff5b5b24;color:#ff9a9a}.fp__spec{padding:18px;border-radius:14px;background:#f7f5fb;color:#0b0610;display:grid;gap:10px;min-height:170px;align-content:center}.fp__h{margin:0;font-family:var(--fh);font-size:clamp(26px,3.4cqw,36px);line-height:1.05;letter-spacing:-.02em;font-weight:700;outline:none}.fp__b{margin:0;font-family:var(--fb);font-size:15px;line-height:1.55;color:#3b3446;outline:none}.fp__spec.is-swap>*{animation:fadeUp .6s var(--ease)}.fp__spec [contenteditable]:focus{box-shadow:0 0 0 2px #3dd9ff;border-radius:6px}.fp__names{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fp__names span{padding:8px 10px;border-radius:10px;border:1px solid var(--frame-line);display:grid}.fp__names small{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#3dd9ff}.fp__names b{font-weight:500;font-size:14px}.duel__q{margin:0;font-size:clamp(18px,2.4cqw,24px);font-weight:500;letter-spacing:-.02em}.duel__vs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.duel__x{font-family:var(--mono);font-weight:700;font-size:12px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ff4d8d;color:#07010c;box-shadow:0 0 24px #ff4d8d80}.duel__opt{position:relative;padding:14px;border-radius:16px;border:1px solid var(--frame-line);background:#0003;text-align:left;transition:transform .35s var(--ease),border-color .25s,opacity .35s}.duel__opt:hover{transform:translateY(-3px);border-color:#ff4d8d}.duel__k{position:absolute;top:8px;left:8px;z-index:1;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--frame-ink);color:var(--frame-bg)}.duel.is-done .duel__opt{transform:none;cursor:default}.duel__opt.is-win{border-color:#2fd98b;box-shadow:0 0 0 2px #2fd98b}.duel__opt.is-win .duel__k{background:#2fd98b}.duel__opt.is-lose{opacity:.45}.duel__why{padding:14px 16px;border-radius:14px;background:#ff4d8d14;border:1px solid rgba(255,77,141,.3);animation:fadeUp .5s var(--ease)}.duel__why p{margin:6px 0 0;color:var(--frame-muted);font-size:14px}.duel__law{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:99px;background:#ff4d8d;color:#07010c;margin-left:6px}@container (max-width: 520px){.duel__vs{grid-template-columns:1fr}.duel__x{justify-self:center}}.m{height:150px;border-radius:10px;background:#fff;padding:36px 14px 12px;display:flex;flex-direction:column;gap:7px;justify-content:center;overflow:hidden;color:#1a1422;font-family:var(--sans)}.m-l{display:block;height:7px;border-radius:4px;background:#d9d3e3}.m-b{display:grid;place-items:center;height:26px;border-radius:8px;background:#7b2ff7;color:#fff;font-size:11px;font-weight:700}.m-b.m-g{background:transparent;color:#7b2ff7;box-shadow:inset 0 0 0 1.5px #7b2ff7}.m-in{display:flex;align-items:center;height:22px;border-radius:6px;border:1.5px solid #D9D3E3;padding:0 8px}.m-in em{font-style:normal;font-size:10px;color:#b3abc0}.m-lab{font-size:10px;font-weight:700;color:#4a4256;margin-bottom:-4px}.m-row{flex-direction:row;align-items:stretch;padding-top:34px}.m-plan{flex:1;border-radius:8px;background:#eeeaf4}.m-plan.is-hot{background:#7b2ff7;transform:scaleY(1.08)}.m-many{gap:3px}.m-many .m-plan{min-width:0}.m-t{display:flex;align-items:center;height:30px;padding:0 10px;border-radius:8px;background:#eeeaf4;font-size:11px;font-weight:600}.m-tiny{flex-direction:row;flex-wrap:wrap;align-content:center;gap:2px 6px}.m-tiny a{font-size:8px;color:#7b2ff7;text-decoration:underline}.m-narrow{padding-left:30px;padding-right:30px}.m-narrow br{display:block;content:"";height:4px}.m-wide{padding-left:6px;padding-right:6px;gap:4px}.m-wide .m-l{height:5px}.m-err{font-size:10px;font-weight:600;padding:8px;border-radius:6px;background:#fdecec;color:#b42318}.m-err.is-good{background:#fff6e5;color:#7a4b00}.m-steps{display:flex;gap:4px}.m-steps i{flex:1;height:5px;border-radius:3px;background:#e4dfec}.m-steps i.on{background:#7b2ff7}.m-dark{background:#1a1422}.m-dark .m-l{background:#3a3246}.m-b.m-hi{background:#d8ff3e;color:#07010c}.m-b.m-lo{background:#2e2738;color:#5b5268}.drops-stats{margin-top:8px}.drops-stats div{padding:14px 16px;border-radius:14px;border:1px solid var(--frame-line);display:grid;gap:2px}.drops-stats b{font-size:28px;font-weight:500;letter-spacing:-.03em}.drops-stats span{font-size:12px;color:var(--frame-muted)}.dgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.dcard{position:relative;padding:18px;border-radius:16px;border:1px solid var(--frame-line);background:var(--frame-bg-2);display:grid;gap:8px;align-content:start;transition:border-color .25s,transform .35s var(--ease)}.dcard:hover{border-color:var(--accent);transform:translateY(-3px)}.dcard__no{font-family:var(--mono);font-size:12px;color:var(--accent-fg)}.dcard__tag{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b7d92a}.dcard h3{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.15}.dcard>p:not(.dcard__tag){margin:0;color:var(--frame-muted);font-size:14px}.dcard ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.dcard li:before{content:"\2726  ";color:var(--accent-fg)}.dcard .btn{justify-self:start;margin-top:4px}.dcard.is-now{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 26%,transparent),var(--frame-bg-2) 60%);border-color:var(--accent)}.dcard--lock{border-style:dashed;opacity:.7}@container (min-width: 700px){.lab .fontpair{grid-column:1 / -1}.fontpair .plug__body{grid-template-columns:1.5fr 1fr;align-items:start}.fontpair .fp__spec{grid-row:span 2;min-height:200px}.fontpair .fp__names{grid-template-columns:1fr}.fontpair .plug__body>.row{align-self:end}}@container (min-width: 1000px){.lab{grid-template-areas:"drop drop drop pal pal pal" "drop drop drop roll roll roll" "font font font font font font" "duel duel duel duel duel duel"}}.lab,.lab *{box-sizing:border-box}.lab{grid-template-areas:none!important;grid-template-columns:1fr!important;gap:48px 28px}@container (min-width: 700px){.lab{grid-template-columns:1fr 1fr!important}.lab-slot--drop{grid-column:1 / -1}}.lab .plug{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important}.lab-slot{display:grid;grid-template-rows:auto 1fr;gap:14px;min-width:0}.lab-slot>.plug{height:100%}.lab-slot__h{display:flex;align-items:center;gap:10px;margin:0;font-size:13px}.lab-slot__h b{font-family:var(--mono);font-size:11px;font-weight:600;padding:3px 7px;border-radius:6px;background:var(--frame-ink);color:var(--frame-bg)}.lab-slot__h span{font-weight:600;letter-spacing:.01em;white-space:nowrap}.lab-slot__h i{flex:1;height:1px;background:var(--frame-line);min-width:16px}.lab-slot__h small{color:var(--frame-muted);font-size:12px;white-space:nowrap}@container (max-width: 520px){.lab-slot__h small{display:none}}.lab-dock{margin-bottom:36px}.lab-card.plug{background:var(--frame-bg-2);box-shadow:none}.plug:after{opacity:.35;width:45%}.plug:hover:after{opacity:.6}.drop.plug{background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 16%,transparent),var(--frame-bg-2) 50%)}.plug__body{padding:22px 24px 24px;gap:16px}.drop .plug__body{display:grid;gap:24px}.drop__main,.drop__side{display:grid;gap:14px;align-content:start;min-width:0}.drop__main .pill{justify-self:start}@container (min-width: 700px){.drop .plug__body{grid-template-columns:1.35fr 1fr;gap:0}.drop__main{padding-right:28px}.drop__side{padding-left:28px;border-left:1px solid var(--frame-line)}}@container (min-width: 700px){.lab .fontpair{grid-column:auto}.fontpair .plug__body{grid-template-columns:1fr}.fontpair .fp__spec{grid-row:auto;min-height:170px}.fontpair .fp__names{grid-template-columns:1fr 1fr}}.duel__vs{gap:8px}.duel__x{width:30px;height:30px;font-size:10px}.duel .m{height:160px}@container (max-width: 520px){.lab-dock{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.lab-dock button{flex:none}}.sw__lock{opacity:.7;transition:opacity .2s,background .2s}.sw__lock:hover,.sw__lock.is-on{opacity:1}.sw__lock.is-on{background:#0000008c;box-shadow:0 0 0 1.5px #fff}.palette.is-custom .sw:has(.sw__lock.is-on){box-shadow:inset 0 0 0 2px #ffffffd9}.lab{grid-template-columns:1fr!important;gap:56px!important}.lab-slot--drop{grid-column:auto}.drop__cta{margin-top:12px}.drop__rules{gap:8px}@container (min-width: 700px){.roll .plug__body{grid-template-columns:1fr auto;column-gap:24px}.roll .plug__lead,.roll .reels{grid-column:1 / -1}.roll .reels{grid-template-columns:repeat(3,1fr)}.roll .roll__meta{justify-content:flex-start;gap:16px}.roll .plug__body>.row{justify-self:end}.palette .plug__body{grid-template-columns:1.25fr 1fr;column-gap:32px}.palette .plug__body>:not(.palette__preview):not(.row){grid-column:1}.palette .palette__preview{grid-column:2;grid-row:1 / 5;align-self:stretch;align-content:start}.palette .plug__body>.row{grid-column:2;grid-row:5;align-self:end}.fontpair .plug__body{grid-template-columns:1.4fr 1fr;column-gap:32px}.fontpair .fp__spec{grid-column:1;grid-row:1 / 3;min-height:200px}.fontpair .fp__names{grid-column:2;grid-row:1;grid-template-columns:1fr;align-self:start}.fontpair .plug__body>.row{grid-column:2;grid-row:2;align-self:end}}.lab-test{display:flex;align-items:center;gap:16px;margin-top:56px;padding:18px 22px;border-radius:18px;border:1px dashed color-mix(in srgb,#FF4D8D 55%,var(--frame-line));background:linear-gradient(100deg,rgba(255,77,141,.1),transparent 60%);transition:border-color .25s,transform .35s var(--ease)}.lab-test:hover{border-style:solid;transform:translateY(-2px)}.lab-test__k{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ff4d8d;color:#07010c;font-size:20px}.lab-test>span:nth-child(2){flex:1;display:grid;gap:2px}.lab-test small{color:var(--frame-muted);font-size:13px}@container (max-width: 560px){.lab-test{flex-wrap:wrap}.lab-test .btn{width:100%;justify-content:center}}a.lab-dock__a,.lab-dock a{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:12px;border:1px dashed var(--frame-line);font-size:13px;font-weight:500}.lab-dock a i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--pc);color:#07010c;font-style:normal;font-size:12px}.lab-dock a small{font-family:var(--mono);font-size:10px;color:var(--frame-muted)}.lab-dock a:hover{border-color:var(--pc)}.uxt{max-width:760px;margin:0 auto;width:100%}.uxt__prog{display:flex;gap:4px;margin-bottom:18px}.uxt__prog i{flex:1;height:5px;border-radius:3px;background:var(--frame-line)}.uxt__prog i.ok{background:#2fd98b}.uxt__prog i.no{background:#ff5b5b}.uxt__prog i.now{background:#ff4d8d}.uxt .duel__vs{grid-template-columns:1fr auto 1fr}.uxt .m{height:190px}.uxt__res{text-align:center;display:grid;gap:14px;justify-items:center;padding:20px 0}.uxt__res b.big{font-size:clamp(56px,12cqw,96px);font-weight:500;letter-spacing:-.04em;line-height:1}.uxt__res h3{margin:0;font-size:26px;font-weight:500}.uxt__res p{margin:0;color:var(--frame-muted);max-width:480px}.lab-test,.lab-test *,.lab-dock a,.lab-dock a *{text-decoration:none;color:inherit}.lab-test small{color:var(--frame-muted)}@container (min-width: 700px){.palette .palette__preview{align-self:start;padding:14px;gap:12px}.palette .pp__hero{padding:22px 16px;gap:10px}.palette .pp__cards i{height:54px}}.fp__btn{justify-self:start;margin-top:4px;padding:10px 18px;border-radius:10px;background:#0b0610;color:#fff;font-family:var(--ft);font-weight:600;font-size:14px;outline:none}.fp-tabs{grid-column:1 / -1}.fp-tabs button[aria-selected=true]{background:#3dd9ff;color:#07010c}.fp__role{padding:8px 10px;border-radius:10px;border:1px solid var(--frame-line);display:grid;gap:2px}.fp__role small{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#3dd9ff}.fp__role b{font-weight:500;font-size:14px}.fp__pick{display:none;gap:6px}.fontpair.is-custom .fp__role b{display:none}.fontpair.is-custom .fp__pick{display:grid}.fp__pick select,.fp__own input[type=text]{width:100%;padding:7px 9px;border-radius:8px;border:1px solid var(--frame-line);background:var(--frame-bg);color:var(--frame-ink);font:inherit;font-size:13px}.fp__own:not([hidden]){display:flex;gap:6px}.fp__up{flex:none;display:grid;place-items:center;padding:0 10px;border-radius:8px;border:1px dashed #3DD9FF;color:#3dd9ff;font-size:12px;font-weight:600;cursor:pointer}.fontpair.is-custom .fp__names{grid-template-columns:1fr!important}.fp__names{grid-template-columns:repeat(3,1fr)}@container (min-width: 700px){.fontpair .plug__body{grid-template-columns:1.4fr 1fr}.fontpair .fp__spec{grid-column:1;grid-row:2 / 5}.fontpair .fp__names{grid-column:2;grid-row:2;grid-template-columns:1fr!important}.fontpair .fp__hint{grid-column:2;grid-row:3;margin:0}.fontpair .plug__body>.row{grid-column:2;grid-row:4}}.uxt__lvls{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:16px 0 12px}.uxt__lvls button{text-align:left;padding:16px;border-radius:14px;border:1px solid var(--frame-line);background:var(--frame-bg-2);display:grid;gap:4px;transition:border-color .25s,transform .3s var(--ease)}.uxt__lvls button:hover{border-color:#ff4d8d;transform:translateY(-2px)}.uxt__lvls b{font-size:18px;font-weight:600}.uxt__lvls small{color:var(--frame-muted);font-size:13px}.uxt__lvls button[data-l=easy] b{color:#2fd98b}.uxt__lvls button[data-l=medium] b{color:#ffc53d}.uxt__lvls button[data-l=hard] b{color:#ff5b5b}.uxt__lvls button[data-l=mixed] b{color:#3dd9ff}.uxt__topic{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ff4d8d;margin-bottom:6px}.uxt__opts{display:grid;gap:8px;margin-top:16px}.uxt__opt{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:15px}.uxt__opt .duel__k{position:static;flex:none}.duel__opt.is-pick{border-color:#ff5b5b;box-shadow:0 0 0 2px #ff5b5b}.fp__names .fp__pick,.fp__names .fp__own{padding:0;border:0;border-radius:0}.fp__names .fp__pick{display:none}.fontpair.is-custom .fp__names .fp__pick{display:grid;margin-top:4px}.fp__names .fp__own[hidden]{display:none}.fp__names .fp__own:not([hidden]){display:flex}.fontpair.is-custom .fp__role>b{display:none}.fp__pick select{appearance:none;-webkit-appearance:none;padding:9px 38px 9px 12px;background:var(--frame-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%233DD9FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer}.voices__all{justify-self:start;margin-top:4px}.inbox__all{display:block;margin-top:6px;font-size:12px;font-weight:600;color:var(--accent-fg);text-decoration:none}.inbox__all:hover{text-decoration:underline}.tmgrid{columns:1;column-gap:14px}@container (min-width: 700px){.tmgrid{columns:2}}@container (min-width: 1100px){.tmgrid{columns:3}}.tmcard{break-inside:avoid;margin:0 0 14px;padding:20px;border-radius:18px;border:1px solid var(--frame-line);background:var(--frame-bg-2);display:grid;gap:14px;transition:border-color .25s,transform .35s var(--ease)}.tmcard:hover{border-color:hsl(var(--h) 80% 60%);transform:translateY(-2px)}.tmcard.is-new{border-color:var(--accent);background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 16%,transparent),var(--frame-bg-2) 55%)}.tmcard__top{display:flex;align-items:center;gap:12px}.tmcard__av{flex:none;width:42px;height:42px;border-radius:50% 50% 50% 8px;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;background:hsl(var(--h) 65% 45%)}.tmcard figcaption{display:grid;flex:1;min-width:0}.tmcard figcaption b{font-weight:600}.tmcard figcaption span{font-size:12px;color:var(--frame-muted)}.tmcard__top i,.tmcard__top em{font-style:normal;font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px;background:#2fd98b24;color:#6bebb0;white-space:nowrap}.tmcard__top em{background:var(--accent);color:#fff}.tmcard blockquote{margin:0;padding-left:14px;border-left:2px solid hsl(var(--h) 70% 55%);line-height:1.6}.tmcard__tags{margin:0;font-size:12px;color:var(--frame-muted)}.fp__names .fp__pick[hidden],.fp__role>b[hidden]{display:none!important}.fp__note{display:block;margin-top:6px;font-size:11px;color:#9a93a6;font-family:var(--sans);letter-spacing:.01em;-webkit-user-select:none;user-select:none}.fontpair .fp__hint{font-size:10px;line-height:1.4;color:#8c8599;margin:-6px 0 0}@container (min-width: 700px){.fontpair .fp__spec{grid-column:1;grid-row:2 / 4}.fontpair .fp__hint{grid-column:1;grid-row:4;margin:-6px 0 0}.fontpair .fp__names{grid-column:2;grid-row:2}.fontpair .plug__body>.row{grid-column:2;grid-row:3;align-self:end}}@container (min-width: 700px){.fontpair .fp__spec{grid-row:2;align-self:start}.fontpair .fp__hint{grid-row:3;align-self:start;margin:-4px 0 0}.fontpair .plug__body>.row{grid-row:3;align-self:start}}.seo .frame__body{display:grid;gap:28px}.seo__lead{margin:0;font-size:clamp(17px,2.2cqw,21px);line-height:1.6;color:var(--frame-muted);max-width:70ch}.seo__lead strong{color:var(--frame-ink);font-weight:600}.seo__facts{margin:0;display:grid;gap:10px;grid-template-columns:1fr}@container (min-width: 620px){.seo__facts{grid-template-columns:1fr 1fr}}@container (min-width: 1000px){.seo__facts{grid-template-columns:repeat(4,1fr)}}.seo__facts div{padding:14px 16px;border-radius:14px;border:1px solid var(--frame-line);background:var(--frame-bg-2)}.seo__facts dt{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-fg);margin-bottom:4px}.seo__facts dd{margin:0;font-size:14px;font-weight:500;line-height:1.45}.seo__cols{display:grid;gap:14px}@container (min-width: 820px){.seo__cols{grid-template-columns:repeat(3,1fr)}}.seo__cols article{padding:20px;border-radius:16px;border:1px solid var(--frame-line)}.seo__cols h3,.seo__h{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-.01em}.seo__cols p{margin:0;font-size:14px;line-height:1.65;color:var(--frame-muted)}.seo__h{margin:8px 0 -10px}.seo__faq{display:grid}.seo__q{border-top:1px solid var(--frame-line)}.seo__q:last-child{border-bottom:1px solid var(--frame-line)}.seo__q summary{list-style:none;cursor:pointer;padding:16px 32px 16px 0;font-weight:500;position:relative}.seo__q summary::-webkit-details-marker{display:none}.seo__q summary:after{content:"+";position:absolute;right:4px;top:50%;translate:0 -50%;font-family:var(--mono);color:var(--accent-fg)}.seo__q[open] summary:after{content:"\2212"}.seo__q p{margin:0 0 16px;color:var(--frame-muted);line-height:1.65;max-width:75ch}.seo__meta{margin:0;font-size:12px;color:var(--frame-muted)}.seo__meta a{color:var(--accent-fg)}.side:not(.is-placed){visibility:hidden}.tb-btn--primary,.av--you{background:#0979cf}.kbd-mini{opacity:.85}.kbd-mini{opacity:1;color:#9a93a6}@media (max-width: 600px){.btn{max-width:100%;white-space:normal;text-align:center;height:auto;min-height:50px;padding-top:12px;padding-bottom:12px;line-height:1.3}.btn--sm{min-height:40px;padding-top:8px;padding-bottom:8px}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}