:root{--md-primary:#6750A4;--md-on-primary:#fff;--md-primary-container:#EADDFF;--md-on-primary-container:#21005D;--md-secondary:#625B71;--md-on-secondary:#fff;--md-secondary-container:#E8DEF8;--md-on-secondary-container:#1D192B;--md-tertiary:#7D5260;--md-on-tertiary:#fff;--md-tertiary-container:#FFD8E4;--md-on-tertiary-container:#31111D;--md-surface:#FEF7FF;--md-surface-variant:#E7E0EC;--md-on-surface:#1D1B20;--md-on-surface-variant:#49454F;--md-outline:#79747E;--md-outline-variant:#CAC4D0;--md-surface-container-lowest:#fff;--md-surface-container-low:#F7F2FA;--md-surface-container:#F3EDF7;--md-surface-container-high:#ECE6F0;--md-surface-container-highest:#E6E0E9;--md-spring: cubic-bezier(.2,1,.2,1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--md-surface);color:var(--md-on-surface);line-height:1.7;-webkit-font-smoothing:antialiased}.fw-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--md-surface) 82%,transparent);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);padding:0 24px}.fw-nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.fw-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--md-on-surface);font-weight:800;font-size:17px}.fw-logo-icon{width:36px;height:36px;background:var(--md-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .4s var(--md-spring)}.fw-logo:hover .fw-logo-icon{transform:scale(1.1) rotate(-4deg)}.fw-logo span{font-weight:400;color:var(--md-on-surface-variant)}.fw-nav-links{display:flex;gap:4px;align-items:center}.fw-nav-links a{font-size:13px;font-weight:600;color:var(--md-on-surface-variant);text-decoration:none;padding:8px 18px;border-radius:100px;transition:all .35s var(--md-spring)}.fw-nav-links a:hover{color:var(--md-on-surface);background:var(--md-surface-container-high)}.fw-cta{background:var(--md-primary)!important;color:var(--md-on-primary)!important;font-weight:700!important;border-radius:100px!important}.fw-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px color-mix(in srgb,var(--md-primary) 35%,transparent)}.fw-hero{position:relative;overflow:hidden;padding:64px 24px 56px;text-align:center}.fw-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--md-on-primary-container) 0%,color-mix(in srgb,var(--md-primary) 80%,#000) 50%,var(--md-primary) 100%)}.fw-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 90% 50% at 50% 0%,color-mix(in srgb,var(--md-primary-container) 18%,transparent) 0%,transparent 70%);pointer-events:none}.fw-hero>*{position:relative;z-index:1}.fw-breadcrumb{font-size:12px;color:color-mix(in srgb,var(--md-on-primary) 35%,transparent);margin-bottom:16px}.fw-breadcrumb a{color:color-mix(in srgb,var(--md-on-primary) 55%,transparent);text-decoration:none;transition:color .2s}.fw-breadcrumb a:hover{color:var(--md-on-primary)}.fw-hero h1{font-size:clamp(30px,5.5vw,52px);font-weight:800;color:var(--md-on-primary);letter-spacing:-.035em;margin-bottom:14px;line-height:1.1}.fw-hero p{font-size:17px;color:color-mix(in srgb,var(--md-on-primary) 70%,transparent);max-width:620px;margin:0 auto;line-height:1.65}.fw-article{max-width:860px;margin:-32px auto 0;padding:0 24px 64px;position:relative;z-index:1}.fw-card{background:var(--md-surface-container-lowest);border-radius:28px;padding:52px;box-shadow:0 1px 3px color-mix(in srgb,var(--md-on-surface) 4%,transparent),0 8px 40px color-mix(in srgb,var(--md-on-surface) 5%,transparent),0 0 0 0 transparent}.fw-card h2{font-size:26px;font-weight:800;color:var(--md-on-surface);margin:48px 0 18px;padding-bottom:18px;border-bottom:2px solid var(--md-surface-container-high);letter-spacing:-.025em;position:relative}.fw-card h2:before{content:"";position:absolute;bottom:-2px;left:0;width:52px;height:2px;background:var(--md-primary);border-radius:2px}.fw-card h2:first-child{margin-top:0}.fw-card h3{font-size:19px;font-weight:800;color:var(--md-on-surface);margin:36px 0 12px;padding-left:18px;border-left:4px solid var(--md-primary);border-radius:0 4px 4px 0}.fw-card h4{font-size:15px;font-weight:700;color:var(--md-on-surface-variant);margin:24px 0 8px}.fw-card p{font-size:15px;color:var(--md-on-surface-variant);margin-bottom:16px;line-height:1.8}.fw-card a{color:var(--md-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--md-primary) 30%,transparent);transition:text-decoration-color .2s}.fw-card a:hover{text-decoration-color:var(--md-primary)}.fw-card strong{color:var(--md-on-surface)}.fw-card ul,.fw-card ol{padding-left:24px;margin-bottom:16px}.fw-card li{font-size:15px;color:var(--md-on-surface-variant);margin-bottom:8px;line-height:1.7}.fw-card table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;font-size:14px;border-radius:20px;overflow:hidden}.fw-card th{background:var(--md-surface-container-high);padding:14px 18px;text-align:left;font-weight:700;color:var(--md-on-surface);border-bottom:1px solid var(--md-outline-variant);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.fw-card td{padding:14px 18px;border-bottom:1px solid var(--md-surface-container-high);color:var(--md-on-surface-variant)}.fw-card tr:last-child td{border-bottom:none}.fw-card tr:hover td{background:var(--md-surface-container-low)}.fw-card td:first-child{font-weight:600;color:var(--md-on-surface)}.model-card{margin:20px 0;padding:24px;border-radius:20px;background:var(--md-primary-container);position:relative;overflow:hidden}.model-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--md-primary);border-radius:4px}.model-card h4{font-size:16px;font-weight:800;color:var(--md-on-primary-container);margin:0 0 6px;padding-left:0;border-left:none}.model-card .model-subtitle{font-size:12px;font-weight:700;color:var(--md-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.model-card p{font-size:14px;color:var(--md-on-primary-container);margin-bottom:8px}.model-card .model-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.model-card .model-step{padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700;background:var(--md-surface-container-lowest);color:var(--md-on-surface)}.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0}.persona-card{padding:22px;border-radius:20px;background:var(--md-surface-container-low);transition:transform .4s var(--md-spring),box-shadow .4s var(--md-spring)}.persona-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px color-mix(in srgb,var(--md-on-surface) 8%,transparent)}.persona-card .persona-emoji{font-size:28px;margin-bottom:8px}.persona-card .persona-role{font-size:13px;font-weight:800;color:var(--md-on-surface);margin-bottom:4px}.persona-card .persona-needs{font-size:12px;color:var(--md-on-surface-variant);line-height:1.5}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:24px 0}.stat-grid>div{padding:22px;border-radius:20px;background:var(--md-secondary-container);text-align:center;transition:transform .4s var(--md-spring)}.stat-grid>div:hover{transform:translateY(-4px) scale(1.02)}.stat-value{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800;color:var(--md-primary);letter-spacing:-.03em;line-height:1.2}.stat-label{font-size:11px;font-weight:700;color:var(--md-on-secondary-container);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.step-list{counter-reset:steps;margin:20px 0}.step-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--md-surface-container-high)}.step-item:last-child{border-bottom:none}.step-item:before{counter-increment:steps;content:counter(steps);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;background:var(--md-primary);color:var(--md-on-primary);font-weight:800;font-size:15px;flex-shrink:0}.step-item .step-text{flex:1}.step-item .step-text strong{display:block;font-size:15px;color:var(--md-on-surface);margin-bottom:2px}.step-item .step-text span,.step-item .step-text p{font-size:14px;color:var(--md-on-surface-variant);line-height:1.6;margin:0}.diagram-box{margin:24px 0;padding:28px;border-radius:20px;background:var(--md-surface-container-low);text-align:center;overflow-x:auto}.diagram-box .flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 0}.diagram-box .flow-step{padding:10px 20px;background:var(--md-surface-container-lowest);border:2px solid var(--md-outline-variant);border-radius:100px;font-size:13px;font-weight:700;color:var(--md-on-surface);white-space:nowrap}.diagram-box .flow-step.active{border-color:var(--md-primary);background:var(--md-primary-container);color:var(--md-on-primary-container)}.diagram-box .flow-step.warn{border-color:var(--md-tertiary);background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.diagram-box .flow-arrow{color:var(--md-outline);font-size:16px;font-weight:700}.diagram-box .caption{font-size:12px;color:var(--md-on-surface-variant);margin-top:8px;font-style:italic}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.compare-card{padding:22px;border-radius:20px}.compare-card.do{background:color-mix(in srgb,#C8FFC8 40%,var(--md-surface-container-low))}.compare-card.dont{background:color-mix(in srgb,#FFD0D0 40%,var(--md-surface-container-low))}.compare-card h5{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.compare-card.do h5{color:#166534}.compare-card.dont h5{color:#991b1b}.compare-card ul{padding-left:18px;margin:0}.compare-card li{font-size:13px;line-height:1.6;margin-bottom:6px}.compare-card.do li{color:#166534}.compare-card.dont li{color:#991b1b}.callout-box{margin:24px 0;padding:22px 26px;border-radius:20px;border-left:4px solid}.callout-box.info{background:var(--md-primary-container);border-color:var(--md-primary)}.callout-box.warning{background:var(--md-tertiary-container);border-color:var(--md-tertiary)}.callout-box.success{background:color-mix(in srgb,#C8FFC8 40%,var(--md-surface-container-low));border-color:#22c55e}.callout-box h4{font-size:14px;font-weight:800;margin-bottom:6px;border:none;padding:0}.callout-box.info h4{color:var(--md-on-primary-container)}.callout-box.warning h4{color:var(--md-on-tertiary-container)}.callout-box.success h4{color:#166534}.callout-box p{font-size:14px;margin:0;line-height:1.65}.callout-box.info p{color:var(--md-on-primary-container)}.callout-box.warning p{color:var(--md-on-tertiary-container)}.callout-box.success p{color:#14532d}.key-takeaway{margin:28px 0;padding:26px;border-radius:20px;background:var(--md-secondary-container)}.key-takeaway h4{font-size:12px;font-weight:800;color:var(--md-on-secondary-container);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:flex;align-items:center;gap:8px;border:none;padding:0}.key-takeaway p{font-size:15px;color:var(--md-on-secondary-container);line-height:1.7;margin:0}.example-box{margin:24px 0;padding:26px 28px;border-radius:20px;background:var(--md-tertiary-container);position:relative}.example-box:before{content:"📋";position:absolute;top:-12px;left:20px;background:var(--md-tertiary-container);padding:0 8px;font-size:18px}.example-box h4{font-size:14px;font-weight:800;color:var(--md-on-tertiary-container);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;border:none;padding:0}.example-box p{font-size:14px;color:var(--md-on-tertiary-container);line-height:1.7;margin-bottom:6px}.fw-bottom-cta{text-align:center;margin-top:48px;padding:44px;background:var(--md-primary);border-radius:28px;position:relative;overflow:hidden}.fw-bottom-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 100%,color-mix(in srgb,var(--md-primary-container) 20%,transparent),transparent)}.fw-bottom-cta>*{position:relative;z-index:1}.fw-bottom-cta h3{font-size:22px;font-weight:800;color:var(--md-on-primary);margin-bottom:8px}.fw-bottom-cta p{font-size:14px;color:color-mix(in srgb,var(--md-on-primary) 80%,transparent);margin-bottom:22px;line-height:1.6}.fw-bottom-cta a{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;background:var(--md-on-primary);color:var(--md-primary);text-decoration:none;border-radius:100px;font-weight:700;font-size:15px;transition:all .4s var(--md-spring)}.fw-bottom-cta a:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 32px color-mix(in srgb,var(--md-on-primary-container) 30%,transparent)}.fw-related{max-width:860px;margin:0 auto 64px;padding:0 24px}.fw-related h3{font-size:12px;font-weight:800;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.fw-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.fw-related-card{background:var(--md-surface-container-low);border-radius:20px;padding:22px;text-decoration:none;transition:all .4s var(--md-spring)}.fw-related-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px color-mix(in srgb,var(--md-on-surface) 8%,transparent);background:var(--md-surface-container-lowest)}.fw-related-card .rc-title{font-size:14px;font-weight:700;color:var(--md-on-surface);margin-bottom:4px}.fw-related-card .rc-desc{font-size:12px;color:var(--md-on-surface-variant)}.fw-footer{background:var(--md-surface-container-highest);color:var(--md-on-surface-variant);padding:48px 24px;border-radius:28px 28px 0 0}.fw-footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px}.fw-footer a{color:var(--md-on-surface-variant);text-decoration:none;transition:color .2s}.fw-footer a:hover{color:var(--md-primary)}.fw-footer-links{display:flex;gap:24px}.fw-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--md-primary);z-index:100;transition:width .1s linear;border-radius:0 2px 2px 0}.fw-toc{margin-bottom:36px;padding:22px 26px;border-radius:20px;background:var(--md-surface-container-low)}.fw-toc-title{font-size:11px;font-weight:800;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;display:flex;align-items:center;gap:8px}.fw-toc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.fw-toc-list li{font-size:13px}.fw-toc-list a{color:var(--md-on-surface-variant);text-decoration:none;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:100px;transition:all .35s var(--md-spring)}.fw-toc-list a:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--md-primary);opacity:.35;flex-shrink:0;transition:opacity .2s,transform .4s var(--md-spring)}.fw-toc-list a:hover{color:var(--md-primary);background:var(--md-primary-container)}.fw-toc-list a:hover:before{opacity:1;transform:scale(1.4)}.fw-keep-learning{margin-top:44px;padding-top:36px;border-top:2px solid var(--md-surface-container-high)}.fw-keep-learning-title{font-size:12px;font-weight:800;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.fw-keep-learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.fw-keep-card{padding:18px;border-radius:20px;background:var(--md-surface-container-low);text-decoration:none;transition:all .4s var(--md-spring);display:flex;align-items:flex-start;gap:12px}.fw-keep-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px color-mix(in srgb,var(--md-on-surface) 8%,transparent);background:var(--md-surface-container-lowest)}.fw-keep-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.fw-keep-icon.guide{background:var(--md-primary-container)}.fw-keep-icon.tool{background:var(--md-secondary-container)}.fw-keep-icon.template{background:var(--md-tertiary-container)}.fw-keep-icon.framework{background:var(--md-primary-container)}.fw-keep-info .fw-keep-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.fw-keep-icon.guide+.fw-keep-info .fw-keep-type{color:var(--md-primary)}.fw-keep-icon.tool+.fw-keep-info .fw-keep-type{color:var(--md-secondary)}.fw-keep-icon.template+.fw-keep-info .fw-keep-type{color:var(--md-tertiary)}.fw-keep-icon.framework+.fw-keep-info .fw-keep-type{color:var(--md-primary)}.fw-keep-info .fw-keep-name{font-size:13px;font-weight:700;color:var(--md-on-surface)}@media(max-width:640px){.fw-card{padding:28px 20px;border-radius:20px}.fw-nav-links a:not(.fw-cta){display:none}.stat-grid{grid-template-columns:1fr 1fr}.compare-grid,.persona-grid,.fw-toc-list,.fw-keep-learning-grid{grid-template-columns:1fr}.fw-hero h1{font-size:clamp(26px,6vw,40px)}.fw-bottom-cta{padding:32px 24px;border-radius:20px}}