.reference-page{--page-line:#e3e8e5;--page-soft:#f7f8f7;color:#111814;background:#fff}
.reference-page .container{width:min(1280px,calc(100% - 56px))}
.reference-page .page-hero,.inner-hero{padding:74px 0 64px;background:#f7f8f7;color:#111814;border-bottom:1px solid var(--page-line)}
.reference-page .page-hero .eyebrow,.inner-hero .eyebrow{color:#0b6655}
.reference-page .page-hero h1,.inner-hero h1{max-width:900px;margin:12px 0 18px;color:#111814;font-size:clamp(2.8rem,5vw,5rem);font-weight:650;line-height:1.02;letter-spacing:-.055em}
.reference-page .page-hero .lead,.inner-hero .lead{max-width:760px;margin:0;color:#68726d;font-size:1.02rem;line-height:1.75}
.reference-page .section,.inner-section{padding:72px 0}.reference-page .section-soft,.inner-section.soft{background:var(--page-soft);border-block:1px solid var(--page-line)}
.reference-page .section-dark{background:#101713;color:#fff}.reference-page .section-dark .eyebrow{color:#8ec7b7}.reference-page .section-dark .lead{color:#b7c0bc}
.reference-page .section-title,.inner-title{margin:8px 0 18px;color:#111814;font-size:clamp(2rem,3.4vw,3.4rem);font-weight:650;line-height:1.1;letter-spacing:-.035em}
.inner-lead{max-width:780px;color:#68726d;font-size:1rem;line-height:1.75}
.reference-page .service-grid{gap:14px}.reference-page .service-card{height:100%;padding:25px;border-color:var(--page-line);border-radius:10px;box-shadow:none}.reference-page .service-num,.reference-page .eyebrow{color:#0b6655}
.reference-page .insight-grid{gap:16px}.reference-page .insight-card{border-color:var(--page-line);border-radius:10px;box-shadow:none}.reference-page .insight-card .cover{height:150px;background:#edf3f0;color:#0b6655}.reference-page .insight-card a{color:#0b6655}
.reference-page .detail-row{gap:42px;padding:42px 0;border-color:var(--page-line)}.reference-page .category-visual{height:220px;border-radius:10px;background:#f2f5f3}.reference-page .notice{border-left-color:#0b6655;background:#eef6f3}
.reference-page .article{max-width:860px}.reference-page .article h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.06}.reference-page .article h2{color:#17201b}.reference-page .article a{color:#0b6655}
.reference-page .cta-panel{background:#0b6655;border-radius:12px}.reference-page .btn-primary,.request-form .btn{background:#0b6655}.reference-page .btn-primary:hover,.request-form .btn:hover{background:#084a3f}
.about-intro{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.about-intro figure{margin:0;overflow:hidden;border:1px solid var(--page-line);border-radius:12px;background:#f2f5f3;box-shadow:none}.about-intro img{width:100%;height:auto;object-fit:contain}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.principle-card{height:100%;padding:25px;border:1px solid var(--page-line);border-radius:10px;background:#fff;box-shadow:none}.principle-card span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf4f0;color:#0b6655;font-weight:800}.principle-card h3{margin:16px 0 8px;color:#111814;font-size:1.05rem}.principle-card p{margin:0;color:#68726d;font-size:.88rem;line-height:1.65}
.buyer-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0 0;padding:0;list-style:none}.buyer-strip li{padding:17px 12px;border:1px solid var(--page-line);border-radius:9px;background:#fff;color:#17201b;text-align:center;font-weight:700}
.request-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:34px;align-items:start}.request-form{display:grid;gap:18px;padding:32px;border:1px solid var(--page-line);border-radius:12px;background:#fff;box-shadow:none}.request-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-form .field label{color:#1b2b24}.request-form .field input,.request-form .field select,.request-form .field textarea{min-height:48px;padding:13px 14px;border:1px solid #cdd6d2;border-radius:7px}.request-form .field textarea{min-height:150px}.request-form .consent{display:flex;align-items:flex-start;gap:9px}.request-form .consent input{flex:0 0 auto;margin-top:5px}.request-form .btn{justify-self:start;min-width:220px;border-radius:999px}
.status-msg.success{display:block;background:#e9f7ef;color:#17623a}.status-msg.error{display:block;background:#fff0f0;color:#9a2727}
.direct-card{position:sticky;top:102px;padding:30px;border-radius:12px;background:#101713;color:#fff;box-shadow:none}.direct-card h2{margin:8px 0 24px;font-size:1.55rem;line-height:1.2}.direct-card .eyebrow{color:#8ec7b7}.direct-item{padding:17px 0;border-top:1px solid rgba(255,255,255,.15)}.direct-item:first-of-type{border-top:0}.direct-item strong{display:block;margin-bottom:4px;color:#9bd1c2;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.direct-item a{color:#fff}
.inner-cta{padding:0 0 68px}.inner-cta .cta-inner{padding:30px 48px;border-radius:12px}
.reference-page .footer{background:#fff;color:#111814}.reference-page .footer a{color:#59635e}.reference-page .footer h4{color:#111814}.reference-page .footer .brand-cn{color:#111814!important}.reference-page .footer .brand-meta{width:auto;text-align:left}.reference-page .footer .brand{align-items:flex-start;max-width:none}.reference-page .footer .brand img{width:180px!important;height:auto!important}
@media(max-width:900px){.about-intro,.request-layout{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr 1fr}.buyer-strip{grid-template-columns:1fr 1fr}.direct-card{position:static}}
@media(max-width:720px){.reference-page .container{width:calc(100% - 32px)}.reference-page .page-hero,.inner-hero{padding:52px 0 46px}.reference-page .page-hero h1,.inner-hero h1{font-size:clamp(2.3rem,11vw,3rem);overflow-wrap:anywhere}.reference-page .page-hero .lead,.inner-hero .lead{font-size:.96rem;line-height:1.65}.reference-page .section,.inner-section{padding:50px 0}.principle-grid{grid-template-columns:1fr}.buyer-strip{grid-template-columns:1fr 1fr}.request-form{padding:22px 17px}.request-form .form-row{grid-template-columns:1fr}.request-form .btn{width:100%}.inner-cta{padding-bottom:48px}.inner-cta .cta-inner{padding:28px 22px}.reference-page .detail-row{padding:30px 0}.reference-page .category-visual{height:190px}}