/* MetaAutomate Company Experience v2
   Signature system: midnight navy, electric blue, brushed silver, gold.
   Asset-light. Respect motion preferences. Every page renders without JS.
*/
:root{
  color-scheme:light;
  --midnight:#040d20;
  --navy:#071932;
  --navy-2:#0b2549;
  --navy-3:#0e3260;
  --blue:#00a7ed;
  --blue-light:#83daff;
  --silver:#dce6f1;
  --gold:#efb94f;
  --gold-light:#ffe1a1;
  --paper:#ffffff;
  --ice:#f5f8fc;
  --ink:#0b2240;
  --muted:#5b6f89;
  --line:#dae5f0;
  --display:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  --shell:1260px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--display);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--gold);outline-offset:4px}
img{max-width:100%;height:auto;vertical-align:middle}
[hidden]{display:none!important}
.shell{width:min(var(--shell),calc(100% - 80px));margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:14px;background:#fff;color:#063463;z-index:400;padding:12px 17px;border-radius:10px;box-shadow:0 10px 30px #0004}
.skip-link:focus{top:10px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.utility-bar{background:var(--midnight);color:#9db5d3;border-bottom:1px solid #ffffff13;font-size:10px;letter-spacing:.11em;font-weight:750}
.utility-bar .shell{min-height:33px;display:flex;gap:12px;align-items:center}
.utility-symbol{font-size:13px;color:var(--gold)}
.utility-aside{margin-left:auto;color:#718ba9;letter-spacing:.02em}
.site-header{position:sticky;top:0;z-index:80;background:#081b35f9;color:white;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff18;transition:box-shadow .2s ease}
.site-header.is-scrolled{box-shadow:0 12px 38px #050e26a8}
.header-layout{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}
.brand img{width:52px;height:52px;object-fit:contain;border:1px solid #2f7dbe85;border-radius:13px;background:#06122e;box-shadow:0 8px 22px #0084e11f}
.brand-copy{display:flex;flex-direction:column;min-width:0}
.brand-copy strong{color:#edf5ff;font-size:23px;line-height:1.08;font-weight:850;letter-spacing:-.065em}
.brand-copy strong span{color:#18b2ff}
.brand-copy small{margin-top:8px;color:#97adc5;letter-spacing:.14em;font-size:8px;font-weight:800;white-space:nowrap}
.site-navigation{display:flex;align-items:center;gap:30px}
.site-navigation>a:not(.nav-action){color:#c0cfe2;font-size:13px;font-weight:650;transition:color .2s}
.site-navigation>a:hover,.site-navigation>a[aria-current=page]{color:#fff}
.nav-action{background:linear-gradient(110deg,#078bdc,#08adef);padding:14px 18px;border:1px solid #19b2fb5c;border-radius:9px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:20px;white-space:nowrap;box-shadow:0 11px 22px #028adc20}
.nav-action:hover{background:#0085d8}
.menu-button{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:45px;height:45px;border:1px solid #7bb7ea52;border-radius:9px;background:#0a2c54}
.menu-button span{width:20px;height:2px;background:#d9eafd;border-radius:2px;transition:transform .2s,opacity .2s}
.menu-button[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-button[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.eyebrow{font-size:10px;letter-spacing:.21em;color:#167dbe;font-weight:900;display:flex;align-items:center;gap:11px;text-transform:uppercase;margin-bottom:24px}
.eyebrow::before{content:"";display:inline-block;width:20px;height:2px;background:var(--gold)}
.eyebrow-dark{color:#88c9fb}
.signal-point{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px #efb94f18}
.signal-point::before{display:none}
h1,h2,h3,p,blockquote{margin-top:0}
h1,h2,h3{font-weight:790;letter-spacing:-.06em;line-height:1.09}
h1 em,h2 em,blockquote em{font-style:normal;color:#189fe3}
h1 em{background:linear-gradient(112deg,#07b9ff 0%,#c9e8ff 58%,#efc573 96%);background-clip:text;-webkit-background-clip:text;color:transparent}
.gold-dot{color:var(--gold)}
.action-group{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.action{display:inline-flex;align-items:center;justify-content:center;min-height:53px;gap:22px;border:1px solid transparent;border-radius:9px;padding:15px 20px;font-size:13px;font-weight:780;line-height:1.3;transition:background .2s,transform .2s,border-color .2s}
.action:hover{transform:translateY(-2px)}
.action-primary{color:#fff;background:linear-gradient(115deg,#006ed2,#00b1f4);box-shadow:0 12px 27px #0569cf2f}
.action-primary:hover{background:linear-gradient(115deg,#047bc9,#09a9eb)}
.action-quiet{color:#eaf4ff;border-color:#a7cdee5a;background:#ffffff09}
.action-quiet:hover{background:#ffffff18}
.text-link{display:inline-flex;align-items:center;gap:17px;font-size:13px;font-weight:800;color:#077cba;border-bottom:1px solid #a9cee6;padding-bottom:7px}
.text-link:hover{color:#005b91}
.section{padding-block:114px}
.section-heading{margin-bottom:43px}
.section-heading h2{font-size:clamp(36px,4.6vw,64px);margin:0;line-height:1.11}
.section-heading p{color:var(--muted);line-height:1.85;font-size:15px;margin:0}
.heading-split{display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:end}
.heading-split>div:last-child{max-width:430px}
.heading-split .text-link{margin-top:21px}
.section-heading em{color:#007dcb}
/* Hero */
.hero-home{position:relative;overflow:hidden;background:linear-gradient(125deg,#030b1d,#071b39 68%,#0b2a50);color:#fff}
.hero-home::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#8ccfff07 1px,transparent 1px),linear-gradient(#8ccfff07 1px,transparent 1px);background-size:64px 64px;pointer-events:none;mask-image:linear-gradient(90deg,transparent 10%,#000 100%)}
.hero-aura{position:absolute;width:760px;height:760px;border-radius:50%;right:-240px;top:-160px;background:radial-gradient(circle,#0c8ee452 0%,#006ab317 45%,transparent 71%);filter:blur(12px)}
.hero-layout{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:45px;min-height:660px;padding-block:100px 95px}
.hero-copy{position:relative;z-index:3}
.hero-copy h1{font-size:clamp(56px,6.45vw,91px);letter-spacing:-.075em;margin:30px 0 27px}
.hero-lead{color:#b9cadd;font-size:17px;line-height:1.8;max-width:565px;margin-bottom:32px}
.hero-micro{display:flex;gap:16px;flex-wrap:wrap;margin-top:63px;color:#9abbd7;font-size:9px;letter-spacing:.09em;font-weight:850}
.hero-micro span{padding-left:12px;border-left:1px solid #368dc3}
.hero-bottomline{height:3px;background:linear-gradient(90deg,transparent,#0bb1fe 30%,#f3bc5c 59%,transparent)}
.hero-graphic{position:relative;min-height:524px;display:grid;place-items:center}
.system-orbit{position:absolute;border:1px solid #48aafa23;width:540px;height:540px;border-radius:50%;box-shadow:0 0 0 48px #1e82e307,0 0 0 95px #1e82e305}
.system-orbit.orbit-two{width:380px;height:380px;box-shadow:none;border-style:dashed;border-color:#8bc7f21a}
.signal-canvas{position:relative;width:100%;max-width:495px;background:linear-gradient(144deg,#0d315cdd,#071a37f4);border:1px solid #4b9ee780;box-shadow:0 33px 90px #0008,0 0 90px #0a8fe824;border-radius:17px;overflow:hidden;backdrop-filter:blur(14px)}
.signal-header{min-height:57px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #ffffff1c;font-size:9px;color:#8fb2d6;letter-spacing:.1em;font-weight:800}
.system-pill{display:inline-flex;align-items:center;gap:8px;color:#ddf3ff}
.live-spark{width:6px;height:6px;border-radius:50%;background:#3ce4c9;box-shadow:0 0 0 4px #3ce4c915}
.signal-center{position:relative;height:345px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at center,#0861a636 0%,transparent 55%);isolation:isolate}
.signal-center::before,.signal-center::after{content:"";position:absolute;border:1px solid #65c9ff45;border-radius:50%;width:275px;height:275px;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:-1}
.signal-center::after{width:360px;height:360px;border-style:dashed;border-color:#a0d4fa21}
.signal-axis{position:absolute;left:22px;top:20px;font-size:9px;letter-spacing:.12em;color:#78a5ce;font-weight:850}
.signal-mark{width:146px;height:146px;border-radius:26px;border:1px solid #59baff70;background:linear-gradient(145deg,#061f46,#072d52);box-shadow:0 20px 55px #00172c8c,0 0 40px #03a0ed24;display:grid;place-items:center;transform:rotate(-8deg)}
.signal-mark img{object-fit:contain;width:122px;height:122px;transform:rotate(8deg)}
.signal-equation{position:absolute;bottom:24px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#bdd8ed}
.signal-equation span{color:var(--gold);margin-inline:5px}
.signal-bottom{border-top:1px solid #ffffff14;display:grid;grid-template-columns:repeat(3,1fr);padding:15px;gap:8px}
.signal-box{background:#ffffff09;border:1px solid #ffffff15;border-radius:9px;padding:12px 9px;display:grid;gap:6px}
.signal-box small{font-size:8px;letter-spacing:.07em;color:#7faace}
.signal-box strong{font-size:13px;color:#def1fc}
.signal-footer{display:flex;justify-content:space-between;gap:10px;padding:14px 20px;color:#709abb;background:#05182f;border-top:1px solid #ffffff13;letter-spacing:.12em;font-weight:800;font-size:8px}
.signal-footer-right span{color:var(--gold)}
.graphic-label{position:absolute;right:-31px;bottom:21px;transform:rotate(-90deg);transform-origin:right center;color:#77aed7;font-size:8px;letter-spacing:.18em}
.belief-strip{background:#f5f8fd;border-bottom:1px solid #d7e4f0}
.belief-grid{min-height:110px;display:flex;align-items:center;gap:43px;justify-content:space-between}
.belief-grid p{font-size:14px;color:#6c8197;line-height:1.5;margin:0}
.belief-grid strong{color:#122d4e;font-size:18px;letter-spacing:-.03em}
.belief-divider{height:40px;width:1px;background:#cdddea}
.belief-signature{font-size:11px!important;letter-spacing:.13em;font-weight:900;color:#264363!important;text-align:right}
.belief-signature b{color:var(--gold);padding-inline:6px}
/* Website key capabilities: compact cards limit mobile scrolling. */
.services-section{background:#fff}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.capability-card{position:relative;display:flex;flex-direction:column;min-height:198px;padding:24px;border:1px solid #d6e5ef;border-radius:14px;background:#f6f9fd;color:#102c49;transition:transform .2s,border-color .2s,box-shadow .2s}
.capability-card:hover,.capability-card:focus-visible{transform:translateY(-3px);border-color:#1085c6;box-shadow:0 16px 28px #072a4b1c}
.capability-card-featured{background:linear-gradient(145deg,#082444,#0c426b);color:#fff;border-color:#116295}
.capability-number{color:#006b9e;font-size:10px;font-weight:850;letter-spacing:.13em}
.capability-card-featured .capability-number{color:#c2e6fc}
.capability-glyph{position:absolute;top:18px;right:22px;font-size:25px;color:#097bb7}
.capability-card-featured .capability-glyph{color:#f0c66e}
.capability-card h3{margin:auto 22px 12px 0;font-size:clamp(19px,2vw,25px);line-height:1.15;letter-spacing:-.035em}
.capability-card p{margin:0;max-width:29ch;font-size:12.5px;line-height:1.5;color:#516c84}
.capability-card-featured p{color:#c5dcea}
.capability-arrow{position:absolute;right:20px;bottom:18px;color:#006b9e;font-size:20px}
.capability-card-featured .capability-arrow{color:#f0c66e}
.capability-disclaimer{max-width:850px;color:#516c84;line-height:1.7;font-size:12.5px;margin:18px 0 0}
@media(max-width:980px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.capability-grid{gap:10px}.capability-card{min-height:188px;padding:18px 13px}.capability-number{font-size:9px;letter-spacing:.08em}.capability-glyph{top:15px;right:12px;font-size:21px}.capability-card h3{font-size:18px;margin-right:0}.capability-card p{font-size:11.5px;line-height:1.45;padding-right:6px}.capability-arrow{right:11px;bottom:12px;font-size:15px}}
/* Operating system */
.system-section{background:radial-gradient(ellipse 50% 65% at 90% 30%,#0d437350,transparent 85%),#06142c;color:#fff;position:relative;overflow:hidden}
.system-section::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 58px,#93d7ff07 59px 60px);opacity:.45}
.system-section .shell{position:relative}
.light-heading h2{color:#fff}.light-heading h2 em{color:#7fd2ff}
.light-heading>p{color:#aac2d9}
.operating-panel{display:grid;grid-template-columns:.36fr .64fr;min-height:525px;border:1px solid #3387c17b;background:#08244982;border-radius:17px;overflow:hidden;box-shadow:0 23px 60px #0004}
.operating-rail{padding:26px;background:#051b37a6;border-right:1px solid #397bac44;display:flex;flex-direction:column;gap:6px}
.operation-tab{display:flex;align-items:center;gap:16px;padding:22px 17px;text-align:left;background:transparent;color:#9fb6d0;border:1px solid transparent;border-radius:8px;font-size:19px;font-weight:750;letter-spacing:-.04em;transition:background .2s,color .2s,border-color .2s}
.operation-tab span{font-size:10px;letter-spacing:.13em;color:#5c87ab;font-weight:900}
.operation-tab:hover{color:#fff;background:#15609026}
.operation-tab.is-selected{background:linear-gradient(105deg,#0d529188,#0c3c709a);color:#fff;border-color:#279ee864}
.operation-tab.is-selected span{color:var(--gold)}
.operating-content{position:relative;min-height:500px;padding:31px 43px 36px;background:radial-gradient(circle at 53% 40%,#115f9f40,transparent 55%)}
.operation-head,.operation-foot{display:flex;justify-content:space-between;gap:20px;color:#8eb5d4;font-size:10px;letter-spacing:.12em;font-weight:850}
.operation-tag{color:#e4bc74}
.operation-visual{height:267px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden}
.operation-ring{position:absolute;width:215px;height:215px;border-radius:50%;border:1px solid #0baff25e;box-shadow:0 0 0 43px #04a4ee08}
.operation-ring.ring-b{width:295px;height:295px;border-style:dashed;border-color:#5bb5ec38;box-shadow:none}
.operation-cross{position:absolute;height:1px;width:88%;background:linear-gradient(90deg,transparent,#89d5fb25 40%,#89d5fb25 60%,transparent);z-index:-1}
.operation-core{width:112px;height:112px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#093d75,#09a0d76b);border:1px solid #52bdfc98;box-shadow:0 16px 39px #001f48c2,0 0 55px #008fe541;font-size:52px;color:#c7f1ff;transition:transform .3s,opacity .3s}
.operating-content h3{font-size:35px;margin:0 0 13px}
.operating-content>p{max-width:550px;color:#bbd2e5;font-size:14px;line-height:1.85;margin-bottom:26px}
.operation-foot{padding-top:18px;border-top:1px solid #2e759c4a;color:#6fa4c9}
.operation-foot span:last-child{color:#f0bf68}
.system-disclosure{color:#8cb0d0;font-size:11px;max-width:760px;line-height:1.8;margin:22px auto 0;text-align:center}
/* Illustrative, cross-sector scenarios demonstrate how the seven principles connect to real client challenges. */
.system-use-cases{margin-top:46px;border-top:1px solid #397bac4d;padding-top:39px}
.use-case-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:24px;margin-bottom:21px}
.use-case-heading .eyebrow{color:#91d7ff}
.use-case-heading h3{font-size:clamp(23px,2.7vw,36px);line-height:1.16;letter-spacing:-.035em;margin:11px 0 0}
.use-case-heading>p{font-size:13px;line-height:1.75;color:#bed8ec;margin:0}
.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.use-case-option{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:21px 19px;text-align:left;color:#e4f4ff;background:#0a2749;border:1px solid #397bac86;border-radius:12px;min-width:0;cursor:pointer;transition:background .2s,border-color .2s}
.use-case-option:hover,.use-case-option:focus-visible{border-color:#75c9f1;background:#103a61}
.use-case-option.is-selected{border-color:#8cdfff;background:#12476f;box-shadow:inset 0 3px 0 #f0c46d}
.use-case-option .use-case-id{font-size:10px;font-weight:850;letter-spacing:.12em;color:#95d7f7}
.use-case-option strong{font-size:17px;line-height:1.23}
.use-case-problem,.use-case-value{font-size:12px;line-height:1.45;color:#c6dcf0}
.use-case-value{color:#f0d49b;margin-top:auto}
.use-case-detail{margin-top:15px;padding:24px 27px;border-radius:12px;background:#f3f9fd;color:#102e4d}
.use-case-detail-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#315c79;font-weight:850;font-size:10px;letter-spacing:.08em}
.use-case-detail h4{font-size:21px;letter-spacing:-.03em;margin:15px 0 9px}
.use-case-detail p{font-size:14px;line-height:1.7;color:#304e68;margin:0;max-width:950px}
.use-case-disclaimer{font-size:11.5px;color:#b6d4e9;line-height:1.7;margin:18px 0 0}
@media(max-width:900px){.use-case-heading{grid-template-columns:1fr;gap:11px}}
@media(max-width:760px){
 .system-section{padding-block:38px}
 .system-section .section-heading{margin-bottom:26px}
 .operating-content{min-height:395px}
 .operation-visual{height:160px}
 .operation-ring{width:145px;height:145px}
 .operation-ring.ring-b{width:220px;height:220px}
 .system-disclosure{margin-top:14px}
 .system-use-cases{margin-top:18px;padding-top:18px}
 .use-case-heading{gap:7px;margin-bottom:12px}
 .use-case-heading h3{font-size:22px;margin-top:6px}
 .use-case-heading>p{font-size:12px;line-height:1.55}
 .use-case-grid{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding-bottom:9px;overscroll-behavior-x:contain}
 .use-case-option{flex:0 0 min(80%,260px);scroll-snap-align:start;padding:14px 16px;gap:5px}
 .use-case-option strong{font-size:16px}
 .use-case-detail{margin-top:10px;padding:16px}
 .use-case-detail h4{font-size:19px;margin:9px 0 5px}
 .use-case-detail p{font-size:12.5px;line-height:1.55}
 .use-case-disclaimer{font-size:11px;line-height:1.5;margin-top:12px}
}
/* Sectors */
.industry-section{background:#f4f7fb}
.industry-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.industry-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:345px;padding:26px;overflow:hidden;background:#0b3967;color:#fff;border-radius:14px;isolation:isolate}
.industry-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 31%,#ffffff23,transparent 43%),linear-gradient(0deg,#0007,transparent 75%);z-index:-1}
.industry-agri{background:linear-gradient(150deg,#06666e,#0f8769)}
.industry-health{background:linear-gradient(150deg,#1d476e,#205f99)}
.industry-food{background:linear-gradient(150deg,#795226,#bd863d)}
.industry-knowledge{background:linear-gradient(150deg,#063b66,#026b83)}
.industry-index{font-size:10px;color:#ffffffbf;letter-spacing:.13em;font-weight:800}
.industry-shape{font-size:105px;line-height:1;position:absolute;right:-9px;top:55px;color:#ffffff52;transform:rotate(-12deg)}
.industry-card small{color:#ffffffae;font-size:9px;letter-spacing:.13em;font-weight:850}
.industry-card h3{font-size:29px;margin:8px 0 13px}
.industry-card p{font-size:12px;color:#e5f2fce6;line-height:1.7;margin:0}
.industry-scope{color:#58718e;font-size:12px;margin:26px 0 0}
/* Seven target sectors: concise, responsive opportunity map rather than implying live products. */
.focus-sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.focus-sector-card{position:relative;display:flex;flex-direction:column;gap:10px;min-height:190px;padding:24px 21px;border:1px solid #cbdfea;border-radius:13px;background:#fff;box-shadow:0 10px 25px #123b5d0a}
.focus-sector-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#147ab5;border-radius:13px 0 0 13px}
.focus-sector-index{font-size:10px;font-weight:850;letter-spacing:.13em;color:#0a6d9d}
.focus-sector-card h3{font-size:23px;letter-spacing:-.03em;line-height:1.2;color:#102b49;margin:1px 0 0}
.focus-sector-card p{font-size:12px;line-height:1.55;color:#45617a;margin:0}
@media(max-width:940px){.focus-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-sector-card{min-height:145px;padding:18px}}
@media(max-width:760px){.focus-sector-grid{gap:9px}.focus-sector-card{min-height:137px;padding:14px 13px;gap:7px}.focus-sector-card h3{font-size:17px}.focus-sector-card p{font-size:11px;line-height:1.4}.focus-sector-index{font-size:9px}}
/* Proof */
.proof-section{background:#fff}
.proof-layout{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px;align-items:center}
.proof-copy h2{font-size:clamp(35px,4.1vw,57px)}
.proof-copy p{font-size:15px;line-height:1.9;color:var(--muted);max-width:450px}
.proof-copy .text-link{margin-top:20px}
.proof-module{border:1px solid #c6dbe9;border-radius:13px;box-shadow:0 22px 65px #0a2f5114;overflow:hidden;background:#fff}
.proof-top{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:20px 24px;background:#082249;color:#f0f7ff;font-size:10px;letter-spacing:.13em;font-weight:850}
.development-label{font-size:9px;color:#bde8ff;border:1px solid #4da0d472;padding:7px;border-radius:30px;letter-spacing:.06em}
.proof-feature{display:flex;align-items:center;gap:22px;border-bottom:1px solid #e8eff7;padding:21px 27px}
.proof-feature>span:first-child{font-weight:850;font-size:12px;color:#0a94d2}
.proof-feature>div{display:grid;gap:5px;flex:1}
.proof-feature strong{font-size:15px;color:#183b60}
.proof-feature small{font-size:12px;color:#7288a0}
.proof-feature>span:last-child{font-size:21px;color:#8bb3ce}
.proof-caption{font-size:11px;color:#667d95;background:#f1f6fa;padding:17px 24px;line-height:1.6}
/* Editorial statement */
.statement-section{background:#051730;color:#fff;text-align:center;position:relative;overflow:hidden}
.statement-section::after{content:"";width:600px;height:600px;position:absolute;right:-230px;top:-250px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 50px #ffffff03,0 0 0 140px #ffffff03;pointer-events:none}
.statement-section .eyebrow{justify-content:center}
.statement-section blockquote{font-size:clamp(32px,4.3vw,60px);line-height:1.35;letter-spacing:-.05em;font-weight:720;margin:0}
.statement-section blockquote em{color:#88d0fa}
.statement-rule{height:2px;width:65px;background:var(--gold);margin:35px auto 24px}
.statement-section p{color:#a8c1db;font-size:13px;font-weight:700}
.statement-section p span{color:var(--gold);margin-inline:9px}
/* Next */
.next-section{background:linear-gradient(110deg,#082149,#0b4176);color:#fff;overflow:hidden}
.next-layout{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}
.next-layout h2{font-size:clamp(42px,5vw,70px);margin-bottom:19px}
.next-layout h2 em{color:var(--gold-light)}
.next-layout p{max-width:580px;color:#bed7eb;line-height:1.85;margin-bottom:30px}
.next-art{min-height:380px;position:relative;display:grid;place-items:center}
.next-ring{border:1px solid #ffffff2f;border-radius:50%;width:360px;height:360px;position:absolute}
.next-ring.ring-two{width:280px;height:280px;border-style:dashed}
.next-logomark{width:210px;height:210px;border:1px solid #44bfff80;background:#092a54;border-radius:30px;display:grid;place-items:center;box-shadow:0 0 65px #00b1ff18,0 25px 55px #0006}
.next-logomark img{width:165px;height:165px;object-fit:contain}
.next-art>span:last-child{position:absolute;bottom:8px;font-size:9px;letter-spacing:.15em;color:#aad3ed;font-weight:850}
.next-art b{color:var(--gold);margin-inline:10px}
/* Interior hero */
.subhero{background:radial-gradient(circle at 88% 40%,#0e589a4b,transparent 48%),linear-gradient(125deg,#030d21,#0a2d57);color:#fff;overflow:hidden}
.subhero-inner{padding-block:105px;display:grid;grid-template-columns:1fr .35fr;align-items:center;gap:65px;min-height:425px}
.subhero h1{font-size:clamp(44px,5.7vw,80px);line-height:1.12;margin:0 0 25px}
.subhero p{max-width:670px;color:#bed1e4;font-size:17px;line-height:1.85}
.subhero-symbol{height:215px;width:215px;justify-self:end;border-radius:35px;background:linear-gradient(140deg,#12609e,#092447);border:1px solid #3b9fe494;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg);box-shadow:0 25px 70px #0005}
.subhero-symbol>span{font-size:100px;font-weight:850;letter-spacing:-.13em;line-height:1;color:#c3e7fd}
.subhero-symbol>small{font-size:9px;text-align:center;letter-spacing:.16em;color:#f7d993}
.company-symbol img{width:180px;height:180px;object-fit:contain}
.compact-top{padding-top:82px}
.service-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;padding-bottom:38px;border-bottom:1px solid var(--line)}
.service-intro>span{font-size:11px;font-weight:850;letter-spacing:.16em;color:#0b86c8}
.service-intro>p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}
.service-directory{margin-bottom:75px}
.discipline{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;padding:66px 18px;border-bottom:1px solid #dbe7f1;scroll-margin-top:115px}
.discipline-title>span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#167ebb}
.discipline-icon{font-size:60px;color:#129bdb;margin:12px 0}
.discipline-title h2{font-size:clamp(36px,4vw,55px);margin:0}
.discipline-body p{font-size:16px;color:#58718a;line-height:1.85;max-width:610px}
.discipline-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px;list-style:none;margin:26px 0 29px;padding:0}
.discipline-body li{font-size:12px;padding-left:18px;position:relative;color:#284767;font-weight:640}
.discipline-body li::before{content:"↗";position:absolute;left:0;color:#008ad1}
.discipline-action{display:inline-flex;align-items:center;gap:20px;font-weight:840;font-size:13px;color:#087ebb;padding-bottom:8px;border-bottom:1px solid #73b6d7}
.editorial-banner{background:linear-gradient(115deg,#071b38,#0a3768);padding:60px 65px;color:#fff;border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}
.editorial-banner>span{grid-column:1/-1;color:#82c6f2;font-weight:850;letter-spacing:.16em;font-size:10px}
.editorial-banner h2{font-size:clamp(35px,4vw,59px);margin:0}
.editorial-banner h2 em{color:#eac37b}
/* Company */
.company-purpose{background:#fff}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.purpose-panel{background:#f1f7fd;border:1px solid #d6e6f2;padding:43px;border-radius:13px}
.purpose-panel:nth-child(2){background:linear-gradient(130deg,#092149,#0c3f75);color:#fff;border-color:#19629d}
.purpose-panel>span{color:#008ec9;letter-spacing:.16em;font-weight:870;font-size:10px}
.purpose-panel:nth-child(2)>span{color:#ffdda1}
.purpose-panel h3{font-size:clamp(29px,3vw,44px);margin:25px 0 15px}
.purpose-panel p{font-size:15px;color:#607891;line-height:1.85;margin:0}
.purpose-panel:nth-child(2) p{color:#c0d5e7}
.value-section{background:#07182e;color:#fff}
.value-section .heading-split h2{color:white}
.value-section .heading-split h2 em{color:#89d4ff}
.value-section .heading-split>p{color:#a9bfd5}
.value-principles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.value-principles article{padding:30px 21px;min-height:245px;border-radius:12px;border:1px solid #2f69885c;background:#ffffff08;display:flex;flex-direction:column}
.value-principles article>span{font-size:11px;color:#77a7c9;font-weight:850}
.value-principles h3{font-size:23px;margin:auto 0 15px}
.value-principles p{font-size:12px;line-height:1.7;color:#b1c9db;margin:0}
.value-principles .principle-halal{border-color:#d4aa6591;background:#d8a34413}
.principle-halal h3{color:#ffdc91}
.brand-story{background:#f6f9fd}
.brand-story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
.brand-story-layout h2{font-size:clamp(40px,4vw,58px)}
.brand-story-layout>div:first-child>p{color:var(--muted);max-width:400px}
.brand-story-logo{display:block;background:#082449;border:1px solid #1d86b8;border-radius:20px;margin-top:32px;box-shadow:0 14px 40px #081e3d24}
.brand-meaning{margin:0;border-top:1px solid #cadae8}
.brand-meaning div{display:grid;grid-template-columns:.55fr 1.45fr;gap:30px;padding:22px 0;border-bottom:1px solid #cadae8}
.brand-meaning dt{font-size:15px;font-weight:850}
.brand-meaning dd{font-size:13px;color:#5e7894;margin:0}
.roadmap-section{background:#fff}
.roadmap-heading{max-width:950px}
.roadmap-heading p{max-width:760px;margin:22px 0 0;color:#536f88;font-size:15px;line-height:1.8}
.roadmap-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}
.roadmap-entry{position:relative;border-radius:14px;border:1px solid #dbe7f2;background:#f5f9fc;padding:29px 22px;display:flex;flex-direction:column;min-height:400px}
.roadmap-entry.active{background:linear-gradient(155deg,#082846,#0b416c);color:#fff;border-color:#0e5d95}
.roadmap-entry.in-progress{border-top:4px solid #0a80bb}
.roadmap-entry.future{border-top:4px solid #bb8c2a}
.roadmap-entry>span:first-child{color:#006b9e;font-size:10px;font-weight:850;letter-spacing:.12em}
.roadmap-entry.active>span:first-child{color:#c2e6fc}
.roadmap-entry h3{font-size:23px;letter-spacing:-.03em;margin:23px 0 12px;line-height:1.15}
.roadmap-entry p{font-size:12.8px;line-height:1.6;color:#526c84;margin:0 0 16px}
.roadmap-entry.active p{color:#d0e0ef}
.roadmap-entry ul{padding:0 0 0 17px;margin:0 0 19px;color:#3d5974;font-size:12px;line-height:1.65}
.roadmap-entry li{margin:0 0 7px}
.roadmap-entry.active ul{color:#e2eff7}
.roadmap-entry small{margin-top:auto;font-size:10px;font-weight:850;letter-spacing:.05em;line-height:1.5;color:#526e87}
.roadmap-entry.active small{color:#f5d68f}
.roadmap-safety{display:block;font-size:11px;color:#635528;line-height:1.5;margin-top:12px}
.roadmap-horizon{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f7fbfc;border:1px solid #c5e1e5;border-left:5px solid #0d7f8d;border-radius:14px;padding:27px 31px;margin-top:15px}
.roadmap-horizon span{font-size:10px;font-weight:850;letter-spacing:.13em;color:#006f80}
.roadmap-horizon h3{font-size:clamp(25px,3vw,37px);letter-spacing:-.04em;margin:10px 0}
.roadmap-horizon p{color:#45627c;font-size:13px;line-height:1.7;max-width:720px;margin:0}
.roadmap-horizon small{font-size:10px;font-weight:850;line-height:1.5;color:#47657b;flex-shrink:0}
.roadmap-note{color:#526e85;font-size:12px;line-height:1.75;margin:23px 0 0}
@media(max-width:760px){.roadmap-horizon{flex-direction:column;align-items:start;padding:23px 20px;gap:14px}}
.quote-section{text-align:center;background:#081a32;color:#fff}
.quote-section blockquote{font-size:clamp(28px,3.9vw,48px);letter-spacing:-.035em;font-weight:700;margin:0 0 23px}
.quote-section span{font-size:11px;letter-spacing:.18em;color:#f0c46d;font-weight:800}
/* Engagement */
.engage-hero .subhero-inner{grid-template-columns:1fr .35fr}
.brief-hero-mark{display:flex;align-items:center;justify-content:center;gap:12px;color:#c7eaff;font-size:30px;font-weight:850}
.brief-hero-mark span{display:grid;place-items:center;width:78px;height:78px;border:1px solid #3087c6;border-radius:14px;background:#0c4478}
.brief-hero-mark span:nth-of-type(2){background:#0c5692}
.brief-hero-mark i{height:1px;width:25px;background:#70c5ed}
.brief-section{background:#f2f7fc}
.brief-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.brief-aside{padding-top:15px}
.brief-aside h2{font-size:clamp(34px,3.7vw,53px)}
.brief-aside>p{font-size:15px;color:#5b7289;line-height:1.85}
.brief-aside-list{margin-top:36px;display:grid;gap:27px}
.brief-aside-list div{display:grid;grid-template-columns:37px 1fr;gap:5px 14px}
.brief-aside-list span{grid-row:1/span 2;display:grid;place-items:center;background:#e0f1fd;color:#0687c5;font-size:12px;font-weight:800;border-radius:10px;width:37px;height:37px}
.brief-aside-list strong{font-size:14px}
.brief-aside-list small{color:#607990;font-size:12px}
.brief-aside .brief-privacy{margin-top:42px;padding:23px;background:#e4f1fb;border-left:3px solid #008bda;font-size:12px;line-height:1.8}
.brief-privacy span{color:#008cce;padding-right:7px}
.brief-card{background:#fff;border:1px solid #dae7f3;box-shadow:0 20px 60px #0c2b4d13;border-radius:15px;overflow:hidden}
.brief-title{padding:34px 36px;background:linear-gradient(110deg,#0a2d55,#0b4c81);color:#fff}
.brief-title>span{font-size:10px;color:#90d5fe;font-weight:850;letter-spacing:.15em}
.brief-title strong{display:block;font-size:30px;letter-spacing:-.05em;margin:14px 0 10px;line-height:1.2}
.brief-title p{font-size:13px;color:#c2d6ea;line-height:1.7;margin:0}
#brief-form{padding:34px 36px 36px;display:grid;gap:21px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:flex;flex-direction:column;gap:9px}
.field label{font-size:12px;font-weight:800;color:#193e5f}
.field label em{color:#bd7326;font-style:normal}
.field label span{font-weight:500;color:#879baf}
.field input,.field select,.field textarea{color:#102947;border:1px solid #cad9e8;background:#f9fbfd;border-radius:9px;padding:13px 14px;width:100%;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#087ccd;box-shadow:0 0 0 3px #048be01c}
.field textarea{resize:vertical;min-height:100px}
.field input::placeholder,.field textarea::placeholder{color:#8093a7}
.field>small{font-size:11px;color:#778ba0}
.brief-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.action-reset{background:#edf4fa;color:#245477;border:1px solid #dce8f1}
.action-reset:hover{background:#dcecf9}
.form-message{background:#fff1e7;color:#8b3e14;border:1px solid #f3ccb3;padding:14px;border-radius:8px;font-size:13px}
.brief-result{padding:30px 36px 38px;border-top:1px solid #dce8f2;background:#f7fbfe}
.result-heading>span{font-size:10px;font-weight:850;letter-spacing:.14em;color:#0486c0}
.result-heading h3{font-size:25px;margin:11px 0 8px}
.result-heading p{font-size:12px;color:#637e94;line-height:1.7}
#brief-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#0a2445;border-radius:11px;padding:22px;color:#dbeaf4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.85;max-height:430px;overflow:auto;border:1px solid #2b6596}
.brief-result-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:19px}
.light-action{color:#125174;border-color:#abcde3;background:#fff}
.copy-status{font-size:12px;color:#14794e;min-height:24px;margin:14px 0 0}
.brief-contact{display:flex;align-items:baseline;gap:25px;border-top:1px solid #d4e4f0;margin-top:42px;padding-top:22px}
.brief-contact>span{font-weight:850;font-size:10px;color:#0a79bc;letter-spacing:.14em}
.brief-contact p{color:#647a93;font-size:12px;margin:0;line-height:1.8}
/* Footer */
.site-footer{background:#030c1f;color:#f1f6ff;padding-top:76px}
.footer-major{display:grid;grid-template-columns:1.6fr .6fr .6fr 1fr;gap:48px;padding-bottom:64px}
.footer-brand .brand-copy strong{font-size:25px}
.footer-major>div:first-child>p{color:#9bb4ce;font-size:13px;line-height:1.9;margin-top:23px}
.footer-linkset{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.footer-linkset h3{font-size:10px;letter-spacing:.14em;color:#7ea9ce;margin:9px 0 8px;font-weight:850}
.footer-linkset a{font-size:13px;color:#acc6db}
.footer-linkset a:hover{color:#fff}
.footer-statement{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.footer-statement>span{font-size:10px;letter-spacing:.14em;font-weight:850;color:#83aed4;margin-top:9px}
.footer-statement strong{font-size:29px;letter-spacing:-.055em;line-height:1.25}
.footer-statement i{font-style:normal;color:var(--gold-light)}
.footer-minor{border-top:1px solid #25426280;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:27px 0;color:#7c9ab7;font-size:10px;line-height:1.8}
/* Responsive */
@media(max-width:1220px){
  .shell{width:calc(100% - 62px)}
  .site-navigation{gap:19px}
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-tile{padding:26px}
  .hero-layout{gap:25px}
  .hero-copy h1{font-size:clamp(50px,6vw,80px)}
  .industry-card{padding:23px}
  .value-principles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1024px){
  .menu-button{display:flex}
  .header-layout{height:79px}
  .site-navigation{display:none;position:absolute;top:79px;left:0;right:0;background:#071a35;box-shadow:0 20px 40px #010817c2;padding:19px 31px 29px;flex-direction:column;align-items:stretch;gap:5px;border-top:1px solid #ffffff17}
  .site-navigation.is-open{display:flex}
  .site-navigation>a:not(.nav-action){padding:10px 5px;font-size:16px}
  .site-navigation .nav-action{margin-top:13px;justify-content:space-between}
  .hero-layout{grid-template-columns:1fr;gap:42px;padding-top:85px;padding-bottom:75px}
  .hero-copy{max-width:760px}
  .hero-copy h1{font-size:clamp(65px,8.5vw,89px)}
  .hero-graphic{min-height:520px;width:min(600px,100%);margin-inline:auto}
  .section{padding-block:88px}
  .heading-split{grid-template-columns:1fr 1fr;gap:45px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .industry-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .industry-card{height:320px}
  .proof-layout,.brand-story-layout{gap:50px}
  .footer-major{grid-template-columns:1.3fr .65fr .65fr;gap:30px}
  .footer-statement{grid-column:1/-1;border-top:1px solid #ffffff15;padding-top:18px;flex-direction:row;align-items:center}
  .footer-statement strong{font-size:23px}
  .roadmap-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brief-layout{gap:40px}
}
@media(max-width:760px){
  .shell{width:calc(100% - 40px)}
  .utility-aside{display:none}
  .hero-layout{padding-block:67px 72px}
  .hero-copy h1{font-size:clamp(50px,10vw,72px)}
  .hero-lead{font-size:16px}
  .hero-micro{margin-top:38px}
  .hero-graphic{min-height:470px}
  .signal-canvas{max-width:470px}
  .belief-grid{padding-block:25px}
  .belief-signature{font-size:10px!important}
  .section{padding-block:74px}
  .heading-split{grid-template-columns:1fr;gap:23px}
  .section-heading h2{font-size:clamp(35px,7.7vw,53px)}
  .service-grid,.operating-panel,.proof-layout,.next-layout,.purpose-grid,.brand-story-layout,.brief-layout{grid-template-columns:1fr}
  .operating-panel{min-height:auto}
  .operating-rail{flex-direction:row;overflow-x:auto;gap:8px;padding:15px;border-right:0;border-bottom:1px solid #397bac44;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
  .operation-tab{scroll-snap-align:start;flex:0 0 auto}
  .operation-tab{white-space:nowrap;font-size:14px;padding:13px 15px}
  .operating-content{padding:30px 26px;min-height:475px}
  .industry-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .industry-card{height:310px}
  .next-art{min-height:330px}
  .next-layout{gap:35px}
  .subhero-inner{grid-template-columns:1fr;min-height:auto;padding-block:75px;gap:25px}
  .subhero-symbol{display:none}
  .engage-hero .subhero-inner{grid-template-columns:1fr}
  .brief-hero-mark{justify-content:flex-start}
  .discipline{grid-template-columns:1fr;gap:25px}
  .discipline-body ul{grid-template-columns:1fr 1fr}
  .editorial-banner{grid-template-columns:1fr;padding:40px 30px}
  .editorial-banner>span{grid-column:auto}
  .footer-major{grid-template-columns:1fr 1fr;gap:35px}
  .footer-major>div:first-child{grid-column:1/-1}
  .footer-statement{grid-column:1/-1}
  .footer-minor{flex-direction:column;align-items:flex-start}
  .brief-layout{gap:45px}
  .brief-aside-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .brief-aside-list div{grid-template-columns:1fr;gap:5px}
  .brief-aside-list span{grid-row:auto}
}
@media(max-width:550px){
  .shell{width:calc(100% - 34px)}
  .utility-bar{font-size:9px}
  .brand img{width:45px;height:45px}
  .brand-copy strong{font-size:20px}
  .brand-copy small{font-size:7px;letter-spacing:.08em}
  .site-navigation{padding-inline:17px}
  .hero-layout{padding-top:56px}
  .hero-copy h1{font-size:clamp(45px,11.5vw,65px);letter-spacing:-.07em}
  .hero-lead{font-size:15px}
  .action-group{flex-direction:column;align-items:stretch}
  .action-group .action{justify-content:space-between}
  .hero-micro{gap:12px}
  .hero-graphic{min-height:auto;display:block;padding:35px 0}
  .signal-canvas{width:100%}
  .signal-header{font-size:8px;padding:15px 12px}
  .signal-center{height:310px}
  .signal-bottom{padding:10px}
  .signal-box{padding:10px 7px}
  .signal-box small{font-size:7px}
  .signal-box strong{font-size:11px}
  .system-orbit{width:350px;height:350px;left:50%;top:35px;transform:translateX(-50%)}
  .system-orbit.orbit-two{width:280px;height:280px;top:70px}
  .graphic-label{display:none}
  .belief-grid{display:block}
  .belief-divider{display:none}
  .belief-signature{text-align:left;margin-top:18px!important}
  .section-heading h2{font-size:clamp(35px,9vw,47px)}
  .service-grid,.industry-mosaic,.value-principles,.roadmap-layout,.discipline-body ul,.field-row{grid-template-columns:1fr}
  .service-tile{min-height:270px}
  .industry-card{height:295px}
  .operating-content{padding:25px 18px}
  .operation-visual{height:240px}
  .operation-ring{width:195px;height:195px}
  .operation-ring.ring-b{width:275px;height:275px}
  .operating-content h3{font-size:30px}
  .proof-feature{padding:19px}
  .proof-top{padding:16px}
  .next-ring{width:300px;height:300px}
  .next-ring.ring-two{width:225px;height:225px}
  .subhero-inner{padding-block:65px}
  .subhero h1{font-size:clamp(41px,9vw,55px)}
  .subhero p{font-size:15px}
  .brief-hero-mark{display:none}
  .service-intro{grid-template-columns:1fr;gap:10px}
  .discipline{padding:49px 0}
  .discipline-title h2{font-size:39px}
  .purpose-panel{padding:30px}
  .brand-meaning div{grid-template-columns:1fr;gap:6px}
  .brief-aside-list{grid-template-columns:1fr;gap:18px}
  .brief-aside-list div{grid-template-columns:38px 1fr}
  .brief-aside-list span{grid-row:1/span 2}
  .brief-title,#brief-form,.brief-result{padding:26px 20px}
  .brief-title strong{font-size:27px}
  .brief-result-actions{flex-direction:column;align-items:stretch}
  .brief-contact{display:block}
  .brief-contact p{margin-top:8px}
  .footer-major{grid-template-columns:1fr 1fr;gap:25px}
  .footer-statement{display:block}
  .footer-statement strong{display:block;margin-top:12px}
}
@media(max-width:365px){
  .brand-copy strong{font-size:18px}
  .brand-copy small{letter-spacing:.03em;font-size:6px}
  .hero-copy h1{font-size:42px}
  .signal-equation{font-size:8px}
  .utility-bar{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media print{
  .site-header,.utility-bar,.site-footer,.menu-button,.action,.brief-actions,.brief-result-actions{display:none!important}
  body{color:#000;background:#fff}
  .brief-card{box-shadow:none}
  #brief-output{background:#fff;color:#000;max-height:none}
}
@media(min-width:761px) and (max-width:1024px){
  .subhero-inner{grid-template-columns:minmax(0,1fr) 180px;gap:25px}
  .subhero-symbol{width:170px;height:170px}
  .subhero-symbol>span{font-size:74px}
  .company-symbol img{width:145px;height:145px}
}

/* Official MetaAutomate social presence — editorial network section */
.social-section{background:radial-gradient(ellipse 62% 70% at 100% 7%,#18477844,transparent 75%),#06162e;color:#eff8ff;position:relative;overflow:hidden;border-top:1px solid #153c62}
.social-section::before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:78px 78px}
.social-section .shell{position:relative}
.social-heading h2{color:#fff}
.social-heading h2 em{color:#95d5ff}
.social-heading p{color:#b2c8dc}
.social-tagline{display:block;font-size:10px;letter-spacing:.16em;color:#d2e5f4;font-weight:850;margin-top:22px}
.social-tagline b{color:var(--gold);margin-inline:6px}
.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.social-card{display:flex;flex-direction:column;position:relative;min-height:222px;padding:24px;overflow:hidden;background:linear-gradient(155deg,#0b2a4c,#0a1e38);border:1px solid #376c9666;border-radius:12px;transition:transform .22s,border-color .22s,background .22s;isolation:isolate}
.social-card::after{content:"";position:absolute;width:240px;height:240px;right:-138px;bottom:-141px;border:1px solid #4db9f744;border-radius:50%;box-shadow:0 0 0 28px #0076cf0c,0 0 0 58px #0076cf0a;z-index:-1}
.social-card:hover,.social-card:focus-visible{transform:translateY(-4px);border-color:#55bcfb}
.social-card.social-featured{grid-column:span 2;min-height:258px;padding:29px;background:linear-gradient(125deg,#114578,#09233f)}
.social-linkedin.social-featured{background:linear-gradient(135deg,#172b4d,#124366)}
.social-card-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#95b9d7;font-size:9px;letter-spacing:.12em;font-weight:870}
.social-card-arrow{font-size:22px;line-height:1;color:#87bfe3;transition:transform .2s}
.social-card:hover .social-card-arrow{transform:translate(3px,-3px);color:#fff}
.social-card-icon{font-size:31px;line-height:1;width:49px;height:49px;border-radius:12px;background:#2d8acc31;color:#deeffe;display:grid;place-items:center;font-weight:900;margin-top:auto;margin-bottom:16px;box-shadow:0 4px 26px #0422401a}
.social-card.social-featured .social-card-icon{height:64px;width:64px;font-size:38px}
.social-card-name{display:block;font-size:24px;font-weight:800;letter-spacing:-.055em;line-height:1.13}
.social-card-handle{font-size:12px;color:#9ebfdb;margin-top:5px}
.social-card.social-featured .social-card-name{font-size:33px}
.social-card.social-youtube .social-card-icon{color:#ffe0da;background:#be32352e}
.social-card.social-linkedin .social-card-icon{color:#c2e8ff;background:#1e83c63d;font-size:29px}
.social-card.social-instagram .social-card-icon{color:#ffcfde;background:#b54d9e2d}
.social-card.social-twitter .social-card-icon{color:#fff;background:#ffffff1b}
.social-card.social-facebook .social-card-icon{color:#c7ddff;background:#337beb2b}
.social-card.social-tiktok .social-card-icon{color:#d2fff8;background:#41baaa29}
.social-disclosure{margin:24px 0 0;color:#91acc5;font-size:11px;line-height:1.7;max-width:850px}
.footer-socials{border-top:1px solid #25426280;padding:28px 0 32px;display:grid;grid-template-columns:.36fr .64fr;gap:25px;align-items:center}
.footer-socials-heading{display:grid;gap:8px}
.footer-socials-heading>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#8ec9f1}
.footer-socials-heading small{color:#83a1bc;font-size:11px;line-height:1.6;max-width:240px}
.footer-socials-links{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.footer-social-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 12px;color:#c3d9ed;border:1px solid #2c5a817a;background:#0a2341;border-radius:8px;font-size:11px;font-weight:780;transition:background .16s,border-color .16s}
.footer-social-link:hover,.footer-social-link:focus-visible{background:#16446e;border-color:#4599d9}
.footer-social-glyph{color:#87d5ff;font-size:13px;min-width:13px;text-align:center;font-weight:800}
.footer-social-arrow{color:#77a4c7;margin-left:2px;font-size:13px}
@media(max-width:1024px){
  .footer-socials{grid-template-columns:1fr;gap:17px}
  .footer-socials-links{justify-content:flex-start}
}
@media(max-width:760px){
  .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-card.social-featured{grid-column:span 1;min-height:230px}
  .social-card.social-featured .social-card-name{font-size:24px}
  .social-card{padding:19px;min-height:208px}
  .social-card.social-featured{padding:19px}
  .social-card-heading{font-size:8px}
}
@media(max-width:490px){
  .social-grid{grid-template-columns:1fr 1fr;gap:9px}
  .social-card{padding:16px;min-height:198px}
  .social-card.social-featured{padding:16px;min-height:208px}
  .social-card-heading{font-size:7px;letter-spacing:.065em}
  .social-card-icon{width:42px;height:42px;font-size:26px}
  .social-card.social-featured .social-card-icon{width:48px;height:48px;font-size:29px}
  .social-card-name,.social-card.social-featured .social-card-name{font-size:20px}
  .social-card-handle{font-size:10px;overflow-wrap:anywhere}
  .footer-socials-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-social-link{justify-content:center;gap:7px;padding:10px 7px;font-size:11px}
  .footer-social-arrow{margin-left:auto}
}
@media(max-width:365px){
  .social-card{min-height:184px}
  .social-card-name,.social-card.social-featured .social-card-name{font-size:17px}
  .social-card-heading{font-size:6px}
}

/* Professional, owner-provided MetaAutomate business contact channel */
.footer-contact{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid #25426280;padding:33px 0}
.footer-contact-copy{display:grid;gap:7px}
.footer-contact-eyebrow,.brief-direct-contact>span{color:#95d2f2;font-size:10px;font-weight:890;letter-spacing:.15em}
.footer-contact-copy p{margin:0;font-size:12px;color:#8caac5}
.footer-contact-email{display:inline-flex;align-items:center;gap:22px;color:#f0f7ff;font-size:clamp(17px,2.1vw,27px);font-weight:750;letter-spacing:-.04em;border-bottom:1px solid #4685b9;padding-bottom:8px;overflow-wrap:anywhere}
.footer-contact-email:hover{border-bottom-color:#f3c877;color:#ffe3a7}
.footer-contact-email>span,.brief-direct-contact a>span{color:var(--gold)}
.brief-direct-contact{margin-top:23px;padding:25px;border:1px solid #c8e3f7;border-radius:11px;background:linear-gradient(135deg,#eaf6ff,#f7fbfe);display:grid;gap:12px}
.brief-direct-contact>span{color:#147cb1}
.brief-direct-contact a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:clamp(16px,2vw,20px);font-weight:790;color:#0a3760;letter-spacing:-.035em;overflow-wrap:anywhere}
.brief-direct-contact a:hover{color:#078cce}
.brief-direct-contact p{font-size:12px;line-height:1.75;margin:0;color:#60809b}
.brief-email-note{font-size:11px;line-height:1.75;color:#5b758f;margin:15px 0 0}
.brief-result-actions .action{flex-grow:0;min-height:48px}
@media(max-width:760px){.footer-contact{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:550px){.footer-contact-email{font-size:21px;gap:13px}.brief-result-actions .action{justify-content:space-between}}
@media(max-width:370px){.footer-contact-email{font-size:18px}.brief-direct-contact{padding:18px}}

/* Official WhatsApp Channel and Telegram profile — identity-only links, no embeds. */
.social-card.social-whatsapp .social-card-icon{
  color:#beffde;background:#1784503f;font-family:var(--display);font-size:17px;letter-spacing:-.04em
}
.social-card.social-telegram .social-card-icon{
  color:#dcf5ff;background:#1383bb48;font-size:29px
}
.social-card.social-whatsapp:hover{border-color:#51dca7}
.social-card.social-telegram:hover{border-color:#55c8fa}
.footer-social-link[aria-label^="WhatsApp"] .footer-social-glyph{color:#6ee7b7;font-size:10px;font-weight:900}
.footer-social-link[aria-label^="Telegram"] .footer-social-glyph{color:#80d7ff}


/* Customer clarity and representative Objective Workspace walkthrough.
   No external image assets, fonts, providers or live product endpoints. */
html{scroll-behavior:smooth}
#solutions,#workspace-demo,#brief-form{scroll-margin-top:105px}
.hero-availability{margin:18px 0 0;max-width:650px;color:#c0d8e9;font-size:12px;line-height:1.7}
.clarity-section{background:#f4f8fc}
.clarity-section .section-heading{margin-bottom:32px}
.clarity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.clarity-card{display:flex;flex-direction:column;align-items:flex-start;min-height:268px;padding:31px 28px;background:#fff;border:1px solid #d5e4f1;border-radius:14px;box-shadow:0 10px 24px #1035540b}
.clarity-index,.workspace-demo-kicker{font-size:10px;letter-spacing:.15em;font-weight:850;color:#0e83bb}
.clarity-card h3{font-size:clamp(23px,2.1vw,29px);line-height:1.15;letter-spacing:-.05em;color:#0b2444;margin:19px 0 9px}
.clarity-card p{font-size:13px;line-height:1.8;color:#4b637a;margin:0 0 20px}
.clarity-card a{margin-top:auto;color:#075c93;font-size:12px;font-weight:850;border-bottom:1px solid #a0cae4;padding-bottom:5px}
.clarity-card a:hover,.clarity-card a:focus-visible{color:#034573;border-bottom-color:#034573}
.clarity-audiences{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-top:28px}
.clarity-audiences strong{color:#082441;font-size:13px;margin-right:10px}
.clarity-audiences span{font-size:11px;color:#355875;background:#e4f0f8;border:1px solid #cee1ef;border-radius:40px;padding:8px 12px}
.workspace-demo-section{background:#eef5fc}
.workspace-demo-section .section-heading{margin-bottom:33px}
.workspace-demo-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;align-items:stretch}
.workspace-demo-controls{padding:34px;background:#fff;border:1px solid #d0e1ee;border-radius:14px}
.workspace-demo-controls h3{color:#0b274a;font-size:clamp(23px,2.5vw,34px);line-height:1.12;letter-spacing:-.055em;margin:16px 0 12px}
.workspace-demo-controls>p{font-size:13px;color:#526e85;line-height:1.8;margin:0 0 20px}
.workspace-step-actions{display:grid;gap:9px}
.workspace-step{display:flex;align-items:center;gap:13px;width:100%;min-height:50px;border:1px solid #d0e3f1;border-radius:9px;background:#f4f8fc;color:#173b59;font-family:inherit;font-size:13px;font-weight:730;text-align:left;padding:11px 15px;cursor:pointer;transition:background .2s,border-color .2s}
.workspace-step span{font-size:11px;font-weight:870;color:#2377ad}
.workspace-step:hover{border-color:#7cbada}
.workspace-step.is-current{background:#e0f3ff;border-color:#3d91c7;color:#053f6b}
.workspace-step:focus-visible{outline:3px solid #0b77b3;outline-offset:3px}
.workspace-demo-summary{background:#f3f8fc;border-left:3px solid #117db5;padding:18px 20px;margin-top:23px;border-radius:0 8px 8px 0;min-height:148px}
.workspace-demo-summary>span{font-size:10px;color:#087dae;font-weight:850;letter-spacing:.1em}
.workspace-demo-summary h4{margin:9px 0 6px;font-size:17px;color:#133452;letter-spacing:-.035em}
.workspace-demo-summary p{font-size:12px;line-height:1.7;color:#4c6376;margin:0}
.workspace-demo-board{min-width:0;padding:28px 26px;background:linear-gradient(145deg,#08233f,#0a3b65);border:1px solid #1c547c;border-radius:14px;color:#f2f8ff;display:flex;flex-direction:column;justify-content:center}
.workspace-board-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;align-items:center;margin-bottom:24px;font-size:10px;letter-spacing:.10em;font-weight:820;color:#b8dbf6}
.workspace-board-status{color:#ffe5a8;background:#72572133;border:1px solid #d7ae6666;padding:6px 9px;border-radius:30px;font-size:9px}
.workspace-node{min-width:0;padding:15px 17px;border:1px solid #568ab17a;border-radius:10px;background:#ffffff0c;display:grid;gap:7px}
.workspace-node small{font-size:9px;font-weight:850;letter-spacing:.12em;color:#98cdef}
.workspace-node strong{font-size:16px;letter-spacing:-.03em;line-height:1.2;color:#f9fdff;overflow-wrap:anywhere}
.workspace-node span{font-size:11px;line-height:1.45;color:#c6def2}
.workspace-node-primary{background:#0d568374;border-color:#67bbe2aa}
.workspace-node-review{border-color:#f0bd7291;background:#bb8b2330}
.workspace-node-review small{color:#ffe1ad}
.workspace-node-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.workspace-node-row .workspace-node strong{font-size:14px}
.workspace-connector{text-align:center;font-size:20px;line-height:1.2;color:#98d7f4;padding:6px}
.workspace-board-foot{font-size:10px;line-height:1.75;color:#accce6;margin:22px 0 0}
.brief-shortcut{margin:18px 0 24px;padding:18px;background:#edf6fc;border:1px solid #c5e0f0;border-radius:10px}
.brief-shortcut p{font-size:12px;line-height:1.7;color:#365873;margin:0 0 12px}
.brief-shortcut .action{min-height:45px;font-size:12px}
@media(max-width:1024px){
 .workspace-demo-layout{grid-template-columns:1fr}
 .workspace-demo-board{padding:29px}
}
@media(max-width:760px){
 .clarity-grid{grid-template-columns:1fr}
 .clarity-card{min-height:0;padding:25px}
 .clarity-audiences{gap:8px}
 .clarity-audiences strong{flex-basis:100%}
 .workspace-demo-controls{padding:24px}
}
@media(max-width:490px){
 .workspace-demo-board{padding:18px}
 .workspace-node-row{grid-template-columns:1fr}
 .workspace-board-head{font-size:9px}
 .workspace-demo-controls{padding:20px}
 .workspace-demo-summary{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .workspace-step{transition:none}
}


/* Business-value story and mobile-first content hierarchy, 2026-10-15. */
.hero-workspace-link{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:15px;font-size:12px;font-weight:750;color:#98dbff;text-decoration:underline;text-underline-offset:4px}
.hero-workspace-link small{font-size:10px;color:#c6d4e4;text-decoration:none;font-weight:500}
.hero-workspace-link:hover{color:#f6c774}
.hero-workspace-link:focus-visible{outline:3px solid #83cbff;outline-offset:5px;border-radius:3px}
.clarity-section{padding-block:78px 70px}
.workspace-demo-section{padding-block:78px 84px;border-top:1px solid #c9dfef}
.services-section,.system-section,.industry-section{padding-block:82px}
.social-section-compact{padding-block:72px}
.social-section-compact .section-heading{margin-bottom:24px}
.social-section-compact .social-grid-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.social-section-compact .social-card.social-featured{grid-column:auto;min-height:176px;padding:24px}
.social-section-compact .social-card-icon{font-size:25px}
.social-section-compact .social-card-name{font-size:25px}
.social-section-compact .social-disclosure{margin-top:16px;max-width:850px}
.next-section{padding-block:82px}
@media(max-width:760px){
 .clarity-section,.workspace-demo-section,.services-section,.system-section,.industry-section,.social-section-compact,.next-section{padding-block:60px}
 .social-section-compact .social-grid-featured{grid-template-columns:1fr}
 .social-section-compact .social-card.social-featured{min-height:144px;padding:20px}
 .social-section-compact .social-card-icon{font-size:23px}
 .hero-workspace-link{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 .hero-workspace-link{scroll-behavior:auto}
}


/* Publication accessibility review: WCAG AA-oriented foreground contrast.
 * Preserve the brand's blue palette while avoiding white on bright cyan.
 * Non-text graphics and AA conformance require separate manual review. */
.action-primary{
  color:#fff;
  background:linear-gradient(115deg,#005caa,#0063b2);
}
.action-primary:hover{background:linear-gradient(115deg,#004c8e,#005b9f)}
.nav-action{color:#fff;background:linear-gradient(110deg,#005caa,#0063b2)}
.nav-action:hover{color:#fff;background:#00508f}
.eyebrow:not(.eyebrow-dark){color:#006aa3}
.clarity-index,.workspace-demo-kicker{color:#00679c}
.field label span{color:#516a80}
.field label em{color:#8e4c0c}
.roadmap-entry>span{color:#00699c}
.roadmap-entry small{color:#536e83}
.operation-tab span{color:#78a9d0}
.workspace-board-foot{font-size:12px}
.workspace-board-status{font-size:10px}
.hero-availability{font-size:13px}
.social-section-compact .social-disclosure{font-size:12px}
@media(max-width:760px){
 .clarity-index,.workspace-demo-kicker{font-size:11px}
 .workspace-node small{font-size:10px}
 .workspace-node span{font-size:12px}
}