@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#20263d;--muted:#687287;--purple:#8055df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;background:#fbfbff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #a78bfa;outline-offset:4px}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:30;background:rgba(20,23,52,.94);backdrop-filter:blur(18px);color:#fff;border-bottom:1px solid #ffffff20}.nav{min-height:73px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:21px;font-weight:800;letter-spacing:.02em}.logo-mark{width:37px;height:37px;border:1px solid #bcb2ff;border-radius:11px;display:grid;place-items:center;color:#d9c2ff;background:#ffffff13;font-size:24px}.logo small{display:block;font-size:10px;font-weight:500;letter-spacing:.03em;color:#c5c7df;margin-top:-3px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}.desktop-nav a{font-size:12px;font-weight:700;color:#e5e3f5;white-space:nowrap}.desktop-nav a:hover{color:#c4b5fd}.nav-cta{font-size:12px;font-weight:800;border-radius:99px;padding:11px 16px;background:#ffffff1d;border:1px solid #ffffff38;white-space:nowrap}.nav-cta span{margin-left:8px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#49407d 0,transparent 35%),linear-gradient(115deg,#171c42 5%,#292650 60%,#3a376b 100%);color:#fff}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 100%,#9864c155,transparent 45%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:470px;padding:64px 0 75px}.eyebrow{font-size:13px;color:#ddd4ff;font-weight:700;letter-spacing:.04em}.sparkle{color:#e5c6ff}.hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.28;letter-spacing:-.06em;margin:18px 0 19px;font-weight:900}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#e4b7ff,#fff 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:15px;line-height:2;color:#e0e0f1;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;border-radius:99px;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-main{background:linear-gradient(105deg,#d56ce9,#8055ef 80%,#5d74f1);box-shadow:0 10px 30px #8450e050;color:#fff}.btn-ghost{border:1px solid #ffffff66;color:#f2edff}.hero-mini{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:11px;color:#d9d9f4}.hero-visual{position:relative;min-height:360px;display:grid;place-items:center}.hero-photo{width:100%;height:345px;background:url('assets/hero-workspace.webp') center/cover;border-radius:34px;box-shadow:0 30px 75px #05071c80;border:1px solid #ffffff35;mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 100%)}.float-card{position:absolute;background:#ffffffed;color:#2d2e50;box-shadow:0 12px 30px #0002;border-radius:17px;padding:12px 18px;font-weight:800;font-size:12px}.top-float{top:0;right:0}.top-float span{color:#8e54e8;font-size:18px}.bottom-float{bottom:0;left:-8px;display:flex;align-items:center;gap:9px}.bottom-float b{font-size:36px;line-height:1;color:#8a55e9}.bottom-float span{max-width:100px}.hero-bottom{height:13px;background:linear-gradient(90deg,#ba82e7,#7b75e8,#80a5ec)}.guide-section{padding:76px 0 80px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.overline{font-size:11px;font-weight:900;letter-spacing:.16em;color:#8659c6}.section-head h2,.path-heading h2,.closing h2{font-size:clamp(28px,3.4vw,40px);line-height:1.4;letter-spacing:-.05em;margin:7px 0 0;font-weight:900}.section-head p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.guide-card{display:block;background:#fff;border:1px solid #e6e8f2;border-radius:23px;overflow:hidden;box-shadow:0 10px 27px #2d31620b;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px #39316b22}.card-photo{height:165px;position:relative;overflow:hidden;background:#f2efff}.card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.guide-card:hover img{transform:scale(1.045)}.card-number{position:absolute;top:12px;left:12px;border-radius:8px;background:#191c3dcc;color:#fff;font-size:10px;letter-spacing:.06em;padding:6px 9px;font-weight:800}.card-body{padding:18px}.chip{display:inline-block;padding:5px 10px;border-radius:99px;font-size:10px;font-weight:800;background:#e6f8ef;color:#1b835e}.blue .chip{background:#e8f2ff;color:#3570b9}.violet .chip{background:#f0e8ff;color:#8053c2}.orange .chip{background:#fff0df;color:#c8752b}.card-body h3{font-size:19px;letter-spacing:-.05em;margin:10px 0 7px;font-weight:900}.card-body p{font-size:12px;line-height:1.85;color:#677185;min-height:68px;margin:0}.accent-number{color:#e78a33}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f5;margin-top:13px;padding-top:12px;font-size:11px;font-weight:800;color:#728095}.arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#45b78c;color:#fff;font-size:19px}.blue .arrow{background:#528ce7}.violet .arrow{background:#9465dd}.orange .arrow{background:#f39b52}.path-section{background:linear-gradient(115deg,#f2f2ff,#f6efff 50%,#eef5ff);padding:49px 0 56px}.path-heading{text-align:center}.path-heading h2{font-size:30px}.path-heading p{font-size:13px;color:#677185}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.path-grid>a{display:flex;align-items:center;gap:13px;background:#ffffffdf;border:1px solid #fff;border-radius:19px;padding:17px;box-shadow:0 6px 20px #5c58a00d}.path-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#f0edff;font-size:24px;flex-shrink:0}.path-grid a>div{display:flex;flex-direction:column;gap:2px;min-width:0}.path-grid small{font-size:10px;color:#9165d5;font-weight:900}.path-grid b{font-size:13px}.path-grid a div span{font-size:11px;color:#788194}.path-arrow{margin-left:auto;color:#8d66d7;font-size:22px}.feature-section{padding:68px 0 75px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefits>div{padding:10px 15px;border-right:1px solid #e9e7f2}.benefits>div:last-child{border:0}.benefit-icon{display:grid;place-items:center;width:56px;height:56px;background:#f1edff;border-radius:19px;font-size:27px}.benefits h3{font-size:16px;margin:14px 0 6px}.benefits p{font-size:12px;line-height:1.85;color:#778094;margin:0}.closing{background:linear-gradient(110deg,#282852,#4d367e 70%,#7157ad);color:#fff;padding:53px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing .overline{color:#d4c0ff}.closing h2{font-size:27px}.closing p{font-size:13px;color:#e4dff1}.footer{background:#171b37;color:#e3e4f4;padding:32px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px}.footer-inner b{font-size:20px}.footer-inner p,.fineprint{font-size:11px;color:#9da4c4}.footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.fineprint{padding-top:25px}.mobile-only{display:none}@media(max-width:1050px){.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}.guide-grid{grid-template-columns:repeat(2,1fr)}.card-photo{height:190px}.card-body p{min-height:0}}@media(max-width:760px){.shell{width:min(100% - 32px,1180px)}.nav{min-height:62px}.desktop-nav{display:none}.nav-cta{margin-left:auto;font-size:11px}.logo{font-size:18px}.hero-grid{grid-template-columns:1fr;min-height:0;padding:42px 0 58px;gap:28px}.hero h1{font-size:clamp(39px,10vw,56px)}.hero-copy>p{font-size:13px}.hero-actions{gap:9px}.btn{font-size:12px;padding:13px 16px}.hero-mini{gap:10px;font-size:10px}.hero-visual{min-height:250px}.hero-photo{height:240px;mask-image:none}.top-float{top:-10px;right:-4px}.bottom-float{bottom:-12px;left:5px}.guide-section{padding:48px 0 55px}.section-head{display:block;margin-bottom:24px}.section-head p{margin-top:13px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-photo{height:120px}.card-body{padding:13px}.card-body h3{font-size:15px;line-height:1.4}.card-body p{font-size:11px;line-height:1.7;min-height:91px}.chip{font-size:9px;padding:4px 7px}.card-foot{font-size:10px}.arrow{width:27px;height:27px}.path-section{padding:40px 0}.path-grid{grid-template-columns:1fr;gap:10px}.feature-section{padding:50px 0}.benefits{grid-template-columns:repeat(2,1fr);gap:18px 0}.benefits>div:nth-child(2){border:0}.closing-inner{display:block}.closing .btn{margin-top:14px}.footer-inner{display:block}.footer-links{margin-top:25px}.mobile-only{display:block}}@media(max-width:390px){.guide-grid{grid-template-columns:1fr}.card-photo{height:185px}.card-body p{min-height:0}.hero-actions .btn{width:100%}.hero-mini{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* v15: fifth expert site */
.advanced-card{background:linear-gradient(145deg,#faf7ff,#eef6ff)}
@media(min-width:1100px){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}