.cfx39-detail{background:var(--c32-bg,#fff)}
.cfx39-detail-hero{position:relative;overflow:hidden;padding:72px 0 64px;background:radial-gradient(circle at 12% 12%,rgba(249,115,22,.10),transparent 25%),var(--c32-soft,#f8fafc)}
html[data-theme="dark"] .cfx39-detail-hero{background:radial-gradient(circle at 12% 12%,rgba(249,115,22,.12),transparent 25%),#091321}
.cfx39-detail-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}.cfx39-back{display:inline-flex;margin-bottom:18px;color:#f97316;font-size:8px;font-weight:800}.cfx39-detail-meta{display:flex;flex-wrap:wrap;gap:7px}.cfx39-detail-meta span{padding:7px 10px;border:1px solid var(--c32-line,#e8edf2);border-radius:999px;color:var(--c32-muted,#667085);font-size:7px;font-weight:700}.cfx39-detail-meta span.demo{color:#fff;border-color:#f97316;background:#f97316}.cfx39-detail-head h1{max-width:950px;margin:15px 0 0;color:var(--c32-text,#111827);font-size:clamp(38px,5.5vw,72px);line-height:1.13;letter-spacing:-.055em}.cfx39-detail-head p{max-width:860px;margin:16px 0 0;color:var(--c32-muted,#667085);font-size:11px;line-height:2}html[data-theme="dark"] .cfx39-detail-head h1{color:#fff}html[data-theme="dark"] .cfx39-detail-head p{color:#a7b4c4}.cfx39-project-link{min-height:46px;display:inline-flex;align-items:center;padding:0 16px;border-radius:11px;color:#fff;background:#f97316;font-size:8px;font-weight:800}
.cfx39-detail-visual{margin-top:42px;overflow:hidden;border:1px solid var(--c32-line,#e8edf2);border-radius:28px;background:#07111f;box-shadow:0 30px 75px rgba(15,23,42,.14)}html[data-theme="dark"] .cfx39-detail-visual{border-color:rgba(255,255,255,.08)}.cfx39-detail-visual img{display:block;width:100%;max-height:720px;object-fit:cover}.cfx39-detail-mockup{min-height:520px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(249,115,22,.12),transparent 28%),linear-gradient(145deg,#06101d,#101f35)}.cfx39-detail-mockup span{color:#f97316;font-size:13px;font-weight:900;letter-spacing:.12em}.cfx39-detail-mockup strong{max-width:850px;margin-top:18px;color:#fff;font-size:clamp(34px,5vw,62px);line-height:1.2}.cfx39-detail-mockup small{margin-top:13px;color:#8492a5;font-size:9px}
.cfx39-detail-content{padding:74px 0 100px}.cfx39-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:52px}.cfx39-detail-metrics>div{padding:22px;border:1px solid var(--c32-line,#e8edf2);border-radius:18px;background:var(--c32-card,#fff)}html[data-theme="dark"] .cfx39-detail-metrics>div{border-color:rgba(255,255,255,.07);background:#0f1b2d}.cfx39-detail-metrics strong{display:block;color:#f97316;font-size:28px}.cfx39-detail-metrics span{display:block;margin-top:6px;color:var(--c32-muted,#667085);font-size:8px}
.cfx39-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cfx39-story-grid article{position:relative;padding:28px;border:1px solid var(--c32-line,#e8edf2);border-radius:22px;background:var(--c32-card,#fff)}html[data-theme="dark"] .cfx39-story-grid article{border-color:rgba(255,255,255,.07);background:#0f1b2d}.cfx39-story-grid article>span{color:#f97316;font-size:8px;font-weight:900}.cfx39-story-grid h2{margin:12px 0 0;color:var(--c32-text,#111827);font-size:22px}.cfx39-story-grid p{margin:12px 0 0;color:var(--c32-muted,#667085);font-size:10px;line-height:2.05;white-space:pre-line}html[data-theme="dark"] .cfx39-story-grid h2{color:#fff}html[data-theme="dark"] .cfx39-story-grid p{color:#a7b4c4}
.cfx39-before-after{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:52px}.cfx39-before-after figure{position:relative;margin:0;overflow:hidden;border-radius:20px;background:#0b1424}.cfx39-before-after figure>span{position:absolute;z-index:2;top:14px;inset-inline-start:14px;padding:6px 9px;border-radius:999px;color:#fff;background:rgba(0,0,0,.55);font-size:7px;font-weight:800;backdrop-filter:blur(7px)}.cfx39-before-after img{display:block;width:100%;height:380px;object-fit:cover}
.cfx39-detail-tech{margin-top:52px}.cfx39-detail-tech h2,.cfx39-related h2{color:var(--c32-text,#111827);font-size:28px}html[data-theme="dark"] .cfx39-detail-tech h2,html[data-theme="dark"] .cfx39-related h2{color:#fff}.cfx39-detail-tech>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.cfx39-detail-tech span{padding:9px 12px;border:1px solid var(--c32-line,#e8edf2);border-radius:10px;color:var(--c32-text,#111827);background:var(--c32-card,#fff);font-size:8px;font-weight:800}html[data-theme="dark"] .cfx39-detail-tech span{color:#fff;border-color:rgba(255,255,255,.08);background:#101d30}
.cfx39-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:52px}.cfx39-gallery img{width:100%;height:420px;object-fit:cover;border-radius:18px}.cfx39-related{margin-top:64px}.cfx39-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.cfx39-related a{position:relative;display:flex;flex-direction:column;min-height:170px;padding:22px;border:1px solid var(--c32-line,#e8edf2);border-radius:18px;background:var(--c32-card,#fff);transition:.2s}html[data-theme="dark"] .cfx39-related a{border-color:rgba(255,255,255,.07);background:#0f1b2d}.cfx39-related a:hover{transform:translateY(-4px);border-color:rgba(249,115,22,.35)}.cfx39-related small{color:#f97316;font-size:7px}.cfx39-related strong{margin-top:10px;color:var(--c32-text,#111827);font-size:15px;line-height:1.5}html[data-theme="dark"] .cfx39-related strong{color:#fff}.cfx39-related a>span{margin-top:auto;color:#f97316;font-size:16px}
@media(max-width:900px){.cfx39-detail-head{grid-template-columns:1fr}.cfx39-story-grid{grid-template-columns:1fr}.cfx39-detail-metrics{grid-template-columns:1fr}.cfx39-related>div{grid-template-columns:1fr}.cfx39-before-after{grid-template-columns:1fr}.cfx39-gallery{grid-template-columns:1fr}}
@media(max-width:600px){.cfx39-detail-hero{padding-top:48px}.cfx39-detail-head h1{font-size:38px}.cfx39-detail-mockup{min-height:350px}.cfx39-gallery img,.cfx39-before-after img{height:280px}}