.section-hero-bubbles{padding-top:var(--space-40);padding-bottom:var(--space-32)}.hero-bubbles-layout{display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}.hero-bubbles-copy h1{max-width:22rem}.hero-bubbles-loop{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:var(--space-8) 0 var(--space-10)}.hero-step-badge{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:var(--radius-pill);background:radial-gradient(circle at 30% 0,#fff7fd 0,#ff7aa8 55%,#ff4f92 100%);box-shadow:0 4px 10px rgba(255,122,168,0.6);color:#fff;font-family:var(--font-display);font-size:var(--font-size-sm);margin-right:0.4rem}.hero-bubbles-cta{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-10)}.hero-bubbles-stars{display:flex;align-items:flex-start;gap:var(--space-6);max-width:26rem}.hero-bubbles-visual{position:relative}.hero-bubbles-figure{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-strong);background:var(--color-surface-soft)}.hero-bubbles-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-12);pointer-events:none}.hero-bubbles-cluster{margin-left:auto;margin-bottom:var(--space-8)}.trajectory-line-main{max-width:13rem;margin-left:auto}.hero-bubbles-star-label{margin-top:var(--space-6);margin-left:auto}.bubbles-catalog-grid{margin-top:var(--space-16)}.bubbles-catalog-header{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-6)}.bubbles-catalog-header .bubble{width:2.2rem;height:2.2rem}.bubbles-catalog-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted)}.bubbles-props-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-soft)}.bubbles-props-list li:before{content:"•";margin-right:0.35rem;color:var(--color-primary-strong)}.section-core-loop .cloud-plate{padding:var(--space-20) var(--space-24)}.core-loop-grid{display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;margin-top:var(--space-10)}.core-loop-steps{counter-reset:coreloop;display:flex;flex-direction:column;gap:var(--space-6)}.core-loop-steps li{counter-increment:coreloop;border-radius:var(--radius-lg);background:rgba(255,249,243,0.9);padding:var(--space-8) var(--space-10);box-shadow:var(--shadow-soft)}.core-loop-steps li h3{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.core-loop-steps li h3:before{content:counter(coreloop);display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:var(--radius-pill);background:radial-gradient(circle at 30% 0,#fff7fd 0,#ff7aa8 55%,#ff4f92 100%);color:#fff;font-size:var(--font-size-xs);margin-right:0.4rem;box-shadow:0 4px 10px rgba(255,122,168,0.6)}.core-loop-visual{display:flex;flex-direction:column;gap:var(--space-6);align-items:flex-start}.core-loop-cluster .bubble{width:2.1rem;height:2.1rem}.trajectory-line-angled{width:80%;margin-top:var(--space-4)}.core-loop-stars{margin-top:var(--space-4)}.core-loop-note{font-size:var(--font-size-sm);color:var(--color-text-muted)}.core-loop-link{margin-top:var(--space-4)}.section-focus-special{background:var(--color-surface-soft)}.focus-special-grid{display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr);align-items:start}.focus-special-figure{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-medium);background:var(--color-surface-soft)}.focus-special-figure img{width:100%;height:100%;object-fit:cover}.focus-special-badge{position:absolute;top:var(--space-8);left:var(--space-8)}.focus-special-list{display:grid;gap:var(--space-8)}.focus-special-item{height:100%}.section-level-map{padding-top:var(--space-32)}.level-map-card{padding:var(--space-16)}.level-map-layout{display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1.35fr) minmax(0,1.4fr);align-items:center}.level-map-figure{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-soft);background:var(--color-surface)}.level-map-copy h3{margin-bottom:var(--space-4)}.level-map-stars{margin-top:var(--space-6)}.section-aiming{background:var(--color-surface-soft)}.aiming-grid{display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr);align-items:start}.aiming-diagram{border-radius:var(--radius-xl);background:radial-gradient(circle at top,#fffefd 0,#fff5fb 45%,#ffe6f0 100%);padding:var(--space-16);box-shadow:var(--shadow-medium)}.aiming-cluster{justify-content:flex-start;margin-bottom:var(--space-10)}.aiming-cluster .bubble{width:2.1rem;height:2.1rem}.aiming-main-line{max-width:12rem}.aiming-bounce-line{max-width:9rem;margin-top:var(--space-4);margin-left:35%}.aiming-caption{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-8)}.aiming-content{display:grid;gap:var(--space-10)}.section-colors{padding-top:var(--space-32)}.color-tips-grid{align-items:start;gap:var(--space-12)}.section-lab{background:var(--color-surface-soft)}.lab-grid{margin-top:var(--space-12)}.lab-card-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.lab-card-header h3{margin-bottom:0}.lab-specs{display:grid;gap:var(--space-4);font-size:var(--font-size-sm)}.lab-specs dt{font-weight:700;color:var(--color-text-soft)}.lab-specs dd{color:var(--color-text-muted)}.section-story{padding-top:var(--space-32)}.story-layout{display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr);align-items:start}.story-copy p:last-of-type{margin-bottom:var(--space-10)}.story-figure{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-medium);background:var(--color-surface-soft)}.story-stars{position:absolute;bottom:var(--space-8);right:var(--space-8)}.section-stars{background:var(--color-surface-soft)}.stars-grid{display:grid;gap:var(--space-16);grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr);align-items:start}.stars-visual{display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-8)}.stars-highlight{font-size:var(--font-size-sm);color:var(--color-text-muted)}.section-encyclopedia{padding-top:var(--space-32)}.encyclopedia-table-wrapper{width:100%;overflow-x:auto}.encyclopedia-table th{font-size:var(--font-size-sm);color:var(--color-text-soft);background-color:rgba(255,244,252,0.85)}.encyclopedia-table td{font-size:var(--font-size-sm);color:var(--color-text-soft);vertical-align:top}.encyclopedia-table tr:nth-child(even) td{background-color:rgba(255,249,243,0.7)}.section-top10{background:var(--color-surface-soft)}.top10-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-10)}.section-cta-final{padding-top:var(--space-24);padding-bottom:var(--space-32)}.cta-final-card{background:radial-gradient(circle at top,#fffefd 0,#fff5fb 45%,#ffe6f0 100%)}.cta-final-layout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-10)}.cta-final-actions{display:flex;flex-wrap:wrap;gap:var(--space-6)}@media (max-width:1024px){.hero-bubbles-layout{grid-template-columns:1fr}.focus-special-grid,.level-map-layout,.aiming-grid,.story-layout,.stars-grid,.core-loop-grid{grid-template-columns:1fr}}@media (max-width:768px){.section-hero-bubbles{padding-top:var(--space-32)}.hero-bubbles-copy h1{max-width:none}.hero-bubbles-loop{flex-direction:column;align-items:flex-start}.hero-bubbles-stars{flex-direction:column}.level-map-card{padding:var(--space-12)}.aiming-diagram{padding:var(--space-12)}.storybook-page{padding:var(--space-16)}}