@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg:#dce9f6;--surface:#f9fcff;--surface-mute:#f0f6ff;--ink:#1c4168;--ink-strong:#08213a;--line:#5c8fc8;--line-soft:#c2d7ef;--accent-strong:#0b58be;--display-font:"Sora", "Avenir Next", "Segoe UI", sans-serif;--body-font:"IBM Plex Sans", "Helvetica Neue", "Arial", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font:400 1rem/1.55 var(--body-font);color:var(--ink);background:radial-gradient(circle at 10% 0%, #5ea8ff52, transparent 40%), radial-gradient(circle at 90% 100%, #205db033, transparent 34%), var(--bg);margin:0}.site-shell{width:min(1140px,92vw);margin:1.4rem auto 2rem;padding:.8rem}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0d4f9f 0%,#0b3571 100%);border:1px solid #ffffff40;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex;position:sticky;top:.75rem;box-shadow:0 10px 26px #0931653d}.brand{color:#eef7ff;font:700 .95rem/1 var(--display-font);letter-spacing:.1em;text-decoration:none}.nav-links{gap:1rem;display:flex}.nav-links a{color:#dbeeff;font-size:.9rem;text-decoration:none}main{gap:1.2rem;margin-top:1.2rem;display:grid}.hero,.panel,.final-cta,footer{border:1px solid var(--line-soft);background:var(--surface);border-radius:1.25rem;padding:clamp(1.3rem,4vw,2.3rem);box-shadow:0 10px 24px #0a2e5f1f}.hero{background:linear-gradient(135deg,#094a93f0 0%,#1584cbdb 55%,#38a5dbbd 100%),linear-gradient(#ffffff1f 0%,#0000 40%);border-color:#ffffff47;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute}.hero:before{background:radial-gradient(circle at 25% 15%,#ffffff47 0%,#0000 32%),linear-gradient(#0000 50%,#ffffff1c 52%,#0000 54%,#ffffff21 62%,#0000 64%);inset:0}.hero:after{aspect-ratio:1;background:radial-gradient(circle,#ffffff4d 0%,#0000 72%);width:22rem;inset:auto -7rem -7rem auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font:700 .72rem/1.3 var(--display-font);color:#d9efff;margin:0}h1,h2,h3,h4{color:var(--ink-strong);margin:0}h1{max-width:16ch;font:700 clamp(2rem, 4.5vw, 3.6rem) / 1.03 var(--display-font);letter-spacing:-.03em;margin-top:.8rem}.hero-copy,.section-copy{max-width:66ch;color:var(--ink);margin-top:.8rem}.hero h1,.hero .hero-copy{color:#f4fbff}.status-row{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1rem;display:flex}.status-title{letter-spacing:.08em;color:#e6f4ff;font-size:.82rem;font-weight:700}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.3rem;display:flex}.panel h2,.final-cta h2{font:700 clamp(1.35rem, 2.8vw, 2rem) / 1.1 var(--display-font);letter-spacing:-.02em}.flagship{background:linear-gradient(145deg,#f5fbff 0%,#dbeeff 100%)}.readiness-strip{border:1px solid var(--line-soft);background:#ffffffc7;border-radius:.95rem;margin-top:1rem;padding:.85rem .95rem}.readiness-question{font:700 .88rem/1.3 var(--display-font);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-strong);margin:0}.readiness-answer{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.45rem 0 0;display:flex}.status-pill{font:700 .74rem/1 var(--display-font);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .6rem;display:inline-flex}.status-ready{color:#0f6b2d;background:#e0f7e8;border:1px solid #9ad7ad}.flagship-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.flagship-card{border:1px solid var(--line-soft);background:var(--surface);border-radius:1rem;padding:1rem;box-shadow:0 10px 24px #0b408a1a}.flagship-card h3{font-size:1.04rem}.lane-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.lane-summary{color:var(--ink);margin:.45rem 0 0;font-size:.92rem}.role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.role-card{border:1px solid var(--line-soft);background:var(--surface-mute);text-align:left;cursor:pointer;border-radius:1rem;padding:.85rem;transition:transform .17s,border-color .17s,box-shadow .17s;box-shadow:0 8px 22px #0b428b14}.role-card:hover{border-color:var(--accent-strong);transform:translateY(-2px);box-shadow:0 12px 24px #0b428b29}.role-card.active{border-color:var(--accent-strong);background:color-mix(in oklab, var(--surface), #d8f0f5 40%)}.role-card h3{font-size:1rem}.role-card p{color:var(--ink);margin:.45rem 0;font-size:.92rem}.role-icon{margin:0;font-size:1.2rem}.role-tag{border:1px solid var(--line);font:700 .74rem/1.2 var(--display-font);color:var(--ink-strong);background:var(--surface);border-radius:999px;padding:.16rem .58rem;display:inline-flex}.dynamic-panel{border:1px solid var(--line-soft);background:linear-gradient(145deg, var(--surface) 0%, #e6f5f9 100%);border-radius:1rem;margin-top:1rem;padding:1rem}.dynamic-panel h3{margin-top:.4rem;font-size:1.3rem}.role-value{margin-top:.45rem}.small-note{color:var(--ink);margin-top:.7rem;font-size:.86rem}.subhead{letter-spacing:-.01em;margin-top:1.25rem;font-size:1.08rem}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.info-card,.plan-card,.swbs-card{border:1px solid var(--line-soft);background:var(--surface-mute);border-radius:1rem;padding:1rem;box-shadow:0 8px 20px #0b408a14}.info-card p,.swbs-card p,.plan-card p,footer p{color:var(--ink);margin-top:.55rem}.swbs-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-top:.8rem;display:grid}.swbs-card h4{font-size:.97rem}.panel-accent{background:linear-gradient(145deg,#f6fbff 0%,#dcecff 100%)}blockquote{border-left:3px solid var(--accent-strong);color:var(--ink-strong);margin:.9rem 0 0;padding-left:.8rem;font-weight:600}.flow-list{margin:.8rem 0 0;padding-left:1.2rem}.flow-list li{margin:.36rem 0}.role-value-table{border:1px solid var(--line-soft);border-radius:.75rem;margin-top:.8rem;display:grid;overflow:hidden}.table-head,.table-cell{padding:.6rem .7rem}.table-head{background:color-mix(in oklab, var(--surface), #d8edf2 45%);font:700 .84rem/1.2 var(--display-font);color:var(--ink-strong)}.table-row{border-top:1px solid var(--line-soft);grid-template-columns:1fr 1fr;display:grid}.table-cell{color:var(--ink)}.table-row .table-cell:first-child{border-right:1px solid var(--line-soft)}.role-value-table{grid-template-columns:1fr 1fr}.tight-list{margin:.65rem 0 0;padding-left:1.1rem}.tight-list li{margin:.3rem 0}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.app-download{background:linear-gradient(135deg,#0e4f9d 0%,#0e62be 55%,#0c3f82 100%);border-color:#ffffff38}.app-download h2,.app-download h3,.app-download .section-copy{color:#f1f9ff}.backend-stub{background:linear-gradient(145deg,#f7fbff 0%,#e5eefc 100%)}.backend-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.backend-badge{font:700 .77rem/1 var(--display-font);letter-spacing:.03em;color:#0b4e9b;background:#e4f0ff;border:1px solid #b2cef3;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .68rem;display:inline-flex}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.95rem;display:grid}.platform-card{color:#eaf6ff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:1rem;padding:1rem;text-decoration:none;transition:border-color .16s,transform .16s}.platform-card:hover{border-color:#ffffffc7;transform:translateY(-1px)}.platform-card p{margin:.5rem 0 0}pre{color:#d5f2f5;background:#0d2431;border-radius:.7rem;margin:.7rem 0 0;padding:.65rem;font-size:.78rem;overflow-x:auto}.final-cta{text-align:center;background:linear-gradient(145deg,#f7fbff 0%,#e0eeff 100%)}.final-cta .btn{margin-top:.8rem}footer{background:linear-gradient(135deg,#103f7e 0%,#0a2f61 100%);border-color:#ffffff3d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;display:flex}footer p{color:#d5eaff}.chip{color:#f4faff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff29;border:1px solid #ffffff75;border-radius:999px;padding:.3rem .68rem;font-size:.82rem}.btn{font:700 .9rem/1 var(--display-font);letter-spacing:.02em;border:1px solid #ffffff57;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1rem;text-decoration:none;transition:transform .16s,border-color .16s;display:inline-flex}.btn:hover{border-color:#ffffffb3;transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#0b58be 0%,#0b72de 100%);border-color:#0b72de;box-shadow:0 10px 20px #0b58be3d}.btn-secondary,.btn-ghost{color:#0e4f9c;background:#fffffff0}.hero,.panel,.final-cta{animation:.42s both rise}.panel:nth-of-type(2){animation-delay:70ms}.panel:nth-of-type(3){animation-delay:.1s}.final-cta{animation-delay:.13s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swbs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid,.flagship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-shell{width:min(100%,92vw);padding:0}.topbar{border-radius:1rem;position:static}.nav-links{display:none}h1{max-width:none}.cards-grid,.flagship-grid,.role-grid,.swbs-grid,.plan-grid,.platform-grid{grid-template-columns:1fr}.lane-head{flex-wrap:wrap}.role-value-table,.table-row{grid-template-columns:1fr}.table-row .table-cell:first-child{border-right:none;border-bottom:1px solid var(--line-soft)}footer{justify-content:flex-start}}