.detail-page{background:#f7f7f2}.detail-nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.detail-nav button{padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:white;cursor:pointer}.detail-shell{padding-top:110px;padding-bottom:110px}.detail-label{color:var(--purple);font:800 10px monospace;letter-spacing:.16em}.detail-shell>h1{max-width:980px;margin:28px 0;font-size:clamp(60px,9vw,118px);line-height:.88;letter-spacing:-.07em}.detail-intro{max-width:780px;color:var(--muted);font-size:20px;line-height:1.8}.detail-sections{margin-top:85px;border-top:1px solid var(--line)}.detail-sections article{padding:55px 0;display:grid;grid-template-columns:70px 1fr 1fr;gap:35px;border-bottom:1px solid var(--line)}.detail-sections article>span{color:var(--purple);font:800 11px monospace}.detail-sections h2{margin:0;font-size:clamp(27px,3vw,42px)}.detail-sections article>div{color:var(--muted);font-size:16px;line-height:1.85}.detail-sections a{color:var(--purple);font-weight:800}.detail-edit{margin-top:70px;padding:35px;border-radius:24px;background:#ede8ff}.detail-edit span,.detail-cta span{color:var(--purple);font:800 10px monospace}.detail-edit h2{margin:18px 0 12px;font-size:32px}.detail-edit p{margin:0;color:#5d5a67;line-height:1.7}.detail-edit code{padding:3px 6px;border-radius:5px;background:white}.detail-cta{margin-top:20px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:35px;color:white;border-radius:25px;background:var(--purple)}.detail-cta span{color:var(--lime)}.detail-cta h2{margin:15px 0 0;font-size:clamp(30px,4vw,48px)}.detail-cta>a{padding:15px 20px;border-radius:999px;color:var(--ink);background:white;font-weight:800;white-space:nowrap}.detail-dark{--bg:#151820;--surface:#1d212b;--ink:#f4f5f6;--muted:#a7afbc;--line:rgba(255,255,255,.12);background:#151820;color:#f4f5f6}.detail-dark .detail-nav button{color:white;background:#1d212b}.detail-dark .brand-mark{color:#111;background:#73e1d2}.detail-dark .detail-label,.detail-dark .detail-sections article>span,.detail-dark .detail-sections a{color:#73e1d2}.detail-dark .detail-edit{background:#202633}.detail-dark .detail-edit span{color:#73e1d2}.detail-dark .detail-edit p{color:#a7afbc}.detail-dark .detail-edit code{background:#11151c}.detail-dark .detail-cta{background:linear-gradient(135deg,#28534f,#40366f)}
@media(max-width:700px){.detail-shell{padding-top:70px}.detail-shell>h1{font-size:clamp(54px,18vw,82px)}.detail-intro{font-size:17px}.detail-sections{margin-top:55px}.detail-sections article{grid-template-columns:1fr;gap:15px;padding:38px 0}.detail-cta{padding:35px 24px;align-items:flex-start;flex-direction:column}.detail-cta>a{white-space:normal}}
.detail-sections + .detail-cta{margin-top:70px}
.detail-cta p{margin:14px 0 0;color:rgba(255,255,255,.75);font-size:14px;letter-spacing:.04em}
.detail-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.detail-contact-actions a{padding:14px 19px;border-radius:999px;font-weight:800}.detail-call{color:var(--ink);background:white}.detail-mail{color:white;border:1px solid rgba(255,255,255,.35)}.detail-contact-qr{width:190px;flex:0 0 190px;padding:13px;text-align:center;color:#141414;border-radius:18px;background:white}.detail-contact-qr img{display:block;width:100%;border-radius:10px}.detail-contact-qr strong,.detail-contact-qr small{display:block;margin-top:9px}.detail-contact-qr small{color:#777}.detail-cta>a{display:none}
@media(max-width:700px){.detail-contact-qr{width:min(100%,230px);flex-basis:auto}.detail-contact-actions{flex-direction:column}.detail-contact-actions a{text-align:center}}
@media(max-width:700px){.detail-shell{padding-top:62px}.detail-shell>h1{font-size:clamp(40px,11.8vw,50px);line-height:1.02}.detail-intro{font-size:14px;line-height:1.75}.detail-sections{margin-top:38px}.detail-sections article{gap:10px;padding:27px 0}.detail-sections article>span{font-size:9px}.detail-sections h2{font-size:23px}.detail-sections article div{font-size:13px;line-height:1.7}.detail-cta{padding:27px 19px}.detail-cta h2{font-size:28px}.detail-contact{padding:28px 19px}.detail-contact-copy h2{font-size:29px}.detail-contact-copy>p{font-size:13px}.detail-contact-actions a{padding:12px 15px;font-size:12px}.detail-contact-qr{width:min(100%,205px)}}
.detail-sections video{display:block;max-width:100%;max-height:430px;margin:16px 0 4px;border-radius:14px;background:#000;box-shadow:0 12px 34px rgba(0,0,0,.35)}.detail-sections .detail-video-note{margin:8px 0 0;color:var(--muted);font-size:12px;letter-spacing:.03em}