@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--bg:#122b4d;--panel:#19345c;--panel-strong:#19345c;--text:#fff;--muted:#ffffffc2;--muted-soft:#ffffff94;--line:#93b7da52;--green:#5bb543;--green-soft:#79cf59;--blue:#4589d3;--blue-soft:#63a9f1;--cyan:#3f95bf;--cyan-soft:#61c0de;--sky:#32a9d8;--sky-bright:#4bc3f4;--orange:#f68c2b;--shadow:none;--radius:30px;--content:min(1064px, calc(100vw - 32px));color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Montserrat,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}.page-shell{padding:18px 0 54px}.site-header{width:var(--content);background:var(--panel);box-shadow:var(--shadow);z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff08;border-radius:28px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 18px;padding:14px 22px;display:flex;position:sticky;top:14px}.brand img{width:230px;height:auto}.site-nav{align-items:center;gap:28px;display:flex}.site-nav a:not(.cta-button){color:var(--muted);font-size:.9rem;font-weight:600;transition:color .2s,transform .2s}.site-nav a:not(.cta-button):hover{color:var(--text);transform:translateY(-1px)}.cta-button,.cta-ghost{background:var(--green);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-size:.92rem;font-weight:700;transition:transform .24s,box-shadow .24s,background .24s;display:inline-flex}.cta-button:hover,.cta-ghost:hover{background:var(--green-soft);transform:translateY(-2px);box-shadow:0 16px 26px #5bb54342}.menu-toggle{width:44px;height:44px;color:var(--text);background:#ffffff14;border:0;border-radius:12px;display:none}main{gap:18px;display:grid}.surface-panel{width:var(--content);background:var(--panel);box-shadow:var(--shadow);border-radius:36px;margin:0 auto;padding:48px clamp(20px,4vw,58px);position:relative;overflow:hidden}.surface-panel:before{content:"";pointer-events:none;background:0 0;border-radius:50%;width:320px;height:320px;position:absolute;inset:-30% auto auto -10%}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.08em;color:#ffffffeb;margin:0 0 16px;font-size:.9rem;font-weight:800}.eyebrow.centered{text-align:center}.section-kicker.alt{margin-top:22px}h1,h2,h3,strong{color:var(--text);margin:0}h1,.section-title,.detail-title,.generation-card h2{letter-spacing:.01em;font-family:Montserrat,sans-serif;font-weight:800}h1{max-width:15ch;margin-bottom:30px;font-size:clamp(2.9rem,5.8vw,4.5rem);line-height:1.06}.section-title.xl{letter-spacing:.15em;max-width:none;font-size:clamp(1.9rem,2.9vw,2.2rem);line-height:1.2}.section-intro,.detail-subtitle,.generation-subtitle,.practice-list,.capability p,.role-card p,.status-card p,.recap-footer p{color:var(--muted);font-size:1rem;line-height:1.5}.section-intro{max-width:58ch;margin-top:18px}.section-intro.maxed{max-width:28ch}.hero-section{padding-top:62px}.hero-section .eyebrow{letter-spacing:.07em;margin-bottom:22px;font-size:.82rem}.hero-section h1{letter-spacing:.15em;max-width:none;margin-bottom:38px;font-size:clamp(1.9rem,2.9vw,2.2rem);line-height:1.2}.timeline{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px;padding-top:30px;display:grid;position:relative}.timeline-line{background:linear-gradient(90deg, var(--cyan) 0%, var(--green) 100%);border-radius:999px;height:3px;position:absolute;top:56px;left:0;right:0}.timeline-stop{text-align:center;z-index:1;position:relative}.timeline-dot{--dot-color:var(--blue);background:var(--dot-color);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:2rem;font-weight:800;display:grid;box-shadow:0 0 0 8px #102846f2}.timeline-meta strong{max-width:18ch;font-size:.88rem;line-height:1.35;display:inline-block}.hero-section .timeline-meta strong{text-transform:uppercase;max-width:16ch;font-size:.8rem;line-height:1.28}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.generation-card{background:linear-gradient(#ffffff0d,#ffffff04);border:1px solid #ffffff0f;border-radius:24px;min-height:290px;padding:24px 20px 20px;position:relative;overflow:hidden}.generation-copy{z-index:1;flex-direction:column;gap:10px;height:100%;display:flex;position:relative}.generation-period{text-transform:uppercase;letter-spacing:.08em;color:#ffffffd1;font-size:.78rem;font-weight:700}.generation-card h2{max-width:9ch;font-size:1.95rem;line-height:1.03}.hero-section .generation-card{min-height:255px;padding:20px 16px 18px}.hero-section .generation-period{letter-spacing:.07em;font-size:.72rem}.hero-section .generation-card h2{overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:1.15rem;line-height:1.05}.hero-section .generation-subtitle{font-size:.72rem;line-height:1.35}.hero-section .summary-chip{border-radius:14px;align-items:flex-start;width:100%;min-height:148px;margin-top:auto;padding:14px 16px;font-size:.88rem;line-height:1.45}.summary-chip,.message-box{background:color-mix(in srgb, var(--chip-bg) 88%, white 12%);color:#fff;border-radius:18px;align-items:center;padding:18px 20px;font-weight:500;line-height:1.55;display:inline-flex}.detail-layout,.practice-layout{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:start;gap:34px;display:grid}.detail-copy{position:relative}.detail-title-wrap{align-items:center;min-height:250px;display:flex;position:relative}.detail-watermark{opacity:.26;font-family:Montserrat,sans-serif;font-size:clamp(10rem,18vw,13rem);font-weight:800;line-height:.9;position:absolute;top:8px;left:0}.detail-title{z-index:1;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:7.2ch;font-size:clamp(1.95rem,3.7vw,3rem);line-height:1.02;position:relative}.detail-subtitle{z-index:1;margin-top:12px;font-style:italic;position:relative}.message-box{--message-color:var(--blue);color:var(--message-color);background:#fff;max-width:28ch;box-shadow:inset 0 0 0 1px #10284614}.inherited-box{max-width:34ch;color:var(--muted);border:2px solid #ffffffdb;border-radius:16px;margin-top:18px;padding:16px 18px}.capabilities-list{margin:20px 0 0;padding:0;list-style:none;display:grid}.capability{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);align-items:start;gap:16px;padding:18px 0;display:grid}.capability:last-child{border-bottom:0}.capability.highlight strong,.capability.highlight p{color:var(--green-soft)}.capability-icon{border-radius:50%;place-items:center;width:34px;height:34px;margin-top:2px;display:grid}.capability-icon.is-on{background:var(--green);color:#fff}.capability-icon.is-off{color:#102846eb;background:#fff6}.capability-line{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.capability strong{font-size:1.05rem}.mini-badge{background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.roles-grid,.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-card,.status-card{min-height:100%;color:var(--panel);background:#fff;border-radius:22px;padding:18px;box-shadow:0 18px 40px #0814292e}.role-topline{justify-content:space-between;align-items:start;gap:10px;display:flex}.role-number{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:800;line-height:1}.role-illustration{object-fit:contain;width:92px;height:92px}.role-pill{color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin:12px 0;padding:6px 14px;font-size:.75rem;font-weight:800;display:inline-flex}.role-pill.orange{background:var(--orange)}.role-pill.blue{background:#6d93d1}.role-pill.green{background:#60a95a}.role-card h3,.status-card h3{color:var(--panel);margin-bottom:10px;font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.05}.status-card p,.role-card p{color:#19345cd1}.status-card{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:16px;display:grid}.status-icon{background:var(--panel);width:56px;height:56px;color:var(--green-soft);border-radius:14px;place-items:center;display:grid}.practice-list{gap:12px;margin:28px 0 0;padding-left:22px;display:grid}.product-frame{background:#ffffff0f;border-radius:26px;justify-self:end;width:min(100%,450px);padding:12px;box-shadow:inset 0 0 0 1px #ffffff0f}.product-frame img{border-radius:22px;width:100%}.table-wrap{margin-top:28px;overflow-x:auto}.summary-table{border-collapse:collapse;width:100%;min-width:860px;color:var(--panel);background:#fff;border-radius:24px;overflow:hidden}.summary-table th,.summary-table td{text-align:center;border:1px solid #1028461a;padding:16px 14px}.summary-table thead th{text-transform:uppercase;font-size:.82rem;font-weight:800}.summary-table tbody th{text-align:left;white-space:nowrap;font-size:1rem}.gen-chip{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-right:12px;font-size:.84rem;font-weight:800;display:inline-grid}.gen-1e{background:var(--cyan)}.gen-2e{background:var(--blue)}.gen-3e{background:var(--sky)}.gen-4e{background:var(--green)}.checkmark{border-radius:999px;justify-content:center;align-items:center;min-width:28px;min-height:28px;display:inline-flex}.checkmark.success{color:var(--green)}.checkmark.success.new{gap:8px}.checkmark.success.new small{background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 8px;font-size:.68rem;display:inline-flex}.checkmark.danger{color:#ef4b59}.recap-footer{border:2px solid #fffc;border-radius:20px;justify-content:space-between;align-items:end;gap:16px;margin-top:22px;padding:20px 22px;display:flex}.recap-footer strong{color:var(--green-soft)}.cta-section{padding-top:54px;padding-bottom:54px}.cta-orbit{color:#fff;text-align:center;background:0 0;border-radius:40px;place-items:center;gap:18px;max-width:950px;min-height:420px;margin:0 auto;padding:60px 28px;display:grid}.cta-orbit h2{font-family:Montserrat,sans-serif;font-size:clamp(2.63rem,5.63vw,4.05rem);font-weight:800;line-height:1.05}.cta-orbit p{max-width:28ch;margin:0;font-size:clamp(1.1rem,2vw,1.5rem)}.cta-ghost{background:var(--green);box-shadow:none}.cta-orbit small{opacity:.9;font-size:1rem}@media (width<=1040px){.site-header{align-items:start}.menu-toggle{place-items:center;display:inline-grid}.site-nav{box-shadow:var(--shadow);background:#102846fa;border:1px solid #ffffff0f;border-radius:22px;flex-direction:column;align-items:stretch;gap:10px;padding:14px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0}.site-nav.is-open{display:flex}.cta-button{width:100%}.timeline,.hero-grid,.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout,.practice-layout,.status-grid{grid-template-columns:1fr}.product-frame{justify-self:stretch;width:100%}.recap-footer{flex-direction:column;align-items:start}}@media (width<=720px){.page-shell{padding-top:10px}.site-header{border-radius:22px;padding:14px 16px}.brand img{width:188px}.surface-panel{border-radius:28px;padding:34px 18px}h1,.section-title.xl,.detail-title{max-width:none}.timeline,.hero-grid{grid-template-columns:1fr}.timeline{gap:22px;padding-left:18px}.hero-section h1{max-width:none;font-size:clamp(1.25rem,5.5vw,1.7rem)}.timeline-line{width:3px;height:auto;inset:0 auto 0 34px}.timeline-stop{text-align:left;grid-template-columns:72px 1fr;align-items:center;gap:14px;display:grid}.timeline-dot{margin:0}.detail-title-wrap{min-height:200px}.detail-watermark{font-size:10rem;left:-10px}.roles-grid,.status-grid{grid-template-columns:1fr}.role-card,.status-card{border-radius:18px}.cta-orbit{border-radius:40px;min-height:0;padding:42px 20px}}