.ifd{background:radial-gradient(1200px 600px at 80% -10%,rgba(124,92,255,.2),transparent 60%) no-repeat,var(--bg)}.ifd .eyebrow{font-family:var(--mono);font-size:.8rem;letter-spacing:.02em;text-transform:none}.ifd .hero h1 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--text-3);display:block}.ifd .section-head .eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3)}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:16px}.tile{--p: var(--accent-2);position:relative;overflow:hidden;border-radius:22px;padding:22px;color:var(--text);text-decoration:none;display:flex;flex-direction:column;border:1px solid var(--border);background:linear-gradient(180deg,var(--bg-2),color-mix(in srgb,var(--bg-2) 60%,var(--bg)));transition:transform .25s,border-color .25s}a.tile:hover{transform:translateY(-4px);border-color:var(--p);color:var(--text)}a.tile:before{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:var(--p);opacity:.12;filter:blur(40px);pointer-events:none}.tile.big{grid-column:span 2;grid-row:span 2}.tile.tall{grid-row:span 2}.tile.wide{grid-column:span 2}.tile .meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.tile .ico-wrap{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--p);background:color-mix(in srgb,var(--p) 18%,transparent);border:1px solid color-mix(in srgb,var(--p) 40%,transparent)}.tile .tags{display:flex;gap:6px;transition:opacity .2s}.tile .lic,.tile .ver{font:12px var(--mono);padding:2px 8px;border-radius:99px;border:1px solid var(--border);color:var(--text-2)}.tile .ver{color:var(--p);border-color:color-mix(in srgb,var(--p) 35%,transparent)}.tile h3{margin:14px 0 2px;font-size:1.25rem;letter-spacing:-.02em}.tile.big h3{font-size:1.9rem}.tile>p{margin:0;color:var(--text-2);font-size:.95rem;max-width:26em}.tile .pts{display:none}.tile.big .pts{display:block}.tile .pts ul{list-style:none;margin:12px 0 0;padding:0;font:13px/1.9 var(--mono);color:var(--text-3);display:flex;flex-wrap:wrap;gap:0 18px}.tile .pts li:before{content:"\203a  ";color:var(--p)}.tile .arrow{position:absolute;top:22px;right:22px;opacity:0;transition:opacity .2s;color:var(--p);font-size:18px}a.tile:hover .arrow{opacity:1}a.tile:hover .tags{opacity:0}.tile.stat{justify-content:flex-end;background:transparent;border-style:dashed}.tile.stat b{font:600 64px/1 var(--mono);letter-spacing:-.05em;color:var(--accent-2)}.tile.stat span{color:var(--text-2);margin-top:6px}.tile.p-cms{--p: #9a82ff}.tile.p-publish{--p: #3cc9c0}.tile.p-forms{--p: #fb923c}.tile.p-db{--p: #60a5fa}.tile.p-feedback{--p: #f472b6}.mk{margin-top:16px;flex:1;min-height:70px;overflow:hidden;position:relative;border-radius:12px;background:#0e0f14;border:1px solid var(--border);box-shadow:0 12px 30px -16px var(--shadow)}.mk i,.mk b,.mk span{display:block;border-radius:4px}.mk-cms{display:flex;margin-right:-40px;margin-bottom:-40px}.mk-cms .side{width:22%;border-right:1px solid var(--border);padding:12px;display:grid;gap:8px;align-content:start}.mk-cms .side i{height:8px;background:var(--bg-3)}.mk-cms .side i:first-child{background:var(--p)}.mk-cms .main{flex:1;padding:16px;display:grid;gap:8px;align-content:start}.mk-cms b{height:14px;width:40%;background:var(--text);opacity:.8}.mk-cms span{height:8px;background:var(--bg-3)}.mk-cms .s{width:60%}.mk-cms .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.mk-cms .tiles i{height:52px;background:color-mix(in srgb,var(--p) 14%,var(--bg-2))}.mk-pub{display:flex;padding:10px}.mk-pub .canvas{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.mk-pub .blk{grid-column:span 2;border-radius:6px;background:var(--bg-3)}.mk-pub .blk.half{grid-column:span 1}.mk-pub .blk.sel{outline:2px solid var(--p);outline-offset:2px;background:color-mix(in srgb,var(--p) 14%,var(--bg-2))}.mk-pub .cursor{position:absolute;left:46%;top:28%;width:14px;height:14px;border-left:2px solid var(--text);border-top:2px solid var(--text);transform:rotate(-20deg);animation:ifd-mv 4s ease-in-out infinite}@keyframes ifd-mv{50%{transform:translate(40px,30px) rotate(-20deg)}}.mk-forms{padding:12px;display:grid;gap:7px;align-content:start}.mk-forms .prog{height:5px;background:var(--bg-3);border-radius:9px}.mk-forms .prog i{width:60%;height:100%;background:var(--p);border-radius:9px}.mk-forms b{height:10px;width:70%;background:var(--text);opacity:.7}.mk-forms .opt{height:14px;border:1px solid var(--border);border-radius:6px}.mk-forms .opt.on{border-color:var(--p);background:color-mix(in srgb,var(--p) 12%,transparent)}.mk-forms .nxt{justify-self:end;width:30%;height:14px;border-radius:6px;background:var(--p)}.mk-db{padding:8px;display:grid;gap:4px;align-content:start}.mk-db .r{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4px}.mk-db i{height:10px;background:var(--bg-3)}.mk-db .r:first-child i{background:color-mix(in srgb,var(--p) 30%,var(--bg-3))}.mk-db .r i:nth-child(3){width:60%}.mk-fb .shot{position:absolute;inset:10px;border-radius:8px;background:repeating-linear-gradient(0deg,var(--bg-2) 0 14px,var(--bg) 14px 22px)}.mk-fb .mark{position:absolute;left:14%;top:22%;width:46%;height:26%;border:2px dashed var(--p);border-radius:6px;background:color-mix(in srgb,var(--p) 10%,transparent);animation:ifd-pulse 2.4s ease-in-out infinite}@keyframes ifd-pulse{50%{transform:scale(1.04)}}.mk-fb .pop{position:absolute;right:12px;bottom:12px;width:52%;padding:10px;border-radius:10px;background:var(--bg);border:1px solid var(--border);box-shadow:0 10px 24px -10px var(--shadow);display:grid;gap:6px}.mk-fb .pop b{height:9px;width:50%;background:var(--text);opacity:.7}.mk-fb .pop span{height:7px;background:var(--bg-3)}.mk-fb .pop .s{width:70%}.mk-fb .send{justify-self:end;width:40%;height:14px;border-radius:6px;background:var(--p)}.tshot{margin-top:16px;flex:1;min-height:90px;position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--border);background:#0e0f14;box-shadow:0 12px 30px -16px var(--shadow)}.tshot img{position:absolute;left:0;top:0;width:175%;max-width:none;height:auto;transition:transform .6s ease;transform-origin:0 0}.tile.big .tshot img{width:120%}.tile.wide .tshot img{width:115%}a.tile:hover .tshot img{transform:scale(1.04)}.tile.big .tshot,.tile.tall .tshot{margin-right:-22px;margin-bottom:-22px;border-radius:12px 0 0;border-right:0;border-bottom:0}.chips ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.chips li{font:14px var(--mono);padding:8px 14px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-2)}@media(max-width:960px){.bento{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.bento{grid-template-columns:1fr;grid-auto-rows:auto}.tile{min-height:220px}.tile.big,.tile.tall,.tile.wide{grid-column:auto;grid-row:auto}.tile.big{min-height:380px}.tile.tall{min-height:320px}.tile.stat{min-height:140px}}@media(prefers-reduced-motion:reduce){.mk *{animation:none!important}}.ifd-hero{padding:clamp(40px,6vw,72px) 0 clamp(56px,7vw,96px)}.ifd-hero-head{max-width:900px;margin-bottom:clamp(28px,4vw,44px)}.ifd-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 16px}.ifd-hero h1 em{font-style:normal;color:var(--text-3);display:block}.slider{position:relative;outline:none}.slides{display:grid}.slide{grid-area:1 / 1;position:relative;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}.slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease;z-index:1}.slide{--p: var(--accent-2)}.slide.p-cms,.slider-tab.p-cms{--p: #9a82ff}.slide.p-publish,.slider-tab.p-publish{--p: #3cc9c0}.slide.p-forms,.slider-tab.p-forms{--p: #fb923c}.slide.p-db,.slider-tab.p-db{--p: #60a5fa}.slide.p-feedback,.slider-tab.p-feedback{--p: #f472b6}.slide-shot{margin:0 0 0 clamp(0px,14%,180px);border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#0e0f14;box-shadow:0 40px 100px -30px color-mix(in srgb,var(--p) 45%,transparent),0 20px 50px -20px #0009;transform:translateY(14px) scale(.985);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.slide.is-active .slide-shot{transform:none}.slide-shot .shot-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-2)}.slide-shot .dots{display:flex;gap:6px}.slide-shot .dots i{width:10px;height:10px;border-radius:50%;background:var(--bg-4)}.slide-shot .shot-url{font:12px var(--mono);color:var(--text-3)}.slide-shot img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top left}.slide-card{position:absolute;left:0;bottom:clamp(20px,6%,56px);width:min(520px,50%);padding:24px 26px;border-radius:18px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--p) 35%,var(--border));box-shadow:0 24px 60px -24px #000000b3;transform:translate(-16px);opacity:0;transition:transform .8s .15s ease,opacity .8s .15s ease}.slide.is-active .slide-card{transform:none;opacity:1}.slide-kicker{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.35rem;letter-spacing:-.02em}.slide-kicker .ico-wrap{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--p);background:color-mix(in srgb,var(--p) 18%,transparent);border:1px solid color-mix(in srgb,var(--p) 40%,transparent)}.slide-claim{margin:12px 0 0;color:var(--text-2);font-size:1.05rem}.slide-card .actions{margin-top:18px;gap:10px}.slide-card .btn{padding:9px 14px;font-size:.95rem}.slide-card .btn-primary{background:var(--p);border-color:var(--p);color:#111;box-shadow:0 6px 20px -8px var(--p)}.slide-card .btn-primary:hover{background:var(--p);border-color:var(--p);color:#111;filter:brightness(1.08)}.slider-nav{display:flex;align-items:center;gap:12px;margin-top:22px}.slider-tabs{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.slider-tab{all:unset;cursor:pointer;display:grid;gap:8px;padding:6px 2px;font:600 14px var(--font);color:var(--text-3);text-align:left}.slider-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slider-tab:hover,.slider-tab.is-active{color:var(--text)}.slider-tab:focus-visible{outline:2px solid var(--p);outline-offset:4px;border-radius:4px}.slider-tab .bar{display:block;height:3px;border-radius:3px;background:var(--bg-3);overflow:hidden;position:relative}.slider-tab .bar:after{content:"";position:absolute;inset:0;background:var(--p);transform:scaleX(0);transform-origin:left}.slider-tab.is-active .bar:after{animation:ifd-bar var(--slide-ms, 7s) linear forwards}.slider.is-paused .slider-tab.is-active .bar:after,.slider.is-static .slider-tab.is-active .bar:after{animation-play-state:paused}.slider.is-static .slider-tab.is-active .bar:after{animation:none;transform:none}@keyframes ifd-bar{to{transform:scaleX(1)}}@media(max-width:760px){.slide-shot{margin:0}.slide-card{position:relative;left:auto;bottom:auto;width:auto;margin-top:-40px;margin-inline:12px}.slider-tab span{font-size:11px}.slider-tabs{gap:6px}}@media(prefers-reduced-motion:reduce){.slide,.slide-shot,.slide-card{transition:none!important}}
