/* Five local previews only; values follow the approved homepage and book page. */
body.phase3-unified{--brand:#174b5c;--ink:#25343b;--wash:#f3f7f8;--line:#dce4e7;--section-space:64px;background:#fff;color:var(--ink);font:400 16px/1.75 sora,Arial,sans-serif}
body.phase3-unified main h1{font:700 clamp(44px,4vw,56px)/1.08 cormorantgaramond,Georgia,serif;margin:0 0 24px;color:var(--brand);text-wrap:balance}
body.phase3-unified main h2{line-height:1.14;margin-bottom:18px}
body.phase3-unified main p,body.phase3-unified main li{line-height:1.75}
body.phase3-unified .about-hero,body.phase3-unified .contact-hero,body.phase3-unified .visual-hero-listing,body.phase3-unified .unified-blog-hero{padding:56px 0;background:var(--wash);border-bottom:1px solid var(--line);text-align:left}
body.phase3-unified .about-hero p,body.phase3-unified .contact-hero p{max-width:54rem;margin:0;font-size:17px;color:#4b5b63}
body.phase3-unified .about-hero .site-shell,body.phase3-unified .contact-hero .site-shell{text-align:left}
body.phase3-unified .target-hero-layout{gap:48px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
body.phase3-unified .target-image-figure{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}
body.phase3-unified .target-image-figure img{aspect-ratio:3/2;object-fit:contain;max-height:320px}
body.phase3-unified .visual-hero-listing .visual-hero-title{font:600 20px/1.45 sora,Arial,sans-serif;max-width:32rem;margin:0 0 18px}
body.phase3-unified .eyebrow{font:600 12px/1.5 sora,Arial,sans-serif;letter-spacing:.08em;color:#148487;margin-bottom:12px}
body.phase3-unified .blog-listing-header{padding:0;margin:0;border:0;border-radius:0;background:transparent}
body.phase3-unified .blog-listing-header h1{margin-bottom:24px}
body.phase3-unified .button{font:600 15px/1.4 sora,Arial,sans-serif;padding:.85rem 1.4rem;min-height:48px;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background-color .2s,border-color .2s}
body.phase3-unified .button-primary{background:var(--brand);color:#fff;border:1px solid var(--brand)}
body.phase3-unified .button-primary:hover{background:#123d4b;color:#fff;border-color:#123d4b}
body.phase3-unified .button-light{background:#fff;color:var(--brand);border:1px solid var(--line)}
body.phase3-unified .button-light:hover{background:var(--wash);color:var(--brand)}
body.phase3-unified main a:focus-visible,body.phase3-unified main button:focus-visible{outline:3px solid #e8a33d;outline-offset:4px}
body.phase3-unified .about-section,body.phase3-unified .how-we-work{padding-block:var(--section-space)}
body.phase3-unified .about-overview,body.phase3-unified .about-quality{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px);align-items:center}
body.phase3-unified .about-overview>img,body.phase3-unified .about-quality>img{height:auto;max-height:480px;object-fit:contain;background:var(--wash)}
body.phase3-unified .about-card-row{gap:20px}
body.phase3-unified .about-card-row article,body.phase3-unified .work-step-grid>div{padding:24px;border-radius:4px;box-shadow:0 3px 12px rgba(23,75,92,.035)}
body.phase3-unified .about-equipment{padding:28px}
body.phase3-unified .contact-intro{padding-block:56px;gap:48px;grid-template-columns:1.1fr 1fr}
body.phase3-unified .consultation-figure img{max-height:320px;object-fit:contain}
body.phase3-unified .contact-panel{padding-block:56px}
body.phase3-unified .contact-info-box,body.phase3-unified .contact-form-box{border-radius:4px;padding:32px}
body.phase3-unified .contact-info-box h2,body.phase3-unified .contact-form-box h2{font-size:clamp(30px,2.7vw,38px)}
body.phase3-unified .contact-method{background:#fff;padding:18px 0}
body.phase3-unified .contact-panel .inquiry-form .button{font:600 15px/1.4 sora,Arial,sans-serif;padding:.85rem 1.4rem;min-height:48px;border-radius:4px;background:#174b5c;color:#fff;border:1px solid #174b5c}
body.phase3-unified .contact-panel .inquiry-form .button:hover{background:#123d4b}
body.phase3-unified .work-step-grid{text-align:left}
body.phase3-unified .listing-content{padding-block:48px 64px}
body.phase3-unified .content-card,body.phase3-unified .gpcc-card{border:1px solid var(--line);border-radius:4px;box-shadow:0 3px 12px rgba(23,75,92,.035);background:#fff;transition:border-color .2s,box-shadow .2s}
body.phase3-unified .content-card:hover,body.phase3-unified .gpcc-card:hover{border-color:#17a3a5;box-shadow:0 6px 18px rgba(23,75,92,.075)}
body.phase3-unified .card-body{padding:24px}
body.phase3-unified .content-card .card-body h2{font:600 19px/1.4 sora,Arial,sans-serif;margin-bottom:14px;color:var(--brand)}
body.phase3-unified .card-body>.button{margin-top:auto;align-self:flex-start;font:600 15px/1.4 sora,Arial,sans-serif}
body.phase3-unified .card-body .robot-card-author{margin-top:0!important}
body.phase3-unified .blog-archive-layout{gap:28px}
body.phase3-unified .blog-sidebar{border-radius:4px;padding:24px;top:104px}
body.phase3-unified .listing-filter-box{margin:0 0 28px;padding:22px}
body.phase3-unified .gpcc-brand .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.phase3-unified .gpcc-nav{min-height:84px;padding-block:10px}
body.phase3-unified .gpcc-brand img{width:192px;max-height:64px;object-fit:contain}
body.phase3-unified .gpcc-nav a{text-decoration:none}
body.phase3-unified .gpcc-nav a:hover{color:var(--brand);text-decoration:underline;text-underline-offset:.4rem}
body.phase3-unified .knowledge-hero{padding-block:56px;gap:40px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:var(--wash)}
body.phase3-unified .knowledge-hero h1{max-width:640px}
body.phase3-unified .knowledge-mini-flow{max-width:470px}
body.phase3-unified .gpcc-container>section:not(.phase3-cta){margin-block:56px}
body.phase3-unified .gpcc-card{padding:24px;display:flex;flex-direction:column}
body.phase3-unified .gpcc-card h2{font:600 19px/1.4 sora,Arial,sans-serif;margin-bottom:14px}
body.phase3-unified .gpcc-card h3{font:600 19px/1.4 sora,Arial,sans-serif;margin-bottom:14px}
body.phase3-unified .gpcc-card p{font:400 15px/1.75 sora,Arial,sans-serif;color:#4b5b63}
body.phase3-unified .gpcc-card a:not(.button){color:var(--brand)}
body.phase3-unified .gpcc-pill{background:#fff;border-radius:4px}
body.phase3-unified .gpcc-pill:hover{border-color:#17a3a5;background:var(--wash)}
body.phase3-unified .gpcc-panel{background:var(--wash);padding:32px;border-radius:4px}
/* Exact approved homepage ending: colorful paper, middle copy, right action. */
body.phase3-unified .phase3-cta{grid-template-columns:34% minmax(0,1fr) auto;gap:1.8rem;min-height:160px;padding:16px max(3rem,calc((100vw - 90rem)/2)) 16px 1rem;background:#104d60}
body.phase3-unified .phase3-cta>*{position:relative;z-index:1}
body.phase3-unified .phase3-cta-art{height:128px}
body.phase3-unified .phase3-cta::before{width:32%;height:128px}
body.phase3-unified .phase3-cta h2{font:700 clamp(28px,2.5vw,36px)/1.14 cormorantgaramond,Georgia,serif;color:#fff;margin:0 0 12px}
body.phase3-unified .phase3-cta p{font:400 16px/1.65 sora,Arial,sans-serif;color:#fff;max-width:32rem;margin:0}
body.phase3-unified .phase3-cta .button{background:#fff;color:var(--brand)}
body.phase3-unified .phase3-cta .button:hover{background:var(--wash)}
@media(max-width:1100px){body.phase3-unified .target-hero-layout{gap:28px}body.phase3-unified .phase3-cta{grid-template-columns:30% minmax(0,1fr) auto;gap:20px;padding-right:24px}body.phase3-unified .knowledge-hero{grid-template-columns:1fr;gap:24px}}
@media(max-width:900px){body.phase3-unified{--section-space:48px}body.phase3-unified .about-overview,body.phase3-unified .about-quality{gap:28px}body.phase3-unified .contact-intro{gap:28px}body.phase3-unified .phase3-cta{grid-template-columns:1fr;min-height:0;padding:8px 24px 28px;gap:0}body.phase3-unified .phase3-cta-art{width:min(80%,384px);height:112px;margin:auto}body.phase3-unified .phase3-cta-copy{padding:16px 0;text-align:center}body.phase3-unified .phase3-cta h2{text-align:center}body.phase3-unified .phase3-cta p{margin:auto}body.phase3-unified .phase3-cta::before{left:10%;top:8px;width:80%;height:112px}body.phase3-unified .phase3-cta-actions{justify-content:center}}
@media(max-width:700px){body.phase3-unified{--section-space:40px}body.phase3-unified main h1{font-size:clamp(32px,8.4vw,40px);margin-bottom:20px}body.phase3-unified main h2{font-size:32px}body.phase3-unified .about-hero,body.phase3-unified .contact-hero,body.phase3-unified .visual-hero-listing,body.phase3-unified .unified-blog-hero{padding:36px 0}body.phase3-unified .about-hero p,body.phase3-unified .contact-hero p{font-size:16px}body.phase3-unified .target-hero-layout{grid-template-columns:1fr;gap:24px}body.phase3-unified .target-image-figure img{max-height:260px}body.phase3-unified .about-overview,body.phase3-unified .about-quality,body.phase3-unified .contact-intro{grid-template-columns:1fr;gap:24px}body.phase3-unified .contact-intro,body.phase3-unified .contact-panel{padding-block:36px}body.phase3-unified .contact-info-box,body.phase3-unified .contact-form-box{padding:24px}body.phase3-unified .contact-info-box h2,body.phase3-unified .contact-form-box h2{font-size:30px}body.phase3-unified .consultation-figure img{max-height:250px}body.phase3-unified .listing-content{padding-block:36px 40px}body.phase3-unified .knowledge-hero{padding-block:36px;gap:20px}body.phase3-unified .knowledge-mini-flow{max-width:214px}body.phase3-unified .gpcc-container>section:not(.phase3-cta){margin-block:40px}body.phase3-unified .gpcc-nav{min-height:72px}body.phase3-unified .gpcc-brand img{width:160px}body.phase3-unified .gpcc-card,body.phase3-unified .card-body,body.phase3-unified .work-step-grid>div{padding:22px}body.phase3-unified .gpcc-card h2,body.phase3-unified .content-card .card-body h2{font-size:20px}body.phase3-unified .gpcc-card h3{font-size:19px}body.phase3-unified .phase3-cta h2{font-size:32px}}
