.concept{padding:85px 5%;background:#0a0a0a;color:#f1f1ed;scroll-margin-top:100px}.concept *{box-sizing:border-box}.concept-nav{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:50px;font-size:12px}.concept-nav a{color:#8fbeff}.concept-nav a[aria-current]{color:white}.concept h2{font-size:clamp(32px,3.5vw,54px);line-height:1.13;letter-spacing:-.035em;max-width:950px;margin:20px 0 25px}.concept .intro-copy{font-size:18px;line-height:1.8;color:#b8bdc5;max-width:780px}.concept .eyebrow{color:#8fbeff;font-size:12px;letter-spacing:.09em}.concept-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center;margin:50px 0}.phase-ring{width:100%;max-width:430px;aspect-ratio:1;position:relative;margin:auto;border:1px solid #303a47;border-radius:50%;display:grid;place-items:center}.phase-ring:before{content:'';position:absolute;inset:14%;border:1px dashed #354355;border-radius:50%}.ring-center{text-align:center}.ring-center strong{font-size:65px;line-height:1.2;display:block}.ring-center span{font-size:12px;color:#a9b5c3}.phase-ring button{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid #617183;background:#0a0a0a;color:white;cursor:pointer;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%)}.phase-ring button[aria-pressed=true]{background:#9bbce1;color:#0a0a0a}.concept-detail h3{font-size:30px;line-height:1.3;margin:15px 0}.concept-detail p{line-height:1.8;color:#b9c2cd}.concept-detail .tools{border-top:1px solid #333d48;padding-top:20px;font-size:14px}.concept .result{color:#e5eaf0}.phase-select{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.phase-select button,.case-select button{background:none;border:0;color:#aab5c4;text-align:left;cursor:pointer;padding:12px;font-size:14px}.phase-select button[aria-pressed=true]{color:white;border-bottom:1px solid #8fb2dc}.concept a.cta{display:inline-block;color:#b4d3f5;margin-top:25px;text-decoration:none;border-bottom:1px solid #52667d;padding-bottom:9px}.case-select{display:grid;gap:0}.case-select button{border-bottom:1px solid #333d48;padding:22px 0;line-height:1.5;font-size:18px;display:flex;gap:18px}.case-select button[aria-pressed=true]{color:white}.case-select .case-n{color:#8fbeff;font-size:12px}.case-path{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.case-path span{padding:10px 13px;background:#151a21;color:#bacadd;font-size:12px;border-radius:3px}.human-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:50px 0 25px}.human-grid article{border-top:1px solid #485360;padding-top:25px}.human-grid h3{font-size:27px;margin:20px 0}.human-grid ul{padding:0;list-style:none}.human-grid li{padding:15px 0;color:#b9c2cd;border-bottom:1px solid #222a33;line-height:1.6}.human-grid b{color:#f2f1ed;display:block;font-weight:500}.principle-foot{display:flex;gap:30px;flex-wrap:wrap;color:#99adc4;font-size:12px;margin:30px 0}.concept button:focus-visible{outline:2px solid #b5d5f9;outline-offset:5px}@media(max-width:850px){.concept{padding:50px 24px}.concept-layout,.human-grid{grid-template-columns:1fr;gap:35px}.phase-ring{max-width:290px;margin:20px auto}.concept .intro-copy{font-size:16px}.concept-nav{margin-bottom:30px}.concept-detail h3{font-size:25px}.phase-select button{padding:10px 6px;font-size:12px}}


