/* Docu composition. Shared visual primitives remain in /cdn/styles.css. */
.docu-shell{background:var(--bg);color:var(--fg);min-height:100dvh;position:relative;overflow:hidden}
.docu-shell::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.docu-header{position:relative;margin:0 auto;max-width:1240px;width:calc(100% - 3rem);padding:.65rem 0!important;border-bottom:1px solid color-mix(in oklab,var(--border) 70%,transparent)}
.docu-header a{letter-spacing:-.06em}.docu-hero,.docu-catalog-section{position:relative;z-index:1;width:min(1240px,calc(100% - 3rem));margin-left:auto;margin-right:auto}
.docu-hero{min-height:calc(100dvh - 70px);display:flex;flex-direction:column;justify-content:center;overflow:visible;padding:clamp(1.5rem,4vh,3.5rem) 0 clamp(2rem,5vh,4rem);background:transparent}
.docu-hero-grid{display:none}
.docu-hero-orbit{position:absolute;border:1px solid color-mix(in oklab,var(--ds-accent) 35%,transparent);border-radius:50%;aspect-ratio:1;pointer-events:none}.docu-hero-orbit-one{width:540px;right:-210px;top:-245px}.docu-hero-orbit-two{width:390px;right:-100px;top:-110px;border-color:color-mix(in oklab,var(--ds-coral) 35%,transparent)}
.docu-hero-copy,.docu-steps{position:relative;z-index:1}.docu-hero-copy{max-width:900px}.docu-eyebrow{color:var(--ds-accent);font:11px var(--ds-font-mono);letter-spacing:.12em;text-transform:uppercase}.docu-hero h1{font-size:clamp(2.5rem,5.4vw,5.2rem);line-height:.98;max-width:900px;margin:1rem 0 1.25rem;letter-spacing:-.07em;color:var(--fg)}.docu-hero h1 em{color:var(--ds-coral);font-style:normal}.docu-hero-lede{max-width:680px;color:var(--muted);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;margin-bottom:1.8rem}.docu-hero-action{display:inline-flex;gap:1.2rem;align-items:center}.docu-hero-action span{font-size:1.1rem}
.docu-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2rem,5vh,4rem)}.docu-step{position:relative;min-height:145px;padding:1.15rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;background:color-mix(in oklab,var(--surface) 92%,var(--surface-strong) 8%);border-color:color-mix(in oklab,var(--ds-accent) 35%,var(--border));box-shadow:none}.docu-step-index{font:10px var(--ds-font-mono);color:var(--muted);letter-spacing:.08em}.docu-step strong{display:block;font-size:1rem}.docu-step p{color:var(--muted);font-size:.8rem;line-height:1.5;margin:.35rem 0 0;max-width:230px}.docu-step svg{position:absolute;right:1rem;bottom:1rem;color:var(--ds-accent);width:76px;height:76px}
.docu-section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:3.5rem 0 1.5rem;border-bottom:1px solid var(--border)}.docu-section-heading h2{font-size:clamp(2rem,4vw,3.5rem);margin:.45rem 0 0;letter-spacing:-.06em}.docu-section-heading>p{max-width:330px;color:var(--muted);font-size:.9rem;line-height:1.6;margin:0 0 .4rem}.docu-catalog-section+.grid-auto-345{position:relative;z-index:1;width:min(1120px,calc(100% - 3rem));margin-left:auto;margin-right:auto}
.docu-catalog-section~.grid-auto-345 .card{background:color-mix(in oklab,var(--surface) 96%,var(--ds-violet) 4%);border-color:color-mix(in oklab,var(--border) 82%,var(--ds-violet) 18%);box-shadow:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.docu-catalog-section~.grid-auto-345 .card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--ds-accent) 48%,var(--border));box-shadow:0 16px 32px color-mix(in oklab,var(--fg) 12%,transparent)}
@media(min-width:900px) and (max-height:800px){.docu-hero{padding-top:1rem;padding-bottom:1.5rem}.docu-hero h1{font-size:clamp(2.5rem,5vw,4.3rem);margin-top:.7rem;margin-bottom:.9rem}.docu-hero-lede{margin-bottom:1rem}.docu-steps{margin-top:2rem}.docu-step{min-height:120px}}
@media(max-width:700px){.docu-header,.docu-hero,.docu-catalog-section,.docu-catalog-section~.grid-auto-345{width:calc(100% - 2rem)}.docu-hero{min-height:auto;padding:3rem 0}.docu-steps{grid-template-columns:1fr;margin-top:2.5rem}.docu-step{min-height:125px}.docu-section-heading{display:block}.docu-section-heading>p{margin-top:1rem}}

/* Brand refinements shared with the Adevto landing composition. */
.docu-hero-action{gap:28px}.docu-hero-action span{font-size:18px}.docu-hero-action:hover span{transform:translateX(2px)}
.docu-step:nth-child(2){border-color:color-mix(in oklab,var(--ds-violet) 55%,var(--border))}.docu-step:nth-child(2) svg{color:var(--ds-violet)}.docu-step:nth-child(3){border-color:color-mix(in oklab,var(--ds-coral) 55%,var(--border))}.docu-step:nth-child(3) svg{color:var(--ds-coral)}
.docu-catalog-section~.grid-auto-345 .card:nth-child(3n+2){border-color:color-mix(in oklab,var(--ds-accent) 35%,var(--border))}.docu-catalog-section~.grid-auto-345 .card:nth-child(3n){border-color:color-mix(in oklab,var(--ds-coral) 35%,var(--border))}
.docu-catalog-section~.grid-auto-345{padding-bottom:clamp(2rem,4vh,3rem)}.docu-footer{position:relative;z-index:1;width:min(1240px,calc(100% - 3rem));margin:0 auto;padding:1rem 0 1.25rem;border-top:1px solid var(--border);color:var(--muted)}.docu-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-top:1rem;font:10px var(--ds-font-mono);text-transform:uppercase;letter-spacing:.08em}.docu-footer-attribution{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.docu-footer-attribution small{margin-left:.35rem;color:var(--muted);font:9px var(--ds-font-mono)}.docu-footer a{color:var(--ds-accent);text-decoration:none}.docu-footer a:hover{color:var(--fg)}
.docu-step:nth-child(2) svg{right:.5rem}
.docu-step:nth-child(1) svg{width:64px;height:64px;right:.5rem;bottom:1.35rem}
.docu-app-panel{width:min(1240px,calc(100% - 3rem));margin:0 auto;padding:.5rem 0 .5rem}.docu-app-tabs{border-bottom:1px solid var(--border);padding-bottom:.65rem}.docu-app-tabs .btn{font-size:.95rem}.docu-app-section{padding-top:.75rem}.docu-app-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1rem}.docu-app-heading h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.06em}.docu-app-controls{display:flex;align-items:end;gap:.75rem}.docu-app-controls .field-outline{min-width:260px}.docu-app-panel [data-listing-card]{background:color-mix(in oklab,var(--surface) 96%,var(--ds-violet) 4%);border-color:color-mix(in oklab,var(--border) 82%,var(--ds-violet) 18%);box-shadow:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.docu-app-panel [data-listing-card]:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--ds-accent) 48%,var(--border));box-shadow:0 14px 28px color-mix(in oklab,var(--fg) 12%,transparent)}
@media(max-width:700px){.docu-app-panel{width:calc(100% - 2rem);padding-top:.5rem}.docu-app-heading{display:block}.docu-app-controls{margin-top:1rem;align-items:stretch}.docu-app-controls .field-outline{min-width:0;flex:1}}

.docu-form-processing{background:rgba(0,0,0,.42);z-index:10;cursor:wait}