body{font-family:Google Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--theme-surface-surface);color:var(--theme-surface-on-surface);overflow-x:hidden;min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) var(--page-margin);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--theme-outline-variant)}.pain-conclusion-block{text-align:center;padding:var(--space-2xl) 0}.pain-conclusion-line1{font-size:var(--4xl-size);line-height:1.2;font-weight:500;color:var(--slate-800);margin-bottom:var(--space-sm)}.you-are-here-text{font-family:Caveat,Comic Sans MS,cursive;font-size:1.4rem;font-weight:700;white-space:nowrap;letter-spacing:.5px}.swarm-legend{font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6}.slides-indicator{position:fixed;right:32px;top:50%;transform:translateY(-50%);z-index:50;display:flex;align-items:center;gap:12px;opacity:0;pointer-events:none;transition:opacity .3s ease}.slide-description{font-size:2rem;font-weight:400;line-height:1.4;color:var(--theme-surface-on-surface-variant);max-width:800px;margin:0 auto}.nav-link.active{color:#2c64ed;font-weight:600;font-size:var(--base-size)}:root{--palette-grey-900: #2F3034;--palette-grey-800: #45474D;--palette-grey-50: #E6EAF0;--palette-grey-0: #FFFFFF;--palette-grey-1000: #212226;--palette-grey-20: #EFF2F7;--palette-grey-1200: #121317;--palette-grey-1100: #18191D;--palette-grey-10: #F8F9FC;--palette-grey-100: #E1E6EC;--palette-grey-200: #CDD4DC;--palette-grey-300: #B2BBC5;--palette-grey-400: #B7BFD9;--palette-grey-15: #F0F1F5;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--level-beginner: #0ea5e9;--level-beginner-bg: rgba(14, 165, 233, .1);--level-intermediate: #f59e0b;--level-intermediate-bg: rgba(245, 158, 11, .1);--level-advanced: #ef4444;--level-advanced-bg: rgba(239, 68, 68, .1);--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.08);--theme-surface-surface: var(--palette-grey-0);--theme-surface-on-surface: var(--palette-grey-1200);--theme-surface-on-surface-variant: var(--palette-grey-800);--theme-surface-surface-container: var(--palette-grey-10);--theme-surface-surface-container-high: var(--palette-grey-20);--theme-outline-variant: rgba(33, 34, 38, .06);--5xl-size: 54px;--5xl-line-height: 56.16px;--5xl-letter-spacing: -.95px;--4xl-size: 42px;--4xl-line-height: 43.68px;--4xl-letter-spacing: -.73px;--3xl-size: 32px;--3xl-line-height: 33.92px;--3xl-letter-spacing: -.15px;--2xl-size: 28px;--2xl-line-height: 30.24px;--xl-size: 24px;--xl-line-height: 25.92px;--lg-size: 22px;--lg-line-height: 24.64px;--md-size: 20px;--md-line-height: 26px;--base-size: 17.5px;--base-line-height: 25.38px;--base-letter-spacing: .18px;--sm-size: 14.5px;--sm-line-height: 21.02px;--sm-letter-spacing: .16px;--xs-size: 10px;--xs-line-height: 14.5px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 36px;--space-2xl: 48px;--space-3xl: 60px;--space-4xl: 80px;--space-5xl: 88px;--space-6xl: 120px;--shape-corner-sm: 8px;--shape-corner-md: 16px;--shape-corner-lg: 24px;--shape-corner-xl: 36px;--shape-corner-rounded: 9999px;--page-margin: 72px;--grid-gutter: 64px;--breakpoint-max: 1728px;--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1)}@media(max-width:1024px){:root{--page-margin: 40px;--grid-gutter: 40px;--5xl-size: 30px;--5xl-line-height: 31.8px;--4xl-size: 28px;--4xl-line-height: 29.68px;--3xl-size: 26px;--3xl-line-height: 28.08px}}@media(max-width:767px){:root{--page-margin: 28px;--grid-gutter: 28px;--shape-corner-xl: 24px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:none;text-size-adjust:none}body{font-family:Google Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--theme-surface-surface);color:var(--theme-surface-on-surface);overflow-x:hidden;min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:450;line-height:1.1}p{margin:0}a{color:var(--theme-surface-on-surface-variant);text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) var(--page-margin);background:linear-gradient(180deg,#ffffffd9,#ffffffbf);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.6);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008,inset 0 1px #ffffffe6}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:calc(var(--breakpoint-max) + var(--page-margin) * 2);margin:0 auto}.header-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.logo-text{font-size:var(--base-size);font-weight:500;color:var(--theme-surface-on-surface)}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{padding:var(--space-sm) var(--space-md);font-size:var(--sm-size);font-weight:400;color:var(--theme-surface-on-surface-variant);border-radius:var(--shape-corner-rounded);transition:all .3s var(--ease-out-cubic)}.nav-link:hover{background:var(--theme-surface-surface-container);color:var(--theme-surface-on-surface)}.header-cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;font-size:var(--sm-size);font-weight:500;color:var(--theme-surface-surface);background:var(--theme-surface-on-surface);border-radius:var(--shape-corner-rounded);transition:all .2s var(--ease-out-cubic)}.header-cta:hover{background:var(--palette-grey-900);transform:scale(1.02)}.user-dropdown{position:relative}.user-dropdown-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 16px;font-size:var(--sm-size);font-weight:500;color:var(--theme-surface-surface);background:var(--theme-surface-on-surface);border:none;border-radius:var(--shape-corner-rounded);cursor:pointer;transition:all .2s var(--ease-out-cubic)}.user-dropdown-btn:hover{background:var(--palette-grey-900)}.user-dropdown-btn img{width:28px;height:28px;border-radius:50%}.user-dropdown-btn svg{opacity:.7;transition:transform .2s}.user-dropdown.open .user-dropdown-btn svg{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--theme-surface-surface);border:1px solid var(--theme-surface-outline-variant);border-radius:var(--shape-corner-medium);box-shadow:0 8px 24px #0000001f;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s var(--ease-out-cubic);z-index:1000}.user-dropdown.open .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:12px 16px;font-size:var(--sm-size);color:var(--theme-surface-on-surface);text-decoration:none;transition:background .15s}.dropdown-item:hover{background:var(--theme-surface-surface-container)}.dropdown-item:first-child{border-radius:var(--shape-corner-medium) var(--shape-corner-medium) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--shape-corner-medium) var(--shape-corner-medium)}.dropdown-logout{color:var(--palette-red-600);border-top:1px solid var(--theme-surface-outline-variant)}.container{max-width:calc(var(--breakpoint-max) + var(--page-margin) * 2);margin:0 auto;padding:0 var(--page-margin)}#hero{position:relative;z-index:1;width:100%;min-height:100vh;overflow:hidden;background:transparent}.hero-sky-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:var(--theme-surface-surface)}.ring-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent}.ring-particles-container canvas{display:block;width:100%;height:100%}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center;padding:var(--space-4xl) var(--space-2xl)}.hero-title-huge{font-size:8rem;font-weight:500;letter-spacing:-.03em;margin-bottom:var(--space-4xl);color:var(--theme-surface-on-surface);animation:fadeIn 1s ease-out}.hero-subtitle{font-size:3rem;line-height:1.3;color:var(--theme-surface-on-surface);font-weight:500;animation:fadeIn 1s ease-out .3s both;margin-bottom:var(--space-lg)}.hero-course-label{font-size:1.75rem;line-height:1.4;color:var(--theme-surface-on-surface);font-weight:500;animation:fadeIn 1s ease-out .5s both;margin-bottom:var(--space-xl)}.hero-tagline{animation:fadeIn 1s ease-out .3s both;margin-bottom:var(--space-xl)}.hero-tagline .tagline-intro{font-size:2rem;line-height:1.2;color:var(--theme-surface-on-surface);font-weight:500;margin-bottom:var(--space-md)}.hero-tagline .tagline-line{font-size:2.5rem;line-height:1.3;color:var(--theme-surface-on-surface-variant);font-weight:400}.hero-cta{margin-top:var(--space-4xl)}.cta-button{display:inline-block;padding:14px 28px;background:var(--theme-surface-on-surface);color:var(--theme-surface-surface);border-radius:var(--shape-corner-rounded);text-decoration:none;font-size:var(--sm-size);font-weight:500;transition:all .2s var(--ease-out-cubic);animation:fadeIn 1s ease-out .6s both}.cta-button:hover{background:var(--palette-grey-900);transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#pain{position:relative;z-index:2;width:100%;min-height:100vh;padding:var(--space-6xl) var(--page-margin);background:#fff;display:flex;flex-direction:column;justify-content:center}.section-title{font-size:var(--4xl-size);line-height:var(--4xl-line-height);letter-spacing:var(--4xl-letter-spacing);font-weight:600;text-align:center;margin-bottom:var(--space-4xl);color:var(--slate-900)}#pain .section-title{margin-bottom:var(--space-lg)}.pain-subtitle{font-size:var(--xl-size);line-height:1.5;font-weight:400;text-align:center;color:var(--theme-surface-on-surface-variant);max-width:800px;margin:0 auto var(--space-4xl)}.pain-tracks{margin-bottom:var(--space-4xl);overflow:hidden;margin-left:calc(-1 * var(--page-margin));margin-right:calc(-1 * var(--page-margin));width:calc(100% + 2 * var(--page-margin))}.pain-track{overflow:hidden;padding:var(--space-sm) 0}.pain-track-inner{display:flex;gap:var(--space-md);width:max-content;will-change:transform}.pain-tracks.paused .pain-track-inner{animation-play-state:paused}.track-ltr .pain-track-inner{animation:marquee-ltr 25s linear infinite}.track-rtl .pain-track-inner{animation:marquee-rtl 25s linear infinite}@keyframes marquee-ltr{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes marquee-rtl{0%{transform:translate(-25%)}to{transform:translate(0)}}.pain-chip{display:inline-flex;align-items:center;padding:12px 20px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--shape-corner-rounded);font-size:var(--sm-size);font-weight:450;color:var(--slate-500);white-space:nowrap;transition:all .2s ease}.pain-chip.highlighted{background:var(--slate-900);border-color:var(--slate-900);color:#fff;font-weight:500}.pain-track.glitching .pain-track-inner{animation:none!important}.pain-track.glitching{animation:track-glitch .3s ease-out}@keyframes track-glitch{0%{transform:translate(0);filter:none}10%{transform:translate(-20px) skew(-2deg);filter:blur(2px)}20%{transform:translate(15px) skew(3deg);filter:blur(1px) hue-rotate(90deg)}30%{transform:translate(-25px) skew(-4deg);filter:blur(3px)}40%{transform:translate(10px) skew(2deg);filter:blur(1px) hue-rotate(-90deg)}50%{transform:translate(-15px) skew(-3deg);filter:blur(2px) saturate(2)}60%{transform:translate(20px) skew(4deg);filter:blur(1px)}70%{transform:translate(-10px) skew(-2deg);filter:blur(2px) brightness(1.5)}80%{transform:translate(5px) skew(1deg);filter:blur(1px)}90%{transform:translate(-5px);filter:none}to{transform:translate(0);filter:none}}.pain-track.frozen .pain-track-inner{animation-play-state:paused!important}.pain-chip.glitch-highlight{background:#f97316!important;border-color:#f97316!important;color:#fff!important;font-weight:600!important;box-shadow:0 0 20px #f9731699,0 0 40px #f973164d;transform:scale(1.1);position:relative;overflow:hidden}.pain-chip.glitch-highlight:before,.pain-chip.glitch-highlight:after{content:attr(data-text);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f97316;color:#fff}.pain-chip.glitch-highlight:before{left:2px;text-shadow:-2px 0 #0ff;animation:glitch-anim-1 .4s infinite linear alternate-reverse}.pain-chip.glitch-highlight:after{left:-2px;text-shadow:2px 0 #f0f;animation:glitch-anim-2 .4s infinite linear alternate-reverse}.pain-track.glitch-scrolling .pain-track-inner{animation:none!important;transition:transform .3s cubic-bezier(.25,.1,.25,1)}@keyframes glitch-anim-1{0%{clip-path:polygon(0 0%,100% 0%,100% 5%,0 5%);transform:translate(-3px)}10%{clip-path:polygon(0 15%,100% 15%,100% 20%,0 20%);transform:translate(3px)}20%{clip-path:polygon(0 30%,100% 30%,100% 35%,0 35%);transform:translate(-2px)}30%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%);transform:translate(2px)}40%{clip-path:polygon(0 65%,100% 65%,100% 75%,0 75%);transform:translate(-3px)}50%{clip-path:polygon(0 80%,100% 80%,100% 85%,0 85%);transform:translate(1px)}60%{clip-path:polygon(0 90%,100% 90%,100% 100%,0 100%);transform:translate(-1px)}70%,to{clip-path:polygon(0 0,0 0,0 0,0 0)}}@keyframes glitch-anim-2{0%{clip-path:polygon(0 10%,100% 10%,100% 15%,0 15%);transform:translate(3px)}10%{clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%);transform:translate(-3px)}20%{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%);transform:translate(2px)}30%{clip-path:polygon(0 60%,100% 60%,100% 65%,0 65%);transform:translate(-2px)}40%{clip-path:polygon(0 75%,100% 75%,100% 80%,0 80%);transform:translate(3px)}50%{clip-path:polygon(0 85%,100% 85%,100% 95%,0 95%);transform:translate(-1px)}60%,to{clip-path:polygon(0 0,0 0,0 0,0 0)}}.pain-track.glitching:before,.pain-track.glitching:after{content:"";position:absolute;inset:0;background:inherit;opacity:.8;pointer-events:none}.pain-track.glitching:before{animation:rgb-shift-r .3s ease-out;mix-blend-mode:screen}.pain-track.glitching:after{animation:rgb-shift-b .3s ease-out;mix-blend-mode:screen}@keyframes rgb-shift-r{0%,to{transform:translate(0);opacity:0}20%{transform:translate(-3px);opacity:.5;background:#ff00004d}40%{transform:translate(3px);opacity:.3}60%{transform:translate(-2px);opacity:.5;background:#ff00004d}80%{transform:translate(2px);opacity:.2}}@keyframes rgb-shift-b{0%,to{transform:translate(0);opacity:0}20%{transform:translate(3px);opacity:.5;background:#00ffff4d}40%{transform:translate(-3px);opacity:.3}60%{transform:translate(2px);opacity:.5;background:#00ffff4d}80%{transform:translate(-2px);opacity:.2}}.pain-track{position:relative}.pain-bridge{text-align:left;margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}.pain-bridge-line1,.pain-bridge-line2{font-size:var(--4xl-size);line-height:1.2;font-weight:500;color:var(--theme-surface-on-surface-variant)}.pain-conclusion-block{text-align:right;margin-top:var(--space-lg)}.pain-conclusion-line1{font-size:var(--4xl-size);line-height:1.2;font-weight:500;color:var(--slate-800);margin-bottom:var(--space-xs)}.pain-conclusion-line2{font-size:var(--4xl-size);line-height:1.2;font-weight:600;color:var(--slate-900)}.benefits-header{text-align:center;margin-bottom:var(--space-4xl);max-width:1100px;margin-left:auto;margin-right:auto}.benefits-title{font-size:var(--4xl-size);font-weight:600;line-height:1.2;color:var(--theme-surface-on-surface);margin:0 0 var(--space-lg)}.benefits-subtitle{font-size:var(--xl-size);font-weight:400;line-height:1.5;color:var(--theme-surface-on-surface);margin:0 0 var(--space-xl)}.benefits-formula{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl)}.benefits-formula span{font-size:var(--lg-size);font-weight:500;color:var(--theme-surface-on-surface-variant)}.benefits-goal{text-align:center;margin-top:var(--space-3xl)}.benefits-goal-line1,.benefits-goal-line2{font-size:var(--4xl-size);font-weight:600;color:var(--theme-surface-on-surface);margin:0}.benefits-line{font-size:2.2rem;font-weight:400;line-height:1.3;color:var(--theme-surface-on-surface);margin:0;white-space:nowrap}.benefits-line-accent{margin-top:var(--space-xl);font-weight:500}.benefits-line-english{font-size:3.5rem;font-weight:600;margin-top:var(--space-lg);color:var(--theme-surface-on-surface)}.benefits-footer{text-align:center;font-size:1.5rem;font-weight:400;color:var(--theme-surface-on-surface-variant);margin-top:var(--space-3xl)}@media(max-width:768px){.benefits-line{font-size:1.25rem;white-space:normal}.benefits-line-english{font-size:1.75rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.evolution-flow{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);max-width:1200px;margin:0 auto var(--space-4xl);padding:var(--space-3xl) var(--space-xl);position:relative;overflow:visible}.evolution-arrow{color:var(--palette-grey-800);flex-shrink:0;display:flex;align-items:center}.evolution-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.evolution-you-are-here{position:relative}.you-are-here-annotation{position:absolute;top:-70px;left:50%;transform:translate(-50%) rotate(-8deg);display:flex;flex-direction:column;align-items:center;color:#e53935;pointer-events:none}.you-are-here-text{font-family:Caveat,Comic Sans MS,cursive;font-size:1.4rem;font-weight:700;white-space:nowrap;letter-spacing:.5px}.you-are-here-arrow{margin-top:-5px;color:#e53935}.doodle-notes{position:absolute;left:-220px;top:50%;transform:translateY(-50%);width:320px;height:260px;pointer-events:none}.doodle-note{position:absolute;font-family:Caveat,cursive;font-size:1.1rem;color:#e53935;white-space:nowrap}.doodle-strikethrough{text-decoration:line-through;text-decoration-color:#e53935;text-decoration-thickness:2px}.doodle-underline{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#e53935;text-decoration-thickness:1.5px}.evolution-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--palette-grey-50);border-radius:50%;margin-bottom:var(--space-md);color:var(--palette-grey-800);transition:all .3s var(--ease-out-quint)}.evolution-icon svg{width:28px;height:28px}.evolution-step:hover .evolution-icon{background:var(--palette-grey-100);transform:scale(1.05)}.evolution-final .evolution-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 8px 24px #3b82f64d}.evolution-final:hover .evolution-icon{background:linear-gradient(135deg,#2563eb,#7c3aed)}.evolution-label{font-size:14px;font-weight:500;color:var(--theme-surface-on-surface);white-space:nowrap}.evolution-final .evolution-label{color:#3b82f6;font-weight:600}.evolution-final .evolution-icon{background:var(--theme-surface-on-surface);box-shadow:0 8px 24px #0003}.swarm-grid-container{position:absolute;left:calc(50% + 420px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;width:500px}.swarm-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:4px}.swarm-legend{font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6}.swarm-legend-title{color:#f59e0b;margin-bottom:4px}.swarm-legend-item{display:flex;gap:8px;color:var(--palette-grey-400)}.swarm-legend-item .tree{color:var(--palette-grey-300)}.swarm-legend-item .name{color:#3b82f6}.swarm-legend-item .name.green{color:#22c55e}.swarm-legend-item .name.orange{color:#f59e0b}.swarm-legend-item .name.purple{color:#8b5cf6}.swarm-legend-item .name.cyan{color:#06b6d4}.swarm-legend-item .name.pink{color:#ec4899}.swarm-legend-item .name.black{color:var(--theme-surface-on-surface)}.swarm-cell{width:12px;height:12px;border-radius:2px}.swarm-cell.coder{background-color:#3b82f6}.swarm-cell.tester{background-color:#22c55e}.swarm-cell.review{background-color:#f59e0b}.swarm-cell.deploy{background-color:#8b5cf6}.swarm-cell.spec{background-color:#06b6d4}.swarm-cell.empty{background-color:var(--palette-grey-100);opacity:.4}@media(max-width:1200px){.swarm-grid-container{display:none}}@media(max-width:1024px){.evolution-flow{flex-wrap:wrap;gap:var(--space-md)}.evolution-arrow{display:none}}@media(max-width:768px){.evolution-icon{width:56px;height:56px}.evolution-icon svg{width:22px;height:22px}.evolution-label{font-size:12px}}.benefits-slides{position:relative;z-index:2;width:100%;background:#fff}.benefits-slide{height:100vh;display:flex;align-items:center;justify-content:center}.slides-indicator{position:fixed;left:32px;top:50%;transform:translateY(-50%);z-index:50;display:flex;align-items:center;gap:12px;opacity:0;pointer-events:none;transition:opacity .3s ease}.slides-indicator.visible{opacity:1;pointer-events:auto}.indicator-track{width:3px;height:120px;background:var(--slate-200);border-radius:2px;overflow:hidden}.indicator-progress{width:100%;height:0%;background:var(--slate-900);border-radius:2px;transition:height .15s ease-out}.indicator-dots{display:flex;flex-direction:column;gap:12px}.indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--slate-300);transition:all .2s ease;cursor:pointer}.indicator-dot:hover{background:var(--slate-400);transform:scale(1.2)}.indicator-dot.active{background:var(--slate-900);transform:scale(1.25)}@media(max-width:768px){.slides-indicator{display:none}}.slide-content{max-width:1100px;padding:0 var(--page-margin);text-align:center}.slide-content-wide{max-width:100%;width:100%;padding:0 var(--page-margin)}.benefits-slide-evolution{flex-direction:column;padding:var(--space-6xl) var(--page-margin)}.benefits-slide-evolution .benefits-header{margin-bottom:var(--space-4xl)}.benefits-slide-evolution .evolution-flow{margin:0 auto var(--space-4xl)}.slide-title{font-size:8rem;font-weight:500;letter-spacing:-.03em;line-height:1.05;color:var(--theme-surface-on-surface);margin-bottom:var(--space-xl)}.slide-description{font-size:2rem;font-weight:400;line-height:1.4;color:var(--theme-surface-on-surface-variant);max-width:1000px;margin:0 auto}.benefits-slide[data-slide="7"] .slide-title{max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width:1024px){.slide-title{font-size:5rem}.slide-description{font-size:1.5rem}}@media(max-width:768px){.slide-title{font-size:3.5rem}.slide-description{font-size:1.25rem}}.metrics-preview{display:flex;gap:3rem;justify-content:center;flex-wrap:nowrap;margin:3rem 0}.metric-chip{font-size:3rem;font-weight:600;color:var(--theme-surface-on-surface);white-space:nowrap}.arrow-up{color:#2c64ed}.arrow-down{color:#f97316}.metric-points{list-style:none;padding:0;margin:2.5rem 0}.metric-points li{font-size:2rem;line-height:1.4;color:var(--theme-surface-on-surface-variant);margin-bottom:.5rem}.metric-points li:before{content:"• ";font-weight:700}.metric-points-up li:before{color:#2c64ed}.metric-points-down li:before{color:#f97316}.metric-highlight{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2.5rem 0}.metric-highlight span{padding:.75rem 1.5rem;border-radius:100px;font-size:1.25rem;font-weight:500}.metric-highlight-up span{background:#2c64ed1a;color:#2c64ed;border:1px solid rgba(44,100,237,.2)}.metric-highlight-down span{background:#f973161a;color:#ea580c;border:1px solid rgba(249,115,22,.2)}.metric-spacer{margin-top:2rem}.slide-conclusion{font-size:3rem;font-weight:600;color:var(--theme-surface-on-surface);margin-top:3rem}.contents-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:3rem 0}.contents-card{background:#fff;border:1px solid var(--slate-100);border-radius:16px;padding:var(--space-xl);text-align:left;box-shadow:var(--shadow-card);transition:all .2s ease}.contents-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--slate-200)}.contents-card-highlight{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#0ea5e9}.contents-card-highlight:hover{border-color:#0284c7}.contents-card-number{display:inline-flex;align-items:center;padding:6px 12px;background:var(--level-beginner-bg);color:var(--level-beginner);border-radius:8px;font-size:13px;font-weight:600;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px}.contents-card:nth-child(2) .contents-card-number{background:var(--level-intermediate-bg);color:var(--level-intermediate)}.contents-card:nth-child(3) .contents-card-number{background:var(--level-advanced-bg);color:var(--level-advanced)}.contents-card-highlight .contents-card-number{background:#0ea5e9;color:#fff}.section-contents{padding:var(--space-6xl) var(--page-margin);text-align:center;background:#fff}.section-contents .slide-content{max-width:1400px;margin:0 auto}.contents-description{margin-top:3rem}.contents-description .slide-description{display:block;max-width:100%}.contents-card-title{font-size:17px;line-height:1.4;font-weight:500;color:var(--slate-800);margin-bottom:var(--space-md)}.contents-card-list{list-style:none;padding:0;margin:0}.contents-card-list li{font-size:14px;line-height:1.5;color:var(--slate-500);padding-left:16px;position:relative;margin-bottom:6px;font-weight:400}.contents-card-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--slate-300);border-radius:50%}.contents-card-highlight .contents-card-list li:before{background:#0284c7}.contents-card-note{font-size:.8rem;color:#0369a1;margin-top:.75rem;font-style:italic}@media(max-width:1024px){.contents-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.contents-cards{grid-template-columns:1fr}}#product{position:relative;z-index:2;width:100%;padding:var(--space-6xl) var(--page-margin);background:#fff}.product-intro{text-align:center;max-width:800px;margin:0 auto var(--space-4xl);padding:var(--space-xl);background:#fff;border:1px solid var(--slate-100);border-radius:16px;box-shadow:var(--shadow-card)}.product-intro p{font-size:var(--md-size);line-height:var(--md-line-height);color:var(--slate-500);margin-bottom:var(--space-sm);font-weight:400}.lessons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);max-width:1400px;margin:0 auto var(--space-4xl)}.lesson-card{background:#fff;border:1px solid var(--slate-100);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);transition:all .2s ease}.lesson-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--slate-200)}.lesson-card:nth-child(-n+2) .lesson-number{background:var(--level-beginner-bg);color:var(--level-beginner)}.lesson-card:nth-child(n+3):nth-child(-n+5) .lesson-number{background:var(--level-intermediate-bg);color:var(--level-intermediate)}.lesson-card:nth-child(n+6) .lesson-number{background:var(--level-advanced-bg);color:var(--level-advanced)}.lesson-number{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);background:var(--slate-100);color:var(--slate-600)}.lesson-title{font-size:17px;line-height:1.4;font-weight:500;color:var(--slate-800);margin-bottom:var(--space-md)}.lesson-topics{list-style:none;padding:0}.lesson-topics li{font-size:14px;line-height:1.5;color:var(--slate-500);margin-bottom:var(--space-sm);padding-left:var(--space-md);position:relative;font-weight:400}.lesson-topics li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--slate-300)}.product-benefits,.product-audience{max-width:800px;margin:0 auto var(--space-xl);padding:24px 28px;background:#fff;border:1px solid var(--slate-100);border-radius:16px;box-shadow:var(--shadow-card)}.product-benefits h3,.product-audience h3{font-size:var(--xl-size);line-height:var(--xl-line-height);font-weight:600;margin-bottom:var(--space-lg);color:var(--slate-800)}.product-benefits ul,.product-audience ul{list-style:none;padding:0}.product-benefits li,.product-audience li{font-size:var(--base-size);line-height:var(--base-line-height);color:var(--slate-600);margin-bottom:var(--space-md);padding-left:var(--space-xl);position:relative;font-weight:400}.product-benefits li:before,.product-audience li:before{content:"→";position:absolute;left:0;color:var(--slate-800);font-weight:500}.info-section{position:relative;z-index:2;width:100%;padding:var(--space-4xl) var(--page-margin);background:#fff}.info-section-alt{background:#fff}.info-section .section-title{margin-bottom:var(--space-3xl)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);max-width:1200px;margin:0 auto}.info-grid-3{grid-template-columns:repeat(3,1fr);max-width:1000px}.info-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl)}.info-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--slate-100);border-radius:50%;margin-bottom:var(--space-lg);color:var(--slate-700)}.info-icon svg{width:28px;height:28px}.info-title{font-size:var(--base-size);font-weight:500;color:var(--slate-800);line-height:1.4}@media(max-width:1024px){.info-grid,.info-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.info-grid,.info-grid-3{grid-template-columns:1fr}}#pricing{position:relative;z-index:2;width:100%;min-height:100vh;padding:var(--space-6xl) var(--page-margin);background:var(--theme-surface-surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.pricing-grid{display:flex;justify-content:center;align-items:center;gap:var(--space-4xl);max-width:1200px;width:100%;margin-bottom:var(--space-4xl)}.pricing-card{position:relative;width:100%;max-width:500px;text-align:center;cursor:pointer}.card-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:1;pointer-events:none}.card-particles canvas{display:block;width:100%;height:100%}.card-content{position:relative;z-index:10}.card-label{font-size:var(--xs-size);color:var(--theme-surface-on-surface-variant);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:1px;font-weight:500}.card-title{font-size:var(--3xl-size);line-height:var(--3xl-line-height);font-weight:450;margin-bottom:var(--space-sm);color:var(--theme-surface-on-surface)}.card-subtitle{font-size:var(--lg-size);color:var(--theme-surface-on-surface-variant);font-weight:370;margin-bottom:var(--space-xl)}.card-price{font-size:var(--3xl-size);font-weight:600;color:var(--theme-surface-on-surface);margin-bottom:var(--space-xl)}.card-button{display:inline-block;padding:14px 28px;background:var(--theme-surface-on-surface);color:var(--theme-surface-surface);border-radius:var(--shape-corner-rounded);text-decoration:none;font-size:var(--sm-size);font-weight:500;transition:all .2s var(--ease-out-cubic);pointer-events:auto}.card-button:hover{background:var(--palette-grey-900);transform:scale(1.02)}.card-button.outline{background:transparent;border:1px solid var(--palette-grey-200);color:var(--theme-surface-on-surface)}.card-button.outline:hover{background:var(--theme-surface-surface-container);border-color:var(--palette-grey-300)}.site-footer{padding:var(--space-xl) var(--page-margin);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--theme-outline-variant)}.footer-container{display:flex;align-items:center;justify-content:space-between;max-width:calc(var(--breakpoint-max) + var(--page-margin) * 2);margin:0 auto}.footer-brand{display:flex;align-items:center;gap:var(--space-sm)}.footer-logo{font-size:var(--sm-size);font-weight:700;color:var(--theme-surface-on-surface)}.footer-tagline{display:none}.footer-links{display:flex;gap:var(--space-lg)}.footer-links a{color:var(--theme-surface-on-surface-variant);text-decoration:none;font-size:var(--sm-size);transition:color .2s ease}.footer-links a:hover{color:var(--theme-surface-on-surface)}.footer-legal{display:flex;gap:var(--space-lg)}.footer-legal a{color:var(--theme-surface-on-surface-variant);text-decoration:none;font-size:var(--xs-size);transition:color .2s ease}.footer-legal a:hover{color:var(--theme-surface-on-surface)}.footer-copy{font-size:var(--xs-size);color:var(--theme-surface-on-surface-variant)}.legal-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(80px + var(--space-4xl)) var(--page-margin) var(--space-4xl)}.legal-container{max-width:800px;text-align:center}.legal-container h1{font-size:var(--4xl-size);font-weight:600;margin-bottom:var(--space-xl);color:var(--theme-surface-on-surface)}.legal-placeholder{font-size:var(--lg-size);color:var(--theme-surface-on-surface-variant);margin-bottom:var(--space-xl)}.back-link{display:inline-block;color:#2c64ed;text-decoration:none;font-size:var(--sm-size);transition:color .2s ease}.back-link:hover{color:#1a4fc7}.nav-link.active{background:linear-gradient(180deg,#fffffff2,#f0f2f5d9);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0000000f,0 1px 2px #0000000a,inset 0 1px #fff,inset 0 -1px 2px #00000005;color:var(--theme-surface-on-surface);font-weight:500}@media(max-width:1200px){.lessons-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:968px){.pricing-grid{flex-direction:column;align-items:center;gap:var(--space-4xl)}.pricing-card{max-width:400px}.pain-grid,.lessons-grid{grid-template-columns:1fr}}@media(max-width:768px){.header-nav{display:none}.hero-title-huge{font-size:4rem}.hero-tagline .tagline-intro{font-size:1.25rem}.hero-tagline .tagline-line{font-size:1.5rem}.section-title{font-size:var(--3xl-size);line-height:var(--3xl-line-height)}#pain,#benefits,#product,#pricing{padding:var(--space-4xl) var(--page-margin)}.pain-card,.lesson-card{padding:var(--space-lg)}}@media(max-width:480px){.hero-title-huge{font-size:3rem}.hero-tagline .tagline-intro{font-size:1rem}.hero-tagline .tagline-line{font-size:1.25rem}.section-title{font-size:var(--2xl-size);line-height:var(--2xl-line-height)}.cta-button,.card-button{padding:12px 24px;font-size:var(--sm-size)}}