.cc-layout{background:#fff;flex-direction:column;min-height:100vh;display:flex}.cc-header{z-index:100;background:linear-gradient(135deg,#063b1e 0%,#031a0d 100%);border-bottom:1px solid #34d39926;position:sticky;top:0}.cc-header-content{justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex}.cc-logo{font-family:var(--font-serif);color:#d1fae5;letter-spacing:.01em;white-space:nowrap;font-size:1.2rem;text-decoration:none}.cc-logo:hover{color:#34d399}.cc-nav-cta{color:#022c17;white-space:nowrap;background:#34d399;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #34d39940}.cc-nav-cta:hover{background:#6ee7b7;transform:translateY(-1px)}.cc-main{flex:1}.cc-hero{text-align:center;background:linear-gradient(160deg,#063b1e 0%,#042a15 45%,#031a0d 100%);padding:4.5rem 2rem 5.5rem;position:relative;overflow:hidden}.cc-hero:before{content:"";pointer-events:none;background:radial-gradient(65% 55% at 50% 0,#34d3991f 0%,#0000 70%);position:absolute;inset:0}.cc-hero-badge{color:#34d399;letter-spacing:.06em;text-transform:uppercase;background:#34d3991a;border:1px solid #34d39947;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.78rem;font-weight:500;display:inline-flex}.cc-hero-title{font-family:var(--font-serif);color:#f0fdf4;margin:0 0 1rem;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:500;line-height:1.15}.cc-hero-subtitle{color:#f0fdf4a6;max-width:560px;margin:0 auto;font-size:1.1rem;line-height:1.65}.cc-hero-stats{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2.5rem;display:flex}.cc-hero-stat{flex-direction:column;align-items:center;gap:.2rem;display:flex}.cc-hero-stat-value{font-family:var(--font-serif);color:#34d399;font-size:1.8rem;font-weight:500}.cc-hero-stat-label{color:#f0fdf48c;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.cc-content{max-width:860px;margin:0 auto;padding:4rem 2rem}.cc-diagram-section{background:#f0fdf4;padding:3.5rem 2rem}.cc-diagram-inner{max-width:860px;margin:0 auto}.cc-diagram-title{font-family:var(--font-serif);color:#022c17;text-align:center;margin:0 0 .5rem;font-size:1.7rem}.cc-diagram-sub{text-align:center;color:#6b7280;margin:0 0 2.5rem;font-size:.95rem}.cc-grid{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(5,1fr);gap:.75rem;max-width:580px;margin:0 auto 2rem;display:grid}.cc-pos{text-align:center;background:#fff;border:1.5px solid #d1fae5;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:80px;padding:.75rem .5rem;display:flex}.cc-pos--empty{background:0 0;border-color:#0000}.cc-pos-num{color:#34d399;background:#063b1e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:flex}.cc-pos-name{color:#022c17;font-size:.72rem;font-weight:600;line-height:1.25}.cc-pos--cross{background:#ecfdf5;border-color:#34d399}.cc-positions{background:#fff;padding:3.5rem 2rem}.cc-positions-inner{max-width:860px;margin:0 auto}.cc-positions-title{font-family:var(--font-serif);color:#022c17;margin:0 0 2rem;font-size:1.7rem}.cc-position-list{flex-direction:column;gap:1.25rem;display:flex}.cc-position-item{background:#f9fafb;border-left:3px solid #34d399;border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.cc-position-num{color:#34d399;background:#063b1e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.cc-position-content{flex:1}.cc-position-name{color:#022c17;margin:0 0 .3rem;font-size:1rem;font-weight:700}.cc-position-meaning{color:#4a5568;margin:0;font-size:.95rem;line-height:1.6}.cc-tips{background:#f0fdf4;padding:3rem 2rem}.cc-tips-inner{max-width:860px;margin:0 auto}.cc-tips-title{font-family:var(--font-serif);color:#022c17;margin:0 0 1.5rem;font-size:1.5rem}.cc-tips-list{flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none;display:flex}.cc-tips-list li{color:#374151;align-items:flex-start;gap:.75rem;font-size:.97rem;line-height:1.6;display:flex}.cc-tips-list li:before{content:"✦";color:#34d399;flex-shrink:0;margin-top:.35rem;font-size:.7rem}.cc-cta-section{background:linear-gradient(135deg,#063b1e 0%,#031a0d 100%);justify-content:center;padding:3.5rem 2rem;display:flex}.cc-seo{background:#fff;padding:4rem 2rem}.cc-seo-inner{max-width:860px;margin:0 auto}.cc-seo h2{font-family:var(--font-serif);color:#022c17;margin:2.5rem 0 .75rem;font-size:1.85rem;line-height:1.25}.cc-seo h2:first-child{margin-top:0}.cc-seo h3{color:#022c17;margin:2rem 0 .5rem;font-size:1.1rem;font-weight:600}.cc-seo p{color:#4a5568;margin:0 0 1rem;line-height:1.75}.cc-seo ul{margin:0 0 1.25rem 1.5rem;padding:0}.cc-seo li{color:#4a5568;margin-bottom:.4rem;line-height:1.7}.cc-seo strong{color:#063b1e}.cc-seo a{color:#063b1e;text-underline-offset:2px;text-decoration:underline}.cc-seo a:hover{color:#34d399}@media (max-width:640px){.cc-hero{padding:3rem 1.25rem 3.5rem}.cc-content,.cc-positions,.cc-tips,.cc-seo,.cc-diagram-section{padding:2.5rem 1rem}.cc-grid{gap:.5rem}.cc-pos{min-height:60px;padding:.5rem .25rem}.cc-pos-num{width:22px;height:22px;font-size:.7rem}.cc-pos-name{font-size:.65rem}.cc-hero-stats{gap:1.25rem}}