.family-home{--accent:#ff1893}.family-home .sampler-hero{padding-bottom:44px}.family-rail{border-block:1px solid var(--line);grid-template-columns:160px repeat(auto-fit,minmax(260px,1fr));align-items:stretch;display:grid}.family-rail-label{letter-spacing:.22em;text-transform:uppercase;color:#8f8796;align-self:center;margin:0;font-size:10px;font-weight:600}.family-item{border-left:1px solid var(--line);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 22px;transition:background .3s;display:grid}.family-item:hover{color:inherit;background:#111015}.family-thumb{background:#08080b;border:1px solid #2c2931;border-radius:7px;width:72px;height:46px;display:block;overflow:hidden}.family-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.family-item-sampler .family-thumb img{object-position:64% 46%;transform:scale(1.9)}.family-item-lava .family-thumb img{object-position:50% 52%;transform:scale(1.35)}.family-item:hover .family-thumb img{transform:scale(2.05)}.family-item-lava:hover .family-thumb img{transform:scale(1.5)}.family-text{gap:3px;min-width:0;display:grid}.family-name{letter-spacing:-.02em;font-size:16px;font-weight:550}.family-role{color:var(--muted);font-size:12px}.family-tag{letter-spacing:.16em;text-transform:uppercase;color:#ff8ccb;border:1px solid #50304a;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:600}.family-tag-free{color:#ffc08a;border-color:#5a3a25}.family-item-sampler:hover .family-name{color:#ff61b4}.family-item-lava:hover .family-name{color:#ffa463}.home-sampler{padding-block:118px 110px}.home-sampler-intro{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:20px 72px;margin-bottom:56px;display:grid}.home-sampler-intro .feature-label{grid-column:1/-1;margin-bottom:0}.home-sampler-intro h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,4.6vw,66px);font-weight:550;line-height:1.02}.home-sampler-intro h2 span{color:#bdb8c5;display:block}.home-sampler-intro p{margin:0 0 18px;font-size:15px;line-height:1.8}.home-sampler-intro .text-link{color:#ff61b4;grid-column:2}.workflow-viewer{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:44px;display:grid}.workflow-tabs{display:grid;position:sticky;top:120px}.workflow-tabs button{border:0;border-left:1px solid var(--line);text-align:left;letter-spacing:-.02em;color:#9f98a8;background:0 0;align-items:baseline;gap:16px;padding:17px 0 17px 18px;font-size:17px;transition:color .25s,border-color .25s;display:flex}.workflow-tabs button:hover{color:var(--text)}.workflow-tabs button[aria-selected=true]{color:var(--text);border-left:2px solid var(--accent);padding-left:17px}.workflow-index{letter-spacing:.08em;color:#6f6878;font-variant-numeric:tabular-nums;font-size:10px}.workflow-tabs button[aria-selected=true] .workflow-index{color:#ff61b4}.workflow-tabs button:focus-visible{outline-offset:-2px}.workflow-panel[data-active]{animation:.55s cubic-bezier(.2,.8,.2,1) both workflow-in}@keyframes workflow-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.workflow-panel .sampler-shot{box-shadow:0 34px 90px -30px #000c}.workflow-caption{justify-content:space-between;align-items:end;gap:32px;margin-top:26px;display:flex}.workflow-caption h3{letter-spacing:-.03em;margin:0 0 8px;font-size:22px;font-weight:550}.workflow-caption p{max-width:560px;margin:0;font-size:14px;line-height:1.75}.workflow-caption .text-link{color:#ff61b4;flex-shrink:0;min-height:44px}.home-sampler-offer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;margin-top:64px;padding-top:30px;display:flex}.home-sampler-offer p{color:#cfc8d6;margin:0;font-size:16px}.home-sampler-offer strong{color:var(--text);font-weight:550}.home-sampler-actions{flex-wrap:wrap;gap:14px;display:flex}.home-lava{isolation:isolate;color:#f8f0e9;background:radial-gradient(60% 70% at 70% 60%,#ff601e1c,#0000 70%),linear-gradient(#0c0908 0%,#0e0a08 55%,#0b0807 100%);border-block:1px solid #2a1f19;padding-block:130px;position:relative;overflow:hidden}.home-lava-glow{z-index:-1;filter:blur(10px);pointer-events:none;background:radial-gradient(50% 50% at 50% 55%,#ff6e2838,#0000 70%);width:72%;height:90%;animation:9s ease-in-out infinite home-lava-breathe;position:absolute;top:18%;right:-10%}@keyframes home-lava-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.home-lava-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);align-items:center;gap:64px;display:grid}.home-lava h2{letter-spacing:-.065em;margin:0 0 24px;font-size:clamp(42px,4.7vw,72px);font-weight:550;line-height:1}.home-lava h2 .molten{padding-bottom:.06em;display:inline-block}.home-lava-text{color:#bcad9f;max-width:460px;margin:0;font-size:16px;line-height:1.75}.home-lava .actions{margin-top:32px}.home-lava .text-link{color:#f3d9c4}.home-lava .text-link:hover{color:#ffb455}.home-lava-note{color:#a99a8e;margin:22px 0 0;font-size:12px}.home-lava-visual{min-width:0}.home-start{padding-block:120px}.home-start h2{letter-spacing:-.055em;margin:0 0 44px;font-size:clamp(34px,3.8vw,54px);font-weight:550;line-height:1.05}.home-start-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.start-card{border:1px solid var(--line);isolation:isolate;background:#0f0e12;border-radius:18px;align-content:end;gap:6px;min-height:230px;padding:32px;transition:border-color .35s,transform .35s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:hidden}.start-card:before{content:"";z-index:-1;opacity:.9;transition:opacity .4s;position:absolute;inset:0}.start-card-sampler:before{background:radial-gradient(60% 80% at 100% 0,#ff189329,#0000 70%)}.start-card-sampler:after{content:"";background:#ff69bc;width:6px;height:6px;position:absolute;top:30px;right:34px;box-shadow:10px 0 #9b326f,0 10px #9b326f,10px 10px #ff69bc,20px 10px #5d2347,10px 20px #5d2347}.start-card-lava{background:#0e0a08;border-color:#2f241e}.start-card-lava:before{background:radial-gradient(70% 90% at 100% 100%,#ff641e42,#0000 70%)}.start-card:hover{color:inherit;transform:translateY(-3px)}.start-card-sampler:hover{border-color:#5c2f4a}.start-card-lava:hover{border-color:#5a3a25}.start-intent{color:var(--muted);font-size:14px}.start-name{letter-spacing:-.05em;color:var(--text);font-size:clamp(30px,3vw,42px);font-weight:550;line-height:1.05}.start-meta{color:#a39ba9;margin-top:6px;font-size:12px}.start-card-lava .start-intent,.start-card-lava .start-meta{color:#b8a597}.start-arrow{border:1px solid #3a3440;border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;transition:background .3s,color .3s,border-color .3s;display:grid;position:absolute;bottom:28px;right:28px}.start-card-sampler:hover .start-arrow{color:#170c13;background:#ff1893;border-color:#ff1893}.start-card-lava .start-arrow{border-color:#4d382b}.start-card-lava:hover .start-arrow{color:#1d0d03;background:#ff8a3d;border-color:#ff8a3d}@media (width<=1100px){.family-rail{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.family-rail-label{display:none}.family-item:first-of-type{border-left:0}.workflow-viewer{grid-template-columns:1fr;gap:26px}.workflow-tabs{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;position:static;overflow-x:auto}.workflow-tabs::-webkit-scrollbar{display:none}.workflow-tabs button,.workflow-tabs button[aria-selected=true]{border:1px solid var(--line);border-radius:999px;flex-shrink:0;padding:11px 16px;font-size:14px}.workflow-tabs button[aria-selected=true]{background:#1a1018;border-color:#6a3a58}.home-lava-inner{grid-template-columns:1fr;gap:48px}.home-lava-text{max-width:560px}}@media (width<=760px){.family-home .sampler-hero{padding-bottom:30px}.family-rail{border-bottom:0;grid-template-columns:1fr}.family-item{border-left:0;border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) auto;gap:14px;padding:14px 0}.family-item:hover{background:0 0}.family-thumb{width:64px;height:42px}.home-sampler{padding-block:72px 70px}.home-sampler-intro{grid-template-columns:1fr;margin-bottom:34px}.home-sampler-intro .text-link{grid-column:auto}.home-sampler-intro h2{font-size:clamp(36px,10vw,48px)}.workflow-caption{flex-direction:column;align-items:start;gap:12px;margin-top:18px}.workflow-caption h3{font-size:19px}.home-sampler-offer{flex-direction:column;align-items:start;margin-top:44px}.home-lava{padding-block:76px}.home-lava h2{font-size:clamp(40px,11vw,56px)}.home-start{padding-block:72px 80px}.home-start h2{margin-bottom:28px}.start-card{min-height:190px;padding:24px}.start-arrow{bottom:20px;right:20px}}
