[data-kns-page=roadmap-middle]{min-height:100svh;color:var(--kns-navy-deep);background:#fff;display:block}[data-kns-page=roadmap-middle] .middle-mobile-shell{background:#fff;flex-direction:column;width:100%;min-height:100svh;margin-inline:auto;display:flex;overflow-x:hidden}[data-kns-page=roadmap-middle] .middle-app-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-bottom:1px solid #c7d1de9e;align-items:center;gap:10px;padding:14px 20px 11px;display:flex}[data-kns-page=roadmap-middle] .middle-back-link{width:39px;height:39px;color:var(--kns-navy-deep);background:#fff;border:1px solid #c9d3df;border-radius:999px;flex:none;place-items:center;transition:border-color .16s,color .16s,transform .16s;display:grid}[data-kns-page=roadmap-middle] .middle-brand-mark{align-items:center;gap:9px;min-width:0;display:flex}[data-kns-page=roadmap-middle] .middle-brand-mark img{object-fit:contain;background:#fff;border:1px solid #c9d3df;border-radius:7px;width:38px;height:38px}[data-kns-page=roadmap-middle] .middle-brand-text{gap:2px;min-width:0;display:grid}[data-kns-page=roadmap-middle] .middle-brand-text strong,[data-kns-page=roadmap-middle] .middle-brand-text span{display:block}[data-kns-page=roadmap-middle] .middle-brand-text strong{color:var(--kns-navy-deep);font-size:14px;font-weight:850;line-height:1.15}[data-kns-page=roadmap-middle] .middle-brand-text span{color:#53647a;font-size:11px;font-weight:650;line-height:1.35}[data-kns-page=roadmap-middle] .middle-content{gap:18px;padding:16px 20px 40px;display:grid}[data-kns-page=roadmap-middle] .middle-hero,[data-kns-page=roadmap-middle] .middle-section{background:#fff;border:1px solid #c7d1de;border-radius:18px}[data-kns-page=roadmap-middle] .middle-hero{isolation:isolate;background:linear-gradient(#fff 0%,#edf2f8 100%);flex-direction:column;justify-content:center;min-height:332px;padding:35px 26px 31px;display:flex;position:relative;overflow:hidden}[data-kns-page=roadmap-middle] .middle-hero:before{content:"";background:linear-gradient(90deg, var(--kns-navy) 0 68%, var(--kns-red) 68% 84%, var(--kns-gold) 84% 100%);height:4px;position:absolute;inset:0 0 auto}[data-kns-page=roadmap-middle] .middle-hero:after{z-index:-1;content:"";opacity:.44;filter:saturate(.92)contrast(1.02);pointer-events:none;background-image:linear-gradient(90deg,#fffffff0 0%,#ffffffad 50%,#ffffff42 100%),url(/graphics/kns-v2/hero/middle-roadmap-bridge.svg);background-position:50%,50%;background-repeat:no-repeat;background-size:cover,contain;width:286px;height:202px;position:absolute;bottom:-42px;right:-52px}[data-kns-page=roadmap-middle] .middle-kicker,[data-kns-page=roadmap-middle] .middle-label{color:#53647a;word-break:keep-all;margin:0;font-size:12px;font-weight:900;line-height:1.35}[data-kns-page=roadmap-middle] .middle-kicker{color:var(--kns-red)}[data-kns-page=roadmap-middle] .middle-hero h1,[data-kns-page=roadmap-middle] .middle-section h2,[data-kns-page=roadmap-middle] .middle-section h3{color:var(--kns-navy-deep);letter-spacing:0;text-wrap:balance;word-break:keep-all;margin:0}[data-kns-page=roadmap-middle] .middle-hero h1{max-width:294px;margin-top:10px;font-size:28px;font-weight:950;line-height:1.12}[data-kns-page=roadmap-middle] .middle-hero h1 span,[data-kns-page=roadmap-middle] .middle-section h2 span,[data-kns-page=roadmap-middle] .middle-line{display:block}[data-kns-page=roadmap-middle] .middle-line+.middle-line{margin-top:3px}[data-kns-page=roadmap-middle] .middle-section h2{font-size:20px;font-weight:950;line-height:1.3}[data-kns-page=roadmap-middle] .middle-section h3{font-size:15px;font-weight:900;line-height:1.36}[data-kns-page=roadmap-middle] .middle-copy{color:#53647a;word-break:keep-all;margin:0;font-size:13px;font-weight:650;line-height:1.66}[data-kns-page=roadmap-middle] .middle-hero-copy{max-width:29ch;margin-top:18px;line-height:1.7}[data-kns-page=roadmap-middle] .middle-section{gap:16px;padding:22px 24px;display:grid}[data-kns-page=roadmap-middle] .middle-section>.middle-label,[data-kns-page=roadmap-middle] .middle-section>h2,[data-kns-page=roadmap-middle] .middle-section>.middle-copy{max-width:31ch}[data-kns-page=roadmap-middle] .middle-section>*,[data-kns-page=roadmap-middle] .middle-principle-card>*,[data-kns-page=roadmap-middle] .middle-focus-box>*,[data-kns-page=roadmap-middle] .middle-goal-box>*,[data-kns-page=roadmap-middle] .middle-grade-card>*,[data-kns-page=roadmap-middle] .middle-point-card>div,[data-kns-page=roadmap-middle] .middle-content-card>*{min-width:0}[data-kns-page=roadmap-middle] .middle-principle-list,[data-kns-page=roadmap-middle] .middle-grade-tabs,[data-kns-page=roadmap-middle] .middle-point-list{gap:10px;display:grid}[data-kns-page=roadmap-middle] .middle-grade-option,[data-kns-page=roadmap-middle] .middle-channel-option{min-width:0}[data-kns-page=roadmap-middle] .middle-native-control{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-kns-page=roadmap-middle] .middle-principle-card,[data-kns-page=roadmap-middle] .middle-focus-box,[data-kns-page=roadmap-middle] .middle-goal-box{background:linear-gradient(#fff 0%,#f6f8fb 100%);border:1px solid #d3dce8;border-radius:16px;gap:8px;padding:16px;display:grid}[data-kns-page=roadmap-middle] .middle-principle-card{grid-template-columns:34px minmax(0,1fr);align-items:start}[data-kns-page=roadmap-middle] .middle-principle-mark{color:#8d6415;background:linear-gradient(#fff 0%,#f4e7bf8a 100%);border:1px solid #a97b1f75;border-radius:12px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:950;display:grid}[data-kns-page=roadmap-middle] .middle-principle-card strong,[data-kns-page=roadmap-middle] .middle-focus-box strong,[data-kns-page=roadmap-middle] .middle-goal-box strong{color:var(--kns-navy-deep);word-break:keep-all;font-size:14px;font-weight:900;line-height:1.36;display:block}[data-kns-page=roadmap-middle] .middle-principle-card .middle-copy{margin-top:5px}[data-kns-page=roadmap-middle] .middle-grade-card{width:100%;min-height:112px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #c7d1de;border-radius:17px;gap:7px;padding:16px 46px 16px 18px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;position:relative}[data-kns-page=roadmap-middle] .middle-grade-card:after{color:#607087;content:">";font-size:20px;font-weight:800;line-height:1;position:absolute;top:50%;right:15px;transform:translateY(-50%)}[data-kns-page=roadmap-middle] .middle-grade-card>span{color:#50637a;font-size:12px;font-weight:900}[data-kns-page=roadmap-middle] .middle-grade-card strong{color:var(--kns-navy-deep);font-size:16px;font-weight:950;line-height:1.28}[data-kns-page=roadmap-middle] .middle-grade-card em{color:#53647a;word-break:keep-all;font-size:13px;font-style:normal;font-weight:700;line-height:1.48}[data-kns-page=roadmap-middle] .middle-grade-option:has(.middle-native-control:checked) .middle-grade-card{background:linear-gradient(#fff 0%,#fcf8f7 100%);border-color:#ad2f2957;box-shadow:inset 3px 0 #ad2f2994}[data-kns-page=roadmap-middle] .middle-grade-option:has(.middle-native-control:checked) .middle-grade-card:after{color:var(--kns-red)}:is([data-kns-page=roadmap-middle] .middle-grade-option:has(.middle-native-control:focus-visible) .middle-grade-card,[data-kns-page=roadmap-middle] .middle-channel-option:has(.middle-native-control:focus-visible) .middle-channel-filter){outline-offset:2px;outline:2px solid #0b234433}[data-kns-page=roadmap-middle] .middle-grade-panel{background:linear-gradient(#fff 0%,#f7f9fc 100%);border-color:#06193638;display:none}:is([data-kns-page=roadmap-middle]:has(#middle-grade-middle1:checked) .middle-grade-panel-middle1,[data-kns-page=roadmap-middle]:has(#middle-grade-middle2:checked) .middle-grade-panel-middle2,[data-kns-page=roadmap-middle]:has(#middle-grade-middle3:checked) .middle-grade-panel-middle3){display:grid}[data-kns-page=roadmap-middle] .middle-focus-box{background:linear-gradient(#fff 0%,#f4e7bf6b 100%);border-color:#a97b1f61}[data-kns-page=roadmap-middle] .middle-point-card{background:#fff;border:1px solid #d3dce8;border-radius:16px;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:16px;display:grid}[data-kns-page=roadmap-middle] .middle-num{color:#8d6415;background:linear-gradient(#fff 0%,#f4e7bf8f 100%);border:1px solid #a97b1f75;border-radius:13px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:950;display:grid}[data-kns-page=roadmap-middle] .middle-point-card .middle-copy{margin-top:7px;line-height:1.64}[data-kns-page=roadmap-middle] .middle-goal-box{background:var(--kns-navy-deep);border-color:#06193629}[data-kns-page=roadmap-middle] .middle-goal-box strong,[data-kns-page=roadmap-middle] .middle-goal-box .middle-copy{color:#fff}[data-kns-page=roadmap-middle] .middle-cta.btn{border:1px solid var(--kns-navy-deep);background:var(--kns-navy-deep);color:#fff;word-break:keep-all;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:12px 14px;font-size:14px;font-weight:900;line-height:1.25;text-decoration:none;display:inline-flex}[data-kns-page=roadmap-middle] .middle-cta.btn-disabled{gap:7px;display:flex}[data-kns-page=roadmap-middle] .middle-cta.btn-disabled small{color:#ffffffb8;font-size:11px;font-weight:750}[data-kns-page=roadmap-middle] .middle-transition-gate{background:linear-gradient(#fff 0%,#fcf6f4 100%);border-color:#ad2f2947;gap:18px;min-height:204px;padding:24px 28px 24px 30px;position:relative;overflow:hidden}[data-kns-page=roadmap-middle] .middle-transition-gate:before{content:"";background:linear-gradient(180deg, var(--kns-red), var(--kns-gold));width:4px;position:absolute;inset:0 auto 0 0}[data-kns-page=roadmap-middle] .middle-transition-gate h2{max-width:285px;font-size:21px;line-height:1.36}[data-kns-page=roadmap-middle] .middle-transition-gate .middle-cta.btn{border-radius:17px;min-height:54px;margin-top:0}[data-kns-page=roadmap-middle] .middle-curation-panel,[data-kns-page=roadmap-middle] .middle-action-panel{background:linear-gradient(#fff 0%,#f8fafc 100%);overflow:visible}[data-kns-page=roadmap-middle] .middle-curation-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}[data-kns-page=roadmap-middle] .middle-curation-count{color:#8d6415;white-space:nowrap;font-size:11px;font-weight:900}[data-kns-page=roadmap-middle] .middle-channel-filters{scrollbar-width:none;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}[data-kns-page=roadmap-middle] .middle-channel-filters::-webkit-scrollbar{display:none}[data-kns-page=roadmap-middle] .middle-channel-filter{color:#53647a;cursor:pointer;min-height:32px;font:inherit;background:#fff;border:1px solid #06193624;border-radius:999px;flex:none;padding:7px 12px;font-size:12px;font-weight:900;line-height:1.2;transition:background .16s,border-color .16s,color .16s,transform .16s}[data-kns-page=roadmap-middle] .middle-channel-option:has(.middle-native-control:checked) .middle-channel-filter{border-color:var(--kns-navy-deep);background:var(--kns-navy-deep);color:#fff}[data-kns-page=roadmap-middle] .middle-content-rail{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(214px,76%);grid-auto-flow:column;gap:12px;margin:0 -24px;padding:2px 24px 5px;scroll-padding-inline:24px;display:grid;overflow-x:auto}[data-kns-page=roadmap-middle] .middle-content-rail::-webkit-scrollbar{display:none}:is([data-kns-page=roadmap-middle]:has(#middle-channel-youtube:checked) .middle-content-card:not([data-channel=youtube]),[data-kns-page=roadmap-middle]:has(#middle-channel-blog:checked) .middle-content-card:not([data-channel=blog]),[data-kns-page=roadmap-middle]:has(#middle-channel-cafe:checked) .middle-content-card:not([data-channel=cafe])){display:none}[data-kns-page=roadmap-middle] .middle-content-card{min-height:210px;color:inherit;cursor:pointer;font:inherit;text-align:left;scroll-snap-align:start;background:#fff;border:1px solid #d3dce8;border-radius:17px;align-content:start;gap:11px;padding:12px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}[data-kns-page=roadmap-middle] .middle-content-card:disabled{cursor:not-allowed}[data-kns-page=roadmap-middle] .middle-content-card-disabled{opacity:.92}[data-kns-page=roadmap-middle] .middle-content-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#061936eb,#243e63db),radial-gradient(circle at 78% 28%,#d2b4647a,#0000 34%);border-radius:14px;width:100%;min-height:0;position:relative;overflow:hidden}[data-kns-page=roadmap-middle] .middle-content-thumb:before{content:"";background:#ffffff1f;border:1px solid #ffffff70;border-radius:14px;width:42px;height:42px;position:absolute;top:13px;left:13px}[data-kns-page=roadmap-middle] .middle-content-thumb:after{color:#ffffffeb;font-size:20px;font-weight:950;line-height:1;position:absolute;bottom:14px;right:13px}[data-kns-page=roadmap-middle] .middle-content-card[data-channel=youtube] .middle-content-thumb{background:linear-gradient(135deg,#ad2f29f2,#061936db),radial-gradient(circle at 76% 24%,#ffffff6b,#0000 34%)}[data-kns-page=roadmap-middle] .middle-content-card[data-channel=youtube] .middle-content-thumb:after{content:">"}[data-kns-page=roadmap-middle] .middle-content-card[data-channel=blog] .middle-content-thumb:after{content:"B"}[data-kns-page=roadmap-middle] .middle-content-card[data-channel=cafe] .middle-content-thumb{background:linear-gradient(135deg,#061936eb,#325653d1),radial-gradient(circle at 76% 24%,#d2b4646b,#0000 34%)}[data-kns-page=roadmap-middle] .middle-content-card[data-channel=cafe] .middle-content-thumb:after{content:"C"}[data-kns-page=roadmap-middle] .middle-content-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}[data-kns-page=roadmap-middle] .middle-channel-badge{color:var(--kns-red);font-size:11px;font-weight:950}[data-kns-page=roadmap-middle] .middle-content-status{color:#8d6415;font-size:10px;font-weight:950}[data-kns-page=roadmap-middle] .middle-content-card strong{color:var(--kns-navy-deep);word-break:keep-all;font-size:15px;font-weight:950;line-height:1.34}[data-kns-page=roadmap-middle] .middle-content-card .middle-copy{margin-bottom:22px;font-size:12px;line-height:1.56}[data-kns-page=roadmap-middle] .middle-content-ready{color:#69798d;background:#fff;border:1px solid #d5dde8;border-radius:999px;align-items:center;min-height:22px;padding:4px 7px;font-size:10px;font-weight:900;line-height:1.15;display:inline-flex;position:absolute;bottom:11px;right:11px}[data-kns-page=roadmap-middle] .middle-action-panel{border-color:#0619362e;padding:16px}[data-kns-page=roadmap-middle] .middle-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}[data-kns-page=roadmap-middle] .middle-action-link.btn{width:100%;min-height:52px;color:var(--kns-navy-deep);text-align:center;word-break:keep-all;background:#fff;border:1px solid #0619362e;border-radius:15px;justify-content:center;align-items:center;padding:12px 10px;font-size:13px;font-weight:900;line-height:1.25;display:inline-flex}[data-kns-page=roadmap-middle] .middle-action-link-primary.btn{border-color:var(--kns-navy-deep);background:var(--kns-navy-deep);color:#fff;grid-column:1/-1;min-height:54px}[data-kns-page=roadmap-middle] .middle-action-link.btn-disabled{gap:7px;display:flex}[data-kns-page=roadmap-middle] .middle-action-link.btn-disabled small{color:#ffffffb8;font-size:11px;font-weight:750}@media (min-width:720px){[data-kns-page=roadmap-middle]{background:var(--kns-bg);display:block}[data-kns-page=roadmap-middle] .middle-mobile-shell{width:100%;max-width:none;box-shadow:none}}@media (hover:hover) and (pointer:fine){[data-kns-page=roadmap-middle] .middle-back-link:hover,[data-kns-page=roadmap-middle] .middle-back-link:focus-visible{color:var(--kns-navy);border-color:#0619366b;transform:translateY(-1px)}[data-kns-page=roadmap-middle] .middle-grade-card:hover,[data-kns-page=roadmap-middle] .middle-content-card:hover:not(:disabled),[data-kns-page=roadmap-middle] .middle-content-card:focus-visible,[data-kns-page=roadmap-middle] .middle-channel-filter:hover,[data-kns-page=roadmap-middle] .middle-channel-filter:focus-visible,[data-kns-page=roadmap-middle] .middle-action-link.btn:hover:not(:disabled),[data-kns-page=roadmap-middle] .middle-action-link.btn:focus-visible{border-color:#06193657;transform:translateY(-1px)}[data-kns-page=roadmap-middle] .middle-grade-card:hover,[data-kns-page=roadmap-middle] .middle-content-card:hover:not(:disabled),[data-kns-page=roadmap-middle] .middle-content-card:focus-visible{box-shadow:0 12px 24px #06193614}[data-kns-page=roadmap-middle] .middle-action-link.btn:hover:not(:disabled),[data-kns-page=roadmap-middle] .middle-action-link.btn:focus-visible{background:snow}[data-kns-page=roadmap-middle] .middle-action-link-primary.btn:hover:not(:disabled),[data-kns-page=roadmap-middle] .middle-action-link-primary.btn:focus-visible{background:var(--kns-navy)}}