.napro-concept { --background:#FFF9EC; --card:#FFFFFF; --line:#D7EBEF; --radius:20px; --navy:#123D6A; --cyan:#0097B5; --green:#6DA538; color:var(--navy); background:var(--background); }
.napro-concept *, .napro-concept *::before,.napro-concept *::after {box-sizing:border-box;}
.napro-concept .nc-block {width:100%;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;color:var(--navy);}
.napro-concept .nc-block p {margin:0 0 20px;}
.napro-concept h2,.napro-concept h3,.napro-concept summary,.napro-concept label {font-family:Montserrat,Arial,sans-serif;}
.napro-concept h2 {font-size:clamp(25px,3vw,38px);line-height:1.2;margin:0 0 14px;color:var(--navy);font-weight:800;}
.napro-concept h3 {font-size:22px;line-height:1.35;margin:0;color:var(--navy);font-weight:800;}
.napro-concept .nc-center {text-align:center;}
.napro-concept .nc-rule {display:block;width:64px;height:5px;border-radius:5px;background:var(--cyan);margin:0 auto 18px;}
.napro-concept .nc-kicker {color:var(--cyan);font-size:16px;font-weight:800;letter-spacing:1px;}
.napro-concept .nc-title {font-size:clamp(44px,6vw,72px);margin:12px 0 0;}
.napro-concept .nc-cyan {color:var(--cyan);}.napro-concept .nc-green {color:var(--green);}
.napro-concept .nc-subtitle {text-align:center;margin-bottom:28px;}
.napro-concept .nc-base-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;}
.napro-concept details {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-width:0;}
.napro-concept summary {display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-weight:800;font-size:23px;line-height:1.3;color:var(--navy);}
.napro-concept summary::-webkit-details-marker {display:none;}
.napro-concept summary:after {content:'+';display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#EAF7FF;color:var(--cyan);}
.napro-concept details[open] summary:after {content:'−';background:var(--cyan);color:white;}
.napro-concept .nc-number {display:block;color:var(--green);font-size:15px;margin-bottom:8px;}
.napro-concept details p {border-top:1px solid var(--line);padding-top:20px;margin:20px 0 0;}
.napro-concept .nc-g-selector {position:relative;}
.napro-concept .nc-radio {position:absolute;width:1px;height:1px;opacity:0;}
.napro-concept .nc-g-layout {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center;}
.napro-concept .nc-pyramid {display:flex;flex-direction:column;align-items:center;gap:8px;}
.napro-concept .nc-tier {display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:white;line-height:1.35;text-align:center;padding:22px 36px;min-height:140px;width:100%;border-radius:12px;font-size:17px;}
.napro-concept .nc-tier strong {font-size:25px;margin-bottom:8px;}
.napro-concept .nc-tier.grail {background:var(--navy);width:55%;min-height:210px;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:88px;}
.napro-concept .nc-tier.great {background:var(--cyan);width:80%;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);}
.napro-concept .nc-tier.good {background:var(--green);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);}
.napro-concept .nc-panel {display:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden;min-width:0;}
.napro-concept .nc-panel h3 {background:var(--navy);color:white;padding:24px;text-align:center;}
.napro-concept .nc-panel.good h3 {background:var(--green);}.napro-concept .nc-panel.great h3 {background:var(--cyan);}
.napro-concept .nc-panel-body {padding:28px;}
.napro-concept .nc-panel ul {margin:0;padding-left:20px;}
.napro-concept .nc-panel li {padding:14px 0;border-top:1px solid var(--line);}
.napro-concept .nc-panel li strong {color:var(--cyan);}
.napro-concept .nc-choice-good:checked ~ .nc-g-layout .nc-panel.good,.napro-concept .nc-choice-great:checked ~ .nc-g-layout .nc-panel.great,.napro-concept .nc-choice-grail:checked ~ .nc-g-layout .nc-panel.grail {display:block;}
.napro-concept .nc-radio:focus-visible ~ .nc-g-layout .nc-pyramid {outline:3px solid var(--cyan);outline-offset:5px;}
.napro-concept .nc-tier:hover {filter:brightness(1.08);}
.napro-concept .nc-quote {margin:0;background:var(--navy);color:white;border-radius:var(--radius);padding:38px 46px;text-align:center;font-family:Montserrat,Arial,sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:700;line-height:1.45;}
.napro-concept .nc-nafi {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px;}
.napro-concept .nc-nafi h2 {font-size:clamp(25px,3vw,34px);text-align:left;}
.napro-concept .nc-timeline {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:24px 0 0;}
.napro-concept .nc-milestone {border-top:3px solid var(--line);padding-top:20px;position:relative;}
.napro-concept .nc-milestone:before {content:'';width:15px;height:15px;border-radius:50%;background:var(--cyan);position:absolute;top:-9px;left:0;}
.napro-concept .nc-milestone:last-child:before {background:var(--green);}
.napro-concept .nc-date {display:block;font-size:21px;font-weight:800;color:var(--cyan);margin-bottom:10px;}
.napro-concept summary:focus-visible {outline:3px solid var(--cyan);outline-offset:6px;}
@media(max-width:1024px){.napro-concept .nc-g-layout{gap:22px;}.napro-concept .nc-tier{font-size:14px;padding-left:22px;padding-right:22px;}.napro-concept .nc-base-grid{gap:14px;}.napro-concept details{padding:20px;}}
@media(max-width:767px){.napro-concept .nc-base-grid,.napro-concept .nc-g-layout,.napro-concept .nc-timeline{grid-template-columns:1fr;}.napro-concept .nc-tier,.napro-concept .nc-tier.grail,.napro-concept .nc-tier.great,.napro-concept .nc-tier.good{clip-path:none;width:100%;min-height:88px;padding:18px;font-size:15px;}.napro-concept .nc-tier strong{font-size:22px;margin-bottom:4px;}.napro-concept .nc-quote{padding:28px 20px;}.napro-concept .nc-nafi,.napro-concept .nc-panel-body{padding:22px;}.napro-concept .nc-timeline{gap:18px;}.napro-concept .nc-milestone{border-top:none;border-left:3px solid var(--line);padding:0 0 10px 22px;}.napro-concept .nc-milestone:before{top:7px;left:-9px;}.napro-concept .nc-date{font-size:20px;}.napro-concept .nc-block{font-size:16px;}}

