/* styles.css */
@font-face{font-family:Inter;src:url(assets/inter-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(assets/inter-500.ttf);font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(assets/inter-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(assets/inter-700.ttf);font-weight:700;font-display:swap}
:root{--white:#fff;--ink:#09213f;--muted:#465b72;--line:#d7e2ec;--navy:#0b2543;--gold:#986320;--gold-light:#c38e48;--mint:#eef8f3;--green:#246956;--amber:#fff7e9;--shadow:0 15px 35px -12px #09213f26;--shadow-high:0 22px 42px -18px #09213f38;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:48px;--s10:64px;--gutter:clamp(20px,4.3vw,76px);--max:1512px;--rule:1px;--radius:8px;--pill:100px;--icon:20px;--icon-small:16px;--target:44px;--body:15px;--tiny:11px;--small:12px;--caption:13px;--label:14px;--title:clamp(40px,4.5vw,68px);--service-title:clamp(24px,2.05vw,32px);--leading:1.5;--tight:1.08;--tracking:-.04em;--logo-width:246px;--mark-size:44px;--mark-scale:1.28;--mark-offset:-14%;--wordmark:194px;--scene-width:400px;--scene-height:320px;--scene-slot-height:320px;--detail-scene-height:480px;--scene-scale:1;--zoom-time:820;--copy-time:420;--beat-time:620;--cycle-time:11200;--ease:cubic-bezier(.16,1,.3,1);--turn:-6deg;--reverse:4deg;--focus:3px;--emphasis:600;--strong:700}
*{box-sizing:border-box}html{scrollbar-color:var(--line) var(--white)}body{margin:0;color:var(--ink);background:var(--white);font:var(--body)/var(--leading) Inter,Arial,sans-serif}::selection{background:var(--amber);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}svg{width:var(--icon);height:var(--icon);stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:var(--focus) solid var(--gold);outline-offset:var(--s1)}h1:focus{outline:none}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}.skip{position:absolute;top:var(--s3);left:var(--s3);background:var(--white);padding:var(--s3);transform:translateY(-200%);z-index:10}.skip:focus{transform:none}.header,main,footer{max-width:var(--max);margin:auto;padding-inline:var(--gutter)}.header{height:var(--value-92px);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--rule) solid var(--line)}.brand{display:flex;align-items:center;gap:var(--s2);width:var(--logo-width)}.mark{position:relative;display:block;overflow:hidden;width:var(--mark-size);height:var(--mark-size);flex:none}.mark img{position:absolute;width:calc(100% * var(--mark-scale));left:var(--mark-offset);top:var(--mark-offset)}.wordmark{width:var(--wordmark);height:auto}.audit-link{display:flex;align-items:center;gap:var(--s5);min-height:var(--target);font-size:var(--label);font-weight:var(--emphasis)}.audit-link svg{transform:rotate(var(--value-minus-35deg))}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding-block:var(--s8) var(--s9)}h1{font-size:var(--title);font-weight:500;letter-spacing:var(--tracking);line-height:var(--tight)}.intro h1 span{color:var(--gold)}.intro p{font-size:var(--body);color:var(--muted);margin-bottom:var(--s1);line-height:1.7}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:var(--s9)}.service{display:flex;flex-direction:column;min-width:0;padding-inline:var(--s6);border-right:var(--rule) solid var(--line);position:relative}.service:first-child{padding-left:0}.service:last-child{padding-right:0;border:0}.service-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}h2{font-size:var(--service-title);font-weight:500;letter-spacing:var(--value-minus-p035em);line-height:1.14}.round-arrow{display:flex;align-items:center;justify-content:center;border:var(--rule) solid var(--line);border-radius:var(--pill);height:var(--target);width:var(--target);flex:none;transition:background var(--value-p25s),color var(--value-p25s)}.service:hover .round-arrow,.service:focus-visible .round-arrow{background:var(--navy);color:var(--white);border-color:var(--navy)}.service:hover .scene{filter:drop-shadow(0 var(--value-5px) var(--value-5px) var(--shadow-faint))}.scene-slot{height:var(--scene-slot-height);position:relative;margin-block:var(--s3) var(--s2);pointer-events:none}.scene{position:absolute;width:var(--scene-width);height:var(--scene-height);left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scene-scale));transform-origin:center;isolation:isolate;pointer-events:none;font-size:var(--small);line-height:1.4}.scene strong{font-weight:var(--emphasis)}.scene small{font-size:var(--tiny);display:block;margin-top:var(--s1);color:var(--muted)}.service-bottom{display:flex;flex-direction:column;gap:var(--s6)}.service-bottom p{color:var(--muted);font-size:var(--label)}.service-bottom>span{font-size:var(--caption);font-weight:var(--emphasis);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:var(--s2)}.paper{background:var(--white);box-shadow:var(--shadow);border-radius:var(--radius)}.mini-icon{height:var(--s7);width:var(--s7);display:flex;align-items:center;justify-content:center;border-radius:var(--pill);color:var(--green);background:var(--mint);flex:none}.mini-icon svg{width:var(--icon-small);height:var(--icon-small)}
/* Workflow: one document, three meaningful responses. */
.invoice{position:absolute;left:var(--value-14px);top:var(--value-36px);width:var(--value-196px);padding:var(--s5);transform:rotate(var(--turn));z-index:1}.paper-heading{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font-size:var(--value-10px);letter-spacing:var(--value-p08em);font-weight:var(--strong);margin-bottom:var(--s5)}.invoice h3{font-size:var(--small);font-weight:var(--emphasis)}.invoice>p{color:var(--muted);font-size:var(--value-10px);margin-block:var(--s1) var(--s5)}.invoice-row,.invoice-total{display:flex;justify-content:space-between;font-size:var(--value-9px);gap:var(--s2);padding-block:var(--s2);border-bottom:var(--rule) solid var(--line)}.invoice-total{font-size:var(--tiny);border:0;margin-top:var(--s1)}.paper-foot{display:block;color:var(--muted);font-size:var(--value-9px);margin-top:var(--s4)}.flow-node{position:absolute;display:flex;align-items:center;gap:var(--s3);background:var(--white);border-radius:var(--radius);padding:var(--s3);box-shadow:var(--shadow);z-index:2}.extract{top:var(--value-74px);right:var(--value-2px);width:var(--value-200px)}.approval{top:var(--value-160px);right:0;width:var(--value-210px)}.approval .mini-icon{color:var(--gold);background:var(--amber)}.complete{bottom:var(--s3);right:var(--value-23px);width:var(--value-216px);background:var(--navy);color:var(--white)}.complete small{color:var(--inverse-muted)}.complete .mini-icon{color:var(--white);background:var(--inverse-success)}.route{position:absolute;border:var(--rule) solid var(--gold-light);border-radius:var(--radius);z-index:0}.route-one{left:var(--value-140px);top:var(--value-98px);width:var(--value-145px);height:var(--value-45px)}.route-two{right:var(--s8);top:var(--value-125px);height:var(--value-65px);width:var(--value-50px)}.route-three{right:var(--value-56px);top:var(--value-214px);width:var(--value-60px);height:var(--s10)}
/* Company agent: source context becomes a reviewable draft. */
.source{position:absolute;top:var(--s6);border:var(--rule) solid var(--line);border-radius:var(--radius);padding:var(--s2) var(--s3);display:flex;gap:var(--s2);align-items:center;background:var(--white);font-size:var(--value-10px)}.source svg{width:var(--icon-small);height:var(--icon-small);color:var(--gold)}.source-one{left:var(--value-18px);transform:rotate(var(--value-minus-7deg))}.source-two{right:var(--s3);transform:rotate(var(--value-6deg))}.source-route{position:absolute;left:var(--value-92px);right:var(--value-90px);height:var(--value-50px);top:var(--s9);border:var(--rule) solid var(--gold-light);border-top:0;border-radius:0 0 var(--radius) var(--radius)}.agent-window{position:absolute;top:var(--value-85px);left:var(--value-28px);width:var(--value-344px);padding:var(--s4);transform:rotate(var(--value-minus-2deg))}.agent-heading{display:flex;align-items:center;gap:var(--s2);font-size:var(--small);font-weight:var(--emphasis)}.agent-icon{display:flex;color:var(--gold)}.available-dot{width:var(--value-6px);height:var(--value-6px);border-radius:var(--pill);background:var(--green);margin-left:auto}.agent-request{font-size:var(--small);font-weight:var(--emphasis);margin-block:var(--s4) var(--s3)}.source-status{display:flex;align-items:center;gap:var(--s1);color:var(--green);font-size:var(--value-10px)}.source-status svg{width:var(--value-14px);height:var(--value-14px)}.agent-draft{margin-top:var(--s3);padding-top:var(--s3);border-top:var(--rule) solid var(--line)}.draft-label{font-size:var(--s2);letter-spacing:var(--value-p08em);color:var(--muted)}.agent-draft p{font-size:var(--tiny);line-height:1.6;margin-top:var(--s1);max-width:var(--value-270px)}.citation{display:flex;align-items:center;gap:var(--s1);font-size:var(--value-9px);color:var(--muted);margin-top:var(--s2)}.citation svg{width:var(--s3);height:var(--s3)}.agent-review{display:flex;align-items:center;gap:var(--s2);font-size:var(--tiny);color:var(--gold);margin-top:var(--s3)}.agent-review svg{width:var(--value-14px);height:var(--value-14px)}.agent-review svg:last-child{margin-left:auto}
/* Computer use: show the action and the response, not hardware. */
.browser-window{position:absolute;left:var(--value-14px);top:var(--value-42px);width:var(--value-350px);transform:rotate(var(--reverse));overflow:hidden}.browser-bar{height:var(--value-36px);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--s3);border-bottom:var(--rule) solid var(--line);font-size:var(--value-10px);color:var(--muted)}.browser-bar svg{width:var(--s3);height:var(--s3)}.window-dots{display:flex;gap:var(--s1)}.window-dots i{height:var(--s1);width:var(--s1);border-radius:var(--pill);background:var(--line)}.portal-content{padding:var(--s4)}.portal-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s4)}.portal-title h3{font-size:var(--small);font-weight:var(--emphasis)}.portal-title>span{font-size:var(--value-9px);color:var(--muted)}.portal-field{border:var(--rule) solid var(--line);border-radius:var(--s1);padding:var(--s2) var(--s3);display:flex;flex-direction:column;gap:var(--s1);font-size:var(--value-10px)}.portal-field>span{font-size:var(--value-9px);color:var(--muted)}.portal-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:var(--s2)}.checked-fields{display:flex;align-items:center;gap:var(--s1);font-size:var(--value-9px);color:var(--green);margin-block:var(--s3)}.checked-fields svg{height:var(--s3);width:var(--s3)}.portal-save{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:var(--white);border-radius:var(--s1);padding:var(--s2) var(--s3);font-size:var(--value-10px)}.portal-save svg{height:var(--s3);width:var(--s3)}.working-cursor{position:absolute;right:var(--s5);bottom:var(--value-58px);width:var(--value-34px);height:var(--value-34px);stroke:var(--white);fill:var(--navy);stroke-width:1.2;z-index:3;filter:drop-shadow(0 var(--s1) var(--value-3px) var(--shadow-ink))}.browser-confirmation{position:absolute;left:var(--s8);bottom:0;display:flex;align-items:center;gap:var(--s3);background:var(--white);box-shadow:var(--shadow-high);padding:var(--s3) var(--s4);border-radius:var(--radius);z-index:2}
.detail{padding-top:var(--s6);padding-bottom:var(--s8)}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.back{display:flex;align-items:center;gap:var(--s2);font-size:var(--label);min-height:var(--target)}.detail-nav nav{display:flex;gap:var(--s2)}.detail-nav nav a{padding:var(--s3) var(--s4);font-size:var(--caption);border-radius:var(--pill)}.detail-nav nav a[aria-current]{color:var(--white);background:var(--navy)}.detail-layout{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:var(--s9);padding-top:var(--s9)}.detail h1{font-size:clamp(var(--value-38px),4.5vw,var(--s10));max-width:var(--geometry-10ch);font-weight:500}.detail-description{font-size:var(--value-17px);line-height:1.65;color:var(--muted);margin-top:var(--s6);max-width:var(--geometry-36ch)}.use-cases{list-style:none;margin:var(--s7) 0;padding:0;max-width:var(--value-360px)}.use-cases li{padding-block:var(--s3);border-bottom:var(--rule) solid var(--line);font-size:var(--label)}.use-cases li:last-child{border:0}.button{display:inline-flex;align-items:center;gap:var(--s6);min-height:var(--target);padding:var(--s4) var(--s5);background:var(--navy);color:var(--white);font-size:var(--label);border-radius:var(--s1)}.detail-scene-slot{position:relative;height:var(--detail-scene-height);width:100%}.detail .scene{--scene-scale:1.5}.story-caption{display:flex;align-items:center;justify-content:center;gap:var(--s2);font-size:var(--caption);color:var(--muted);min-height:var(--target);margin-top:var(--s6)}.story-dot{width:var(--value-6px);height:var(--value-6px);background:var(--gold);border-radius:var(--pill)}footer{display:flex;align-items:center;gap:var(--s6);padding-block:var(--s6);border-top:var(--rule) solid var(--line);font-size:var(--small);color:var(--muted)}footer>a{display:flex;align-items:center;gap:var(--s2);margin-left:auto}footer svg{width:var(--icon-small);height:var(--icon-small)}.motion-control{background:transparent;border:0;text-decoration:underline;text-underline-offset:var(--s1);font-size:var(--small);padding:var(--s2);min-height:var(--target);cursor:pointer}.flying-scene{position:fixed;pointer-events:none;z-index:20;transform-origin:top left}.flying-scene .scene{position:relative;left:0;top:0;transform:none}.no-js{padding:var(--gutter)}
@media(min-width:1600px){:root{--scene-slot-height:350px}.intro{padding-block:var(--s9) var(--s10)}}
@media(max-width:1100px){:root{--scene-slot-height:270px;--detail-scene-height:390px;--gutter:32px;--service-title:25px}.service{padding-inline:var(--s4)}.intro{padding-bottom:var(--s8)}.detail-layout{gap:var(--s6)}.detail-description{font-size:var(--body)}}
@media(max-width:760px){:root{--gutter:20px;--logo-width:205px;--wordmark:159px;--mark-size:38px;--title:44px;--service-title:25px;--scene-slot-height:240px;--detail-scene-height:350px}.header{height:var(--value-76px)}.audit-link{font-size:var(--small);gap:var(--s2)}.audit-link svg{display:none}.intro{padding-block:var(--s7);align-items:center}.intro p{font-size:var(--small);max-width:var(--geometry-15ch);line-height:var(--leading)}.services{display:block;padding-bottom:var(--s4)}.service,.service:first-child,.service:last-child{padding:var(--s6) 0;border:0;border-top:var(--rule) solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;align-items:center;column-gap:var(--s3)}.service-top{grid-column:1;grid-row:1;align-self:end}.service-top .round-arrow{display:none}.service-bottom{grid-column:1;grid-row:2;align-self:start;gap:var(--s4);padding-top:var(--s4)}.service-bottom p{font-size:var(--small)}.service-bottom>span{font-size:var(--tiny)}.scene-slot{grid-column:2;grid-row:1/3;margin:0;height:var(--value-220px)}.detail-nav{align-items:flex-start;flex-direction:column;gap:var(--s2)}.detail-nav nav{width:100%;justify-content:space-between;gap:0;border-bottom:var(--rule) solid var(--line);padding-bottom:var(--s3)}.detail-nav nav a{font-size:var(--small);padding:var(--s3)}.detail-layout{display:flex;flex-direction:column;align-items:stretch;gap:var(--s6);padding-top:var(--s7)}.detail h1{max-width:var(--geometry-13ch);font-size:var(--s8)}.detail-description{margin-top:var(--s4);font-size:var(--label)}.detail-stage{order:0}.detail-copy{display:contents}.detail-copy h1{order:-2}.detail-description{order:-1;margin-top:calc(-1 * var(--s2))}.use-cases{order:1;max-width:none;margin:0}.detail-cta{order:2;align-self:flex-start}.story-caption{font-size:var(--small);margin-top:var(--s3)}footer{flex-wrap:wrap;gap:var(--s2);font-size:var(--tiny)}footer>a{margin-left:0}footer>span{width:100%}.motion-control{margin-left:auto}.detail{padding-bottom:var(--s7)}}
@media(max-width:380px){:root{--logo-width:180px;--wordmark:137px;--mark-size:35px;--gutter:16px;--title:38px;--service-title:22px;--detail-scene-height:280px}.audit-link{max-width:var(--value-85px);line-height:1.3}.intro p{max-width:var(--geometry-13ch);font-size:var(--tiny)}.scene-slot{height:var(--value-190px)}.service{column-gap:var(--s2)}.detail h1{font-size:var(--value-36px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Scene bounds reserve the complete artwork, including the final response. */
:root{--scene-height:360px;--scene-slot-height:350px}
@media(max-width:1100px) and (min-width:761px){:root{--scene-slot-height:290px}}
@media(max-width:760px){
 .intro{padding-block:var(--s6)}.intro p{display:none}.intro h1{font-size:var(--s8)}
 .service,.service:first-child,.service:last-child{grid-template-columns:1fr 1.1fr;padding-block:var(--s4)}
 .service h2{font-size:var(--value-22px)}.service h2 br{display:none}.service h2 br::after{content:' '}
 .scene-slot{height:var(--value-175px)}.service-bottom{gap:var(--s3);padding-top:var(--s3)}
 .detail-scene-slot{--scene-height:var(--value-420px);height:var(--value-380px)}
 .detail .agent-window{top:var(--value-72px);padding:var(--s4)}
 .detail .agent-request,.detail .agent-draft p,.detail .agent-review{font-size:var(--value-14px)}
 .detail .source-status{font-size:var(--s3)}.detail .citation{font-size:var(--s3)}
 .detail .agent-draft{margin-top:var(--s4)}.detail .agent-draft p{max-width:none}
 .detail .story-caption{margin-top:0}
 .detail .flow-node strong,.detail .browser-confirmation strong{font-size:var(--value-14px)}
 .detail .flow-node small,.detail .browser-confirmation small{font-size:var(--s3)}
 .detail .portal-field strong{font-size:var(--value-14px)}.detail .portal-field>span{font-size:var(--s3)}
 .detail .checked-fields,.detail .portal-save{font-size:var(--s3)}
 .detail .browser-window{top:var(--s9)}.detail .browser-confirmation{bottom:var(--s4)}
}
@media(max-width:380px){.intro h1{font-size:var(--value-36px)}.service h2{font-size:var(--s5)}.scene-slot{height:var(--value-160px)}.service-bottom p{font-size:var(--value-11px)}.detail-scene-slot{height:var(--value-340px)}}

/* Shared measured geometry and animation tokens for the native illustrations. */
:root{--section-space:64px;--hero-space:72px;--hero-display:clamp(44px,5.25vw,78px);--section-display:clamp(28px,2.65vw,40px);--hero-copy:20px;--hero-column-gap:80px;--hero-line:1.08;--copy-width:43ch;--audit-copy-width:44ch;--section-line:1.18;--footer-logo-width:218px;--footer-mark:38px;--footer-wordmark:172px;--audit-radius:12px;--audit-padding:48px;--audit-text:#d8e3ec;--audit-divider:#3d5066;--audit-accent:#dfb77d;--button-hover:#153b60;--outline:3px;--detail-title:clamp(34px,3.7vw,54px);--stage-height:460px;--beat-duration:620;--zoom-duration:820;--fade-duration:420;--stage-hold:2200;--complete-hold:3600;--reset-hold:300;--zoom-copy-delay:.3;--motion-lift:8px;--scroll-inset:24px;--zoom-ease:cubic-bezier(.16,1,.3,1);--shadow-soft:0 15px 35px -12px #09213f26;--font-medium:500;--font-semibold:600;--body-leading:1.65;--fine-track:-.025em;--scene-max-scale:1.55;--overview-max-scale:1;--cursor-travel:1000;--cursor-click-scale:.86;--click-duration:160;--button-duration:180ms;--micro-type:10px;--result-scale:1.015}
.header{height:var(--value-92px)}.header-nav{display:flex;align-items:center;gap:var(--s8);font-size:var(--label)}.nav-services{display:inline-flex;align-items:center;min-height:var(--target)}.header .audit-link{background:var(--navy);color:var(--white);padding:var(--s3) var(--s5);border-radius:var(--s1)}.header .audit-link:hover,.button:hover{background:var(--button-hover)}
.company-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--hero-column-gap);align-items:center;padding-block:var(--hero-space);border-bottom:var(--rule) solid var(--line);scroll-margin-top:var(--s6)}
.company-intro h1{font-size:var(--hero-display);line-height:var(--hero-line);letter-spacing:var(--tracking);font-weight:var(--font-medium)}.company-intro h1 span{color:var(--gold)}.company-copy>p{font-size:var(--hero-copy);line-height:var(--body-leading);max-width:var(--copy-width);text-wrap:pretty}.company-principles{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s6);color:var(--muted);font-size:var(--caption)}.company-principles span{display:flex;align-items:center;gap:var(--s2)}.company-principles svg{color:var(--gold);width:var(--icon-small);height:var(--icon-small)}.intro-action{display:inline-flex;align-items:center;gap:var(--s4);min-height:var(--target);margin-top:var(--s5);font-size:var(--label);font-weight:var(--font-semibold)}.intro-action svg{transform:rotate(var(--geometry-90deg))}
.showcase{padding-block:var(--section-space);scroll-margin-top:var(--scroll-inset)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s7);margin-bottom:var(--s8)}.section-heading h2{font-size:var(--section-display);font-weight:var(--font-medium);letter-spacing:var(--fine-track);line-height:var(--section-line);max-width:var(--geometry-24ch)}.section-heading>p{color:var(--muted);font-size:var(--caption);flex-shrink:0;padding-bottom:var(--s1)}.services{padding-bottom:0}.service h3{font-size:var(--service-title);font-weight:var(--font-medium);letter-spacing:var(--fine-track);line-height:var(--section-line)}.service-bottom{gap:var(--s5)}.service-bottom p{font-size:var(--label);line-height:var(--body-leading)}.service .round-arrow svg{transition:transform var(--button-duration) var(--ease)}.service:hover .round-arrow svg{transform:rotate(var(--geometry-minus-35deg))}.service-bottom>span{min-height:var(--target);display:flex;align-items:center;text-underline-offset:var(--s2)}
.detail{padding:0}.detail-layout{padding-top:var(--s8);gap:var(--s8)}.detail h3{font-size:var(--detail-title);font-weight:var(--font-medium);line-height:var(--tight);letter-spacing:var(--tracking);max-width:var(--geometry-12ch)}.detail h3:focus{outline:none}.detail-description{font-size:var(--value-17px);line-height:var(--body-leading)}.detail-scene-slot{height:var(--stage-height)}.detail-nav nav a:hover:not([aria-current]){box-shadow:inset 0 0 0 var(--rule) var(--line)}.detail .use-cases{margin-block:var(--s6)}.detail-stage{min-width:0;width:100%}.story-caption{font-size:var(--caption);margin-top:var(--s4)}.invoice-supplier{display:block;font-size:var(--small);font-weight:var(--font-semibold)}.portal-heading{font-size:var(--small);font-weight:var(--font-semibold)}
.audit-section{background:var(--navy);color:var(--white);border-radius:var(--audit-radius);padding:var(--audit-padding);display:grid;grid-template-columns:1.15fr 1fr;gap:var(--hero-column-gap);align-items:center;margin-bottom:var(--section-space);scroll-margin-top:var(--s6)}.audit-invitation h2{font-size:var(--section-display);line-height:var(--section-line);font-weight:var(--font-medium);letter-spacing:var(--fine-track)}.audit-invitation h2 span{color:var(--audit-accent)}.audit-invitation>p{font-size:var(--body);line-height:var(--body-leading);color:var(--audit-text);max-width:var(--audit-copy-width);margin-top:var(--s5)}.audit-button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s6);font-size:var(--label);font-weight:var(--font-semibold);color:var(--ink);background:var(--white);border-radius:var(--s1);min-height:var(--target);padding:var(--s4) var(--s5);margin-top:var(--s6)}.audit-button:hover{background:var(--amber)}.audit-outcomes h3{font-size:var(--body);font-weight:var(--font-semibold)}.audit-outcomes ul{list-style:none;padding:0;margin:var(--s5) 0}.audit-outcomes li{display:flex;align-items:flex-start;gap:var(--s3);padding-block:var(--s3);border-bottom:var(--rule) solid var(--audit-divider);font-size:var(--label);line-height:var(--body-leading)}.audit-outcomes li:last-child{border-bottom:0}.audit-outcomes li svg{color:var(--audit-accent);margin-top:var(--s1);width:var(--icon-small);height:var(--icon-small)}.audit-outcomes>p{font-size:var(--caption);color:var(--audit-text);line-height:var(--body-leading);max-width:var(--copy-width)}
.site-footer{display:block;border-top:0;padding-block:0 var(--s6);color:var(--muted)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);padding-bottom:var(--s7)}.site-footer .brand{--logo-width:var(--footer-logo-width);--mark-size:var(--footer-mark);--wordmark:var(--footer-wordmark)}.footer-email{font-size:var(--label);display:flex;gap:var(--s4);align-items:center;color:var(--ink);min-height:var(--target)}.footer-bottom{border-top:var(--rule) solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding-top:var(--s4);font-size:var(--small)}.footer-bottom>div{display:flex;align-items:center;gap:var(--s6)}.footer-bottom a{display:flex;align-items:center;gap:var(--s2);min-height:var(--target)}.footer-bottom a svg{transform:rotate(var(--geometry-minus-90deg))}.motion-control{font-size:var(--small);margin:0}.sr-only{position:absolute;width:var(--rule);height:var(--rule);padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){:root{--hero-column-gap:40px;--hero-space:56px;--section-space:48px;--hero-copy:18px;--audit-padding:36px;--stage-height:400px}.section-heading{align-items:flex-start}.section-heading>p{padding-top:var(--s2);font-size:var(--small)}}
@media(max-width:760px){:root{--hero-space:36px;--section-space:36px;--hero-display:clamp(42px,9vw,60px);--hero-copy:17px;--hero-column-gap:24px;--section-display:29px;--audit-padding:24px;--stage-height:380px;--detail-title:38px;--service-title:24px;--footer-logo-width:205px;--footer-mark:35px;--footer-wordmark:162px}.header{height:var(--value-76px)}.header-nav{gap:var(--s3)}.nav-services{display:none}.header .audit-link{padding:var(--s2) var(--s3);font-size:var(--tiny);max-width:var(--geometry-108px);line-height:1.4;text-align:center}.company-intro{grid-template-columns:1fr;gap:var(--s6)}.company-copy>p{font-size:var(--hero-copy)}.company-principles{gap:var(--s2);flex-direction:column;font-size:var(--small);margin-top:var(--s4)}.intro-action{margin-top:var(--s3)}.section-heading{display:block;margin-bottom:var(--s5)}.section-heading h2{max-width:var(--geometry-20ch)}.section-heading>p{margin-top:var(--s3);padding:0}.service h3{font-size:var(--service-title)}.service h3 br{display:none}.service-bottom p{font-size:var(--small)}.service-bottom>span{font-size:var(--small)}.service,.service:first-child,.service:last-child{padding-block:var(--s4)}.detail-layout{gap:var(--s5);padding-top:var(--s6)}.detail h3{max-width:var(--geometry-16ch);font-size:var(--detail-title);order:-2}.detail-description{font-size:var(--body);order:-1}.detail .use-cases{margin:0}.detail .button{margin-top:var(--s2)}.detail-scene-slot{height:var(--stage-height)}.story-caption{margin-top:0;font-size:var(--small)}.audit-section{grid-template-columns:1fr;gap:var(--s7);margin-bottom:var(--s8)}.audit-outcomes{border-top:var(--rule) solid var(--audit-divider);padding-top:var(--s6)}.audit-outcomes ul{margin-block:var(--s3)}.footer-top{align-items:flex-start;flex-direction:column;gap:var(--s4);padding-bottom:var(--s5)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--s2)}.footer-bottom>div{width:100%;justify-content:space-between}.footer-bottom .motion-control{padding-left:0}.footer-email{font-size:var(--caption)}}
@media(max-width:380px){:root{--hero-display:38px;--hero-copy:16px;--service-title:21px;--section-display:27px;--audit-padding:20px;--stage-height:340px;--detail-title:34px}.header .brand{--logo-width:var(--geometry-174px);--wordmark:var(--geometry-132px);--mark-size:var(--geometry-34px)}.header .audit-link{max-width:var(--geometry-90px);padding:var(--s2);font-size:var(--tiny)}.header-nav{gap:0}.service-bottom p{font-size:var(--small)}.service-bottom>span{font-size:var(--tiny)}.audit-button{padding-inline:var(--s4);gap:var(--s4)}}
:root{--inverse-muted:#cbd5df;--inverse-success:#294c57;--shadow-faint:#09213f08;--shadow-ink:#09213f26;--value-10px:10px;--value-11px:11px;--value-125px:125px;--value-140px:140px;--value-145px:145px;--value-14px:14px;--value-160px:160px;--value-175px:175px;--value-17px:17px;--value-18px:18px;--value-190px:190px;--value-196px:196px;--value-200px:200px;--value-210px:210px;--value-214px:214px;--value-216px:216px;--value-220px:220px;--value-22px:22px;--value-23px:23px;--value-270px:270px;--value-28px:28px;--value-2px:2px;--value-340px:340px;--value-344px:344px;--value-34px:34px;--value-350px:350px;--value-360px:360px;--value-36px:36px;--value-380px:380px;--value-38px:38px;--value-3px:3px;--value-420px:420px;--value-42px:42px;--value-45px:45px;--value-50px:50px;--value-56px:56px;--value-58px:58px;--value-5px:5px;--value-60px:60px;--value-65px:65px;--value-6deg:6deg;--value-6px:6px;--value-72px:72px;--value-74px:74px;--value-76px:76px;--value-85px:85px;--value-90px:90px;--value-92px:92px;--value-98px:98px;--value-9px:9px;--value-minus-2deg:-2deg;--value-minus-35deg:-35deg;--value-minus-7deg:-7deg;--value-minus-p035em:-.035em;--value-p08em:.08em;--value-p25s:.25s;}

:root{--geometry-108px:108px;--geometry-10ch:10ch;--geometry-12ch:12ch;--geometry-132px:132px;--geometry-13ch:13ch;--geometry-15ch:15ch;--geometry-16ch:16ch;--geometry-174px:174px;--geometry-20ch:20ch;--geometry-24ch:24ch;--geometry-34px:34px;--geometry-36ch:36ch;--geometry-90deg:90deg;--geometry-90px:90px;--geometry-minus-35deg:-35deg;--geometry-minus-90deg:-90deg;}

/* White canvas with overlapping Handoff-inspired geometry. */
:root{
 --canvas:var(--white);--surface:var(--white);--ribbon-outline:#d9e5ef;--ribbon-soft:#edf5fd;
 --ribbon-fold:#dce9f5;--ribbon-brass:#e8c992;--ribbon-thread:#cda971;--ribbon-secondary-opacity:.66;
 --ribbon-width:82;--ribbon-face-width:79;--ribbon-fine-width:1;--ribbon-thread-width:1.25;
 --ribbon-top:-30px;--ribbon-size:100%;--ribbon-min-width:1200px;--ribbon-left:0px;
 --echo-bottom:30px;--echo-size:100%;--echo-opacity:.75;
 --hero-space:84px;--hero-copy-protection:24px;--background-inset:0px;
 --audit-text:var(--muted);--audit-divider:var(--line);--audit-accent:var(--gold);
 --audit-padding:40px;--audit-sheet-padding:28px;--audit-sheet-gap:14px;--audit-sheet-turn:3deg;
 --audit-sheet-edge:#e2c99f;--audit-sheet-shadow:0 14px 32px -22px #09213f3d;
 --audit-sheet-radius:8px;--copy-scrim-shadow:0 0 0 var(--hero-copy-protection) var(--canvas);
 --gallery-rule:transparent;--intro-clearance:36px;--hero-text-width:100%;
 --mobile-weave-top:500px;--mobile-weave-opacity:.8;--mobile-ribbon-width:48;--mobile-ribbon-face:45;
}
body,.header,.site-footer{background:var(--canvas)}
main{position:relative;isolation:isolate;background:var(--canvas);overflow:clip}
.ambient-art{position:absolute;inset:var(--background-inset);pointer-events:none;z-index:0;overflow:hidden}
.ambient-art svg{position:absolute;max-width:none;stroke-linecap:butt;stroke-linejoin:bevel;fill:none;overflow:visible}
.handoff-landscape{width:var(--ribbon-size);min-width:var(--ribbon-min-width);height:auto;left:var(--ribbon-left);top:var(--ribbon-top)}
.handoff-echo{width:var(--echo-size);height:auto;left:0;bottom:var(--echo-bottom);opacity:var(--echo-opacity)}
.handoff-mobile-weave{display:none}
.ribbon-edge{stroke:var(--ribbon-outline);stroke-width:var(--ribbon-width)}
.ribbon-face{stroke:var(--canvas);stroke-width:var(--ribbon-face-width)}
.ribbon-back .ribbon-face{stroke:var(--ribbon-soft)}
.ribbon-back{opacity:var(--ribbon-secondary-opacity)}
.ribbon-seam{stroke:var(--ribbon-thread);stroke-width:var(--ribbon-fine-width)}
.ribbon-hairline{stroke:var(--ribbon-outline);stroke-width:var(--ribbon-fine-width)}
.ambient-art .ribbon-fold{fill:var(--ribbon-fold);stroke:none}
.ambient-art .ribbon-brass{fill:var(--ribbon-brass);stroke:none}
.ribbon-thread{stroke:var(--ribbon-thread);stroke-width:var(--ribbon-thread-width)}
.company-intro,.showcase,.audit-section{position:relative;z-index:1;background:transparent}
.company-intro{border:0;align-items:start;padding-bottom:calc(var(--hero-space) + var(--intro-clearance))}
.company-intro h1{position:relative;max-width:var(--hero-text-width)}
.company-copy{position:relative;background:var(--canvas);box-shadow:var(--copy-scrim-shadow);border-radius:var(--radius)}
.showcase{padding-top:var(--s8)}
.section-heading h2,.section-heading>p{position:relative;background:var(--canvas);box-shadow:0 0 0 var(--s3) var(--canvas)}
.service{border-color:var(--gallery-rule)}
.service-top,.service-bottom{position:relative;background:var(--canvas)}
.service-top{box-shadow:0 0 0 var(--s2) var(--canvas)}
.service-bottom{box-shadow:0 0 0 var(--s2) var(--canvas)}
.audit-section{background:transparent;color:var(--ink);border-radius:0;padding-block:var(--audit-padding);padding-inline:0;margin-top:var(--s5);gap:var(--hero-column-gap)}
.audit-invitation{position:relative;background:var(--canvas);box-shadow:var(--copy-scrim-shadow);border-radius:var(--radius)}
.audit-invitation h2 span{color:var(--gold)}
.audit-button{background:var(--navy);color:var(--white)}
.audit-button:hover{background:var(--button-hover)}
.audit-outcomes{position:relative;isolation:isolate;background:var(--surface);padding:var(--audit-sheet-padding);border:var(--rule) solid var(--line);border-radius:var(--audit-sheet-radius)}
.audit-outcomes::before{content:"";position:absolute;inset:0;z-index:-2;border:var(--rule) solid var(--audit-sheet-edge);background:var(--surface);border-radius:var(--audit-sheet-radius);transform:translate(var(--audit-sheet-gap),calc(-1 * var(--audit-sheet-gap))) rotate(var(--audit-sheet-turn))}
.audit-outcomes::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--surface);box-shadow:var(--audit-sheet-shadow)}
.audit-outcomes h3{color:var(--ink)}
.audit-outcomes li svg{color:var(--gold)}
.footer-top{padding-top:var(--s4)}
@media(max-width:1100px){:root{--hero-space:64px;--ribbon-left:-100px;--ribbon-top:0px;--intro-clearance:28px;--audit-sheet-padding:24px;--audit-sheet-gap:10px}}
@media(max-width:760px){:root{--hero-space:36px;--hero-copy-protection:12px;--hero-text-width:100%;--ribbon-min-width:900px;--ribbon-left:-520px;--ribbon-top:90px;--ribbon-secondary-opacity:.5;--intro-clearance:28px;--echo-size:180%;--echo-bottom:200px;--echo-opacity:.65;--audit-padding:24px;--audit-sheet-padding:22px;--audit-sheet-gap:8px;--audit-sheet-turn:2deg}
 .company-intro{padding-bottom:var(--s8)}.company-copy{box-shadow:var(--copy-scrim-shadow)}.showcase{padding-top:var(--s6)}
 .service,.service:first-child,.service:last-child{border-top:0}.service-top,.service-bottom{background:transparent;box-shadow:none}
 .section-heading{margin-bottom:var(--s6)}.audit-section{margin-top:var(--s3);gap:var(--s8);padding-bottom:var(--s7)}.audit-outcomes{border-top:var(--rule) solid var(--line);padding:var(--audit-sheet-padding)}
 .handoff-echo{left:-30%}.footer-top{padding-top:0}
 .handoff-mobile-weave{display:block;width:100%;height:auto;left:0;top:var(--mobile-weave-top);opacity:var(--mobile-weave-opacity);--ribbon-width:var(--mobile-ribbon-width);--ribbon-face-width:var(--mobile-ribbon-face)}
}
@media(max-width:380px){:root{--ribbon-left:-520px;--ribbon-top:130px;--audit-sheet-padding:18px;--hero-copy-protection:8px}}

