.metier-page{min-height:100vh}.metier-page .site-header{z-index:40;position:absolute;inset:0 0 auto}.metier-hero{isolation:isolate;color:#fff;background:radial-gradient(110% 120% at 78% 10%,#4a63f2 0%,#4357c4 34%,#2a3680 70%,#1a2155 100%);border-radius:0 0 44px 44px;padding:150px 24px 96px;position:relative;overflow:hidden}.metier-hero-grid{z-index:-1;opacity:.16;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000,#0000 75%);mask-image:radial-gradient(circle at 30% 40%,#000,#0000 75%)}.metier-hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);align-items:center;gap:56px;width:min(1180px,100%);margin:0 auto;display:grid}.metier-breadcrumb ol{color:#ffffffb3;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;font-size:13px;list-style:none;display:flex}.metier-breadcrumb li+li:before{content:"›";color:#ffffff80;margin-right:6px}.metier-breadcrumb a{color:#ffffffd9;text-decoration:none}.metier-breadcrumb a:hover{color:#fff;text-decoration:underline}.site-shell .metier-hero .section-kicker{color:#fff;background:#ffffff1f}.metier-hero h1{color:#fff;letter-spacing:-.045em;margin:22px 0 20px;font-size:clamp(2.3rem,4.6vw,4.1rem);font-weight:800;line-height:1.04}.metier-hero h1 span{color:#c7d2ff}.metier-lede{color:#fffc;max-width:620px;margin:0 0 30px;font-size:17px;line-height:1.7}.metier-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.site-shell .metier-hero .primary-button{color:#0d1650}.site-shell .metier-hero .outline-button{color:#fff;background:#ffffff0f;border-color:#fff6;border-radius:999px;gap:8px}.site-shell .metier-hero .outline-button:hover{background:#ffffff24;border-color:#fff}.metier-trust{color:#ffffffd1;flex-wrap:wrap;gap:10px 20px;margin:24px 0 0;padding:0;font-size:13.5px;list-style:none;display:flex}.metier-trust li{align-items:center;gap:6px;display:inline-flex}.metier-trust svg{color:#aec2ff}.metier-ticket{color:var(--kb-ink,#0a1445);background:#fffffff5;border:1px solid #ffffff2e;border-radius:24px;padding:22px;box-shadow:0 30px 70px #05082859}.metier-ticket-top{border-bottom:1px solid var(--border,#e5e9f5);align-items:center;gap:12px;padding-bottom:16px;display:flex}.metier-ticket-icon{color:#4357c4;background:#4357c41a;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.metier-ticket-top strong{font-size:15px;display:block}.metier-ticket-top small{color:var(--text-muted);font-size:12px;display:block}.metier-ticket-status{color:#2f55c9;white-space:nowrap;background:#3567f01a;border-radius:999px;margin-left:auto;padding:5px 11px;font-size:12px;font-weight:700}.metier-ticket dl{margin:6px 0 0}.metier-ticket dl>div{border-bottom:1px dashed var(--border,#e5e9f5);grid-template-columns:42% 1fr;gap:12px;padding:11px 0;font-size:14px;display:grid}.metier-ticket dt{color:var(--text-muted)}.metier-ticket dd{overflow-wrap:anywhere;margin:0;font-weight:600}.metier-ticket-foot{color:#2f8a63;flex-wrap:wrap;gap:8px 16px;padding-top:14px;font-size:12.5px;font-weight:600;display:flex}.metier-ticket-foot span{align-items:center;gap:5px;display:inline-flex}.site-shell.metier-page .section{padding:96px 24px}.metier-prose{width:min(760px,100%);margin:0 auto}.metier-prose h2{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:800;line-height:1.1}.metier-prose p{color:var(--text-muted);margin:0 0 16px;font-size:17px;line-height:1.75}.metier-cards{gap:18px;width:min(1180px,100%);margin:0 auto;display:grid}.metier-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metier-cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.metier-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 30px -18px var(--shadow-soft);border-radius:20px;flex-direction:column;gap:10px;padding:26px 24px;display:flex}.metier-card-num{color:var(--kb-violet);letter-spacing:.06em;font-size:13px;font-weight:700}.metier-card h3{margin:0;font-size:18px;font-weight:700;line-height:1.3}.metier-card p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.metier-card .metier-card-note{border-top:1px solid var(--border-soft);color:var(--text-faint);margin-top:auto;padding-top:10px;font-size:13px}.metier-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px;width:min(1060px,100%);margin:0 auto;display:grid}.metier-feature{border-bottom:1px solid var(--border-soft);gap:14px;padding:18px 0;display:flex}.metier-feature-check{background:var(--kb-violet-soft);width:28px;height:28px;color:var(--kb-violet);border-radius:9px;flex:none;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.metier-feature h3{margin:0 0 6px;font-size:17px;font-weight:700}.metier-feature p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.metier-shot{width:min(1060px,100%);margin:56px auto 0}.metier-shot img{border:1px solid var(--border);width:100%;height:auto;box-shadow:0 30px 70px -30px var(--shadow-strong);border-radius:18px;display:block}.metier-shot figcaption{color:var(--text-faint);text-align:center;margin-top:12px;font-size:13px}.metier-more{text-align:center;margin:40px 0 0}.metier-more a{color:var(--kb-violet);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.metier-more a:hover{text-decoration:underline}.metier-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(1180px,100%);margin:0 auto;padding:0;list-style:none;display:grid}.metier-steps li{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:8px;padding:24px 22px;display:flex}.metier-step-num{background:var(--kb-violet);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.metier-steps strong{font-size:17px}.metier-steps small{color:var(--text-muted);font-size:14.5px;line-height:1.55}.metier-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(760px,100%);margin:0 auto;display:grid}.metier-plan{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:26px 24px}.metier-plan.popular{border-color:var(--kb-violet);box-shadow:0 20px 50px -28px var(--kb-violet)}.metier-plan h3{margin:0;font-size:18px}.metier-plan-price{letter-spacing:-.03em;margin:8px 0 14px;font-size:30px;font-weight:800}.metier-plan-price small{color:var(--text-muted);letter-spacing:0;font-size:13px;font-weight:500}.metier-plan ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.metier-plan li{color:var(--text-muted);gap:8px;font-size:14px;line-height:1.45;display:flex}.metier-plan li svg{color:var(--kb-violet);flex:none;margin-top:3px}.metier-faq-list{gap:12px;width:min(860px,100%);margin:0 auto;display:grid}.metier-faq-item{border:1px solid var(--border);background:var(--surface);border-radius:16px}.metier-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:16px;font-weight:600;list-style:none;display:flex}.metier-faq-item summary::-webkit-details-marker{display:none}.metier-faq-item summary svg{color:var(--kb-violet);flex:none;transition:transform .25s}.metier-faq-item[open] summary svg{transform:rotate(180deg)}.metier-faq-item summary:focus-visible{outline:2px solid var(--kb-violet);outline-offset:2px;border-radius:16px}.metier-faq-item p{color:var(--text-muted);margin:0;padding:0 22px 20px;font-size:15px;line-height:1.7}.metier-others-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1180px,100%);margin:0 auto;padding:0;list-style:none;display:grid}.metier-others-list a{border:1px solid var(--border);background:var(--surface);height:100%;color:var(--text);border-radius:18px;flex-direction:column;gap:6px;padding:22px 46px 22px 22px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;position:relative}.metier-others-list a:hover{border-color:var(--kb-violet);transform:translateY(-2px)}.metier-others-list strong{font-size:16px}.metier-others-list small{color:var(--text-muted);font-size:13.5px;line-height:1.5}.metier-others-list svg{color:var(--kb-violet);position:absolute;top:22px;right:18px}@media (width<=1100px){.metier-cards-4,.metier-steps,.metier-others-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.metier-hero{padding:130px 24px 80px}.metier-hero-inner{grid-template-columns:1fr;gap:40px}.metier-ticket{width:min(520px,100%)}.metier-cards-3{grid-template-columns:1fr}.metier-features{grid-template-columns:1fr;gap:0}}@media (width<=640px){.metier-hero{border-radius:0 0 28px 28px;padding:112px 16px 64px}.metier-hero h1{font-size:clamp(2.05rem,9.5vw,2.6rem)}.metier-lede{font-size:16px}.metier-hero-actions .large{justify-content:center;width:100%}.metier-ticket{border-radius:20px;padding:18px}.metier-ticket dl>div{grid-template-columns:1fr;gap:2px;padding:9px 0}.site-shell.metier-page .section{padding:64px 16px}.metier-prose p{font-size:16px}.metier-cards-4,.metier-steps,.metier-others-list,.metier-plans{grid-template-columns:1fr}.metier-card{padding:22px 20px}.metier-faq-item summary{padding:16px 18px;font-size:15px}.metier-faq-item p{padding:0 18px 18px}}