:root{
  --navy:#0d2741;--ink:#152534;--muted:#5f7180;
  --green:#208968;--green2:#47aa86;--green-soft:#edf7f3;
  --blue:#245b9b;--paper:#fff;--bg:#f6f8f8;--line:#d8e1e4;--max:1180px
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
button,input,textarea{font:inherit}.shell{width:min(var(--max),calc(100% - 64px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between}
.wordmark{display:flex;align-items:center;gap:10px;font-weight:760;text-decoration:none;color:inherit}
.mark{width:26px;height:26px;display:flex;align-items:flex-end;gap:3px}
.mark i{width:6px;border-radius:2px;background:var(--green)}
.mark i:nth-child(1){height:22px}.mark i:nth-child(2){height:15px;opacity:.78}.mark i:nth-child(3){height:10px;opacity:.52}
.plain-trigger{border:0;background:none;cursor:pointer;color:inherit;font-weight:650}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--green);margin:0 0 16px}
h1,h2{letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(48px,5.3vw,74px);margin:0 0 18px}h2{font-size:clamp(34px,3.8vw,53px);margin:0 0 22px}h3{font-size:20px;line-height:1.18;margin:0 0 12px}p{margin-top:0}.big{font-size:21px;color:#324a5a}
.hero{background:#fbfcfc;overflow:hidden}.hero-grid{min-height:660px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hero-copy{padding:82px 0 95px}.hero-accent{font-size:33px;line-height:1.1;font-weight:760;color:var(--green);margin-bottom:24px}.lead{font-size:19px;color:#314758;max-width:650px}.micro{font-size:12px;color:var(--muted);margin-top:28px}
.hero-visual{display:grid;grid-template-columns:1fr 44px 92px 44px 1fr;align-items:center;min-height:420px}
.cloud-side{position:relative;min-height:300px}.cloud{position:absolute;color:#aec7d4;font-size:68px}.c1{left:6%;top:27%}.c2{right:5%;bottom:18%}
.chip{position:absolute;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #cbdce4;font-size:10px;font-weight:800;color:#526a79}.chip:nth-of-type(3){left:32%;top:12%}.chip:nth-of-type(4){right:14%;top:28%}.chip:nth-of-type(5){left:18%;bottom:22%}.chip:nth-of-type(6){right:31%;bottom:12%}
.flow-arrow{text-align:center;font-size:28px;color:var(--green)}.ops-core{width:92px;height:92px;border-radius:18px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:36px;font-weight:850;box-shadow:0 14px 32px rgba(13,39,65,.15)}
.working-service{display:flex;flex-direction:column;align-items:center;gap:12px}.screen{width:150px;height:108px;border:2px solid var(--blue);border-radius:12px;background:#fff;display:grid;place-items:center}.screen span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:24px}.working-service small{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#526878}
section:not(.hero){padding:96px 0}.recognition{background:#fff;border-block:1px solid var(--line)}.recognition-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:42px}.recognition-grid article{padding:22px 18px;border:1px solid var(--line);border-radius:15px;background:#fff}.recognition-grid article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800;margin-bottom:24px}.recognition-grid h3{font-size:15px}.recognition-grid p{font-size:13px;color:var(--muted)}
.practical-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:75px;align-items:center}.work-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.work-list span{padding:7px 9px;border-radius:7px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:700}.principle{padding-top:17px;border-top:1px solid var(--line);font-weight:650}
.service-flow{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center}.service-step{padding:17px;border-radius:10px;background:#f8fafb;border:1px solid #e2e8eb}.service-step small{display:block;text-transform:uppercase;letter-spacing:.09em;color:var(--green);font-weight:800;margin-bottom:5px}.service-step strong{font-size:13px}.service-flow i{display:block;font-style:normal;color:#83aa9a;margin:6px}.service-step.emphasis{background:var(--green-soft);border-color:#c6ded4}
.modes{background:#fff;border-block:1px solid var(--line)}.modes-head{max-width:800px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:42px}.mode-grid article{padding:30px;border:1px solid var(--line);border-radius:16px}.mode-grid ul{margin:14px 0 0;padding-left:20px;color:var(--muted)}.control-note{margin:22px 0 0;padding:17px 20px;background:#f2f7f5;border-left:4px solid var(--green);font-weight:650}
.change-grid,.engineers-grid,.responsibility-grid,.problems-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px}.changes{background:#f8faf9}.engineers{background:#fff;border-block:1px solid var(--line)}.engineers-copy{max-width:700px}
.responsibility{background:#f6f8f8}.scope-visual{align-self:center;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center}.scope-box{padding:24px;border-radius:12px;background:var(--green-soft);border:1px solid #c9e0d7}.scope-box small{display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--green);margin-bottom:8px}.scope-help{margin:18px 0;padding:8px;border-block:1px dashed #bdcbc5;color:var(--muted);font-size:12px}.scope-external{padding:16px;color:#6a7881;font-size:13px}
.problems{background:#fff}.six-zone{padding-top:132px!important;padding-bottom:132px!important}.six-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.six-grid article{padding:27px;border:1px solid var(--line);border-radius:16px;background:#fff}.six-grid p{font-size:13px;color:var(--muted)}.six-grid .principle{color:var(--ink)}
.closing{padding:120px 0!important;background:radial-gradient(circle at 88% 50%,rgba(32,137,104,.12),transparent 27%),#fbfcfc}.closing-inner{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:end}.closing-inner>div{max-width:760px}.contact-button{border:0;border-radius:10px;background:var(--green);color:#fff;padding:15px 18px;font-weight:760;cursor:pointer;white-space:nowrap}
footer{border-top:1px solid var(--line);background:#fff;padding:34px 0 46px}.footer-inner{display:flex;justify-content:space-between;align-items:center}
.intercom-backdrop{position:fixed;inset:0;background:rgba(13,39,65,.26);z-index:60}.intercom{position:fixed;z-index:70;right:24px;bottom:24px;width:min(430px,calc(100% - 48px));padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px rgba(13,39,65,.24);transform:translateY(20px);opacity:0;pointer-events:none;transition:.18s}.intercom.open{transform:none;opacity:1;pointer-events:auto}.intercom-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px;color:var(--muted);cursor:pointer}.intercom h2{font-size:30px}.intercom label{display:block;font-size:12px;font-weight:700;margin-top:14px}.intercom input,.intercom textarea{width:100%;margin-top:6px;border:1px solid #cbd7dc;border-radius:8px;padding:10px;background:#fbfcfc}.send-placeholder{margin-top:16px;border:0;border-radius:8px;padding:11px 14px;background:var(--navy);color:#fff;font-weight:700}.intercom small{display:block;margin-top:10px;color:#7b8b95}
@media(max-width:1000px){.hero-grid,.practical-grid,.change-grid,.engineers-grid,.responsibility-grid,.problems-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:10px}.hero-visual{padding-bottom:70px}.recognition-grid{grid-template-columns:repeat(2,1fr)}.six-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}h1{font-size:44px}h2{font-size:35px}.hero-accent{font-size:27px}.hero-visual{grid-template-columns:1fr;gap:12px}.flow-arrow{transform:rotate(90deg)}.cloud-side{min-height:220px}.recognition-grid,.mode-grid,.six-grid{grid-template-columns:1fr}.closing-inner{grid-template-columns:1fr;gap:28px}.contact-button{justify-self:start}}



/* Braced Ring candidate v2 — geometry from the identity study; colour from this page */
@media(max-width:650px){footer .footer-inner{align-items:flex-start;flex-direction:column;gap:22px}.footer-links{justify-content:flex-start}}
:root{--brand-ring-a:#208968;--brand-ring-b:#72bba1;}
.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand-ring{width:31px;height:31px;flex:0 0 31px;overflow:visible}
.brand-ring .ring-a{stroke:var(--brand-ring-a)}
.brand-ring .ring-b{stroke:var(--brand-ring-b)}
.brand-ring .ring-outer{stroke-width:3.1}
.brand-ring .ring-middle{stroke-width:2.15}
.brand-ring .ring-inner{stroke-width:3.1}
.brand-name{font-size:14px;font-weight:800;letter-spacing:.12em;line-height:1;white-space:nowrap;color:var(--ink)}
.site-footer .brand-name, footer .brand-name{color:inherit}
@media(max-width:520px){.brand-name{font-size:12px;letter-spacing:.09em}.brand-ring{width:29px;height:29px;flex-basis:29px}}
.intercom-address{font-size:13px;color:var(--muted)}.intercom-address a{color:var(--teal);font-weight:700}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.intercom button[disabled]{opacity:.55;cursor:wait}
.footer-links{display:flex;align-items:center;gap:20px;font-size:13px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--teal)}@media(max-width:650px){.footer-links{flex-wrap:wrap;justify-content:flex-end}}