.product-page-hero{padding:88px 0 76px}.product-page-hero h1{max-width:920px}.product-page-hero .container>p:last-child{max-width:730px}
.guide-section{padding:86px 0 96px;background:#fafaf9;border-top:1px solid var(--line)}.guide-section-alt{background:#f1f2f1}
.page-section-heading{max-width:760px;margin-bottom:40px}.page-section-heading .section-index{margin:0 0 16px}
.page-section-heading h2{margin:0;color:var(--ink-strong);font-size:clamp(34px,4vw,54px);font-weight:560;letter-spacing:-.045em;line-height:1.16;text-wrap:balance}
.page-section-heading>p:last-child:not(.section-index){max-width:650px;margin:19px 0 0;color:#5d626c;font-size:16px;line-height:1.8}
.source-options,.pricing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.source-options article,.pricing-plans article{padding:31px;border:1px solid var(--line);border-radius:13px;background:#fff}
.source-options article{min-height:255px}
.source-options article>span,.page-cta span,.pricing-plans article>span{color:var(--brand-deep);font-size:11px;font-weight:690;letter-spacing:.12em}
.source-options h3{margin:47px 0 12px;color:var(--ink-strong);font-size:23px;font-weight:580;letter-spacing:-.035em}
.source-options p,.feature-rows p{margin:0;color:#5d626c;font-size:14px;line-height:1.8}
.process-list{max-width:920px;margin:0;padding:0;list-style:none;border-top:1px solid #d8dad9}
.process-list li{display:grid;grid-template-columns:98px minmax(0,1fr);gap:20px;padding:26px 0 28px;border-bottom:1px solid #d8dad9}
.process-list li>span{color:var(--brand-deep);font-size:15px;font-weight:630}
.process-list h3,.feature-rows h3{margin:0 0 8px;color:var(--ink-strong);font-size:25px;font-weight:570;letter-spacing:-.03em}
.process-list p{max-width:68ch;margin:0;color:#5d626c;font-size:15px;line-height:1.8}
.page-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 36px;border:1px solid #d8e2e5;border-radius:14px;background:#edf3f3}
.page-cta h3{margin:13px 0 6px;color:var(--ink-strong);font-size:25px;font-weight:580;letter-spacing:-.035em}
.page-cta p{margin:0;color:#5d626c;font-size:14px;line-height:1.7}
.page-cta a{flex:none;display:inline-flex;align-items:center;gap:12px;min-height:47px;padding:0 19px;border-radius:7px;background:#1d1e25;color:#fff;font-size:13px;font-weight:620;text-decoration:none}
.page-cta a:hover{background:#353642}.page-cta a:focus-visible{outline:2px solid var(--brand-deep);outline-offset:3px}
.feature-rows{max-width:1020px;border-top:1px solid var(--line)}
.feature-rows article{display:grid;grid-template-columns:minmax(145px,.32fr) minmax(0,1fr);gap:28px;padding:27px 0;border-bottom:1px solid var(--line)}
.feature-rows article>span{padding-top:7px;color:var(--brand-deep);font-size:11px;font-weight:690;letter-spacing:.1em}
.feature-rows h3{font-size:23px}
.boundary-table{overflow:hidden;border:1px solid #d9dada;border-radius:12px;background:#fff}
.boundary-table>div{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);border-bottom:1px solid #e5e5e5}
.boundary-table>div:last-child{border-bottom:0}.boundary-table>div:first-child{background:#e9eceb}
.boundary-table span,.boundary-table strong{padding:17px 20px;color:#3c4249;font-size:14px;font-weight:430;line-height:1.6}
.boundary-table strong{color:var(--ink-strong);font-weight:650}
.boundary-table [role=cell]:first-child,.boundary-table [role=columnheader]:first-child{border-right:1px solid #e5e5e5}
.pricing-plans article{display:flex;flex-direction:column;min-height:356px}.pricing-plans .plan-featured{border-color:#95b8c6;background:#f5fafb}
.plan-amount{display:flex;align-items:baseline;gap:6px;margin:34px 0 10px}.plan-amount strong{color:var(--ink-strong);font-size:52px;font-weight:590;letter-spacing:-.055em;line-height:1}.plan-amount small{color:#606673;font-size:15px}
.pricing-plans p{min-height:40px;margin:0 0 23px;color:#5d626c;font-size:14px;line-height:1.6}
.pricing-plans ul{display:grid;gap:11px;margin:auto 0 0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}
.pricing-plans li{color:#343943;font-size:14px;line-height:1.55}.pricing-plans li::before{content:'✓';margin-right:9px;color:var(--brand-deep)}
.pricing-caveat{max-width:850px;margin:19px 0 0;color:#616672;font-size:13px;line-height:1.7}
.pricing-compare>div{grid-template-columns:minmax(170px,1.15fr) minmax(110px,.55fr) minmax(140px,.7fr)}
.pricing-compare [role=cell]:nth-child(2),.pricing-compare [role=columnheader]:nth-child(2){border-right:1px solid #e5e5e5}
.faq-list{max-width:920px;margin-bottom:46px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{position:relative;padding:22px 30px 22px 0;color:var(--ink-strong);font-size:17px;font-weight:570;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:0;color:var(--brand-deep);font-size:21px;font-weight:400}.faq-list details[open] summary::after{content:'−'}
.faq-list details p{max-width:72ch;margin:-2px 0 23px;color:#5d626c;font-size:14px;line-height:1.8}
.desktop-nav a[aria-current=page]{color:var(--ink-strong)}
.journal-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit;text-decoration:none}
.journal-feature:hover .journal-copy strong{text-decoration:underline;text-underline-offset:4px}
.journal-feature:focus-visible{outline:2px solid var(--brand-deep);outline-offset:4px}
.journal-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;min-height:365px;background:radial-gradient(circle at 65% 35%,#d2e8e3,#e8eded 62%,#f1f2ef);color:#326d68;font-size:12px;font-weight:680;letter-spacing:.18em}
.journal-wave{color:#2e7b77;font-size:36px;letter-spacing:.17em}
.journal-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:50px}
.journal-copy>span{color:var(--brand-deep);font-size:11px;font-weight:680;letter-spacing:.1em}
.journal-copy h2{max-width:22ch;margin:21px 0 15px;color:var(--ink-strong);font-size:clamp(27px,3vw,40px);font-weight:580;letter-spacing:-.04em;line-height:1.23}
.journal-copy p{max-width:52ch;margin:0;color:#5d626c;font-size:15px;line-height:1.8}
.journal-copy strong{margin-top:30px;color:var(--brand-deep);font-size:14px;font-weight:650}
@media(max-width:900px){.source-options,.pricing-plans{grid-template-columns:1fr}.source-options article,.pricing-plans article{min-height:auto}.source-options h3{margin-top:28px}}
@media(max-width:900px){.journal-feature{grid-template-columns:1fr}.journal-art{min-height:250px}.journal-copy{padding:35px}}
@media(max-width:640px){.product-page-hero{padding:72px 0 58px}.guide-section{padding:54px 0 65px}.page-section-heading{margin-bottom:29px}.page-section-heading>p:last-child:not(.section-index){font-size:14px}.source-options article,.pricing-plans article{padding:25px}.process-list li{grid-template-columns:43px minmax(0,1fr);gap:12px}.process-list h3{font-size:21px}.process-list p{font-size:14px}.page-cta{align-items:stretch;flex-direction:column;padding:26px}.page-cta a{justify-content:center}.feature-rows article{grid-template-columns:1fr;gap:8px}.boundary-table{overflow-x:auto}.boundary-table>div{min-width:540px}.pricing-compare>div{min-width:580px}.boundary-table span,.boundary-table strong{padding:13px 14px;font-size:12px}}
@media(max-width:640px){
  .boundary-table{overflow:visible;border:0;border-radius:0;background:transparent}
  .boundary-table>div,.pricing-compare>div{grid-template-columns:minmax(0,1fr);min-width:0;gap:7px;margin-bottom:10px;padding:17px;border:1px solid #d9dada;border-radius:10px;background:#fff}
  .boundary-table>div:first-child{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .boundary-table span,.boundary-table strong{padding:0;font-size:13px;overflow-wrap:anywhere}
  .boundary-table [role=cell]:first-child,.pricing-compare [role=cell]:nth-child(2){border-right:0}
  .boundary-table [role=cell]:first-child{color:var(--ink-strong);font-size:14px;font-weight:650}
  .pricing-compare>div{gap:0}
  .pricing-compare [role=cell]:nth-child(n+2){display:flex;justify-content:space-between;gap:14px;padding-top:10px;margin-top:10px;border-top:1px solid #e5e5e5}
  .pricing-compare [role=cell]:nth-child(n+2)::before{flex:none;color:#69707b;font-size:12px;font-weight:600}
  html[lang=en] .pricing-compare [role=cell]:nth-child(2)::before{content:'Free'}
  html[lang=en] .pricing-compare [role=cell]:nth-child(3)::before{content:'Monthly / Annual'}
  html[lang=ja] .pricing-compare [role=cell]:nth-child(2)::before{content:'無料'}
  html[lang=ja] .pricing-compare [role=cell]:nth-child(3)::before{content:'月額・年額'}
}
@media(prefers-contrast:more){.guide-section-alt,.page-cta,.pricing-plans .plan-featured{background:#fff}.source-options article,.pricing-plans article,.boundary-table{border-color:var(--ink-strong)}}

/* Interior pages use the same graphite and silver as the SaidTrace mark. */
.guide-section{background:#fcfcfd}
.guide-section-alt{background:var(--site-canvas)}
.page-cta{border-color:#cbd3da;background:#f5f7f8}
.boundary-table>div:first-child{background:#f1f4f6}
.pricing-plans .plan-featured{border-color:#a9b6c0;background:#f8f9fa}
.journal-art{background:#f1f4f6;color:#4f5f6d}
.journal-wave{color:#667684}
.page-cta a{background:#1d2229}
.page-cta a:hover{background:#35404b}
@media(prefers-contrast:more){.guide-section-alt,.page-cta,.pricing-plans .plan-featured{background:#fff}}
