.page-diy .page-banner{min-height:clamp(500px,70vh,680px);padding-top:calc(var(--nav-h) + 56px);text-align:left;align-items:center;padding-bottom:64px;display:flex}.diy-banner-layout{grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);align-items:center;gap:clamp(40px,7vw,112px);width:min(1180px,100%);margin:0 auto;display:grid}.page-diy .banner-content h1{font-size:var(--text-hero);letter-spacing:-.04em;margin-bottom:24px}.page-diy .banner-content p{max-width:500px;margin:0}.diy-blueprint{backdrop-filter:blur(14px);background:#ffffff6b;border:1px solid #0c6db233;min-height:clamp(300px,34vw,390px);padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0c6db214}.diy-blueprint:before{content:"";pointer-events:none;border:1px solid #0c6db21f;position:absolute;inset:14px}.diy-blueprint-head,.diy-blueprint-readouts{z-index:1;color:var(--cyan);font-size:var(--text-xs);letter-spacing:2px;justify-content:space-between;gap:16px;font-weight:600;display:flex;position:relative}.diy-blueprint-img{z-index:1;mix-blend-mode:multiply;width:100%;height:auto;margin:12px 0 16px;display:block;position:relative}.diy-blueprint-readouts{color:var(--muted);letter-spacing:1px;flex-wrap:wrap;font-weight:500}.diy-blueprint-readouts span{align-items:center;gap:8px;display:inline-flex}.diy-blueprint-readouts i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 0 4px var(--cyan-dim);border-radius:50%}.diy-blueprint-readouts b{color:var(--heading);font-weight:600}.diy-brief-section{background:var(--surface)}.diy-brief-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(48px,8vw,128px);width:min(1180px,100%);margin:0 auto;display:grid}.diy-brief-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.diy-brief-head .section-title{max-width:12ch}.diy-brief-head .sec-label{flex:none;margin-top:8px}.diy-brief-copy .section-sub{max-width:48ch}.diy-inline-cta{margin-top:32px}.diy-input-list{border-top:1px solid var(--border)}.diy-input-row{border-bottom:1px solid var(--border);grid-template-columns:52px minmax(0,1fr) 30px;align-items:center;gap:20px;padding:28px 0;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s;display:grid}.diy-input-row:hover{border-color:#0c6db252;transform:translate(8px)}.diy-input-index{color:var(--cyan);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:700}.diy-input-row h3{color:var(--heading);font-size:var(--text-lg);margin-bottom:6px}.diy-input-row p{color:var(--muted);line-height:1.75}.diy-input-arrow{color:var(--cyan);transition:transform .35s;display:inline-flex}.diy-input-row:hover .diy-input-arrow{transform:translate(4px,-4px)}.diy-input-arrow svg{width:20px;height:20px}.diy-process-section{background:linear-gradient(180deg, var(--surface-2), var(--ink))}.diy-process-heading{justify-content:space-between;align-items:flex-end;gap:24px;width:min(1180px,100%);margin:0 auto;display:flex}.diy-process-heading .sec-label{margin-bottom:6px}.diy-route{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));width:min(1180px,100%);margin:72px auto 0;display:grid;position:relative}.diy-route:before{content:"";background:linear-gradient(90deg,#0c6db214,#0c6db280,#0c6db214);height:1px;position:absolute;top:22px;left:10px;right:10px}.diy-route-step{padding-top:64px;position:relative}.diy-route-index{background:var(--surface);width:44px;height:44px;color:var(--cyan);font-size:var(--text-sm);font-variant-numeric:tabular-nums;border:1px solid #0c6db252;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:absolute;top:0;left:0}.diy-route-step h3{color:var(--heading);font-size:var(--text-md);margin-bottom:8px}.diy-route-step p{color:var(--muted);line-height:1.75}@media (width<=920px){.diy-banner-layout,.diy-brief-grid{grid-template-columns:1fr}.diy-blueprint,.diy-brief-copy{max-width:680px}.diy-route{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}.diy-route:before{display:none}}@media (width<=480px){.page-diy .page-banner{min-height:auto}.diy-blueprint{min-height:250px;padding:18px}.diy-blueprint-readouts{font-size:var(--text-xs);gap:8px 14px}.diy-brief-head{display:block}.diy-brief-head .sec-label{margin:18px 0 0;display:block}.diy-input-row{grid-template-columns:36px minmax(0,1fr) 20px;gap:12px;padding:22px 0}.diy-route{grid-template-columns:1fr;margin-top:48px}}@media (prefers-reduced-motion:reduce){.diy-input-row,.diy-input-arrow{transition:none}}