/* Local white masks protect selected-service copy without fading the artwork. */
:root{--selected-copy-clearance:8px}
.detail #detail-title,.detail .detail-description,.detail .use-cases{position:relative;background:var(--canvas);box-shadow:0 0 0 var(--selected-copy-clearance) var(--canvas)}


/* enhanced.css */
/* Reference-led composition. Tokens are centralized at the end of this sheet. */
:root{--white:#fff;--canvas:var(--white);--ink:#082747;--navy:#082747;--muted:#46607e;--gold:#a46719;--gold-light:#d8a657;--gold-wash:#fcf5e9;--blue:#2f78ca;--blue-ink:#346baa;--blue-wash:#eff6ff;--line:#dce7f2;--green:#147755;--mint:#e4f8ed;--button-hover:#17466d;--ribbon:#edf5fe;--ribbon-line:#c6dcf5;--shadow:0 18px 40px -14px #123b6b1c;--shadow-high:0 26px 50px -16px #123b6b30;--paper-gradient:linear-gradient(155deg,var(--white) 52%,var(--blue-wash));--gold-gradient:linear-gradient(140deg,#edbd65,#bd791b);--core-shadow:12px 13px 0 -3px #e1edf9,24px 24px 40px -10px #17477326;--gutter:clamp(22px,5.6vw,96px);--max:1600px;--radius:14px;--button-radius:6px;--icon:22px;--target:46px;--body:16px;--caption:14px;--label:15px;--logo-width:255px;--mark-size:45px;--wordmark:200px;--hero-title:clamp(48px,4.65vw,75px);--hero-copy:clamp(16px,1.32vw,20px);--hero-gap:32px;--hero-space:58px;--hero-art-height:510px;--hero-art-width:620px;--hero-scale:1;--section-title:clamp(30px,3vw,46px);--service-title:clamp(26px,2.18vw,34px);--section-space:64px;--service-gap:42px;--scene-width:440px;--scene-height:350px;--scene-slot-height:340px;--detail-scene-height:470px;--scene-max-scale:1.55;--overview-max-scale:1.1;--detail-title:clamp(36px,4vw,58px);--audit-title:clamp(32px,3.15vw,49px);--audit-gap:60px;--audit-pad:34px;--loop-duration:14s;--float-duration:8s;--packet-duration:6s;--interaction-duration:220ms;--float-lift:-7px;--float-delay:-3s;--route-path-one:path('M120 178H165Q190 178 190 205V255Q190 280 235 280');--route-path-two:path('M406 65H380Q330 65 330 103V180');--route-path-three:path('M500 177V220Q500 270 468 270H403')}
body{font-size:var(--body)}.header,main,.site-footer{max-width:var(--max);padding-inline:var(--gutter)}.header{height:var(--ref-86px);gap:var(--s6)}.header-nav{gap:var(--s9)}.brand{width:var(--logo-width)}.wordmark{width:var(--wordmark)}.audit-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s6);min-height:var(--target);padding:var(--s3) var(--s5);background:var(--navy);color:var(--white);border:var(--rule) solid var(--navy);border-radius:var(--button-radius);font-size:var(--label);font-weight:var(--ref-600);transition:background var(--interaction-duration),transform var(--interaction-duration)}.audit-link svg,.hero-actions svg{width:var(--ref-17px);height:var(--ref-17px);transform:rotate(var(--ref-neg-35deg))}.audit-link:hover,.button:hover{background:var(--button-hover);transform:translateY(var(--ref-neg-1px))}.button-secondary{color:var(--ink);background:var(--white);border-color:var(--ribbon-line)}.button-secondary:hover{background:var(--blue-wash)}
main{position:relative;isolation:isolate;overflow:clip;background:var(--white)}main>section{position:relative;z-index:1}
.company-intro{display:grid;grid-template-columns:var(--ref-1p02fr) var(--ref-1fr);gap:var(--hero-gap);align-items:center;padding-block:var(--hero-space);scroll-margin-top:var(--s6);min-width:0;border:0}.hero-copy{position:relative;z-index:var(--ref-2)}.company-intro h1{font-size:var(--hero-title);line-height:var(--ref-1p08);letter-spacing:var(--ref-neg-p035em);font-weight:var(--ref-600)}.company-intro h1 span,.section-heading h2 span,.audit-invitation h2 span{color:var(--gold)}.company-copy{margin-top:var(--s6);box-shadow:none;background:none}.company-copy p{font-size:var(--hero-copy);line-height:var(--ref-1p5);color:var(--muted);max-width:var(--ref-50ch)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s6)}.company-principles{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);font-size:var(--s3);color:var(--muted);margin-top:var(--s6)}.company-principles>span{display:flex;align-items:center;gap:var(--s3)}.company-principles svg{color:var(--gold);background:var(--gold-wash);box-sizing:content-box;padding:var(--s2);border-radius:var(--radius)}
.hero-visual{height:var(--hero-art-height);position:relative;min-width:0}.hub-scene{width:var(--hero-art-width);height:var(--ref-530px);position:absolute;left:var(--ref-50pct);top:var(--ref-50pct);transform:translate(var(--ref-neg-50pct),var(--ref-neg-50pct)) scale(var(--hero-scale));transform-origin:center}.hub-plinth{position:absolute;width:var(--ref-475px);height:var(--ref-390px);left:var(--ref-88px);top:var(--ref-100px);border-radius:var(--s10);background:linear-gradient(var(--ref-140deg),var(--white),var(--blue-wash));transform:rotate(var(--ref-neg-33deg)) skew(var(--ref-8deg));opacity:var(--ref-p85)}.hub-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hub-wire{stroke:var(--gold-light);stroke-width:var(--ref-1p5)}.wire-blue{stroke:var(--blue)}.packet{fill:var(--gold);stroke:var(--white);stroke-width:1;offset-rotate:var(--ref-0deg);offset-distance:0;animation:route-packet var(--packet-duration) var(--zoom-ease) infinite;animation-play-state:paused}.packet-one{offset-path:var(--route-path-one)}.packet-two{offset-path:var(--route-path-two);animation-delay:var(--ref-neg-2s)}.packet-three{offset-path:var(--route-path-three);animation-delay:var(--ref-neg-4s)}.hub-core{position:absolute;left:var(--ref-244px);top:var(--ref-170px);width:var(--ref-148px);height:var(--ref-178px);display:grid;place-items:center;background:var(--paper-gradient);border-radius:var(--s6);box-shadow:var(--core-shadow);transform:perspective(var(--ref-900px)) rotateY(var(--ref-neg-12deg)) rotateZ(var(--ref-5deg));z-index:var(--ref-2)}.hub-core .mark{--mark-size:94px}.tool-tile,.hub-label{position:absolute;background:var(--paper-gradient);box-shadow:var(--shadow);border:var(--rule) solid var(--line);border-radius:var(--radius);z-index:var(--ref-2)}.tool-tile{width:var(--ref-72px);height:var(--ref-72px);display:grid;place-items:center;transform:rotate(var(--ref-6deg));color:var(--blue)}.tool-tile svg{width:var(--ref-36px);height:var(--ref-36px)}.tool-document{top:var(--ref-139px);left:var(--ref-55px);color:var(--gold)}.tool-knowledge{top:var(--ref-31px);left:var(--ref-365px);color:var(--green)}.tool-system{top:var(--ref-142px);left:var(--ref-455px)}.hub-label{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);font-size:var(--caption);width:var(--ref-153px);transform:rotate(var(--ref-5deg))}.hub-label svg{color:var(--gold)}.hub-label-top{top:var(--ref-26px);left:var(--ref-91px);transform:rotate(var(--ref-4deg))}.hub-label-right{right:var(--ref-neg-10px);top:var(--ref-237px)}.hub-label-bottom{right:0;top:var(--ref-348px);transform:rotate(var(--ref-4deg));width:var(--ref-160px)}.hub-label-bottom svg,.hub-label-right svg{color:var(--blue)}.hub-work{position:absolute;top:var(--ref-355px);left:var(--ref-74px);width:var(--ref-475px);min-height:var(--ref-155px);padding:var(--s5);display:grid;grid-template-columns:var(--ref-1fr) var(--ref-1p2fr);gap:var(--s5);align-items:center;z-index:var(--ref-3);background:var(--paper-gradient);border:var(--rule) solid var(--white);border-radius:var(--s5);box-shadow:var(--shadow-high);transform:rotate(var(--ref-5deg))}.hub-work-title{font-size:var(--caption);color:var(--muted);line-height:var(--ref-1p6)}.hub-work-title strong{display:block;color:var(--ink);font-size:var(--ref-21px);line-height:var(--ref-1p3);margin-top:var(--s2);font-weight:var(--ref-600)}.hub-results{border-left:var(--rule) solid var(--line);padding-left:var(--s5);display:grid;gap:var(--s2);font-size:var(--s3)}.hub-results>span{display:flex;align-items:center;gap:var(--s2)}.hub-results svg{width:var(--ref-17px);height:var(--ref-17px);color:var(--green);background:var(--mint);border-radius:var(--ref-100px);padding:var(--ref-2px)}.hub-results>span:last-child svg{color:var(--gold);background:var(--gold-wash)}
.showcase{padding-block:var(--s9) var(--section-space);scroll-margin-top:var(--scroll-inset)}.section-heading{display:block;text-align:center;margin-bottom:var(--s9);background:none;box-shadow:none}.section-heading h2{font-size:var(--section-title);font-weight:var(--ref-600);line-height:var(--ref-1p16);letter-spacing:var(--ref-neg-p035em);max-width:none}.section-heading p{margin-top:var(--s4);color:var(--muted);font-size:var(--body)}.services{display:grid;grid-template-columns:repeat(var(--ref-3),minmax(0,var(--ref-1fr)));gap:var(--service-gap);padding:0}.service,.service:first-child,.service:last-child{display:flex;flex-direction:column;min-width:0;position:relative;border:0;padding:0}.service-index{display:flex;align-items:center;gap:var(--s5);color:var(--blue-ink);font-size:var(--s6);font-weight:var(--ref-600);margin-bottom:var(--s3)}.service-index:after{content:"";height:var(--rule);background:var(--ribbon-line);flex:1}.service-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);background:none;box-shadow:none}.service h3{font-size:var(--service-title);font-weight:var(--ref-600);line-height:var(--ref-1p12);letter-spacing:var(--ref-neg-p035em)}.round-arrow{display:grid;place-items:center;width:var(--target);height:var(--target);border-radius:var(--ref-100px);background:var(--blue-wash);border:0;flex:none;transition:background var(--interaction-duration),color var(--interaction-duration),transform var(--interaction-duration)}.service:hover .round-arrow{background:var(--navy);color:var(--white);transform:translateX(var(--s1))}.service-description{font-size:var(--body);line-height:var(--ref-1p4);color:var(--muted);max-width:var(--ref-28ch);min-height:var(--ref-3em);margin-top:var(--s3)}.scene-slot{height:var(--scene-slot-height);position:relative;margin-block:var(--s2) var(--s3);pointer-events:none}.scene{width:var(--scene-width);height:var(--scene-height);font-size:var(--s3);line-height:var(--ref-1p4)}.scene small{font-size:var(--ref-11px);color:var(--muted);margin-top:var(--s1)}.scene-fold{position:absolute;width:var(--ref-134px);height:var(--ref-275px);top:0;right:var(--ref-70px);transform:rotate(var(--ref-43deg));border:var(--rule) solid var(--gold-light);border-radius:var(--s9);background:linear-gradient(var(--ref-110deg),var(--white),var(--blue-wash));opacity:var(--ref-p62);z-index:var(--ref-neg-1)}.service-bottom{margin-top:auto;display:grid;gap:var(--s4);padding:0;background:none;box-shadow:none}.service-bottom p{color:var(--muted);font-size:var(--body);line-height:var(--ref-1p4)}.service-bottom>span{display:flex;align-items:center;gap:var(--s5);font-size:var(--label);font-weight:var(--ref-600);text-decoration:underline;text-decoration-color:var(--ribbon-line);text-underline-offset:var(--s2)}.service:hover .scene{filter:none}
.paper{background:var(--paper-gradient);border-radius:var(--radius);box-shadow:var(--shadow)}.mini-icon{display:grid;place-items:center;height:var(--s8);width:var(--s8);border-radius:var(--ref-100px);color:var(--green);background:var(--mint);flex:none}.mini-icon svg{width:var(--s6);height:var(--s6)}.invoice{left:var(--s2);top:var(--ref-50px);width:var(--ref-265px);padding:var(--s4);transform:rotate(var(--ref-neg-2deg))}.paper-heading{display:flex;align-items:center;justify-content:flex-start;gap:var(--s3);color:var(--gold);font-weight:var(--ref-600);font-size:var(--s3);letter-spacing:0;margin-bottom:var(--s4)}.invoice-entry{display:grid;grid-template-columns:var(--ref-1fr) auto;gap:var(--s1) var(--s2);padding-block:var(--s3);border-bottom:var(--rule) solid var(--line);font-size:var(--ref-11px)}.invoice-entry b{font-weight:var(--ref-600);font-variant-numeric:tabular-nums}.invoice-entry>span{grid-column:1/var(--ref-neg-1);color:var(--muted)}.paper-foot{display:flex;gap:var(--s2);align-items:center;margin-top:var(--s3);font-size:var(--ref-11px)}.paper-foot svg{width:var(--ref-17px);height:var(--ref-17px)}.flow-node{right:var(--rule);width:var(--ref-215px);gap:var(--s3);padding:var(--s3);border-radius:var(--radius)}.extract{top:var(--ref-95px)}.approval{top:var(--ref-178px)}.approval .mini-icon{color:var(--gold);background:var(--gold-wash)}.complete{bottom:var(--ref-5px);right:var(--ref-30px);width:var(--ref-266px);background:var(--navy);color:var(--white);padding:var(--s4)}.complete small{color:var(--inverse-muted)}.complete .mini-icon{background:var(--green);color:var(--white)}
.source{top:var(--ref-44px);gap:var(--s2);padding:var(--s3);font-size:var(--ref-10px);font-weight:var(--ref-600);border:0;border-radius:var(--radius);box-shadow:var(--shadow)}.source svg{width:var(--ref-17px);height:var(--ref-17px);color:var(--gold)}.source-one{left:var(--s2);transform:rotate(var(--ref-neg-3deg))}.source-two{left:var(--ref-171px);right:auto;transform:rotate(var(--ref-2deg))}.source-two svg{color:var(--blue)}.source-three{top:var(--ref-10px);right:var(--ref-3px);transform:rotate(var(--ref-3deg))}.agent-window{left:var(--s2);top:var(--ref-102px);width:var(--ref-422px);padding:var(--s5);transform:none}.agent-heading{gap:var(--s3);font-size:var(--ref-17px)}.agent-heading>svg{color:var(--gold)}.available-dot{height:var(--s2);width:var(--s2)}.agent-request{display:flex;align-items:center;justify-content:space-between;background:var(--blue-wash);padding:var(--s2);border-radius:var(--button-radius);margin-block:var(--s3) var(--s2);font-weight:var(--ref-400)}.agent-request svg{width:var(--s3);height:var(--s3);color:var(--blue-ink)}.source-status{gap:var(--s2);padding:var(--s2);border-radius:var(--button-radius);background:var(--mint);font-size:var(--ref-11px)}.source-status svg{height:var(--ref-17px);width:var(--ref-17px)}.agent-draft{margin-top:var(--s3);padding:0;border:0}.agent-draft p{font-size:var(--ref-11px);line-height:var(--ref-1p5);margin-top:var(--s1);max-width:none}.citation{gap:var(--s1);font-size:var(--ref-10px);margin-top:var(--s2)}.citation svg{width:var(--s3);height:var(--s3)}.agent-review{gap:var(--s2);font-size:var(--ref-11px);padding-top:var(--s3);margin-top:var(--s3);border-top:var(--rule) solid var(--line);color:var(--gold)}.agent-review svg{width:var(--ref-17px);height:var(--ref-17px)}
.browser-window{top:var(--ref-53px);left:var(--s1);width:var(--ref-432px);transform:none}.browser-bar{gap:var(--s10);justify-content:flex-start;height:var(--ref-36px);padding-inline:var(--s4);font-size:var(--ref-11px)}.window-dots{gap:var(--s1)}.window-dots i{height:var(--s2);width:var(--s2);background:var(--ref-colorneg-e98b94)}.window-dots i:nth-child(2){background:var(--ref-colorneg-edc66b)}.window-dots i:nth-child(3){background:var(--ref-colorneg-66c39c)}.computer-workspace{display:grid;grid-template-columns:var(--ref-1p05fr) var(--ref-1fr);gap:var(--s3);padding:var(--s3)}.task-list{border-right:var(--rule) solid var(--line);padding-right:var(--s3);font-size:var(--ref-10px)}.task-list>div{display:flex;align-items:center;gap:var(--s2);padding-block:var(--s4);border-bottom:var(--rule) solid var(--line)}.task-list>div>svg{color:var(--blue);width:var(--ref-17px);height:var(--ref-17px)}.task-list>div>span{margin-left:auto;color:var(--green)}.task-list>div>span svg{width:var(--s3);height:var(--s3)}.portal-content{padding:0}.portal-title{font-size:var(--ref-11px);margin-bottom:var(--s3)}.portal-field{display:flex;flex-direction:row;justify-content:space-between;gap:var(--s2);background:var(--blue-wash);padding:var(--s2);font-size:var(--ref-10px);border-radius:var(--button-radius);margin-bottom:var(--s2);border:0}.portal-field>span{font-size:var(--ref-10px)}.portal-fields{display:block;margin:0}.checked-fields{gap:var(--s1);font-size:var(--ref-10px);margin-block:var(--s3)}.checked-fields svg{width:var(--s3);height:var(--s3)}.portal-save{padding:var(--s2);border-radius:var(--button-radius);font-size:var(--ref-10px)}.portal-save svg{width:var(--s3);height:var(--s3)}.working-cursor{right:var(--s1);bottom:var(--ref-75px);width:var(--ref-27px);height:var(--ref-27px)}.browser-confirmation{bottom:var(--s2);left:var(--ref-80px);width:var(--ref-280px);gap:var(--s3);border-radius:var(--radius);padding:var(--s4)}
.detail{padding-block:var(--s4) var(--s6)}.detail-layout{grid-template-columns:var(--ref-p9fr) var(--ref-1p2fr);gap:var(--s9);padding-top:var(--s8)}#detail-title{font-size:var(--detail-title);line-height:var(--ref-1p08);letter-spacing:var(--ref-neg-p035em);font-weight:var(--ref-600)}.detail-description{font-size:var(--hero-copy);line-height:var(--ref-1p6);margin-top:var(--s5);max-width:var(--ref-40ch)}.use-cases{margin:var(--s6) 0;max-width:none}.use-cases li{padding-block:var(--s3);font-size:var(--label)}.detail-scene-slot{height:var(--detail-scene-height)}.story-caption{font-size:var(--caption);min-height:var(--target);margin-top:var(--s3)}.detail-copy{background:var(--white)}
.audit-section{grid-template-columns:var(--ref-1fr) var(--ref-1p05fr);gap:var(--audit-gap);padding-block:var(--ref-80px);margin-top:0;background:none}.audit-invitation{background:none;box-shadow:none;border-radius:0}.audit-invitation h2{font-size:var(--audit-title);font-weight:var(--ref-600);line-height:var(--ref-1p13);letter-spacing:var(--ref-neg-p035em)}.audit-invitation>p{color:var(--muted);font-size:var(--hero-copy);line-height:var(--ref-1p55);margin-top:var(--s5);max-width:var(--ref-46ch)}.audit-button{margin-top:var(--s6);padding:var(--s4) var(--s6)}.audit-benefits{display:flex;gap:var(--s5);margin-top:var(--s7);color:var(--muted);font-size:var(--caption)}.audit-benefits>span{display:flex;align-items:center;gap:var(--s2)}.audit-benefits>span+span{padding-left:var(--s5);border-left:var(--rule) solid var(--line)}.audit-benefits svg{color:var(--gold);height:var(--s7);width:var(--s7)}.audit-visual{position:relative;padding-block:var(--s9) var(--s6);isolation:isolate}.audit-visual:before{content:"";position:absolute;inset:var(--ref-neg-48px);background:radial-gradient(ellipse at var(--ref-78pct) var(--ref-44pct),var(--ref-colorneg-eaf3fe91),transparent var(--ref-66pct));z-index:var(--ref-neg-2);pointer-events:none}.audit-outcomes{position:relative;background:var(--white);box-shadow:var(--shadow-high);padding:var(--audit-pad);border:0;border-radius:var(--radius);z-index:1}.audit-outcomes:before,.audit-outcomes:after{display:none}.audit-outcomes h3{font-size:var(--s6);font-weight:var(--ref-600);letter-spacing:var(--ref-neg-p035em);margin-bottom:var(--s4)}.audit-outcomes ul{list-style:none;margin:0;padding:0}.audit-outcomes li{display:flex;align-items:center;gap:var(--s4);padding-block:var(--s4);font-size:var(--label);line-height:var(--ref-1p45);border:0}.audit-outcomes li+li{border-top:var(--rule) solid var(--line)}.audit-outcomes li svg{color:var(--gold);background:var(--gold-wash);border-radius:var(--ref-100px);width:var(--s8);height:var(--s8);padding:var(--s2)}.audit-browser{position:absolute;left:var(--ref-neg-20px);right:var(--s10);top:0;height:var(--ref-250px);background:var(--paper-gradient);border:var(--rule) solid var(--line);border-radius:var(--radius);transform:rotate(var(--ref-neg-3deg));padding:var(--s4);z-index:0}.audit-browser>div:not(.window-dots){height:var(--s7);background:var(--white);margin-top:var(--s5);border-radius:var(--button-radius)}.audit-chart{position:absolute;right:var(--ref-neg-20px);top:var(--ref-neg-12px);width:var(--ref-80px);height:var(--ref-100px);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow);display:grid;place-items:center;transform:rotate(var(--ref-6deg))}.audit-chart svg{height:var(--s9);width:var(--s9);color:var(--gold-light)}.audit-checks{position:absolute;left:var(--ref-neg-48px);top:var(--ref-140px);background:var(--white);box-shadow:var(--shadow);border-radius:var(--radius);padding:var(--s5);display:grid;gap:var(--s4);transform:rotate(var(--ref-neg-9deg));color:var(--blue-ink)}.audit-idea{position:absolute;right:var(--ref-neg-24px);bottom:var(--s1);width:var(--ref-80px);height:var(--ref-80px);display:grid;place-items:center;background:var(--gold-gradient);color:var(--white);border-radius:var(--radius);transform:rotate(var(--ref-neg-12deg));z-index:var(--ref-2);box-shadow:var(--shadow)}.audit-idea svg{width:var(--s8);height:var(--s8)}
.site-footer{display:block;background:var(--white);color:var(--muted);padding-block:var(--s7) var(--s5);border-top:var(--rule) solid var(--line)}.footer-top{padding:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s6)}.footer-email{display:flex;gap:var(--s5);align-items:center;font-size:var(--label);min-height:var(--target)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);margin-top:var(--s6);font-size:var(--s3)}.footer-bottom>div{display:flex;align-items:center;gap:var(--s5)}.footer-bottom a{display:flex;align-items:center;gap:var(--s2);min-height:var(--target)}.footer-bottom svg{height:var(--ref-17px);width:var(--ref-17px)}.motion-control{padding:var(--s2);min-height:var(--target);font-size:var(--s3)}
@keyframes route-packet{0%,8%{offset-distance:var(--ref-0pct);opacity:0}15%{opacity:1}75%{opacity:1}90%,100%{offset-distance:100%;opacity:0}}
@keyframes light-float{0%,100%{translate:0 0}50%{translate:0 var(--float-lift)}}
@keyframes preview-one{0%,4%{opacity:0;translate:0 var(--motion-lift)}10%,88%{opacity:1;translate:0 0}96%,100%{opacity:0;translate:0 0}}
@keyframes preview-two{0%,22%{opacity:0;translate:0 var(--motion-lift)}28%,88%{opacity:1;translate:0 0}96%,100%{opacity:0;translate:0 0}}
@keyframes preview-three{0%,40%{opacity:0;translate:0 var(--motion-lift)}46%,88%{opacity:1;translate:0 0}96%,100%{opacity:0;translate:0 0}}
.hero-visual .tool-tile,.hero-visual .hub-label,.audit-idea{animation:light-float var(--float-duration) ease-in-out infinite;animation-play-state:paused}.hero-visual .tool-system,.hero-visual .hub-label-top{animation-delay:var(--float-delay)}.is-playing .packet,.is-playing .tool-tile,.is-playing .hub-label,.is-playing .audit-idea{animation-play-state:running}
.service.is-playing [data-beat]{animation-duration:var(--loop-duration);animation-timing-function:var(--zoom-ease);animation-iteration-count:infinite;animation-fill-mode:both}.service.is-playing [data-beat="1"]{animation-name:preview-one}.service.is-playing [data-beat="2"]{animation-name:preview-two}.service.is-playing [data-beat="3"]{animation-name:preview-three}
body[data-motion="paused"] [data-beat]{animation:none!important;opacity:1!important;translate:none!important}body[data-motion="paused"] .packet,body[data-motion="paused"] .tool-tile,body[data-motion="paused"] .hub-label,body[data-motion="paused"] .audit-idea{animation-play-state:paused!important}
@media(max-width:1200px){:root{--gutter:38px;--hero-title:55px;--hero-copy:17px;--hero-art-height:460px;--hero-space:42px;--hero-gap:24px;--service-gap:28px;--scene-slot-height:290px;--audit-gap:38px;--audit-pad:26px;--audit-title:38px;--detail-scene-height:400px}.hero-actions{gap:var(--s3)}.hero-actions .button{padding-inline:var(--s4);font-size:var(--caption);gap:var(--s3)}.audit-benefits{gap:var(--s3);font-size:var(--s3)}.audit-benefits>span+span{padding-left:var(--s3)}}
@media(max-width:950px){:root{--gutter:28px;--hero-title:47px;--hero-art-height:400px;--service-gap:24px;--scene-slot-height:250px;--service-title:26px;--audit-title:34px;--audit-gap:30px;--audit-pad:22px}.company-principles{gap:var(--s2);font-size:var(--s3)}.company-principles svg{padding:var(--s1)}.service-description,.service-bottom p{font-size:var(--caption)}.service-bottom>span{font-size:var(--caption);gap:var(--s2)}.audit-outcomes h3{font-size:var(--s5)}.audit-outcomes li{font-size:var(--caption);gap:var(--s3)}.audit-benefits{flex-wrap:wrap}.audit-benefits>span+span{border:0;padding-left:0}.audit-checks{left:var(--ref-neg-24px)}}
@media(max-width:760px){:root{--gutter:24px;--logo-width:202px;--wordmark:156px;--mark-size:38px;--hero-title:clamp(43px,8.5vw,62px);--hero-copy:17px;--hero-space:38px;--hero-art-height:410px;--hero-gap:16px;--section-title:34px;--section-space:42px;--service-title:30px;--scene-slot-height:340px;--detail-scene-height:350px;--audit-title:36px;--audit-gap:32px;--audit-pad:28px;--service-gap:48px}.header{height:var(--ref-76px);gap:var(--s3)}.nav-services{display:none}.header-nav{gap:0}.header .audit-link{font-size:var(--s3);padding:var(--s2) var(--s3);gap:0;max-width:var(--ref-130px);text-align:center;line-height:var(--ref-1p4)}.audit-link svg{display:none}.company-intro{grid-template-columns:var(--ref-1fr);padding-bottom:var(--s6)}.company-copy{margin-top:var(--s5);max-width:var(--ref-55ch)}.hero-actions .button{font-size:var(--caption);min-height:var(--s9);gap:var(--s3)}.company-principles{margin-top:var(--s5);gap:var(--s3) var(--s4)}.hero-visual{margin-top:var(--s3)}.showcase{padding-top:var(--s7)}.section-heading{text-align:left;margin-bottom:var(--s8)}.section-heading h2{max-width:var(--ref-20ch)}.section-heading p{font-size:var(--body);max-width:var(--ref-48ch)}.services{grid-template-columns:var(--ref-1fr);max-width:var(--ref-540px);margin-inline:auto;display:grid}.service-index{font-size:var(--s5);margin-bottom:var(--s3)}.service h3 br{display:none}.service-top{align-self:auto}.service-top .round-arrow{display:grid}.service-description{font-size:var(--body);max-width:var(--ref-34ch);min-height:0}.service-bottom p{font-size:var(--body)}.service-bottom p br{display:none}.service-bottom>span{font-size:var(--body);gap:var(--s4)}.scene-slot{width:100%;height:var(--scene-slot-height);margin-block:var(--s4)}.service-bottom{gap:var(--s3);align-self:auto}.detail-layout{display:flex;flex-direction:column;align-items:stretch;gap:var(--s6);padding-top:var(--s7)}.detail-copy{display:contents}#detail-title{order:var(--ref-neg-2);font-size:var(--s8)}.detail-description{order:var(--ref-neg-1);margin:0;font-size:var(--body)}.detail-stage{order:0}.use-cases{order:1;margin:0}.detail-cta{order:var(--ref-2);align-self:flex-start}.story-caption{font-size:var(--s3);justify-content:flex-start}.audit-section{grid-template-columns:var(--ref-1fr);padding-block:var(--s9) var(--s10)}.audit-invitation>p{max-width:var(--ref-45ch)}.audit-benefits{gap:var(--s5);font-size:var(--s3)}.audit-visual{margin-inline:var(--s2);margin-top:var(--s5)}.audit-outcomes h3{font-size:var(--s6)}.audit-outcomes li{font-size:var(--label)}.audit-chart{right:0}.audit-idea{right:var(--ref-neg-12px);width:var(--s10);height:var(--s10)}.footer-top{align-items:flex-start;flex-direction:column;gap:var(--s3)}.footer-bottom{align-items:flex-start;flex-direction:column;gap:var(--s2)}.footer-bottom>div{width:100%;justify-content:space-between}.footer-email{font-size:var(--caption)}}
@media(max-width:380px){:root{--gutter:18px;--logo-width:171px;--wordmark:132px;--mark-size:32px;--hero-title:39px;--hero-copy:16px;--hero-art-height:315px;--scene-slot-height:280px;--detail-scene-height:290px;--service-title:27px;--audit-title:31px;--audit-pad:20px;--section-title:31px}.brand{gap:var(--s1)}.header .audit-link{max-width:var(--ref-104px);padding-inline:var(--s2);font-size:var(--ref-11px)}.hero-actions{gap:var(--s2)}.hero-actions .button{font-size:var(--s3);padding-inline:var(--s3);gap:var(--s2)}.company-principles{font-size:var(--s3)}.audit-benefits{gap:var(--s3)}.audit-benefits svg{width:var(--s6);height:var(--s6)}.audit-outcomes h3{font-size:var(--s5)}.audit-outcomes li{font-size:var(--caption)}.audit-outcomes li svg{height:var(--s7);width:var(--s7)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.packet{opacity:0}.service [data-beat]{opacity:1;translate:none}}

/* Shared reference values: all presentation declarations consume CSS variables. */
:root{--ref-86px:86px;--ref-600:600;--ref-17px:17px;--ref-neg-35deg:-35deg;--ref-neg-1px:-1px;--ref-90:90;--ref-p65:.65;--ref-1p02fr:1.02fr;--ref-1fr:1fr;--ref-2:2;--ref-1p08:1.08;--ref-neg-p035em:-.035em;--ref-1p5:1.5;--ref-50ch:50ch;--ref-530px:530px;--ref-50pct:50%;--ref-neg-50pct:-50%;--ref-475px:475px;--ref-390px:390px;--ref-88px:88px;--ref-100px:100px;--ref-140deg:140deg;--ref-neg-33deg:-33deg;--ref-8deg:8deg;--ref-p85:.85;--ref-0deg:0deg;--ref-neg-2s:-2s;--ref-neg-4s:-4s;--ref-244px:244px;--ref-170px:170px;--ref-148px:148px;--ref-178px:178px;--ref-900px:900px;--ref-neg-12deg:-12deg;--ref-5deg:5deg;--ref-72px:72px;--ref-6deg:6deg;--ref-36px:36px;--ref-139px:139px;--ref-55px:55px;--ref-31px:31px;--ref-365px:365px;--ref-142px:142px;--ref-455px:455px;--ref-153px:153px;--ref-26px:26px;--ref-91px:91px;--ref-4deg:4deg;--ref-neg-10px:-10px;--ref-237px:237px;--ref-348px:348px;--ref-160px:160px;--ref-355px:355px;--ref-74px:74px;--ref-155px:155px;--ref-1p2fr:1.2fr;--ref-3:3;--ref-1p6:1.6;--ref-21px:21px;--ref-1p3:1.3;--ref-2px:2px;--ref-1p16:1.16;--ref-1p12:1.12;--ref-1p4:1.4;--ref-28ch:28ch;--ref-3em:3em;--ref-11px:11px;--ref-134px:134px;--ref-275px:275px;--ref-70px:70px;--ref-43deg:43deg;--ref-110deg:110deg;--ref-p62:.62;--ref-neg-1:-1;--ref-50px:50px;--ref-265px:265px;--ref-neg-2deg:-2deg;--ref-215px:215px;--ref-95px:95px;--ref-5px:5px;--ref-30px:30px;--ref-266px:266px;--ref-44px:44px;--ref-10px:10px;--ref-neg-3deg:-3deg;--ref-171px:171px;--ref-2deg:2deg;--ref-3px:3px;--ref-3deg:3deg;--ref-102px:102px;--ref-422px:422px;--ref-400:400;--ref-53px:53px;--ref-432px:432px;--ref-colorneg-e98b94:#e98b94;--ref-colorneg-edc66b:#edc66b;--ref-colorneg-66c39c:#66c39c;--ref-1p05fr:1.05fr;--ref-75px:75px;--ref-27px:27px;--ref-80px:80px;--ref-280px:280px;--ref-p9fr:.9fr;--ref-40ch:40ch;--ref-1p13:1.13;--ref-1p55:1.55;--ref-46ch:46ch;--ref-neg-48px:-48px;--ref-78pct:78%;--ref-44pct:44%;--ref-colorneg-eaf3fe91:#eaf3fe91;--ref-66pct:66%;--ref-neg-2:-2;--ref-1p45:1.45;--ref-neg-20px:-20px;--ref-250px:250px;--ref-neg-12px:-12px;--ref-140px:140px;--ref-neg-9deg:-9deg;--ref-neg-24px:-24px;--ref-0pct:0%;--ref-76px:76px;--ref-130px:130px;--ref-55ch:55ch;--ref-200pct:200%;--ref-neg-40pct:-40%;--ref-p75:.75;--ref-20ch:20ch;--ref-48ch:48ch;--ref-540px:540px;--ref-34ch:34ch;--ref-45ch:45ch;--ref-104px:104px;}

/* Reference review: generous artwork bounds, tighter page rhythm, no covered labels. */
:root{--hero-title:clamp(48px,5.1vw,82px);--hero-art-height:480px;--hero-space:48px;--scene-height:390px;--scene-slot-height:355px;--hero-scene-height:560px;--hero-result-top:386px;--hero-result-left:58px;--hero-result-width:460px;--hero-label-right:-26px;--hero-label-upper:208px;--hero-label-lower:298px;--mobile-hero-ratio:620 / 560;--audit-space:64px;--scene-brief-top:91px;--preview-cursor-x:-70px;--preview-cursor-y:-70px;--preview-cursor-mid-x:-100px;--preview-cursor-mid-y:-20px}
.hub-scene{height:var(--hero-scene-height)}.hub-work{top:var(--hero-result-top);left:var(--hero-result-left);width:var(--hero-result-width)}
.hub-label-right{right:var(--hero-label-right);top:var(--hero-label-upper)}.hub-label-bottom{right:var(--hero-label-right);top:var(--hero-label-lower)}
.service,.service:first-child,.service:last-child{align-items:stretch}
.agent-window{top:var(--scene-brief-top)}.audit-section{padding-block:var(--audit-space)}
.detail .computer-scene[data-step="0"] .task-list>div:nth-child(n+2)>span,.detail .computer-scene[data-step="1"] .task-list>div:nth-child(3)>span{opacity:0}
.service.is-playing .task-list>div:nth-child(2)>span{animation:preview-one var(--loop-duration) var(--zoom-ease) infinite both}
.service.is-playing .task-list>div:nth-child(3)>span{animation:preview-two var(--loop-duration) var(--zoom-ease) infinite both}
@keyframes preview-cursor{0%,4%,88%,100%{translate:0 0}12%,22%{translate:var(--preview-cursor-x) var(--preview-cursor-y)}30%,40%{translate:var(--preview-cursor-mid-x) var(--preview-cursor-mid-y)}48%,60%{translate:var(--preview-cursor-x) 0}}
.service.is-playing .working-cursor{animation:preview-cursor var(--loop-duration) var(--zoom-ease) infinite}
body[data-motion="paused"] .working-cursor,body[data-motion="paused"] .task-list>div>span{animation:none!important;translate:none!important;opacity:1!important}
@media(max-width:1200px){:root{--hero-title:55px;--hero-space:38px;--hero-art-height:440px;--scene-slot-height:310px}}
@media(max-width:950px){:root{--hero-title:47px;--hero-art-height:390px;--scene-slot-height:270px}}
@media(max-width:760px){:root{--hero-title:clamp(43px,8.5vw,62px);--hero-space:36px;--scene-slot-height:330px;--audit-space:48px;--hero-label-right:-6px}.hero-visual{height:auto;aspect-ratio:var(--mobile-hero-ratio)}.service-top{width:100%}.service-index{width:100%}.service h3{max-width:var(--ref-85pct)}.service-description{max-width:var(--ref-34ch)}.service-top .round-arrow{margin-left:auto}}
@media(max-width:380px){:root{--hero-title:39px;--scene-slot-height:280px}}

/* Shared reference values: all presentation declarations consume CSS variables. */
:root{--ref-85pct:85%;--ref-34ch:34ch;}

/* Review fixes: unobscured invoice data and readable, reflowed mobile detail. */
:root{--invoice-copy-width:61%;--invoice-row-gap:3px;--mobile-agent-height:490px;--mobile-workflow-height:554px;--mobile-computer-height:590px;--mobile-node-width:94%;--mobile-node-one:300px;--mobile-node-two:382px;--mobile-agent-top:68px;--mobile-source-width:49%;--mobile-confirm-bottom:8px}
.invoice-entry{grid-template-columns:var(--ref-1fr);gap:var(--invoice-row-gap);width:var(--invoice-copy-width)}
.invoice-entry b{grid-row:var(--ref-3)}.invoice-entry>span{grid-row:var(--ref-2)}.invoice-entry strong{white-space:nowrap}
@media(max-width:760px){
 .detail-scene-slot:has(.agents-scene){height:var(--mobile-agent-height)}
 .detail-scene-slot:has(.automation-scene){height:var(--mobile-workflow-height)}
 .detail-scene-slot:has(.computer-scene){height:var(--mobile-computer-height)}
 .detail .scene{width:100%;height:100%;font-size:var(--caption)}
 .detail .scene small{font-size:var(--small)}
 .detail .scene-fold{opacity:var(--ref-p35);right:var(--s7)}
 .detail .source{top:0;left:0;right:auto;width:var(--mobile-source-width);padding:var(--s2);font-size:var(--small);transform:none}
 .detail .source-two{left:auto;right:0}.detail .source-three{display:none}
 .detail .agent-window{left:0;top:var(--mobile-agent-top);width:100%;padding:var(--s4)}
 .detail .agent-heading{font-size:var(--body);gap:var(--s2)}
 .detail .agent-request{font-size:var(--caption);gap:var(--s2)}
 .detail .source-status{font-size:var(--small)}
 .detail .agent-draft{font-size:var(--caption)}
 .detail .agent-draft p{font-size:var(--caption);line-height:var(--ref-1p6)}
 .detail .citation{font-size:var(--small);gap:var(--s2)}
 .detail .agent-review{font-size:var(--caption)}
 .detail .invoice{left:0;top:0;width:100%;transform:none;padding:var(--s4)}
 .detail .paper-heading{font-size:var(--caption)}
 .detail .invoice-entry{width:100%;grid-template-columns:var(--ref-1fr) auto;font-size:var(--small);gap:var(--s1) var(--s2)}
 .detail .invoice-entry b{grid-column:var(--ref-2);grid-row:1}.detail .invoice-entry>span{grid-row:var(--ref-2)}
 .detail .paper-foot{font-size:var(--small)}
 .detail .flow-node{right:0;left:auto;width:var(--mobile-node-width);padding:var(--s4)}
 .detail .extract{top:var(--mobile-node-one)}.detail .approval{top:var(--mobile-node-two)}.detail .complete{bottom:0}
 .detail .browser-window{left:0;top:0;width:100%;transform:none}
 .detail .browser-bar{font-size:var(--small);gap:var(--s5)}
 .detail .computer-workspace{display:flex;flex-direction:column;padding:var(--s4);gap:var(--s4)}
 .detail .task-list{border-right:0;padding:0;font-size:var(--small)}
 .detail .task-list>div{padding-block:var(--s3)}
 .detail .portal-title{font-size:var(--caption)}
 .detail .portal-field,.detail .portal-field>span{font-size:var(--small)}
 .detail .checked-fields{font-size:var(--small)}.detail .portal-save{font-size:var(--small);padding:var(--s3)}
 .detail .browser-confirmation{width:var(--mobile-node-width);left:auto;right:0;bottom:var(--mobile-confirm-bottom);padding:var(--s4)}
 .detail .working-cursor{right:var(--s2);bottom:var(--s11)}
 .detail .scene{--s11:80px}
}

/* Shared reference values: all presentation declarations consume CSS variables. */
:root{--ref-1fr:1fr;--ref-3:3;--ref-2:2;--ref-p35:.35;--ref-1p6:1.6;}


/* visual-flow.css */
:root{--gold-surface-light:#fffcf5;--gold-surface-mid:#f4e6ca;--gold-surface-rich:#e6cb94;--visual-flow-cycle:4800ms;--visual-flow-radius:3.6px;--visual-flow-stroke:1.2px;--visual-flow-dot-stroke:1.3px;--visual-flow-color:#c38e42;--visual-flow-rail:#dfbf87;--visual-flow-blue:#5c91cb;--visual-flow-opacity:.8;--visual-flow-travel-start:.08;--visual-flow-travel-end:.78;--visual-flow-samples:48;--visual-flow-foreground:1;--visual-flow-base:0;--visual-flow-route-duration:620ms}
.gold-surface-light{stop-color:var(--gold-surface-light)}.gold-surface-mid{stop-color:var(--gold-surface-mid)}.gold-surface-rich{stop-color:var(--gold-surface-rich)}
/* Surfaces below, reflections above, content in front. */
main>.company-intro,main>.showcase,main>.audit-section{z-index:auto}
.flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:var(--visual-flow-base);fill:none;stroke:none}
.flow-path{fill:none;stroke:var(--visual-flow-rail);stroke-width:var(--visual-flow-stroke);opacity:var(--visual-flow-opacity)}.flow-path.flow-blue{stroke:var(--visual-flow-blue)}
.flow-dot{fill:var(--visual-flow-color);stroke:var(--white);stroke-width:var(--visual-flow-dot-stroke);opacity:0}
.hub-core,.tool-tile,.hub-label,.hub-work{z-index:var(--visual-flow-foreground)}
.audit-browser,.audit-checks,.audit-chart{z-index:var(--visual-flow-foreground)}
.scene>.flow-wires{z-index:var(--visual-flow-base)}.scene>.paper,.scene>.flow-node,.scene>.source,.scene>.browser-confirmation{z-index:var(--visual-flow-foreground)}
@media(prefers-reduced-motion:reduce){.flow-dot{display:none}}


/* reference-redesign.css */
/* Visual authority: Medmoments AI Automation Landing Page.png, 30 October 2026. */
:root{
 --max:1448px;--gutter:clamp(22px,6.1vw,88px);--hero-title:clamp(48px,5.35vw,78px);--hero-copy:clamp(17px,1.38vw,20px);
 --hero-gap:24px;--hero-space:48px;--hero-art-width:680px;--hero-scene-height:530px;--hero-art-height:550px;
 --hero-text-width:700px;--section-title:clamp(32px,3.3vw,48px);--service-title:26px;--service-gap:32px;
 --ink:#062544;--navy:#062544;--gold:#a46616;--gold-light:#dba03b;--muted:#50698b;--line:#e2ebf5;--blue-wash:#edf5ff;--gold-wash:#fcf4e6;
 --gold-surface-light:#fffefb;--gold-surface-mid:#fcf7ee;--gold-surface-rich:#f5e9d3;--backdrop-plane-soft:.56;--backdrop-blue:#e4f1ff;
 --paper-gradient:linear-gradient(150deg,var(--white) 60%,var(--blue-wash));--shadow:0 20px 44px -16px #174b8426;--shadow-high:0 28px 50px -16px #143d6a30;
 --button-radius:7px;--button-shadow:0 7px 20px -10px #ac7b31a6;--button-border:#b88b4b;--heading-gradient:linear-gradient(110deg,#92580f 10%,#ad6e14 60%,#bd8428);
 --header-height:90px;--nav-gap:32px;--nav-size:14px;--header-logo:244px;--header-mark:48px;--header-wordmark:190px;
 --eyebrow-size:12px;--eyebrow-track:.12em;--eyebrow-line:44px;--eyebrow-gap:16px;--headline-gap:18px;--copy-gap:22px;--copy-leading:1.55;
 --hero-action-gap:16px;--action-height:54px;--principle-size:13px;--principle-gap:20px;--principle-icon:24px;--principle-pad:12px;--principle-radius:50%;
 --core-left:252px;--core-top:138px;--core-width:175px;--core-height:182px;--core-mark:110px;--core-rotate:3deg;--core-radius:24px;
 --hub-label-width:176px;--hub-label-height:88px;--hub-label-size:13px;--hub-icon:27px;--hub-label-pad:18px;--hub-label-gap:16px;
 --hub-top-x:112px;--hub-top-y:34px;--hub-capture-x:450px;--hub-capture-y:58px;--hub-left-x:28px;--hub-left-y:215px;--hub-bottom-x:492px;--hub-bottom-y:248px;
 --hub-result-x:78px;--hub-result-y:360px;--hub-result-width:485px;--hub-result-height:150px;--hub-result-tilt:4deg;--hub-result-title:26px;
 --hub-result-label:11px;--hub-result-list:12px;--hub-result-gap:8px;--hub-result-pad:24px;
 --card-height:204px;--card-padding:28px;--card-radius:15px;--card-number:48px;--card-number-size:18px;--card-symbol:27px;--card-arrow:54px;
 --card-shadow:0 15px 30px -22px #164b8640;--card-hover-shadow:0 20px 34px -20px #164b8652;--card-lift:-4px;
 --card-blue:linear-gradient(135deg,var(--white) 42%,#f0f7ff);--card-gold:linear-gradient(135deg,var(--white) 42%,#fcf6ec);
 --detail-enter-scale:.975;--detail-enter-duration:480ms;--section-space:62px;--assessment-gap:44px;--assessment-space:70px;
 --menu-width:238px;--menu-offset:14px;--menu-z:12;--header-z:10;--content-z:1;--surface-z:0;--motion-ease:cubic-bezier(.16,1,.3,1);
 --selection:#e4c991;--mobile-action-size:13px;--mobile-header-cta:110px;--mobile-hero-height:380px;--headline-weight:700;--focus-ring:2px;
}
body{background:var(--white)}
::selection{background:var(--selection);color:var(--ink)}
a,button,summary{-webkit-tap-highlight-color:var(--blue-wash)}
:focus-visible{outline:var(--focus-ring) solid var(--blue);outline-offset:var(--s1)}
.header{height:var(--header-height);border:0;position:relative;z-index:var(--header-z);background:var(--white)}
.header .brand{--logo-width:var(--header-logo);--mark-size:var(--header-mark);--wordmark:var(--header-wordmark);flex-shrink:0}
.header-nav{gap:var(--nav-gap);font-size:var(--nav-size)}
.header .audit-link{max-width:none;min-height:var(--target);font-size:var(--nav-size);padding:var(--s3) var(--s5);gap:var(--s4);white-space:nowrap}
.solutions-menu{position:relative}
.solutions-menu summary{display:flex;align-items:center;gap:var(--s2);cursor:pointer;list-style:none;min-height:var(--target)}
.solutions-menu summary::-webkit-details-marker{display:none}
.solutions-menu summary svg{width:var(--s4);height:var(--s4)}
.solutions-options{position:absolute;top:calc(100% + var(--menu-offset));left:0;display:grid;width:var(--menu-width);padding:var(--s2);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-high);border:var(--rule) solid var(--line);z-index:var(--menu-z)}
.solutions-options a{padding:var(--s3);border-radius:var(--button-radius)}
.solutions-options a:hover{background:var(--blue-wash)}
main{position:relative;isolation:isolate}
main>section{isolation:auto;z-index:auto}
main>section>*{position:relative;z-index:var(--content-z)}


.company-intro{grid-template-columns:1fr 1fr;gap:var(--hero-gap);padding-block:var(--hero-space) var(--s5);align-items:center}
.company-intro h1{font-weight:var(--headline-weight);line-height:var(--ref-1p08);letter-spacing:var(--ref-neg-p035em);max-width:none}
.company-intro h1 span,.section-heading h2 span,.audit-invitation h2 span{background:var(--heading-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow{display:flex;align-items:center;gap:var(--eyebrow-gap);font-size:var(--eyebrow-size);font-weight:var(--ref-500);letter-spacing:var(--eyebrow-track);text-transform:uppercase;color:var(--gold);margin-bottom:var(--headline-gap)}
.eyebrow:before{content:"";width:var(--eyebrow-line);height:var(--rule);background:var(--gold-light);flex:none}
.company-copy{margin-top:var(--copy-gap);max-width:none;background:none;box-shadow:none}
.company-copy p{font-size:var(--hero-copy);line-height:var(--copy-leading);color:var(--muted);max-width:none}
.hero-actions{gap:var(--hero-action-gap);margin-top:var(--s7);flex-wrap:nowrap}
.hero-actions .button{min-height:var(--action-height);padding:var(--s3) var(--s5);font-size:var(--label);gap:var(--s4);white-space:nowrap}
.hero-actions .button:first-child{box-shadow:var(--button-shadow);border-color:var(--button-border)}
.audit-link svg,.hero-actions svg{transform:none}
.company-principles{flex-direction:row;flex-wrap:nowrap;gap:var(--principle-gap);font-size:var(--principle-size);line-height:var(--copy-leading);margin-top:var(--s7)}
.company-principles>span{gap:var(--s3);flex:1}
.company-principles svg{width:var(--principle-icon);height:var(--principle-icon);padding:var(--principle-pad);border-radius:var(--principle-radius);flex:none}
.hero-visual{height:var(--hero-art-height);aspect-ratio:auto;margin:0}
.hub-scene{width:var(--hero-art-width);height:var(--hero-scene-height)}
.hub-core{left:var(--core-left);top:var(--core-top);width:var(--core-width);height:var(--core-height);border-radius:var(--core-radius);transform:rotate(var(--core-rotate));box-shadow:var(--shadow-high)}
.hub-core .mark{--mark-size:var(--core-mark)}
.hub-label{width:var(--hub-label-width);min-height:var(--hub-label-height);padding:var(--hub-label-pad);gap:var(--hub-label-gap);font-size:var(--hub-label-size);border:0;transform:none;animation:none}
.hub-label svg{width:var(--hub-icon);height:var(--hub-icon);color:var(--gold);flex:none}
.hub-label-top{left:var(--hub-top-x);top:var(--hub-top-y)}
.hub-label-capture{left:var(--hub-capture-x);top:var(--hub-capture-y);transform:rotate(var(--core-rotate))}
.hub-label-right{left:var(--hub-left-x);top:var(--hub-left-y);right:auto}
.hub-label-bottom{left:var(--hub-bottom-x);top:var(--hub-bottom-y);right:auto;width:var(--hub-label-width);transform:rotate(var(--core-rotate))}
.hub-work{left:var(--hub-result-x);top:var(--hub-result-y);width:var(--hub-result-width);min-height:var(--hub-result-height);padding:var(--hub-result-pad);transform:rotate(var(--hub-result-tilt));border:0;grid-template-columns:1fr 1.2fr;gap:var(--s5)}
.hub-work-title strong{font-size:var(--hub-result-title);font-weight:var(--ref-600);line-height:var(--ref-1p2);margin-top:var(--s3)}
.result-label{font-size:var(--hub-result-label);color:var(--gold);text-transform:uppercase;background:var(--gold-wash);border-radius:var(--s1);padding:var(--s1) var(--s2);white-space:nowrap}
.hub-results{font-size:var(--hub-result-list);gap:var(--hub-result-gap);padding-left:var(--s5)}
.hub-results svg{flex:none}
.flow-path.flow-blue{stroke:var(--visual-flow-rail)}
.showcase{padding-block:var(--s6) var(--section-space)}
.section-heading{text-align:center;margin-bottom:var(--s7)}
.section-heading h2{max-width:none;font-weight:var(--ref-600)}
.section-heading .eyebrow{justify-content:center;color:var(--gold);font-size:var(--eyebrow-size);margin:0 0 var(--s3)}
.section-heading>p:not(.eyebrow){font-size:var(--body);margin-top:var(--s3);max-width:none}
.services{gap:var(--service-gap);grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
.service,.service:first-child,.service:last-child{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:var(--card-height);padding:var(--card-padding);border:var(--rule) solid var(--line);border-radius:var(--card-radius);background:var(--card-blue);box-shadow:var(--card-shadow);transition:transform var(--interaction-duration) var(--motion-ease),box-shadow var(--interaction-duration)}
.service:nth-child(2){background:var(--card-gold)}


.service:hover{transform:translateY(var(--card-lift));box-shadow:var(--card-hover-shadow)}
.service-index{display:grid;place-items:center;width:var(--card-number);height:var(--card-number);font-size:var(--card-number-size);background:var(--blue-wash);border-radius:var(--principle-radius);margin:0 0 var(--s3);color:var(--blue)}
.service-index:after{display:none}
.service:nth-child(2) .service-index{background:var(--gold-wash);color:var(--gold)}
.service-symbol{position:absolute;right:var(--card-padding);top:var(--card-padding);width:var(--card-symbol);height:var(--card-symbol);color:var(--blue)}
.service:nth-child(2) .service-symbol{color:var(--gold)}
.service-top{display:block;width:auto;position:static}
.service h3{font-size:var(--service-title);font-weight:var(--ref-600);line-height:var(--ref-1p16);letter-spacing:var(--ref-neg-p035em)}
.service-description{font-size:var(--body);line-height:var(--ref-1p4);margin-top:var(--s3);max-width:calc(100% - var(--card-arrow));min-height:0;background:none;box-shadow:none}
.service .round-arrow{position:absolute;right:var(--card-padding);bottom:var(--card-padding);width:var(--card-arrow);height:var(--card-arrow);background:var(--white);border:var(--rule) solid var(--line)}
.audit-section{padding-block:var(--assessment-space);gap:var(--assessment-gap);border:0}
.audit-invitation h2{font-weight:var(--ref-600)}
.audit-outcomes{box-shadow:var(--shadow-high)}
.site-footer{background:var(--white)}
@media(min-width:1550px){:root{--gutter:70px}}
@media(max-width:1250px){:root{--nav-gap:20px;--header-logo:218px;--header-wordmark:170px;--header-mark:42px;--hero-gap:12px;--hero-space:30px;--hero-art-height:480px;--principle-pad:8px;--principle-gap:12px;--service-gap:22px;--card-padding:24px}.hero-actions .button{font-size:var(--caption);padding-inline:var(--s4);gap:var(--s3)}.nav-secondary:last-of-type{display:none}}
@media(max-width:1050px){:root{--hero-title:clamp(46px,5.4vw,62px);--hero-copy:17px;--nav-gap:22px;--hero-art-height:460px;--principle-size:12px;--principle-icon:20px;--service-title:23px;--card-padding:20px;--card-arrow:44px}.header-nav>.nav-secondary{display:none}.hero-actions{flex-wrap:wrap}.company-principles{flex-wrap:wrap}.company-principles>span{flex:0 1 auto}.company-principles>span:last-child{display:none}}
@media(max-width:760px){:root{--gutter:24px;--header-height:78px;--header-logo:190px;--header-wordmark:145px;--header-mark:38px;--hero-title:clamp(42px,8.5vw,62px);--hero-copy:17px;--hero-space:28px;--hero-art-height:480px;--service-title:27px;--card-padding:24px;--card-height:194px;--section-space:32px;--assessment-space:42px;--service-gap:16px}.header .audit-link{white-space:normal;width:var(--mobile-header-cta);font-size:var(--eyebrow-size);line-height:var(--ref-1p4);padding:var(--s2);gap:0}.header .audit-link svg{display:none}.header-nav{gap:0}.solutions-menu{display:none}.company-intro{grid-template-columns:1fr;gap:var(--s4)}.company-copy{margin-top:var(--s5)}.hero-actions{flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}.hero-actions .button{font-size:var(--mobile-action-size);min-height:var(--target)}.company-principles{margin-top:var(--s5);gap:var(--s4)}.company-principles>span{flex:1}.company-principles>span:last-child{display:flex}.company-principles svg{padding:var(--s2)}.section-heading{text-align:center;margin-bottom:var(--s6)}.section-heading h2{max-width:none}.section-heading .eyebrow{justify-content:center}.services{grid-template-columns:1fr;max-width:none}.service{min-height:var(--card-height)}.service-description{max-width:var(--ref-28ch)}.audit-section{grid-template-columns:1fr}.audit-visual{margin-top:0}}
@media(max-width:440px){:root{--gutter:20px;--header-logo:164px;--header-wordmark:124px;--header-mark:34px;--mobile-header-cta:104px;--hero-title:43px;--hero-copy:16px;--hero-art-height:340px;--eyebrow-size:10px;--eyebrow-gap:10px;--eyebrow-line:26px;--principle-size:12px;--principle-icon:20px}.hero-actions .button{padding-inline:var(--s3);gap:var(--s2)}.company-principles>span:last-child{display:none}.company-principles{gap:var(--s3)}.section-heading h2{font-size:var(--s8)}.hero-visual{margin-inline:calc(-1 * var(--s3))}.hero-actions .button{width:100%;justify-content:space-between}.service-description{max-width:calc(100% - var(--card-arrow))}}
@media(max-width:350px){:root{--gutter:16px;--hero-title:37px;--header-logo:152px;--header-wordmark:116px;--header-mark:30px;--hero-art-height:300px}}
@media(prefers-reduced-motion:reduce){.service{transition:none}.service:hover{transform:none}}

/* Recompose the decorative hero at a readable mobile scale. */
@media(max-width:760px){:root{--hero-art-width:400px;--hero-scene-height:450px;--hero-art-height:460px;--core-left:148px;--core-top:140px;--core-width:120px;--core-height:136px;--core-mark:78px;--core-radius:20px;--hub-label-width:138px;--hub-label-height:76px;--hub-label-size:13px;--hub-label-pad:12px;--hub-label-gap:10px;--hub-icon:23px;--hub-top-x:28px;--hub-top-y:36px;--hub-capture-x:248px;--hub-capture-y:64px;--hub-left-x:0px;--hub-left-y:185px;--hub-bottom-x:262px;--hub-bottom-y:218px;--hub-result-x:26px;--hub-result-y:318px;--hub-result-width:350px;--hub-result-height:116px;--hub-result-pad:18px;--hub-result-title:21px;--hub-result-list:12px;--hub-result-label:10px;--hub-result-tilt:2deg;--hub-result-gap:6px}.hub-results{padding-left:var(--s3)}.hub-work{gap:var(--s3)}}
@media(max-width:440px){:root{--hero-art-height:410px}}
@media(max-width:350px){:root{--hero-art-height:350px}}

/* Approved blended gold/blue atmosphere: local to visuals, no stretched artwork. */
:root{
 --ambient-blue:#dcefff;--ambient-blue-soft:#eaf5fc;--ambient-blue-clear:#dcefff00;
 --ambient-gold:#f6e7cb;--ambient-gold-soft:#fbf2e3;--ambient-gold-clear:#f6e7cb00;
 --ambient-feather:72%;--ambient-core:12%;--ambient-opacity:.9;
 --ambient-mask-clear:#0000;--ambient-mask-solid:#000;
 --ambient-mask-horizontal:linear-gradient(to right,var(--ambient-mask-clear),var(--ambient-mask-solid) 20%,var(--ambient-mask-solid) 80%,var(--ambient-mask-clear));
 --ambient-mask-vertical:linear-gradient(to bottom,var(--ambient-mask-clear),var(--ambient-mask-solid) 20%,var(--ambient-mask-solid) 80%,var(--ambient-mask-clear));
 --gold:#986016;
 --ambient-top:0%;--ambient-left:0%;--ambient-width:100%;--ambient-height:100%;
 --ambient-shadow:0 14px 32px -18px #17456b36;
 --ambient-raised-shadow:0 20px 40px -22px #17456b40;
 --ambient-card-shadow:0 12px 26px -18px #17456b30;
 --ambient-card-hover:0 18px 30px -20px #17456b40;
 --ambient-surface:linear-gradient(145deg,#fff 64%,#f7fbff);
 --ambient-warm-surface:linear-gradient(145deg,#fff 55%,#fdf8ef);
 --ambient-core-radius:18px;--ambient-card-radius:14px;
 --ambient-service-top:0%;--ambient-service-left:0%;
 --ambient-service-width:100%;--ambient-service-height:100%;
 --ambient-hero:
   radial-gradient(ellipse 48% 48% at 48% 52%,var(--ambient-gold) 0%,var(--ambient-gold-clear) 100%),
   radial-gradient(ellipse 40% 48% at 60% 48%,var(--ambient-blue) 0%,var(--ambient-blue-clear) 100%);
 --ambient-assessment:
   radial-gradient(ellipse 38% 46% at 62% 54%,var(--ambient-gold) 0%,var(--ambient-gold-clear) 100%),
   radial-gradient(ellipse 46% 48% at 46% 48%,var(--ambient-blue) 0%,var(--ambient-blue-clear) 100%);
 --ambient-services:
   radial-gradient(ellipse 48% 48% at 50% 50%,var(--ambient-gold-soft) 0%,var(--ambient-gold-clear) 100%);
 --shadow:var(--ambient-shadow);--shadow-high:var(--ambient-raised-shadow);
 --paper-gradient:var(--ambient-surface);
 --card-blue:var(--ambient-surface);--card-gold:var(--ambient-warm-surface);
 --card-shadow:var(--ambient-card-shadow);--card-hover-shadow:var(--ambient-card-hover);
}
.hero-visual,.audit-visual,.services{position:relative;isolation:isolate}
.hero-visual::before,.audit-visual::before{
 content:"";display:block;position:absolute;top:var(--ambient-top);left:var(--ambient-left);
 width:var(--ambient-width);height:var(--ambient-height);right:auto;bottom:auto;
 background:var(--ambient-hero);border:0;border-radius:0;transform:none;
 opacity:var(--ambient-opacity);pointer-events:none;z-index:-1;
}
.audit-visual::before{background:var(--ambient-assessment)}
.hero-visual::before,.audit-visual::before,.services::before{
 mask-image:none;
}
.hero-copy,.audit-invitation{z-index:var(--ref-2)}
.services::before{
 content:"";position:absolute;top:var(--ambient-service-top);left:var(--ambient-service-left);
 width:var(--ambient-service-width);height:var(--ambient-service-height);
 background:var(--ambient-services);pointer-events:none;z-index:-1;
}
.hub-core{border-radius:var(--ambient-core-radius)}
.hub-label{border-radius:var(--ambient-card-radius)}
.flow-path.flow-blue{stroke:var(--visual-flow-blue)}
@media(max-width:760px){:root{--hub-result-label:11px}}
@media(max-width:440px){:root{--eyebrow-size:11px}}

/* Hero detail matched to the user's supplied reference crop. */
:root{
 --hub-wire-gold:#d8941c;--hub-wire-blue:#167bfa;--hub-wire-width:1.9px;
 --hub-surface:linear-gradient(135deg,#fff 46%,#f1f8fd);
 --hub-core-surface:linear-gradient(120deg,#fff 48%,#edf7fd);
 --hub-edge-shadow:inset 1px 1px 2px #fff,inset -3px -2px 5px #bdd7e74d,5px 7px 6px -5px #8baac070,0 20px 30px -16px #17456b55;
 --hub-tile-shadow:inset 0 1px 0 #fff,0 14px 24px -15px #17456b50;
 --hub-outcome-shadow:inset 0 1px 0 #fff,0 20px 32px -18px #17456b50;
 --hub-soft-radius:13px;--hub-core-edge:16px;--hub-top-tilt:1.5deg;
 --hub-result-columns:.95fr 1.15fr;--hub-human-icon:23px;--hub-title-leading:1.18;
}
.hub-core{background:var(--hub-core-surface);box-shadow:var(--hub-edge-shadow);border-radius:var(--hub-core-edge)}
.hub-label{background:var(--hub-surface);box-shadow:var(--hub-tile-shadow);border-radius:var(--hub-soft-radius)}
.hub-label-top{transform:rotate(var(--hub-top-tilt))}
.hub-work{background:var(--hub-surface);box-shadow:var(--hub-outcome-shadow);border-radius:var(--hub-soft-radius);grid-template-columns:var(--hub-result-columns)}
.hub-work-title strong{line-height:var(--hub-title-leading);letter-spacing:var(--ref-neg-p035em)}
.hub-results>span:last-child svg{background:none;padding:0;width:var(--hub-human-icon);height:var(--hub-human-icon)}
.hub-scene .flow-path{stroke:var(--hub-wire-gold);stroke-width:var(--hub-wire-width);opacity:1}
.hub-scene .flow-path.flow-blue{stroke:var(--hub-wire-blue)}
.hub-scene .flow-dot{fill:var(--hub-wire-gold)}
.hub-scene .flow-path.flow-blue+.flow-dot{fill:var(--hub-wire-blue)}
.hero-visual{--ambient-blue:#d9efff;--ambient-gold:#f6e5c7;--ambient-opacity:1}
@media(min-width:761px){
 :root{
 --hero-scene-height:580px;
 --core-left:228px;--core-top:166px;--core-width:166px;--core-height:178px;--core-mark:96px;
 --hub-top-x:78px;--hub-top-y:58px;--hub-capture-x:410px;--hub-capture-y:82px;
 --hub-left-x:24px;--hub-left-y:260px;--hub-bottom-x:454px;--hub-bottom-y:282px;
 --hub-label-width:184px;--hub-label-size:14px;--hub-label-gap:14px;
 --hub-result-x:60px;--hub-result-y:390px;--hub-result-width:540px;--hub-result-height:164px;
 --hub-result-title:29px;--hub-result-list:14px;--hub-result-tilt:3deg;--hub-result-pad:25px;
 }
}
@media(max-width:760px){
 :root{--hub-top-x:16px;--hub-top-y:32px;--hub-capture-x:250px;--hub-capture-y:42px;
 --core-left:146px;--core-top:134px;--core-width:116px;--core-height:132px;
 --hub-left-y:190px;--hub-bottom-x:275px;--hub-bottom-y:218px;--hub-result-x:14px;--hub-result-y:322px;
 --hub-result-width:372px;--hub-result-height:120px;--hub-result-pad:16px;--hub-result-title:22px;
 --hub-result-tilt:2deg;--hub-human-icon:20px;--hub-wire-width:2px;}
}

@media(max-width:760px){
 :root{--hero-scene-height:470px;--hero-art-height:480px;--hub-mobile-side-width:124px}
 .hub-label-right,.hub-label-bottom{width:var(--hub-mobile-side-width)}
}
@media(max-width:440px){:root{--hero-art-height:430px}}
@media(max-width:350px){:root{--hero-art-height:370px}}

/* Paired hero actions and a complete, integrated footer. */
:root{
 --hero-actions-width:540px;--hero-actions-columns:minmax(0,1.15fr) minmax(0,1fr);--hero-actions-leading:1.35;
 --footer-surface:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
 --footer-columns:1.1fr .9fr 1.25fr;--footer-gap:56px;--footer-space:56px;
 --footer-brand-width:246px;--footer-mark-size:44px;--footer-wordmark-width:194px;
 --footer-tagline-size:24px;--footer-contact-size:30px;--footer-email-size:19px;
 --footer-rule:#dce5ed;--footer-link-leading:1.4;
}
.hero-actions{display:grid;grid-template-columns:var(--hero-actions-columns);gap:var(--s3);max-width:var(--hero-actions-width)}
.hero-actions .button{
 width:100%;min-width:0;white-space:normal;justify-content:center;text-align:center;
 min-height:var(--action-height);line-height:var(--hero-actions-leading);
 padding:var(--s3) var(--s4);gap:var(--s3);
}
.hero-actions .button>span{min-width:0}
.hero-actions .button svg{flex:none;width:var(--s4);height:var(--s4)}
.site-footer{background:var(--footer-surface);border-top:var(--rule) solid var(--line);padding-block:var(--footer-space) var(--s5)}
.footer-main{display:grid;grid-template-columns:var(--footer-columns);gap:var(--footer-gap);align-items:start}
.footer-main .brand{--logo-width:var(--footer-brand-width);--mark-size:var(--footer-mark-size);--wordmark:var(--footer-wordmark-width)}
.footer-tagline{margin-top:var(--s6);color:var(--ink);font-size:var(--footer-tagline-size);font-weight:var(--ref-600);line-height:var(--hero-actions-leading);letter-spacing:var(--ref-neg-p035em)}
.footer-tagline span{color:var(--gold)}
.footer-solutions{display:grid;justify-items:start}
.footer-solutions h2{font-size:var(--body);font-weight:var(--ref-600);letter-spacing:normal;line-height:var(--footer-link-leading);margin:0 0 var(--s3);color:var(--ink)}
.footer-solutions a{display:flex;align-items:center;min-height:var(--target);font-size:var(--label);line-height:var(--footer-link-leading);color:var(--muted)}
.footer-contact h2{font-size:var(--footer-contact-size);font-weight:var(--ref-600);letter-spacing:var(--ref-neg-p035em);line-height:var(--hero-actions-leading);color:var(--ink);margin:0 0 var(--s3)}
.footer-contact .footer-email{display:flex;align-items:center;gap:var(--s3);font-size:var(--footer-email-size);font-weight:var(--ref-500);min-height:var(--target);color:var(--ink);width:fit-content;line-height:var(--footer-link-leading)}
.footer-email span{overflow-wrap:anywhere}
.footer-email svg{flex:none;color:var(--gold)}
.footer-assessment{display:flex;align-items:center;gap:var(--s3);min-height:var(--target);font-size:var(--label);color:var(--gold);width:fit-content}
.footer-assessment svg{width:var(--s4);height:var(--s4)}
.footer-main a:hover,.footer-bottom a:hover{color:var(--gold);text-decoration:underline;text-underline-offset:var(--s1)}
.footer-bottom{border-top:var(--rule) solid var(--footer-rule);padding-top:var(--s4);margin-top:var(--s8);gap:var(--s5);font-size:var(--small);align-items:center}
.footer-bottom .footer-utilities{display:flex;width:auto;gap:var(--s6);align-items:center}
.footer-bottom .motion-control{font-size:var(--small);border:0;background:none;padding:0;text-decoration:none;color:var(--muted);cursor:pointer}
.footer-bottom .motion-control:hover{color:var(--gold)}
.footer-bottom a{gap:var(--s2)}
@media(max-width:1050px){
 :root{--footer-gap:32px;--footer-columns:1fr 1fr;--footer-brand-width:218px;--footer-mark-size:40px;--footer-wordmark-width:170px}
 .footer-brand-block{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:var(--s6)}
 .footer-tagline{margin:0}
 .hero-actions .button{padding-inline:var(--s3);gap:var(--s2);font-size:var(--caption)}
}
@media(max-width:760px){
 :root{--footer-space:40px}
 .footer-bottom{align-items:flex-start}
 .footer-bottom .footer-utilities{width:100%;justify-content:space-between}
}
@media(max-width:560px){
 :root{--footer-columns:1fr;--footer-gap:28px;--footer-tagline-size:20px;--footer-contact-size:27px;--footer-email-size:19px}
 .footer-brand-block{display:block}
 .footer-tagline{margin-top:var(--s4)}
 .footer-contact{grid-row:2}
 .footer-solutions{grid-row:3}
 .footer-bottom{margin-top:var(--s6)}
}
@media(max-width:440px){
 .hero-actions{gap:var(--s2)}
 .hero-actions .button{padding:var(--s2);font-size:var(--mobile-action-size);gap:var(--s2);justify-content:center}
}

/* Native-size typography, contained ambient color, and clearly visible energy paths. */
:root{
 --service-heading-size:20px;--service-heading-gap:12px;--service-heading-number:36px;
 --service-case-size:15px;--service-case-leading:1.55;--service-case-gap:10px;
 --service-case-marker:#bd873b;--energy-tail-width:1.7px;--energy-glow:0 0 2px #e8b14480;
}
.hub-scene{transform:none;transform-origin:initial}
.hub-label,.hub-label-top,.hub-label-capture,.hub-label-right,.hub-label-bottom,.hub-work{transform:none;will-change:auto}
.hub-label{line-height:var(--footer-link-leading)}
.hub-work{--hub-result-columns:1fr 1.2fr}
.hub-results{line-height:var(--footer-link-leading)}
.hub-results>span{white-space:nowrap}
.hero-visual,.audit-visual{overflow:visible}
.hero-visual::before,.audit-visual::before{inset:0;width:100%;height:100%;mask:none}
.flow-packet{color:var(--hub-wire-gold);fill:currentColor;stroke:none;filter:drop-shadow(var(--energy-glow))}
.hub-scene .flow-path.flow-blue+.flow-packet{color:var(--hub-wire-blue)}
.flow-packet .energy-tail{fill:none;stroke:currentColor;stroke-width:var(--energy-tail-width);opacity:.7;stroke-linecap:round;stroke-linejoin:round}
.flow-packet .energy-head{fill:currentColor;stroke:var(--white);stroke-width:1}
.flow-packet .energy-glint{fill:var(--white);stroke:none}
.service,.service:first-child,.service:last-child{display:flex;flex-direction:column;padding:var(--card-padding);min-height:0}
.service-heading{display:flex;align-items:center;gap:var(--service-heading-gap);min-width:0}
.service-heading .service-index{width:var(--service-heading-number);height:var(--service-heading-number);flex:none;margin:0;font-size:var(--body)}
.service-heading h3{font-size:var(--service-heading-size);line-height:var(--footer-link-leading);white-space:nowrap;max-width:none;letter-spacing:var(--ref-neg-p035em)}
.service-heading h3{white-space:normal}
.service-benefit{margin-top:var(--s4);color:var(--muted);font-size:var(--service-case-size);line-height:var(--service-case-leading)}
.service-use-cases{display:grid;gap:var(--service-case-gap);list-style:none;padding:0;margin:var(--s5) 0 var(--s6);color:var(--muted);font-size:var(--service-case-size);line-height:var(--service-case-leading)}
.service-use-cases li{display:flex;align-items:baseline;gap:var(--s3)}
.service-use-cases li::before{content:"";width:var(--s1);height:var(--s1);border-radius:50%;background:var(--service-case-marker);flex:none;align-self:start;margin-top:var(--s2)}
.service-action{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:auto;min-height:var(--target);border-top:var(--rule) solid var(--line);padding-top:var(--s3);font-size:var(--label);font-weight:var(--ref-600)}
.service-action svg{width:var(--s4);height:var(--s4)}
@media(min-width:761px){
 :root{--core-left:248px;--core-top:186px;--core-width:126px;--core-height:138px;--core-mark:76px}
}
@media(max-width:1100px) and (min-width:761px){
 .services{grid-template-columns:1fr}
 .service-use-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
}
@media(max-width:1050px) and (min-width:761px){
 .company-intro{grid-template-columns:1fr}
}
@media(max-width:760px){
 :root{--core-left:157px;--core-top:146px;--core-width:94px;--core-height:108px;--core-mark:60px;--service-heading-size:20px}
}
@media(max-width:440px){
 :root{--service-heading-size:18px;--service-heading-number:32px;--service-heading-gap:10px;--card-padding:20px;--service-case-size:14px}
}

@media(max-width:760px){
 :root{--hub-capture-width:150px;--hub-capture-x:244px}
 .hub-label-capture{width:var(--hub-capture-width)}
}
@media(max-width:350px){
 .hub-work{grid-template-columns:1fr}
 .hub-results{border-left:0;border-top:var(--rule) solid var(--line);padding-left:0;padding-top:var(--s3)}
}

:root{--service-number-blue:#1a61b4}
.service-heading .service-index{color:var(--service-number-blue)}
.service:nth-child(2) .service-index{color:var(--gold)}

/* Reference refinements: tighter arrival, blue/gold atmosphere and curved card surfaces. */
:root{
 --hero-arrival-space:20px;--glow-top-room:16px;--glow-bottom-room:40px;
 --glow-left-room:20%;--glow-right-room:var(--gutter);
 --glow-blue:#cce7ff;--glow-blue-clear:#cce7ff00;
 --glow-gold:#f4e2bb;--glow-gold-clear:#f4e2bb00;
 --packet-tail-gold:#d8941c;--packet-tail-blue:#167bfa;
}
.company-intro{padding-top:var(--hero-arrival-space);align-items:start}
.hero-visual::before,.audit-visual::before{
 top:calc(-1 * var(--glow-top-room));bottom:calc(-1 * var(--glow-bottom-room));
 left:calc(-1 * var(--glow-left-room));right:calc(-1 * var(--glow-right-room));
 width:auto;height:auto;opacity:1;mask:none;
}
.hero-visual::before{
 background:
 radial-gradient(ellipse 45% 47% at 45% 53%,var(--glow-gold) 0%,var(--glow-gold-clear) 100%),
 radial-gradient(ellipse 36% 49% at 64% 49%,var(--glow-blue) 18%,var(--glow-blue-clear) 100%);
}
.audit-visual::before{
 background:
 radial-gradient(ellipse 37% 47% at 63% 53%,var(--glow-gold) 6%,var(--glow-gold-clear) 100%),
 radial-gradient(ellipse 43% 49% at 43% 49%,var(--glow-blue) 15%,var(--glow-blue-clear) 100%);
}
.service::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:var(--service-top-glow);
}
.service:nth-child(2)::before{background:var(--service-top-glow-warm)}
.flow-packet{filter:none}
.flow-packet .energy-tail{stroke-width:2.4px;opacity:1}
.flow-packet .energy-head{stroke-width:1.2px}
.energy-tail-stop{stop-color:var(--packet-tail-gold)}
.energy-tail-blue .energy-tail-stop{stop-color:var(--packet-tail-blue)}
@media(max-width:1050px){.hero-visual{--glow-left-room:var(--gutter)}}
@media(max-width:760px){
 :root{--hero-arrival-space:16px}
 .audit-visual{--glow-left-room:var(--gutter)}
}
@media(max-width:440px){
 .hero-visual{--glow-left-room:calc(var(--gutter) - var(--s3));--glow-right-room:calc(var(--gutter) - var(--s3))}
}

/* Single footer utility after removing the motion control. */
.footer-bottom .footer-utilities{justify-content:flex-end}

/* Reference icons and circular actions on a continuous, softly lit surface. */
:root{
 --service-top-glow:radial-gradient(ellipse 110% 100% at 100% 0%,#dfedff 0%,#eff6ff 42%,#eff6ff00 82%),linear-gradient(180deg,#f6faff,#ffffff00 65%);
 --service-top-glow-warm:radial-gradient(ellipse 110% 100% at 100% 0%,#f4e7cf 0%,#fcf6eb 42%,#fcf6eb00 82%),linear-gradient(180deg,#fdf9f2,#ffffff00 65%);
 --service-icon-clearance:12px;--service-arrow-room:68px;
}
.service-heading{padding-right:calc(var(--card-symbol) + var(--service-icon-clearance))}
.service-use-cases{margin-bottom:var(--service-arrow-room)}
.service .service-arrow{box-shadow:0 8px 20px -12px #174b8433}
.service:focus-visible .service-arrow{background:var(--navy);color:var(--white);border-color:var(--navy)}
@media(min-width:1101px) and (max-width:1279px){
 .service{--service-heading-size:16px;--service-heading-number:32px;--service-heading-gap:10px;--card-padding:24px;--card-symbol:24px}
}
@media(max-width:360px){
 .service{--service-heading-size:16px;--service-heading-number:28px;--service-heading-gap:8px;--card-symbol:22px}
}

/* Compact navigation and content-sized actions. */
:root{--compact-action-height:44px;--compact-action-pad:16px;--compact-action-gap:8px;--compact-action-size:14px;--card-arrow:44px}
.header-nav>.nav-secondary{display:inline-flex;align-items:center;min-height:var(--compact-action-height)}
.header-nav{gap:var(--s6)}
.solutions-menu{display:block}
.solutions-options{left:auto;right:0}
.button,.audit-button.button,.detail-cta.button,.hero-actions .button{
 width:fit-content;max-width:100%;min-height:var(--compact-action-height);min-width:0;
 padding:var(--s2) var(--compact-action-pad);gap:var(--compact-action-gap);
 justify-content:center;font-size:var(--compact-action-size);line-height:1.4;
}
.button svg{width:var(--s4);height:var(--s4);flex:none}
.hero-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--s3);width:fit-content;max-width:100%}
.hero-actions .button{flex:0 1 auto;white-space:nowrap}
.detail-cta{align-self:start;justify-self:start}
.detail-nav nav a{display:inline-flex;align-items:center;min-height:var(--compact-action-height);padding:var(--s2) var(--s3)}
@media(max-width:600px){
 .header-nav>.nav-secondary{display:none}
 .header-nav{gap:0}
 .solutions-menu summary{font-size:var(--label)}
 .hero-actions{gap:var(--s2)}
 :root{--compact-action-size:13px;--compact-action-pad:12px}
}
@media(max-width:360px){
 .hero-actions .button{font-size:12px;padding-inline:10px;gap:6px}
 .hero-actions .button svg{width:14px;height:14px}
}

/* Selected demos: native layout, ordered state and viewport-led focus. */
:root{--demo-gap:24px;--demo-type:13px;--demo-inset:16px;--demo-surface:linear-gradient(140deg,#fff,#f7fbff)}
.showcase:has(.detail:not([hidden]))>.section-heading{display:none}
.detail{padding-block:var(--s4)}
.detail-layout{gap:var(--s7);padding-top:var(--s6);align-items:start;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)}
#detail-title{font-size:clamp(30px,3vw,44px)}
.detail-description{font-size:17px;line-height:1.55;margin-top:var(--s4)}
.detail .use-cases{margin-block:var(--s5)}
.detail .use-cases li{padding-block:var(--s2)}
.detail-stage{min-width:0;width:100%}
.detail .detail-scene-slot:has(.scene){height:auto;min-height:0}
.detail .scene{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none;font-size:var(--demo-type);line-height:1.45;pointer-events:none}
.detail .scene small{font-size:12px}
.detail .scene [data-beat]{opacity:0}
.detail .automation-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(84px,auto));gap:var(--s5) var(--s6);padding:var(--s3) 0}
.detail .invoice{position:relative;left:auto;top:auto;width:100%;transform:none;grid-column:1;grid-row:1/4;padding:var(--s4);align-self:center}
.detail .paper-heading{font-size:13px;margin-bottom:var(--s2)}
.detail .invoice-entry{width:100%;font-size:12px;padding-block:var(--s2);grid-template-columns:1fr;gap:2px}
.detail .invoice-entry b{grid-column:1;grid-row:3}
.detail .invoice-entry>span{grid-row:2}
.detail .invoice-entry strong{white-space:normal}
.detail .paper-foot{font-size:12px;margin-top:var(--s3)}
.detail .flow-node{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;padding:var(--s3);grid-column:2;align-self:center;gap:var(--s2)}
.detail .extract{grid-row:1}.detail .approval{grid-row:2}.detail .complete{grid-row:3}
.detail .mini-icon{width:32px;height:32px}.detail .mini-icon svg{width:20px;height:20px}
.detail .agents-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7) var(--s2);padding:var(--s3) 0}
.detail .source{position:relative;left:auto;right:auto;top:auto;width:100%;transform:none;display:flex;font-size:12px;padding:var(--s2);gap:var(--s2)}
.detail .agent-window{position:relative;left:auto;top:auto;width:100%;transform:none;grid-column:1/-1;padding:var(--s4)}
.detail .agent-heading{font-size:16px;gap:var(--s2)}
.detail .agent-request,.detail .source-status,.detail .agent-review,.detail .agent-draft p,.detail .citation{font-size:12px}
.detail .agent-draft{font-size:14px}
.detail .agent-draft p{line-height:1.5}
.detail .computer-scene{padding:var(--s3) 0}
.detail .browser-window{position:relative;left:auto;top:auto;width:100%;transform:none}
.detail .browser-bar{font-size:12px;gap:var(--s6)}
.detail .computer-workspace{padding:var(--s4);gap:var(--s4)}
.detail .task-list,.detail .portal-title,.detail .portal-field,.detail .portal-field>span,.detail .checked-fields,.detail .portal-save{font-size:12px}
.detail .task-list>div{padding-block:var(--s3)}
.detail .task-list>div[data-done="false"]>span{opacity:0}
.detail .task-list>div[data-done="true"]>span{opacity:1}
.detail .portal-save{opacity:.45}
.detail .portal-save[data-ready="true"]{opacity:1}
.detail .browser-confirmation{position:relative;left:auto;right:auto;bottom:auto;width:fit-content;max-width:100%;margin:var(--s5) auto 0;padding:var(--s3) var(--s4)}
.detail .working-cursor{right:var(--s5);bottom:96px}
.story-caption{align-items:center;justify-content:flex-start;gap:var(--s3);margin-top:var(--s4);min-height:48px;font-size:13px}
.story-step{flex:none;color:var(--gold);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:1000px) and (min-width:761px){
 .detail-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s6)}
 .detail-description{font-size:15px}.detail .flow-node{flex-direction:column;align-items:flex-start}
 .detail .computer-workspace{grid-template-columns:1fr}.detail .task-list{display:none}
}
@media(max-width:760px){
 .detail-layout{gap:var(--s4);padding-top:var(--s4);align-items:stretch}
 .detail-description{order:1;margin-top:0}
 .detail .use-cases{order:2;margin:0}
 .detail-cta{order:3}
 .detail .automation-scene{grid-template-columns:1fr;grid-template-rows:auto repeat(3,auto);gap:var(--s4)}
 .detail .invoice{grid-column:1;grid-row:1;padding:var(--s3)}
 .detail .invoice-entry{grid-template-columns:1fr auto;gap:2px;padding-block:6px}
 .detail .invoice-entry b{grid-column:2;grid-row:1}.detail .invoice-entry>span{grid-column:1;grid-row:2}
 .detail .flow-node{grid-column:1;width:94%;justify-self:end;min-height:58px;padding:var(--s2) var(--s3)}
 .detail .extract{grid-row:2}.detail .approval{grid-row:3}.detail .complete{grid-row:4}
 .detail .source{font-size:11px;flex-direction:column;align-items:flex-start;gap:var(--s1)}
 .detail .computer-workspace{padding:var(--s3);gap:var(--s3)}
 .detail .task-list{display:none}
 .story-caption{margin-top:var(--s2)}
}
/* Reduce excessive left/right gutters and spaces between page columns. */
@media(min-width:761px){
 :root{--max:1600px;--gutter:clamp(28px,3.6vw,56px);--assessment-gap:28px;--service-gap:24px;--footer-gap:32px}
}

/* Keep intrinsic button width from expanding the narrow hero grid track. */
.hero-copy{min-width:0}
@media(max-width:360px){.hero-actions .button{padding-inline:6px}}

/* One owner for section spacing; adjacent padding no longer accumulates. */
:root{--page-section-gap:56px;--section-content-gap:32px;--footer-space:32px}
main{display:flex;flex-direction:column;row-gap:var(--page-section-gap);padding-bottom:var(--page-section-gap)}
.company-intro{margin:0;padding-block:var(--hero-arrival-space) 0}
.showcase,.audit-section{margin-block:0;padding-block:0}
.section-heading{margin-bottom:var(--section-content-gap)}
.detail{padding-block:0}
.audit-browser{top:var(--s5)}
.audit-chart{top:0;z-index:2}
@media(max-width:760px){
 :root{--page-section-gap:40px;--section-content-gap:24px}
}

/* Supplied automation artwork: full composition with soft edges on the white canvas. */
.company-intro{align-items:center}
.hero-visual.hero-artwork{
 width:92%;height:auto;min-height:0;
 aspect-ratio:1;margin:0;justify-self:end;
}
.hero-artwork::before,.hero-artwork::after{display:none}
.hero-artwork>img{
 display:block;width:100%;height:auto;
 -webkit-touch-callout:none;user-select:none;
 /* Keep the right-hand labels and handwriting inside the fully opaque area. */
 mask-image:radial-gradient(ellipse 32% 24% at 100% 0%,transparent 25%,#00000040 50%,#000000b3 75%,#000 100%),linear-gradient(to right,transparent,#00000099 4%,#000 8%,#000 98%,transparent),linear-gradient(to bottom,transparent,#00000099 6%,#000 12%,#000 88%,#00000099 94%,transparent);
 mask-composite:intersect;
}
@media(max-width:1050px){
 .hero-visual.hero-artwork{width:min(92%,600px);justify-self:center}
}
@media(max-width:760px){
 .hero-visual.hero-artwork{width:100%;max-width:600px}
}

/* Phone layout: readable copy, two-line headline and reachable actions. */
@media(max-width:760px){
 :root{--gutter:20px;--header-height:72px;--hero-arrival-space:12px;--hero-title:clamp(36px,10.5vw,48px);--hero-copy:16px;--page-section-gap:36px;--section-content-gap:20px;--service-case-size:15px}
 .company-intro{gap:12px}
 .company-intro h1{font-size:var(--hero-title);line-height:1.08}
 .company-intro h1 span{white-space:nowrap}
 .company-copy{margin-top:16px}
 .company-copy p{font-size:16px;line-height:1.55}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px;margin-top:20px}
 .hero-actions .button{width:100%;min-height:46px;padding:10px 8px;font-size:13px;gap:6px}
 .company-principles{margin-top:18px;gap:16px}
 .company-principles>span{gap:8px}
 .hero-visual.hero-artwork{max-width:480px}
 .section-heading h2{font-size:clamp(28px,7.8vw,36px);line-height:1.16;text-wrap:balance}
 .section-heading>p:not(.eyebrow){font-size:15px;line-height:1.55;margin-top:12px}
 .service,.service:first-child,.service:last-child{padding:20px}
 .service-heading h3{font-size:18px}
 .service-benefit{font-size:15px;line-height:1.55}
 .service-use-cases{gap:10px;margin-top:16px}
 .detail-nav{flex-wrap:wrap;gap:8px}
 .detail-nav nav{flex-wrap:wrap;gap:4px}
 .detail-nav nav a{padding-inline:10px}
 .footer-email{max-width:100%}
}
@media(max-width:360px){
 :root{--gutter:16px}
 .hero-actions{gap:8px}
 .hero-actions .button{font-size:12px}
}
@media(hover:none){.service:hover{transform:none}}

/* Mobile disclosure keeps every navigation destination available to touch and keyboard. */
.showcase,.audit-section{border-top:1px solid var(--line);padding-top:32px}
@media(max-width:760px){
 .showcase,.audit-section{padding-top:24px}
 .audit-benefits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px}
 .audit-benefits>span{flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5}
 .audit-benefits>span+span{padding-left:8px}
 .audit-benefits svg{width:24px;height:24px}
}
:root{--header-rule:#d7e2ec;--menu-surface:#eff5fb;--menu-open-surface:#fff4e2;--menu-control-size:44px;--nav-motion:180ms}
.header{border-bottom:var(--rule) solid var(--header-rule)}
.mobile-menu-toggle{align-items:center;justify-content:center;flex:none;width:var(--menu-control-size);height:var(--menu-control-size);padding:0;border:0;border-radius:50%;background:var(--menu-surface);color:var(--navy);cursor:pointer;transition:background-color var(--nav-motion) var(--ease),color var(--nav-motion) var(--ease)}
.mobile-menu-toggle svg{width:var(--s6);height:var(--s6);stroke-width:1.8}
.mobile-menu-toggle svg path{transform-box:fill-box;transform-origin:center;transition:transform var(--nav-motion) var(--ease),opacity var(--nav-motion) var(--ease)}
.mobile-menu-toggle[aria-expanded="true"]{background:var(--menu-open-surface);color:var(--gold)}
.mobile-menu-toggle[aria-expanded="true"] .menu-line-top{transform:translateY(5px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] .menu-line-middle{opacity:0}
.mobile-menu-toggle[aria-expanded="true"] .menu-line-bottom{transform:translateY(-5px) rotate(-45deg)}
.mobile-menu-toggle:focus-visible,.header-nav a:focus-visible,.solutions-menu summary:focus-visible{outline:var(--focus) solid var(--gold);outline-offset:var(--s1)}
.nav-chevron{transition:transform var(--nav-motion) var(--ease)}
.solutions-menu[open] .nav-chevron{transform:rotate(180deg)}
@media(hover:hover){.mobile-menu-toggle:hover{background:var(--menu-open-surface);color:var(--gold)}}
@media(min-width:761px){
 .header-nav{gap:var(--s2)}
 .header-nav>.nav-secondary,.solutions-menu summary{display:flex;align-items:center;min-height:var(--target);padding:var(--s2) var(--s3);border-radius:var(--radius)}
 .header-nav>.nav-secondary:hover,.solutions-menu summary:hover,.solutions-menu[open] summary{background:var(--menu-surface);color:var(--navy)}
 .solutions-options{top:calc(100% + var(--s2));left:auto;right:0}
 .solutions-options a{display:flex;align-items:center;min-height:var(--target)}
}
@media(max-width:760px){
 .mobile-menu-toggle:not([hidden]){display:inline-flex}
 .company-intro{padding-top:var(--s6)}
 .header.has-mobile-nav .header-nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:var(--s3) var(--gutter) var(--s4);background:var(--white);border:0;border-bottom:var(--rule) solid var(--header-rule);border-radius:0;box-shadow:0 16px 24px -20px #09213f38;max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain}
 .header.has-mobile-nav .solutions-menu{width:100%}
 .header.has-mobile-nav .solutions-menu summary{display:none}
 .header.has-mobile-nav .solutions-options{position:static;display:grid;width:100%;padding:0;border:0;border-radius:0;box-shadow:none}
 .header.has-mobile-nav .solutions-options a,.header.has-mobile-nav .header-nav>.nav-secondary{display:flex;align-items:center;min-height:48px;padding:12px;font-size:15px;line-height:1.4;border-radius:6px}
 .header.has-mobile-nav .solutions-menu{border-bottom:var(--rule) solid var(--header-rule);padding-bottom:var(--s2);margin-bottom:var(--s2)}
 .header.has-mobile-nav .header-nav a:hover{background:var(--blue-wash)}
}

/* Persistent contact action, with room below the footer on small screens. */
:root{--whatsapp-green:#128c4a;--whatsapp-hover:#0c713b;--whatsapp-size:56px;--whatsapp-inset:24px;--whatsapp-icon:28px;--whatsapp-shadow:0 4px 16px #09213f29}
.whatsapp-float{position:fixed;right:calc(var(--whatsapp-inset) + env(safe-area-inset-right,0px));bottom:calc(var(--whatsapp-inset) + env(safe-area-inset-bottom,0px));z-index:50;display:grid;place-items:center;width:var(--whatsapp-size);height:var(--whatsapp-size);border-radius:50%;background:var(--whatsapp-green);color:var(--white);box-shadow:var(--whatsapp-shadow);text-decoration:none}
.whatsapp-float svg{width:var(--whatsapp-icon);height:var(--whatsapp-icon);fill:currentColor;stroke:none}
.whatsapp-float:hover,.whatsapp-float:active{background:var(--whatsapp-hover);color:var(--white)}
.whatsapp-float:focus-visible{outline:3px solid var(--navy,#09213f);outline-offset:4px}
.site-footer{padding-bottom:calc(var(--whatsapp-size) + var(--whatsapp-inset) * 2 + env(safe-area-inset-bottom,0px))}
@media(max-width:760px){:root{--whatsapp-inset:16px}}