/*
Theme Name: SEO Niche Bridge
Author: SEO Niche Bridge
Description: An editorial, bilingual publishing-service website inspired by the approved Stitch direction.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: seo-niche-bridge
*/
:root{--ink:#111b32;--blue:#2251d1;--paper:#f7f6f2;--line:#dcdedc;--muted:#626a78;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0 0 20px}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(42px,5.4vw,76px);font-weight:600}h2{font-size:clamp(30px,3.7vw,48px);font-weight:550}h3{font-size:24px;font-weight:550}p{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ecaa45;outline-offset:5px}a:hover{color:var(--blue)}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.site-header{background:#f7f6f2f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.admin-bar .site-header{top:32px}.header-inner{max-width:1440px;margin:auto;padding:20px 40px;display:flex;align-items:center;gap:32px;position:relative}.brand{display:flex;width:215px;flex-shrink:0}.brand img{width:100%;height:auto;mix-blend-mode:multiply}.desktop-nav{display:flex;gap:26px;margin-left:auto;font-size:14px}.header-actions{display:flex;align-items:center;gap:20px}.language{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;background:var(--blue);color:white;border:1px solid var(--blue);font-size:14px;font-weight:600;cursor:pointer;line-height:1.5}.button:hover{background:#153dac;color:white}.button.small{padding:12px 16px;font-size:13px;white-space:nowrap}.button.secondary{background:transparent;color:var(--ink);border-color:#b4bac3}.button.secondary:hover{border-color:var(--ink);background:white}.button-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:32px}.text-link{display:inline-block;color:var(--blue);font-size:14px;font-weight:600;border-bottom:1px solid #2251d140;padding-bottom:4px}.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:650;color:var(--blue);margin-bottom:22px}.section{padding-block:90px}.section.white{background:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-head p{max-width:430px;margin:0}.section-head h2{margin:0}.hero{padding:76px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center}.hero-copy{padding-bottom:64px}.hero-copy .intro{max-width:550px;font-size:18px;line-height:1.7}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue);font-style:italic}.hero-note{font-size:12px;margin-top:20px;color:#6c7482}.hero-art{position:relative;min-height:500px;align-self:stretch;background:#eaece8;background-image:linear-gradient(#fff7 1px,transparent 1px),linear-gradient(90deg,#fff7 1px,transparent 1px);background-size:40px 40px;overflow:hidden}.bridge-illustration{width:100%;height:100%;min-height:440px;display:block}.art-caption{position:absolute;left:26px;top:24px;font-size:10px;letter-spacing:.13em;color:#697380}.art-bottom{position:absolute;left:26px;right:26px;bottom:22px;padding-top:13px;border-top:1px solid #aab2b5;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;gap:28px;margin-top:16px}.principle{display:flex;gap:17px;align-items:start}.number{font-family:monospace;color:var(--blue);font-size:12px}.principle strong{display:block;font-size:14px;font-weight:600}.principle p{font-size:12px;margin:2px 0 0}.industry-list{border-top:1px solid var(--line)}.industry-row{display:grid;grid-template-columns:55px 1fr 1.15fr 32px;gap:20px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.industry-row h3{font-size:23px;letter-spacing:-.025em;margin:0}.industry-row p{font-size:14px;margin:0}.industry-row .arrow{font-size:22px;color:var(--blue)}.industry-row:hover h3{color:var(--blue)}.industry-tags{font-size:12px;line-height:2;margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 15px}.industry-tags a{color:var(--blue);border-bottom:1px solid #c9d3f0}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service{padding-top:24px;border-top:2px solid var(--ink)}.service h3{margin-top:25px}.service p{font-size:15px}.service .number{display:block}.process{display:grid;grid-template-columns:.75fr 1.5fr;gap:90px}.step{display:grid;grid-template-columns:45px 1fr;gap:24px;border-top:1px solid var(--line);padding:26px 0}.step h3{font-size:22px;margin-bottom:10px}.step p{margin:0;font-size:15px}.dark{background:var(--ink);color:white}.dark p{color:#b6c1d4}.dark .eyebrow{color:#9bb7ff}.dark .button.secondary{color:white;border-color:#68758b}.dark .button.secondary:hover{background:#ffffff12}.quote-banner{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.quote-banner h2{font-size:40px;max-width:620px}.quote-banner .button-row{justify-content:end}.faq-grid{display:grid;grid-template-columns:.75fr 1.5fr;gap:90px}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:30px}.faq summary:after{content:'+';color:var(--blue)}.faq details[open] summary:after{content:'−'}.faq details p{margin:18px 35px 0 0;font-size:15px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-bottom:42px}.page-hero{padding:58px 0 68px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:850px}.page-hero .intro{max-width:750px;font-size:18px}.cnc-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:45px;align-items:center}.cnc-hero h1{font-size:clamp(42px,4.6vw,65px)}.cnc-art{background:#dfe5e5;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cnc-art svg,.cnc-art img{width:90%;height:90%}.cnc-art span{position:absolute;bottom:15px;left:20px;font-size:10px;letter-spacing:.08em}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.topic-item{padding:28px 0;border-top:1px solid var(--line)}.topic-item h3{font-size:22px}.topic-item p{font-size:14px;margin:0}.sample{padding:30px;background:#f1f2ed;border:1px solid var(--line)}.sample-label{font-size:11px;color:var(--blue);text-transform:uppercase;letter-spacing:.1em}.sample h3{margin-top:18px}.sample p{font-size:14px}.checklist{margin:0;padding:0;list-style:none}.checklist li{padding:15px 0 15px 32px;border-top:1px solid var(--line);position:relative;color:var(--muted)}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px}.quote-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}.quote-aside{position:sticky;top:130px}.quote-aside h2{font-size:30px}.quote-aside p{font-size:14px}.form-card{background:white;padding:38px;border:1px solid var(--line)}.form-card h2{font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:600}.field small{font-size:11px;color:var(--muted)}.field input,.field select,.field textarea{width:100%;min-width:0;background:#fafaf8;border:1px solid #ccd0d4;padding:12px 13px;font-size:14px;color:var(--ink);border-radius:0}.field textarea{min-height:130px;resize:vertical}.form-section{font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;margin:28px 0 20px;border-top:1px solid var(--line);padding-top:24px}.consent{display:flex;gap:10px;margin:25px 0;font-size:12px;color:var(--muted);align-items:start}.consent input{margin-top:4px;flex-shrink:0}.consent a{text-decoration:underline}.form-note{font-size:12px;margin:18px 0 0}.trap{position:absolute;left:-9999px;opacity:0;pointer-events:none}.narrow{max-width:790px}.prose h2{font-size:28px;margin-top:40px}.prose a{color:var(--blue);text-decoration:underline}.notice{padding:20px 25px;background:#ebf0fc;border-left:3px solid var(--blue);font-size:14px}.site-footer{background:#eceee9;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:50px}.footer-brand{font-size:24px;letter-spacing:-.04em;font-weight:650}.brand-dot{color:var(--blue)}.footer-grid p{max-width:330px;font-size:13px;margin-top:15px}.footer-grid .eyebrow{margin-top:0;color:#77808d;font-size:10px}.footer-grid>div>a:not(.footer-brand){display:block;font-size:13px;margin-bottom:10px}.footer-bottom{border-top:1px solid #d1d6d2;padding-block:20px;display:flex;gap:20px;justify-content:space-between;font-size:11px;color:#6d7480}.mobile-menu{display:none}.skip-link{position:fixed;left:15px;top:-100px;z-index:99;background:white;padding:12px}.skip-link:focus{top:10px}html[lang=zh-CN] h1{line-height:1.25;letter-spacing:-.04em}html[lang=zh-CN] h2,html[lang=zh-CN] h3{line-height:1.4}html[lang=zh-CN] .hero h1{font-size:clamp(40px,4.5vw,64px)}
@media(min-width:1600px){.hero{padding-top:100px}}
@media(max-width:1150px){.desktop-nav{gap:16px}.header-inner{padding:17px 28px;gap:22px}.brand{width:180px}.header-actions{gap:16px}.desktop-nav{font-size:12px}.hero-grid{gap:30px}.hero-art{min-height:430px}.process,.faq-grid{gap:45px}.wrap{width:calc(100% - 56px)}}
@media(max-width:960px){.desktop-nav{display:none}.header-actions{margin-left:auto}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;list-style:none;font-size:13px}.mobile-menu nav{position:absolute;top:100%;right:0;left:0;display:flex;flex-direction:column;background:var(--paper);padding:22px 30px;border-bottom:1px solid var(--line);gap:15px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:48px}.hero-art{min-height:370px}.bridge-illustration{min-height:370px}.quote-layout{gap:35px;grid-template-columns:.6fr 1.4fr}.form-card{padding:26px}.three-col{gap:25px}.industry-row{grid-template-columns:32px 1fr 1fr 22px;gap:16px}.industry-row h3{font-size:20px}}
@media(max-width:700px){body{font-size:15px}.wrap{width:calc(100% - 40px)}.header-inner{padding:14px 20px;gap:16px}.brand{width:155px}.header-actions .button{display:none}.header-actions{gap:10px}.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{padding-bottom:10px}.hero h1{font-size:48px}.hero-copy .intro{font-size:16px}.hero-art{min-height:310px}.bridge-illustration{min-height:310px;height:310px}.principles{grid-template-columns:1fr;padding:24px 0;gap:20px}.section{padding-block:56px}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:22px}.industry-row{grid-template-columns:24px 1fr 20px;padding:23px 0}.industry-row p{grid-column:2;grid-row:2}.industry-row .arrow{grid-column:3;grid-row:1}.industry-row h3{font-size:22px}.three-col,.process,.faq-grid,.two-col,.quote-layout,.cnc-hero,.quote-banner{grid-template-columns:1fr;gap:35px}.service h3{margin-top:16px}.quote-banner .button-row{justify-content:start;margin-top:0}.quote-banner h2{font-size:33px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:35px 0 45px}.page-hero h1,.cnc-hero h1{font-size:42px}.breadcrumb{margin-bottom:28px;font-size:11px}.cnc-art{aspect-ratio:1.3/1}.topic-list{grid-template-columns:1fr}.quote-aside{position:static}.form-grid{grid-template-columns:1fr}.form-card{padding:24px 20px}.form-card .button{width:100%}.form-section{line-height:1.7}.button-row{gap:12px}.admin-bar .site-header{top:46px}.prose h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
