.dc34{background:#f6f7f7;color:#17212a}.dc34-hero{padding:100px max(6vw,45px) 90px;display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center;background:linear-gradient(135deg,#f8f9f8,#e9efeb)}.dc34 h1{font-size:clamp(3rem,5.3vw,5.7rem);line-height:.97;letter-spacing:-.065em;margin:12px 0 25px}.dc34 h1 em{font-family:Georgia,serif;font-weight:400}.dc34 .lead{max-width:760px;color:#68777d;line-height:1.75}.dc-mock{background:#dfe5e2;border-radius:15px;padding:25px}.paper{background:#fff;box-shadow:0 18px 35px rgba(20,30,35,.1);padding:28px;min-height:390px}.paper-head{display:flex;justify-content:space-between;border-bottom:2px solid #17212a;padding-bottom:14px}.paper-head span{font-size:.55rem;line-height:.9}.paper-head small{font-size:.37rem;text-align:right;color:#718087}.paper h3{font-size:1.5rem;margin:25px 0 3px}.paper .muted{font-size:.45rem;color:#7d8b91}.paper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0}.paper-grid span{background:#f1f4f2;padding:9px}.paper-grid small,.paper-grid b{display:block}.paper-grid small{font-size:.34rem;color:#879399}.paper-grid b{font-size:.45rem;margin-top:3px}.paper h4{font-size:.55rem}.paper>p:not(.muted){font-size:.43rem;line-height:1.6;color:#65747a}.paper-ok{border-top:1px solid #dce2e3;margin-top:18px;padding-top:12px;font-size:.4rem;color:#63846d}.dc34-intro{padding:105px max(7vw,55px);display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1500px;margin:auto}.dc34-intro h2,.section-head h2,.dc34-version h2,.dc34-guard h2,.dc34-final h2{font-size:clamp(2.4rem,4vw,4.2rem);line-height:1;letter-spacing:-.055em;margin:8px 0}.dc34-intro>div:last-child{padding-top:25px}.dc34-intro p:not(.eyebrow),.dc34-version>div>p:not(.eyebrow),.dc34-guard>div>p:not(.eyebrow),.dc34-final p:not(.eyebrow){color:#6d7b81;line-height:1.75}.dc34-generator{background:#fff;padding:100px max(6vw,45px)}.section-head{max-width:900px;margin-bottom:35px}.section-head>p:not(.eyebrow){color:#728087}.gen-shell{max-width:1300px;margin:auto;border:1px solid #dce2e3;border-radius:12px;overflow:hidden}.gen-tabs{display:grid;grid-template-columns:repeat(5,1fr);background:#eef2f0}.gen-tabs button{border:0;border-right:1px solid #d9e0dd;background:transparent;padding:14px;font-size:.49rem;cursor:pointer}.gen-tabs button.active{background:#17212a;color:#fff}.gen-content{display:grid;grid-template-columns:.7fr 1.3fr;min-height:470px}.gen-source{padding:28px}.gen-source>small{font-size:.4rem;color:#829096}.gen-source h3{font-size:1.25rem;margin:6px 0 15px}.source-row{display:flex;justify-content:space-between;border-bottom:1px solid #e0e5e5;padding:9px 0;font-size:.46rem}.source-row span{color:#718087}.gen-source button{border:0;background:#17212a;color:#fff;border-radius:5px;padding:10px 13px;font-size:.45rem;font-weight:800;margin-top:18px;cursor:pointer}.gen-source>p{font-size:.4rem;color:#819096}.gen-paper{margin:20px;background:#e7ebe9;border-radius:9px;padding:22px}.generated{background:#fff;min-height:380px;padding:25px;box-shadow:0 10px 24px rgba(20,30,35,.08)}.generated small{font-size:.36rem;color:#839197}.generated h4{font-size:1.2rem;margin:12px 0 3px}.generated .meta{font-size:.42rem;color:#75838a;border-bottom:1px solid #dce2e3;padding-bottom:13px}.generated h5{font-size:.5rem;margin:18px 0 5px}.generated p{font-size:.43rem;color:#637278;line-height:1.6}.generated .status{margin-top:20px;padding:9px;background:#eef2f0;font-size:.4rem}.dc34-types{padding:100px max(6vw,45px)}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.type-grid article{background:#fff;border:1px solid #dfe4e5;border-radius:10px;padding:20px;min-height:180px}.type-grid span{font-size:1.5rem;color:#d5dcdd;font-weight:800}.type-grid h3{font-size:.85rem}.type-grid p{font-size:.5rem;color:#718087;line-height:1.6}.dc34-version{background:#17212a;color:#fff;padding:95px max(7vw,55px);display:grid;grid-template-columns:1fr 1fr;gap:70px}.dc34-version>div>p:not(.eyebrow){color:#9facb1}.version-list p{display:grid;grid-template-columns:35px 1fr;gap:12px;border-bottom:1px solid #354148;padding:13px 0;margin:0}.version-list>p>b{font-size:.9rem;color:#728087}.version-list strong,.version-list small{display:block}.version-list strong{font-size:.56rem}.version-list small{font-size:.43rem;color:#8f9da3}.dc34-flow{padding:100px max(6vw,45px);text-align:center}.dc34-flow .section-head{margin-left:auto;margin-right:auto}.flow{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.flow span{background:#fff;border:1px solid #dce2e3;border-radius:6px;padding:11px;font-size:.43rem;font-weight:800}.flow i{font-style:normal;color:#89979d}.dc34-flow>p{max-width:820px;margin:25px auto;color:#718087;font-size:.53rem;line-height:1.7}.dc34-guard{background:#e9eeeb;padding:95px max(7vw,55px);display:grid;grid-template-columns:1fr 1fr;gap:70px}.guard-grid{display:grid;gap:7px}.guard-grid article{background:#fff;border-radius:8px;padding:16px}.guard-grid small,.guard-grid b,.guard-grid span{display:block}.guard-grid small{font-size:.38rem;color:#829096}.guard-grid b{font-size:.65rem;margin:4px 0}.guard-grid span{font-size:.45rem;color:#718087}.dc34-examples{padding:100px max(6vw,45px)}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.example-grid a{background:#fff;border:1px solid #dfe4e5;border-radius:10px;padding:22px;min-height:225px;text-decoration:none;color:#17212a;display:flex;flex-direction:column}.example-grid small{font-size:.42rem;color:#849197}.example-grid h3{font-size:.9rem}.example-grid p{font-size:.52rem;color:#718087;line-height:1.6}.example-grid span{margin-top:auto;font-size:.49rem;font-weight:800}.dc34-final{margin:35px max(4vw,25px);padding:65px max(5vw,45px);background:#e9eeeb;border-radius:20px;display:flex;justify-content:space-between;align-items:end;gap:50px}.dc34-final p:not(.eyebrow){max-width:760px}.dc34-final .btn{white-space:nowrap}
@media(max-width:950px){.dc34-hero,.dc34-intro,.gen-content,.dc34-version,.dc34-guard{grid-template-columns:1fr}.type-grid,.example-grid{grid-template-columns:1fr 1fr}.dc34-final{display:block}.dc34-final .btn{display:inline-block;margin-top:20px}}
@media(max-width:600px){.dc34-hero,.dc34-intro,.dc34-generator,.dc34-types,.dc34-version,.dc34-flow,.dc34-guard,.dc34-examples{padding:65px 18px}.gen-tabs{grid-template-columns:1fr}.type-grid,.example-grid{grid-template-columns:1fr}.dc34-final{margin:20px 12px;padding:45px 22px}}