:root{--brand:#cd75d8;--purple:#92579d;--ink:#423847;--muted:#7d7480;--line:#e9e1eb;--pale:#f8f3f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fffdfb;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:0;background:white;z-index:2}header{max-width:1240px;margin:auto;padding:25px 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:serif;font-size:24px;letter-spacing:2px;font-weight:600}.brand-icon{color:var(--brand);font-size:40px;line-height:1}.brand small{display:block;font:9px sans-serif;letter-spacing:3.5px;margin-top:2px}nav{display:flex;gap:30px;font-size:12px}.nav-cta{border:1px solid #d5bfdc;border-radius:30px;padding:9px 19px;font-size:12px;color:var(--purple)}.nav-cta span{margin-left:15px}.hero{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:60px 40px 50px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--purple);font-weight:600;margin:0 0 23px}h1,h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;letter-spacing:2px;line-height:1.7}h1{font-size:44px;margin:0 0 22px}h1 span{background:linear-gradient(transparent 74%,#ead4ee 74%)}.intro{color:var(--muted);line-height:2.3;margin-bottom:28px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--purple);color:white;border:0;border-radius:7px;padding:15px 23px;font-size:13px;transition:background .2s,transform .2s}.primary:hover{background:#794486;transform:translateY(-1px)}.micro{font-size:10px;color:var(--muted);margin:12px 0 0}.hero-art{position:relative;text-align:center}.hero-art svg{width:100%;max-height:400px}.art-note{font-family:serif;letter-spacing:2px;font-size:15px;margin-top:-26px;position:relative}.art-note span{display:block;font:10px sans-serif;letter-spacing:1.2px;color:#a295a5;margin-top:10px}.chapter{max-width:1070px;margin:10px auto 0;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1.5px}.consult{background:var(--pale);padding:60px max(40px,calc((100vw - 1070px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}h2{font-size:29px;margin:0 0 20px}.section-intro>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:2.3}.steps{display:flex;flex-direction:column;gap:14px;margin-top:30px;font-size:11px;color:#9a81a2}.steps span{border-bottom:1px solid #e5dbe8;padding-bottom:10px;max-width:210px}form{background:white;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 10px 35px #6c417306}.field-title,label{display:block;font-size:12px;font-weight:600;margin:0 0 15px}small{font-size:10px;font-weight:400;color:var(--muted)}.field-title small,label small{margin-left:10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.choices button{background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px 10px;text-align:left;color:var(--purple);display:flex;gap:8px;align-items:center}.choices span{color:var(--ink);font-size:11px}.choices button[aria-pressed=true]{border-color:var(--brand);background:#faf0fc;box-shadow:0 0 0 1px var(--brand)}textarea{resize:vertical;width:100%;min-height:100px;border:1px solid var(--line);border-radius:7px;padding:12px;font-size:12px;color:var(--ink);background:#fdfbfe}textarea::placeholder{color:#a69aaa}.input-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:5px 0 14px}.submit{width:100%}#error{color:#ad3c5b;font-size:12px;margin:0}.result{max-width:1070px;margin:50px auto;padding:36px;border:1px solid #ddc3e5;border-radius:14px;background:#fff} .result>p{max-width:850px}.next{background:var(--pale);padding:15px 24px;margin:22px 0;border-left:3px solid var(--brand)}.next p{margin:6px 0;font-size:13px}.text-link{font-size:12px;color:var(--purple);border-bottom:1px solid #d7bbdf;padding-bottom:5px}.result-promo{display:grid;grid-template-columns:1fr 300px;gap:35px;align-items:center;margin:30px 0 15px;padding-top:25px;border-top:1px solid var(--line)}.pr{font-size:10px;color:var(--muted);letter-spacing:1px}.result-promo h3{font-size:19px;font-family:serif}.result-promo p{font-size:12px;color:var(--muted)}.result-promo small{display:block;margin-top:12px}.result-promo img{max-width:100%;height:auto}.text-button{background:none;border:0;color:var(--purple);font-size:12px;padding:10px 0}.articles{max-width:1070px;margin:70px auto}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading .eyebrow{margin-bottom:12px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 30px}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:7px 18px;font-size:11px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white}#article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.article{display:block}.article-visual{height:155px;border-radius:9px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.article-visual::before{content:"";position:absolute;width:160px;height:160px;border:1px solid #ffffff99;border-radius:50%;transform:translate(55px,30px)}.article-visual span{font:56px serif;color:#fff;z-index:1;text-shadow:0 2px 10px #72527a22}.article:nth-child(3n+1) .article-visual{background:#d5bedc}.article:nth-child(3n+2) .article-visual{background:#d0d8ca}.article:nth-child(3n) .article-visual{background:#e8d3cc}.article-tag{font-size:10px;color:var(--purple);margin:13px 0 6px}.article h3{font-size:14px;font-weight:500;line-height:1.85;margin:0 0 7px}.article:hover h3{color:var(--purple)}.article-more{font-size:10px;color:var(--muted)}.about{text-align:center;background:var(--pale);padding:55px 25px 65px;border-top:1px solid var(--line)}.about-heart{display:block;font:45px serif;color:var(--brand);margin-bottom:15px}.about .eyebrow{margin-bottom:12px}.about p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:2.3;margin-bottom:25px}footer{max-width:1070px;margin:auto;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:16px}footer p{font-size:9px;color:var(--muted)}footer small{font-size:9px} [hidden]{display:none!important}@media(max-width:800px){header{padding:18px 22px}nav{display:none}.brand{font-size:18px}.brand-icon{font-size:30px}.nav-cta{font-size:10px;padding:7px 12px}.hero{padding:40px 25px 30px;gap:0}h1{font-size:31px}.intro{font-size:12px}.hero-art svg{min-height:250px}.art-note{font-size:11px}.art-note span{font-size:8px}.chapter{margin:0 25px}.consult{padding:40px 25px;gap:25px;grid-template-columns:1fr}.section-intro h2 br{display:none}.steps{flex-direction:row;margin-top:18px}.steps span{font-size:10px}.result,.articles{margin:40px 25px}.result{padding:25px}.result-promo{grid-template-columns:1fr}.result-promo>a{justify-self:center}.section-heading{gap:15px}h2{font-size:25px}#article-grid{gap:20px;grid-template-columns:repeat(2,1fr)}footer{padding:25px;flex-wrap:wrap}}@media(max-width:520px){.hero{grid-template-columns:1fr;position:relative}.hero-copy{z-index:1}.hero-art{margin:10px auto 0;width:80%}.hero-art svg{height:260px}.hero h1{font-size:34px}.hero .eyebrow{font-size:9px}.chapter span:last-child{display:none}form{padding:20px 16px}.choices{gap:8px}.choices span{font-size:10px}.choices button{padding:11px 7px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.article-visual{height:115px}.article h3{font-size:12px}.filters{gap:6px}.filters button{padding:6px 11px}.result-promo .primary{font-size:11px;gap:5px}.about h2{font-size:25px}.about p br{display:none}footer{display:block}footer p{margin:20px 0}.input-meta{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.article-status{font-size:11px;color:var(--muted);margin:-12px 0 22px}.filter-count{font-size:9px;opacity:.85;margin-left:4px}.more-articles{display:block;margin:32px auto 0;background:white;border:1px solid #d5bfdc;border-radius:30px;padding:12px 35px;font-size:12px;color:var(--purple)}.more-articles:hover{background:var(--pale)}

@media(max-width:520px){.field-title small{display:block;margin:5px 0 0}.input-meta{align-items:flex-start;gap:12px;font-size:10px;line-height:1.7}.input-meta>span:first-child{flex:1}.input-meta>span:last-child{flex-shrink:0}}