.napro-concept .nc-inner{max-width:1140px;width:100%;margin:0 auto;}
.napro-concept .nc-nafi h2{color:var(--cyan);}
.napro-concept .nc-tier span{overflow-wrap:anywhere;}

.napro-concept .nc-navigation{margin-top:18px;}
.napro-concept .nc-navigation-row{display:none;align-items:center;justify-content:space-between;gap:12px;}
.napro-concept .nc-choice-good:checked ~ .nc-g-layout .nc-navigation-good,
.napro-concept .nc-choice-great:checked ~ .nc-g-layout .nc-navigation-great,
.napro-concept .nc-choice-grail:checked ~ .nc-g-layout .nc-navigation-grail{display:flex;}
.napro-concept .nc-navigation-button{appearance:none;border:1px solid var(--cyan);background:var(--card);color:var(--navy);border-radius:24px;padding:12px 18px;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:700;cursor:pointer;line-height:1.4;}
.napro-concept .nc-navigation-button:hover:not(:disabled){background:var(--cyan);color:#FFFFFF;}
.napro-concept .nc-navigation-button:disabled{opacity:.4;cursor:default;}
.napro-concept .nc-navigation-button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;}
.napro-concept .nc-navigation-count{white-space:nowrap;font-weight:700;font-size:14px;}
@media(max-width:767px){.napro-concept .nc-navigation-row{gap:8px;}.napro-concept .nc-navigation-button{padding:10px 12px;font-size:12px;}}