.occ-wrap{max-width:1180px;margin:0 auto;padding:0 24px}@media (max-width:640px){.occ-wrap{padding:0 16px}}.occ-hero{background:var(--primary);color:#fff;overflow:hidden}.occ-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;padding-top:16px;padding-bottom:96px;display:grid}.occ-hero h1{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;text-wrap:balance;color:#fff;margin:0 0 22px;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.05}.occ-hero h1.occ-heading-compact{font-size:clamp(28px,3vw,40px)}.occ-hero-lead{color:#fff;max-width:68ch;margin:0 0 30px;font-size:18px;line-height:1.65}.occ-hero-link{color:#fff;text-underline-offset:4px;text-decoration:underline}.occ-hero-link:hover,.occ-hero-link:focus-visible,.occ-hero nav[aria-label=Breadcrumb],.occ-hero nav[aria-label=Breadcrumb] a,.occ-hero nav[aria-label=Breadcrumb] span,.occ-hero nav[aria-label=Breadcrumb] svg{color:#fff}.occ-hero .wz-zettel{color:var(--foreground)}.occ-body{background:var(--background);color:var(--foreground)}.occ-section{padding:96px 0}.occ-section-tint{background:var(--color-lav-tint)}.occ-section h2{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;text-wrap:balance;margin:0 0 16px;font-size:clamp(28px,3.6vw,42px);font-weight:600;line-height:1.1}.occ-section h3{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;margin:0 0 8px;font-size:22px;font-weight:600;line-height:1.2}.occ-prose{max-width:68ch;font-size:18px;line-height:1.65}.occ-prose p+p{margin-top:1em}.occ-badge{color:var(--primary);margin-bottom:12px;font-size:14px;font-weight:600;display:inline-block}.occ-link{color:var(--color-lav-deep);text-underline-offset:4px;text-decoration:underline}.occ-link:hover,.occ-link:focus-visible{color:var(--primary)}.occ-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:24px}.occ-feature{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;display:grid}.occ-feature svg,.occ-icon{color:var(--primary);width:22px;height:22px}.occ-shot{border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.occ-z-steps{margin:18px 0 0;padding:0;list-style:none}.occ-z-steps li{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;font-size:17px;font-weight:700;display:grid}.occ-z-steps li+li{border-top:1px dashed #c4c9e4}.occ-overview-list{gap:0;margin-top:44px;display:grid}.occ-overview-list a{color:inherit;border-top:1px solid var(--border);padding:22px 0;text-decoration:none;display:block}.occ-overview-list a:last-child{border-bottom:1px solid var(--border)}.occ-overview-list h3{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif;align-items:center;gap:10px;margin:0 0 8px;font-size:clamp(30px,4.6vw,56px);font-weight:600;line-height:1.15;display:inline-flex}.occ-overview-list a:hover h3{color:var(--color-lav-deep)}.occ-overview-list a svg{fill:none;stroke:#c9c5df;stroke-width:1.6px;width:.62em;height:.62em;transition:fill .15s,stroke .15s,transform .15s}.occ-overview-list a:hover svg,.occ-overview-list a:focus-visible svg{fill:var(--color-star);stroke:var(--color-star-deep);transform:rotate(-12deg)scale(1.1)}.occ-overview-list p{max-width:68ch;color:var(--muted-foreground);margin:0 0 8px;font-size:18px;line-height:1.65}.occ-overview-list span{color:var(--color-lav-deep);text-underline-offset:4px;font-weight:600}.occ-benefit-grid{gap:28px;margin-top:40px;display:grid}@media (min-width:768px){.occ-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.home-step .occ-shot{grid-column:2}}@media (max-width:960px){.occ-hero-grid{grid-template-columns:1fr;gap:32px;padding-bottom:64px}.occ-hero-zettel{display:none}}@media (max-width:640px){.occ-section{padding:64px 0}}