.woodpecker-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(20px,4vw,56px) 0 32px;position:relative}.woodpecker-hero:before{content:"";position:absolute;inset:-16px -16px 0;pointer-events:none;opacity:.045;background:conic-gradient(var(--color-text-primary) 25%,transparent 0 50%,var(--color-text-primary) 0 75%,transparent 0) 0 0 / 80px 80px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.woodpecker-hero>*{position:relative;min-width:0}.woodpecker-eyebrow{color:var(--modern-shell-accent-text, var(--color-text-secondary));font-size:10px;font-weight:800;letter-spacing:.12em}.woodpecker-hero-copy>.woodpecker-eyebrow{display:inline-flex;gap:8px;padding:7px 11px;border:1px solid var(--color-border);border-radius:999px;letter-spacing:.025em}.woodpecker-hero h1{margin:22px 0;font-family:var(--font-body);font-size:clamp(38px,4.7vw,66px);font-weight:850;letter-spacing:-.055em;line-height:1.04;color:var(--color-text-primary)}.woodpecker-hero h1 span{color:var(--modern-shell-accent-text, var(--color-blog-accent))}.woodpecker-intro{max-width:430px;color:var(--color-text-secondary);line-height:1.8;font-size:15px}.woodpecker-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 20px}.woodpecker-hero-actions>*{padding:13px 20px;border-radius:10px}.woodpecker-hero-actions button:disabled{opacity:.55}.woodpecker-perks{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:var(--color-text-muted)}.woodpecker-perks li:before{content:"✓";color:var(--modern-shell-accent-text, var(--color-blog-accent));margin-right:6px}.woodpecker-preview{margin:0;padding:12px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-bg-elevated);box-shadow:var(--modern-shell-board-shadow, 0 20px 40px #0003);transform:rotate(-1deg)}.woodpecker-preview-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;padding:3px 2px 13px}.woodpecker-preview-top strong>span{font-weight:400;color:var(--color-text-muted)}.woodpecker-preview-badge{font-size:7px;letter-spacing:.08em;color:var(--color-text-muted)}.woodpecker-preview-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.54fr);overflow:hidden;border-radius:9px;background:var(--color-bg-card)}.woodpecker-preview-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-width:0;aspect-ratio:1}.woodpecker-preview-board>div{display:grid;place-items:center;min-width:0;aspect-ratio:1}.woodpecker-preview-board .is-light{background:var(--board-light-square)}.woodpecker-preview-board .is-dark{background:var(--board-dark-square)}.woodpecker-preview-board img{width:100%;height:100%;object-fit:contain}.woodpecker-preview-sidebar{min-width:0;padding:16px 12px;display:flex;flex-direction:column;justify-content:center;gap:14px}.woodpecker-preview-sidebar .woodpecker-eyebrow{font-size:7px}.woodpecker-preview-sidebar>strong{font-size:clamp(13px,1.5vw,20px);line-height:1.25}.woodpecker-preview-sidebar>p{font-size:10px;line-height:1.7;color:var(--color-text-muted)}.woodpecker-preview-cycle{border-top:1px solid var(--color-border);padding-top:12px;font-size:10px}.woodpecker-preview-cycle>span{font-size:20px;color:var(--modern-shell-accent-text, var(--color-blog-accent))}.woodpecker-preview-cycle small,.woodpecker-preview-note{font-size:8px;color:var(--color-text-muted)}.woodpecker-preview figcaption{padding:11px 2px 0;font-size:10px;color:var(--color-text-secondary)}.woodpecker-features{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg-inset);overflow:hidden}.woodpecker-features>div{padding:26px 30px}.woodpecker-features>div+div{border-left:1px solid var(--color-border)}.woodpecker-features h2{margin:10px 0 5px;font-size:28px;font-weight:800;letter-spacing:-.035em}.woodpecker-features p:last-child{font-size:13px;line-height:1.7;color:var(--color-text-muted)}.woodpecker-method{text-align:center;padding:64px 0 30px}.woodpecker-method>h2{margin:12px 0;font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.15}.woodpecker-method-intro{max-width:540px;margin:0 auto;font-size:14px;line-height:1.8;color:var(--color-text-muted)}.woodpecker-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:44px 0 30px;list-style:none}.woodpecker-steps li{position:relative}.woodpecker-steps li:not(:last-child):after{content:"";position:absolute;top:25px;left:calc(50% + 37px);width:calc(100% - 48px);border-top:2px dashed var(--color-border)}.woodpecker-step-number{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--color-action-primary);color:#fff;font-size:16px;font-weight:800;box-shadow:0 4px 0 var(--color-border)}.woodpecker-steps h3{font-size:16px;font-weight:750;margin:20px 0 7px}.woodpecker-steps p{font-size:12px;line-height:1.8;color:var(--color-text-muted)}.woodpecker-repeat{display:inline-block;border:1px solid var(--color-border);border-radius:999px;padding:9px 16px;font-size:11px}.woodpecker-guide{display:block;margin:20px auto 0;color:var(--modern-shell-accent-text, var(--color-blog-accent));font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.woodpecker-hero{grid-template-columns:1fr}.woodpecker-preview{width:min(100%,580px);justify-self:center;transform:none}.woodpecker-hero h1{font-size:clamp(42px,8vw,62px)}.woodpecker-steps{grid-template-columns:1fr 1fr;gap:30px}.woodpecker-steps li:after{display:none}}@media(max-width:480px){.woodpecker-features{grid-template-columns:1fr}.woodpecker-features>div+div{border-left:0;border-top:1px solid var(--color-border)}.woodpecker-features>div{padding:22px}.woodpecker-preview-sidebar{padding:10px 8px;gap:9px}.woodpecker-preview-badge{display:none}.woodpecker-steps{gap:26px 18px}.woodpecker-repeat{border-radius:12px}}.cycle-celebration{position:absolute;inset:0 0 auto;height:460px;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:50}.cycle-celebration-piece{position:absolute;top:-18px;width:8px;height:13px;animation:cycle-confetti-fall ease-out both}@keyframes cycle-confetti-fall{0%{opacity:0;transform:translateZ(0) rotate(0)}8%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate3d(var(--confetti-drift),460px,0) rotate(var(--confetti-spin))}}@media(prefers-reduced-motion:reduce){.cycle-celebration{display:none}}