.mod-hero{background:var(--ink);color:var(--paper);padding:88px 0 0;position:relative;overflow:hidden}.mod-hero .head{max-width:1480px;margin:0 auto;padding:0 64px}.mod-hero .eyebrow{display:inline-flex;font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(250,250,250,.65);padding:6px 14px;border:1px solid rgba(250,250,250,.2);border-radius:999px;margin-bottom:22px}.mod-hero h1{font-family:var(--font-display);font-style:italic;font-size:clamp(40px, 9vw, 136px);line-height:.96;letter-spacing:-.025em;margin:0 0 24px;overflow-wrap:anywhere}.mod-hero h1 .accent{color:var(--accent)}.mod-hero p.sub{font-family:var(--font-sans);font-size:22px;line-height:1.5;color:rgba(250,250,250,.78);max-width:760px;margin:0 0 28px}.mod-hero .replaces{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:36px}.mod-hero .replaces .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(250,250,250,.55);margin-right:6px}.mod-hero .replaces .chip{padding:6px 12px;border:1px solid rgba(250,250,250,.2);border-radius:999px;font-family:var(--font-mono);font-size:12px;color:var(--paper)}.mod-hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:56px}.mod-hero .btn-ghost{color:var(--paper);border-color:rgba(250,250,250,.32)}.mod-hero .btn-ghost:hover{background:rgba(250,250,250,.06)}.mod-hero .stats{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;border-top:1px solid rgba(250,250,250,.16);border-bottom:1px solid rgba(250,250,250,.16)}.mod-hero .stat .num{font-family:var(--font-display);font-style:italic;font-size:clamp(32px, 5vw, 56px);line-height:1;letter-spacing:-.025em}.mod-hero .stat .num.accent{color:var(--accent)}.mod-hero .stat .lbl{margin-top:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(250,250,250,.55)}.mod-hero .hero-shot{margin-top:48px;padding:0 64px}.mod-hero .hero-shot .frame{border-radius:20px 20px 0 0;overflow:hidden;border:1px solid rgba(250,250,250,.16);border-bottom:none;background:var(--paper-warm);box-shadow:0 -40px 80px -40px rgba(0,0,0,.3)}.mod-hero .hero-shot .frame img{width:100%;display:block}.feat-row{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center;padding:56px 0;border-bottom:1px solid var(--line)}.feat-row:last-child{border-bottom:none}.feat-row.flip{grid-template-columns:1.2fr 1fr}.feat-row.flip .feat-text{order:2}.feat-row.flip .feat-art{order:1}.feat-row .feat-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:18px}.feat-row h3{font-family:var(--font-display);font-style:italic;font-size:clamp(32px, 6vw, 64px);line-height:.98;letter-spacing:-.025em;margin:0 0 20px}.feat-row h3 .accent{color:var(--accent)}.feat-row p.body{font-family:var(--font-sans);font-size:18px;line-height:1.55;color:var(--ink);opacity:.78;max-width:480px;margin:0 0 22px}.feat-row ul{list-style:none;padding:0;margin:0}.feat-row ul li{padding:8px 0;font-family:var(--font-sans);font-size:15px;line-height:1.5;display:flex;gap:10px}.feat-row ul li::before{content:"→";color:var(--accent);flex-shrink:0}.feat-art{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:0 24px 60px -28px rgba(0,0,0,.18)}.feat-art img{width:100%;display:block}.scr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scr-grid.two{grid-template-columns:repeat(2,1fr)}.scr{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column;transition:transform 160ms}.scr:hover{transform:translateY(-2px)}.scr .img{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line)}.scr .img img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.scr .cap{padding:14px 16px}.scr .cap .num{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}.scr .cap .name{margin-top:4px;font-family:var(--font-sans);font-size:15px;font-weight:700;letter-spacing:-.01em}.scr .cap .desc{margin-top:4px;font-family:var(--font-sans);font-size:12.5px;line-height:1.5;color:var(--ink);opacity:.7}.flow{background:var(--paper-warm);border-radius:22px;padding:48px}.flow .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}.flow h3{font-family:var(--font-display);font-style:italic;font-size:clamp(28px, 5vw, 52px);line-height:1.04;letter-spacing:-.025em;margin:0 0 36px;max-width:720px}.flow h3 .accent{color:var(--accent)}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.flow-step{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;position:relative}.flow-step::after{content:"→";position:absolute;right:-22px;top:40px;font-family:var(--font-display);font-style:italic;font-size:28px;color:var(--accent)}.flow-step:last-child::after{display:none}.flow-step .step-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}.flow-step .step-name{font-family:var(--font-sans);font-size:18px;font-weight:700;letter-spacing:-.015em;margin-bottom:6px}.flow-step .step-desc{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--ink);opacity:.7}.x-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.x-mod{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:28px;text-decoration:none;color:var(--ink);transition:transform 160ms}.x-mod:hover{transform:translateY(-2px)}.x-mod .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}.x-mod .name{font-family:var(--font-display);font-style:italic;font-size:32px;line-height:1;letter-spacing:-.025em}.x-mod .name .accent{color:var(--accent)}.x-mod .desc{margin-top:12px;font-family:var(--font-sans);font-size:14px;line-height:1.55;color:var(--ink);opacity:.7}.x-mod .read{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-weight:500}.mod-cta{padding:96px 0;background:var(--paper-cream)}.mod-cta h2{font-family:var(--font-display);font-style:italic;font-size:clamp(36px, 7vw, 88px);line-height:1.02;letter-spacing:-.025em;margin:0 0 16px}.mod-cta h2 .accent{color:var(--accent)}.mod-cta p{font-family:var(--font-sans);font-size:18px;line-height:1.5;color:var(--ink);opacity:.78;max-width:520px;margin:0 0 32px}.mod-cta .ctas{display:flex;gap:12px;flex-wrap:wrap}@media (max-width:860px){.mod-hero .head,.mod-hero .hero-shot{padding:0 24px}.mod-hero .stats{grid-template-columns:repeat(2,1fr);gap:24px 16px}.feat-row,.feat-row.flip{grid-template-columns:1fr;gap:28px}.feat-row.flip .feat-art,.feat-row.flip .feat-text{order:0}.flow-steps,.scr-grid,.scr-grid.two{grid-template-columns:1fr 1fr}.x-modules{grid-template-columns:1fr}.mod-cta{padding:64px 24px}}@media (max-width:480px){.flow-steps,.scr-grid,.scr-grid.two{grid-template-columns:1fr}}.feat-row img,.mod-hero img,iframe,img,video{max-width:100%;height:auto}@media (max-width:560px){.mod-hero .stats{grid-template-columns:1fr 1fr}.feat-row,.feat-row.flip,.flow-steps,.scr-grid,.scr-grid.two,.x-modules{grid-template-columns:1fr}.mod-hero h1{font-size:clamp(32px, 9vw, 56px)}}.fam-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.fam-mod{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--paper);text-decoration:none;color:var(--ink);transition:transform 140ms,border-color 140ms,box-shadow 140ms}.fam-mod:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 12px 28px -18px rgba(10,10,10,.18)}.fam-mod .nm{font-family:var(--font-sans);font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.fam-mod .rp{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;color:var(--mute);line-height:1.3}.fam-mod .rp .arw{color:var(--accent)}@media (max-width:600px){.fam-mods{grid-template-columns:1fr 1fr}}@media (max-width:400px){.fam-mods{grid-template-columns:1fr}}