.hero{position:relative;min-height:100svh;background:#f6f7f4;overflow:hidden;padding:146px 0 30px;display:flex;flex-direction:column;justify-content:center}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;flex:1;max-height:760px}
.hero-copy{padding:20px 0 35px}.hero-topic{display:block;margin-top:32px;font-size:14px;color:#5c7572;letter-spacing:.12em}.hero h1{font-size:clamp(44px,4.5vw,66px);font-weight:650;letter-spacing:-.045em;line-height:1.23;white-space:pre-line;margin:23px 0 28px}.hero-copy>p{max-width:470px;font-size:15px;line-height:2;color:#6b7e79}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:34px}.hero-footnote{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;letter-spacing:.1em;color:#80968d;margin-top:45px}.hero-footnote span+span{border-left:1px solid #c8d4cb;padding-left:16px}
.hero-art{position:relative;align-self:stretch;min-height:510px;max-height:660px;background:#e4e9e6;overflow:hidden;border-radius:24px 24px 100px 24px}
.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:61% center;position:absolute;inset:0}.hero-art:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,rgba(17,45,48,.72),transparent);pointer-events:none}.hero-art figcaption{position:absolute;z-index:2;bottom:36px;left:28px;right:34px;display:flex;flex-direction:column;gap:15px;color:#fff}.hero-art figcaption>span:first-child{font-size:9px;letter-spacing:.2em;color:#d5e1da}.hero-art figcaption>span:last-child{font-size:17px;display:flex;align-items:center;justify-content:space-between}.hero-art figcaption i{font-style:normal;margin-right:15px}.art-corner{position:absolute;top:23px;left:25px;font-size:10px;letter-spacing:.16em;color:#4c6968}.hero-baseline{display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:2;margin-top:33px;color:#8ba097;font-size:9px;letter-spacing:.16em}.hero-baseline a{font-size:11px;letter-spacing:.06em}.hero-baseline a span{margin-left:18px}.hero-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.28}
.main-site-section{background:#fff}.main-site-panel{display:grid;grid-template-columns:1fr 1fr;min-height:410px;background:#143a40;color:#fff;border-radius:22px;overflow:hidden;position:relative}.main-site-copy{padding:43px 48px;z-index:2}.main-site-brand{display:flex;align-items:center;gap:15px}.main-site-brand>span:last-child{display:flex;flex-direction:column;font-size:12px;gap:7px;color:#d5e6de}.main-site-brand small{font-size:8px;letter-spacing:.16em;color:#89b2aa}.main-site-copy h3{font-size:34px;font-weight:600;margin:28px 0 18px}.main-site-copy>p{font-size:14px;line-height:1.95;color:#b0cbc3;max-width:430px}.main-site-copy .button{margin-top:28px}.site-host{display:inline-block;margin-left:17px;font-size:11px;color:#92bab1;overflow-wrap:anywhere;max-width:100%}
.main-site-visual{position:relative;min-height:405px;background:radial-gradient(circle at 50% 50%,#286365,transparent 68%)}.media-ring{position:absolute;left:50%;top:50%;width:270px;height:270px;transform:translate(-50%,-50%);border:1px solid #4c807b;border-radius:50%;box-shadow:0 0 0 42px rgba(147,206,180,.05),0 0 0 84px rgba(147,206,180,.025)}.media-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border:1px solid #7eb3a5;border-radius:28px;background:#254f50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#c6e6d1;font-size:11px}.media-center svg{width:42px;height:42px}.media-node{position:absolute;display:flex;align-items:center;gap:12px;padding:15px 20px;background:#dbeadd;color:#234d48;border-radius:12px;font-size:12px;box-shadow:0 12px 25px rgba(0,0,0,.1)}.media-node svg{width:24px;height:24px}.node-news{left:13%;top:17%}.node-products{right:9%;top:46%}.node-enterprise{left:13%;bottom:14%}.media-index{position:absolute;bottom:24px;right:27px;letter-spacing:.13em;font-size:8px;color:#709e94}
.network-section{background:#f3f6f0}.network-section .section-heading h2{margin-top:15px}.website-grid,.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.website-grid:not(:has(>:nth-child(2))){grid-template-columns:minmax(0,1fr)}.website-grid:not(:has(>:nth-child(2))) .website-card{display:grid;grid-template-columns:94px 1fr auto;column-gap:25px;align-items:center;min-height:180px}.website-grid:not(:has(>:nth-child(2))) .website-card-top{grid-column:1;grid-row:1/5;margin:0}.website-grid:not(:has(>:nth-child(2))) .round-arrow{display:none}.website-grid:not(:has(>:nth-child(2))) .category-label,.website-grid:not(:has(>:nth-child(2))) h3,.website-grid:not(:has(>:nth-child(2))) p{grid-column:2}.website-grid:not(:has(>:nth-child(2))) .website-address{grid-column:3;grid-row:1/5;flex-direction:column;align-items:flex-end;gap:22px;border:0;margin:0;padding:0}
.website-card,.directory-card{display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid #dde6da;border-radius:16px;min-height:320px;transition:transform .3s,border-color .3s,box-shadow .3s}.website-card:hover,.directory-card:hover{transform:translateY(-5px);border-color:#8eb9a4;box-shadow:0 15px 30px rgba(49,85,60,.07)}.website-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.website-icon{width:54px;height:54px;display:grid;place-items:center;background:#edf4eb;color:#3b8576;border-radius:14px}.website-icon svg{width:30px;height:30px}.round-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce7da;border-radius:50%;color:#5b8070;transition:background .25s}.website-card:hover .round-arrow,.directory-card:hover .round-arrow{background:#e8f3e4}.category-label{font-size:10px;letter-spacing:.08em;color:#4c8c7f}.website-card h3,.directory-card h2{font-size:23px;font-weight:600;line-height:1.4;margin:12px 0}.website-card p,.directory-card p{font-size:13px;line-height:1.8;color:#798a82;margin-bottom:26px}.website-address{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e4ebe0;padding-top:18px;margin-top:auto;font-size:11px;color:#89a08e;overflow-wrap:anywhere}.website-address span{color:#477466;white-space:nowrap}
.network-note{display:flex;align-items:center;gap:22px;padding:37px 0 0;color:#446956}.note-cross{font-size:42px;font-weight:200;color:#7b9e87}.network-note strong{font-size:16px;font-weight:550}.network-note p{font-size:12px;color:#8a9d8c;margin-top:9px}.network-note>.text-link{margin-left:auto}
.focus-section{background:#fff}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.focus-card{border-top:1px solid #cadad0;padding:29px 0 0}.focus-card-head{display:flex;justify-content:space-between;align-items:center;color:#83a192}.focus-card-head svg{width:38px;height:38px;color:#357a70}.focus-card-head span{font-size:11px;letter-spacing:.1em}.focus-card h3{font-size:23px;font-weight:550;margin:30px 0 14px}.focus-card p{font-size:14px;line-height:1.95;color:#7b8e85}
.about-section{background:#eff3f0;border-top:1px solid #e0e8e2}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px}.about-grid>.eyebrow{align-self:start}.about-grid h2{font-size:clamp(30px,3.4vw,46px);font-weight:550;line-height:1.4;white-space:pre-line}.about-grid p{font-size:16px;color:#75897e;line-height:2;margin:28px 0 34px;max-width:660px}.about-signature{display:flex;align-items:center;gap:17px;font-size:12px;color:#466557}.about-signature>span:last-child{display:flex;flex-direction:column;gap:8px}.about-signature small{font-size:10px;color:#8aa08d}
.contact-section{padding:80px 0;background:#173b3d;color:#f3faf3}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.contact-inner .eyebrow{color:#9bcbb9}.contact-inner h2{font-size:clamp(26px,2.7vw,38px);font-weight:550;line-height:1.5;margin:16px 0}.contact-inner p{font-size:14px;line-height:1.9;color:#a7c6b7;max-width:660px}.contact-inner .button{white-space:nowrap}
.directory-intro{background:#f2f5ef;padding:165px 0 65px;border-bottom:1px solid #dfe7da}.directory-intro h1{font-size:clamp(34px,4vw,56px);line-height:1.3;font-weight:600;letter-spacing:-.025em;margin:22px 0}.directory-intro p{font-size:15px;color:#7e9280;line-height:1.9}.directory-section{background:#f7f9f5;padding:45px 0 110px;min-height:60vh}.directory-search{max-width:620px}.directory-search>label{display:block;font-size:12px;font-weight:600;color:#4b6e5a;margin-bottom:12px}.directory-search>div{display:flex;border:1px solid #ceddce;border-radius:10px;overflow:hidden;background:#fff}.directory-search input{padding:17px;min-width:0;flex:1;border:0;outline:none;color:#214532;background:#fff}.directory-search>div:focus-within{outline:2px solid #5ba495;outline-offset:3px}.directory-search button{padding:0 27px;border:0;background:#214b45;color:#fff;font-size:13px;white-space:nowrap}.directory-search button span{margin-left:15px}.category-filters{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 35px}.category-filters a{padding:9px 16px;border:1px solid #d5e1d3;border-radius:30px;font-size:12px;color:#759072}.category-filters a[aria-current=true]{background:#e0ecd9;color:#315837;border-color:#bbcdb0}.directory-heading{display:flex;justify-content:space-between;padding:0 0 20px;color:#8da18b;font-size:11px;letter-spacing:.04em}
@media(min-width:1600px){.hero{padding-top:165px;padding-bottom:40px}.hero-grid{gap:70px}.hero h1{font-size:70px}.hero-art{max-height:720px}}
@media(max-width:1100px){.hero-grid{gap:28px}.hero h1{font-size:49px}.hero-art{min-height:495px}.hero-actions{gap:18px}.hero-footnote{margin-top:30px}.main-site-copy{padding:36px 30px}.main-site-copy h3{font-size:29px}.site-host{display:block;margin:18px 0 0}.media-node{padding:12px 14px}.node-news,.node-enterprise{left:6%}.node-products{right:4%}.website-address{flex-direction:column}.focus-grid{gap:28px}.about-grid{gap:38px}}
@media(max-width:820px){.hero{padding:114px 0 26px;min-height:100svh}.hero-grid{grid-template-columns:1fr 1fr;gap:22px;max-height:none}.hero h1{font-size:40px}.hero-topic{font-size:12px;margin-top:25px}.hero-copy>p{font-size:14px}.hero-art{min-height:490px;border-bottom-right-radius:65px}.hero-footnote{gap:9px;font-size:9px}.hero-footnote span+span{padding-left:9px}.hero-art figcaption{left:20px;right:20px;bottom:25px}.hero-art figcaption>span:last-child{font-size:13px}.hero-baseline>span{font-size:8px;max-width:65%;line-height:1.7}.main-site-panel{grid-template-columns:1fr}.main-site-visual{min-height:305px}.main-site-copy{padding:35px}.site-host{display:inline-block;margin-left:15px}.media-ring{width:210px;height:210px}.node-news{left:18%;top:9%}.node-enterprise{left:18%;bottom:12%}.node-products{right:14%}.website-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-grid:not(:has(>:nth-child(2))) .website-card{grid-template-columns:64px 1fr;gap:12px 18px}.website-grid:not(:has(>:nth-child(2))) .website-address{grid-column:2;grid-row:auto;flex-direction:row;align-items:center}.website-grid:not(:has(>:nth-child(2))) .website-card p{margin:0 0 10px}.focus-grid{gap:20px}.focus-card p{font-size:13px}.focus-card h3{font-size:21px}.about-grid{grid-template-columns:1fr;gap:25px}.contact-inner{display:block}.contact-inner .button{margin-top:30px}.directory-intro{padding-top:130px}.directory-intro h1{font-size:39px}}
@media(max-width:600px){.hero{padding-top:110px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding:0}.hero-topic{margin-top:24px}.hero h1{font-size:clamp(38px,10vw,51px);margin:18px 0 23px}.hero-copy>p{max-width:100%;font-size:14px}.hero-actions{margin-top:27px;gap:18px}.hero-actions .button{min-height:52px;padding:14px 18px;font-size:12px;gap:16px}.hero-actions .text-link{font-size:12px;gap:12px}.hero-footnote{margin-top:25px;font-size:9px}.hero-art{min-height:310px;height:360px;border-radius:20px 20px 70px 20px}.hero-art>img{object-position:60% 35%}.hero-art figcaption>span:last-child{font-size:15px}.hero-baseline{margin-top:22px}.hero-baseline>span{font-size:7px;letter-spacing:.12em}.hero-baseline>a{font-size:10px}.main-site-copy{padding:28px 24px}.main-site-copy h3{font-size:27px}.main-site-copy>p{font-size:13px}.site-host{display:block;margin:17px 0 0}.main-site-visual{min-height:300px}.node-news,.node-enterprise{left:7%}.node-products{right:4%}.media-node{font-size:11px;gap:8px}.media-node svg{width:21px;height:21px}.media-center{width:90px;height:90px;border-radius:23px}.media-ring{width:200px;height:200px}.website-grid,.directory-grid{grid-template-columns:1fr}.website-grid:not(:has(>:nth-child(2))) .website-card{display:flex;gap:0}.website-grid:not(:has(>:nth-child(2))) .website-card-top{margin-bottom:24px}.website-grid:not(:has(>:nth-child(2))) .round-arrow{display:grid}.website-grid:not(:has(>:nth-child(2))) .website-address{margin-top:25px;padding-top:18px;border-top:1px solid #e4ebe0;align-items:flex-start}.website-card,.directory-card{padding:24px;min-height:290px}.website-address{flex-direction:row}.network-note{flex-wrap:wrap;gap:15px}.network-note>.text-link{margin-left:46px}.network-note strong{font-size:15px}.focus-grid{grid-template-columns:1fr;gap:34px}.focus-card h3{margin-top:20px}.focus-card p{font-size:14px}.about-grid p{font-size:14px}.about-signature{font-size:11px}.about-signature .brand-logo-tile{width:48px;height:48px}.contact-section{padding:64px 0}.directory-intro{padding-bottom:43px}.directory-intro h1{font-size:34px}.directory-intro p{font-size:14px}.directory-search button{padding:0 18px}.directory-search button span{display:none}.directory-search input{font-size:14px;padding:15px}.directory-heading>span:last-child{font-size:9px}.directory-section{padding-top:32px}}

/* ── 战略版图区块 ── */
.vision-section{background:#f0f5ee}
.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#d5e0d0;border-radius:18px;overflow:hidden;margin-top:52px}
.vision-stat{background:#fff;padding:44px 40px;text-align:center}
.vision-stat>div{display:flex;align-items:baseline;justify-content:center;gap:6px}
.vision-stat strong{font-size:clamp(52px,6vw,80px);font-weight:500;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;color:#143a40}
.vision-stat>div>span{font-size:32px;color:#3b8a72}
.vision-stat p{font-size:13px;font-weight:600;letter-spacing:.06em;margin:14px 0 6px;color:#3d5c54}
.vision-stat small{font-size:11px;color:#8aaa9a}
.vision-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;padding-top:40px;border-top:1px solid #d3dfd0}
.vision-phase{display:flex;flex-direction:column;gap:16px;padding:0 28px 0 0;position:relative}
.vision-phase:not(:last-child):after{content:"";position:absolute;right:0;top:9px;bottom:0;width:1px;background:#d3dfd0}
.vision-phase-dot{width:18px;height:18px;border-radius:50%;border:2px solid #c0d4be;background:#f0f5ee;flex-shrink:0}
.vision-phase-dot.is-done{background:#3b8a72;border-color:#3b8a72}
.vision-phase-dot.is-active{background:#fff;border-color:#3b8a72;box-shadow:0 0 0 4px rgba(59,138,114,.15)}
.vision-phase div strong{font-size:14px;font-weight:600;color:#254f45}
.vision-phase div p{font-size:12px;color:#6e8a7e;line-height:1.8;margin-top:7px}
@media(max-width:820px){.vision-grid{grid-template-columns:1fr 1fr}.vision-grid .vision-stat:last-child{grid-column:1/-1}.vision-timeline{grid-template-columns:1fr 1fr;gap:24px}.vision-phase:not(:last-child):after{display:none}.vision-phase{padding:0}}
@media(max-width:600px){.vision-grid{grid-template-columns:1fr}.vision-stat{padding:32px 24px}.vision-stat strong{font-size:56px}.vision-timeline{grid-template-columns:1fr;gap:20px}}

/* ── 领域导览区块 ── */
.domains-section{background:#f3f6f0}
.domains-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.domain-card{display:flex;align-items:center;gap:20px;padding:24px 26px;background:#fff;border:1px solid #dde6da;border-radius:16px;text-decoration:none;color:inherit;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}
.domain-card:hover{transform:translateY(-4px);border-color:#8eb9a4;box-shadow:0 12px 28px rgba(49,85,60,.08)}
.domain-card-icon{flex-shrink:0;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--domain-bg,#edf4eb);color:var(--domain-ink,#3b8576);transition:background .25s}
.domain-card:hover .domain-card-icon{background:var(--domain-hover-bg,#ddf0e5)}
.domain-card--industrial{--domain-bg:#e8f0ea;--domain-ink:#2e6b5e;--domain-hover-bg:#d5e9dc}
.domain-card--service{--domain-bg:#eaf0e8;--domain-ink:#3b7a6c;--domain-hover-bg:#d9ead5}
.domain-card--embodied{--domain-bg:#e5e8f2;--domain-ink:#4a5b9a;--domain-hover-bg:#d8dcee}
.domain-card--underwater{--domain-bg:#ddeef2;--domain-ink:#2b7d8a;--domain-hover-bg:#cce5eb}
.domain-card--mobile{--domain-bg:#e9ede8;--domain-ink:#4a7a58;--domain-hover-bg:#d8e6d5}
.domain-card--components{--domain-bg:#ede9f0;--domain-ink:#7a5c8a;--domain-hover-bg:#e2d9ea}
.domain-card-body{flex:1;min-width:0}
.domain-eyebrow{display:block;font-size:9px;letter-spacing:.15em;color:#8aab9a;margin-bottom:5px}
.domain-card-body h3{font-size:16px;font-weight:600;margin:0 0 4px;line-height:1.3}
.domain-card-body p{font-size:12px;color:#70877c;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.domain-card-arrow{flex-shrink:0;font-size:16px;color:#9bbcad;transition:transform .2s,color .2s}
.domain-card:hover .domain-card-arrow{transform:translate(3px,-3px);color:#3b8576}
@media(max-width:1100px){.domains-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.domains-grid{grid-template-columns:1fr;gap:12px}.domain-card{padding:18px 20px}}

.directory-back{display:inline-block;margin-bottom:24px;font-size:12px;color:#4c7d70}.directory-back:hover{color:#0c6769;text-decoration:underline;text-underline-offset:4px}
/* Keep administrator-supplied long text inside its layout. */
.hero h1,.section-heading h2,.about-grid h2,.contact-inner h2,.website-card h3,.directory-card h2,.website-card p,.directory-card p,.hero-copy>p{overflow-wrap:anywhere}.brand-word{min-width:0}.brand-word strong{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-jump{display:flex;align-items:center;gap:10px;font-size:12px}.page-jump input[type=number]{width:60px;padding:8px;border:1px solid #c5d8cc;border-radius:6px;background:#fff;color:#23483a}.page-jump button{padding:9px 12px;border:1px solid #c5d8cc;border-radius:6px;background:#eaf2e8;color:#254b3e}.pagination{flex-wrap:wrap}.error-section{min-height:70svh;padding:180px 0 100px;background:#f3f7f2}.error-section h1{font-size:clamp(30px,5vw,52px);margin:25px 0}.error-section p{font-size:15px;line-height:1.9;color:#60786b;max-width:620px}.directory-heading>a{color:#286c5c}.website-card:focus-visible,.directory-card:focus-visible{outline:3px solid #138c90;outline-offset:4px}
@media(max-width:600px){.brand-word strong{max-width:135px}.directory-search input{font-size:16px}.pagination{gap:14px}.pagination a{font-size:12px}.error-section{padding-top:135px}}
.hero-copy>p,.website-card p,.directory-card p,.focus-card p,.about-grid p{color:#5d7168}.category-label{color:#357363}.footer-top p,.footer-bottom,.footer-links>span{color:#64776d}

/* Demonstration content enriches the preview and can be disabled in the CMS. */
.demo-pill{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid #b9cdbd;border-radius:20px;color:#59735f;font-size:10px;white-space:nowrap}.showcase-stats{padding:45px 0 50px;background:#eaf0e8;border-top:1px solid #dce5db}.stats-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{padding:0 32px;border-left:1px solid #c9d7c9}.stat-item:first-child{padding-left:0;border:0}.stat-item>div{display:flex;align-items:baseline;gap:7px}.stat-item strong{font-size:clamp(45px,5vw,68px);font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1.1}.stat-item>div>span{font-size:26px;color:#4a876e}.stat-item p{font-size:12px;letter-spacing:.08em;margin-top:16px;color:#61765f}.insight-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:95px 0 33px;padding-top:45px;border-top:1px solid #dbe5dc}.insight-heading h3{font-size:28px;margin-top:13px;font-weight:550;line-height:1.5}.insight-heading>span{font-size:10px;color:#728b7c;white-space:nowrap}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.insight-card{overflow:hidden;border:1px solid #dbe4dc;border-radius:16px;background:#f9fbf8;transition:transform .3s,box-shadow .3s}.insight-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #173b3d0d}.insight-art,.service-preview-art{position:relative;overflow:hidden;isolation:isolate;background:var(--art-bg,#d9e8df);color:var(--art-ink,#39796b)}.art-ocean{--art-bg:#d3e8e9;--art-ink:#287e8b}.art-factory{--art-bg:#e8e5da;--art-ink:#857b47}.art-intelligence{--art-bg:#dfe1ed;--art-ink:#646c9d}.art-life{--art-bg:#e4ebdb;--art-ink:#608454}.art-mobility{--art-bg:#d8e5ed;--art-ink:#41768c}.art-components{--art-bg:#e5dfe9;--art-ink:#866b96}.insight-art{height:205px;display:grid;place-items:center}.insight-art>svg{width:82px;height:82px;stroke-width:1}.art-orbit{position:absolute;left:50%;top:50%;width:180px;height:180px;border:1px solid currentColor;border-radius:50%;opacity:.2;transform:translate(-50%,-50%);box-shadow:0 0 0 25px #ffffff38,0 0 0 55px #ffffff26}.insight-art:after,.service-preview-art:after{content:"";position:absolute;width:11px;height:11px;background:currentColor;opacity:.45;border-radius:50%;left:24%;top:28%;box-shadow:125px 83px 0 -2px currentColor}.insight-art>span{position:absolute;left:21px;bottom:18px;font-size:9px;letter-spacing:.15em}.insight-copy{padding:25px}.insight-copy h3{font-size:20px;line-height:1.55;font-weight:550;margin:13px 0}.insight-copy p{font-size:12px;color:#687f71;line-height:1.9}.insight-copy .text-link{font-size:11px;margin-top:24px;border:0}.demo-notice{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;font-size:10px;background:#ebf0e9;color:#71836f}.demo-notice>span{padding:4px 9px;border:1px solid #c6d3c3;border-radius:20px}.admin-page .demo-notice{display:none}.demo-row-label{display:inline-block!important;font-size:9px!important;color:#8b8060!important;border:1px solid #dcd5c4;border-radius:5px;margin-left:8px;padding:1px 5px}
.service-preview-hero{padding:140px 0 70px;background:#f0f5ee}.service-preview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.service-preview-grid h1{font-size:clamp(36px,4.6vw,60px);font-weight:550;line-height:1.3;margin:20px 0 25px;overflow-wrap:anywhere}.service-preview-grid p{font-size:16px;line-height:2;color:#63786d;max-width:580px}.service-preview-art{height:330px;border-radius:20px 20px 75px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.service-preview-art>svg{width:110px;height:110px;stroke-width:1}.service-preview-art>span{letter-spacing:.18em;font-size:13px;z-index:1}.service-preview-art .art-orbit{width:250px;height:250px}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.topic-card{padding:30px 25px;border:1px solid #dce6dc;border-radius:13px}.topic-card>span{font-size:11px;color:#579481}.topic-card h3{font-size:20px;margin:30px 0 17px;font-weight:550}.topic-card p{font-size:13px;line-height:1.9;color:#718476}.service-columns{background:#f3f6f0}
.article-page{padding:150px 0 100px;background:#f8faf6}.article-container{width:min(800px,calc(100% - 48px));margin:auto}.article-page h1{font-size:clamp(32px,3.7vw,48px);font-weight:600;line-height:1.5;margin:22px 0}.article-summary{font-size:17px;line-height:1.9;color:#607969}.article-meta{display:flex;gap:28px;font-size:11px;color:#82937e;padding:24px 0;margin-bottom:38px;border-bottom:1px solid #d9e4d8}.article-body section{margin-bottom:40px}.article-body h2{font-size:24px;margin:0 0 20px;font-weight:550;line-height:1.5}.article-body p{font-size:16px;line-height:2.1;color:#4e6558}.article-note{padding:22px;background:#ecf2e8;color:#738569;font-size:12px;line-height:1.8;border-radius:10px}.article-bottom{margin-top:36px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:820px){.insight-grid{gap:15px}.insight-copy{padding:19px}.insight-copy h3{font-size:18px}.insight-art{height:170px}.service-preview-grid{gap:30px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-preview-art{height:290px}.stat-item{padding:0 20px}}
@media(max-width:600px){.showcase-stats{padding:30px 0 38px}.stats-heading{align-items:flex-start;margin-bottom:25px}.stats-heading .eyebrow{font-size:8px;max-width:160px}.stats-heading .demo-pill{font-size:8px}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.stat-item:nth-child(odd){padding-left:0;border-left:0}.stat-item strong{font-size:49px}.stat-item p{font-size:11px;margin-top:10px}.insight-heading{display:block;margin-top:58px;padding-top:35px}.insight-heading h3{font-size:25px}.insight-heading>span{display:block;margin-top:14px}.insight-grid{grid-template-columns:1fr;gap:24px}.insight-art{height:190px}.insight-copy{padding:24px}.insight-copy h3{font-size:22px}.service-preview-hero{padding-top:112px;padding-bottom:45px}.service-preview-grid{grid-template-columns:1fr;gap:35px}.service-preview-grid h1{font-size:36px}.service-preview-grid p{font-size:14px}.service-preview-art{height:240px}.topic-grid{gap:14px}.topic-card{padding:22px 17px}.topic-card h3{font-size:18px;margin-top:22px}.topic-card p{font-size:12px}.article-page{padding-top:118px;padding-bottom:65px}.article-container{width:calc(100% - 36px)}.article-page h1{font-size:30px}.article-summary{font-size:15px}.article-body p{font-size:15px}.article-body h2{font-size:22px}.article-meta{font-size:10px;gap:16px}.demo-notice{font-size:9px;gap:8px;padding:12px}.demo-notice>span{white-space:nowrap}}