@font-face{font-family:Manrope;src:url('/assets/manrope.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--petrol:#004b68;--petrol-dark:#003b53;--gold:#ffb600;--ink:#142930;--muted:#58696f;--line:#dce3e3;--paper:#f8f9f7;--white:#fff;--night:#071e28;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}p{margin:0 0 22px}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.055em;line-height:1.12}h2{font-size:clamp(32px,3.3vw,48px)}h3{font-size:24px}img,svg{display:block;max-width:100%}button{color:inherit}a,button,input,textarea,select,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d59700}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}::selection{background:var(--gold);color:var(--night)}.container{max-width:1344px;padding-left:48px;padding-right:48px;margin:0 auto}.icon{width:22px;height:22px;flex-shrink:0}.eyebrow{display:block;font-size:10px;line-height:1.6;font-weight:800;letter-spacing:.15em;color:var(--petrol);margin-bottom:23px}.section{padding:100px 0}.compact{padding:56px 0}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:100px;margin-bottom:48px}.section-heading>p{max-width:400px;margin:0 0 4px;color:var(--muted)}.section-heading .eyebrow{margin-bottom:18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;min-height:54px;padding:14px 24px;border:1px solid transparent;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:-.01em;line-height:1.5;transition:background .2s,transform .2s;max-width:100%}.button .icon{width:18px;height:18px}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#162b32}.button-primary:hover{background:#f2ac00}.button-secondary{background:transparent;color:var(--petrol);border-color:#becacc}.button-secondary:hover{background:#eaf0f0}.button-row{display:flex;gap:12px;flex-wrap:wrap}.text-link{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;font-weight:800}.text-link .icon{width:18px;height:18px}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);padding:10px 20px;background:var(--gold);z-index:200}.skip-link:focus{transform:none}[hidden]{display:none!important}
/* Identity and navigation */
.site-header{height:94px;position:sticky;top:0;z-index:40;background:rgba(248,249,247,.96);border-bottom:1px solid transparent;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;line-height:1}.brand-mark{position:relative;width:35px;height:48px;overflow:hidden;display:block}.brand-mark img{position:absolute;width:53px;height:53px;max-width:none;left:-9px;top:-1px}.brand-type{font-family:Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:.025em;line-height:1.15}.brand-type>span{display:block;font-size:12px;letter-spacing:.29em;margin-top:4px;color:var(--muted)}.navigation{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}.navigation>a{padding:10px 0;position:relative}.navigation>a:not(.nav-contact):after{content:'';position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--gold);transition:width .2s}.navigation>a:hover:after,.navigation>a[aria-current=page]:after{width:100%}.navigation .nav-contact{display:flex;gap:16px;align-items:center;background:var(--petrol);border-radius:7px;padding:13px 18px;color:#fff;margin-left:8px}.nav-contact .icon{width:16px;height:16px}.navigation .nav-contact:hover{background:var(--petrol-dark)}.menu-toggle{display:none}
/* Home introduction */
.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:50px;padding-top:48px;padding-bottom:50px;align-items:center}.hero-copy{padding:8px 0 0}.hero .eyebrow{font-size:9px;letter-spacing:.13em;display:flex;align-items:center;gap:10px;margin-bottom:28px}.tiny-line{width:22px;height:2px;background:var(--gold);flex-shrink:0}.hero h1{font-size:clamp(70px,7.9vw,113px);font-weight:600;line-height:.98;letter-spacing:-.075em;margin-left:-5px;margin-bottom:29px}.hero-simple{color:var(--petrol)}.gold-period{color:var(--gold)}.hero-intro{font-size:22px;line-height:1.5;letter-spacing:-.03em;font-weight:500;margin-bottom:17px}.hero-description{font-size:14px;max-width:420px;color:var(--muted);line-height:1.85;margin-bottom:27px}.hero .button{padding:14px 17px;gap:16px;font-size:12px;min-height:51px}.hero-baseline{font-size:10px;color:var(--muted);margin:24px 0 0;display:flex;align-items:center;gap:10px}.hero-baseline:before{content:'';width:18px;height:1px;background:#93a1a4}.hero-visual{height:574px;position:relative;overflow:hidden;background:var(--night);border-radius:var(--radius);color:#fff;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(139,202,210,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(139,202,210,.025) 1px,transparent 1px);background-size:40px 40px;z-index:0}.hero-visual:after{content:'';position:absolute;width:350px;height:350px;border:1px solid rgba(180,218,217,.07);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none}.visual-top{position:absolute;top:30px;left:30px;right:30px;display:flex;align-items:center;gap:8px;z-index:2;font-size:8px;letter-spacing:.12em;color:#bed1d3;font-weight:700}.live-dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;flex-shrink:0}.visual-symbol{margin-left:auto;letter-spacing:.05em;color:#809da5}.hero-visual canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.visual-caption{position:absolute;left:32px;bottom:35px;z-index:3;pointer-events:none}.visual-caption>span{font-size:11px;color:#a8c0c7;display:block}.visual-caption>strong{font-size:21px;letter-spacing:-.025em;font-weight:500}.motion-toggle{position:absolute;right:26px;bottom:30px;z-index:4;background:rgba(255,255,255,.05);border:1px solid #45606c;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#c9dcdf}.motion-toggle .icon{width:14px;height:14px}.motion-toggle:hover{background:#294956}.visual-cross{position:absolute;color:#4a6871;font-size:15px;font-weight:300;z-index:2}.cross-one{left:27px;top:45%}.cross-two{right:27px;top:45%}.expertise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:22px 0;font-size:11px;font-weight:600;color:var(--muted)}.expertise-strip>span{display:flex;align-items:center;gap:12px}.expertise-strip>span:before{content:'↗';color:var(--petrol);font-size:15px}
/* Expertise */
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{display:flex;flex-direction:column;padding:32px 29px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:transform .25s,border-color .25s,box-shadow .25s;min-height:360px}.service-card:hover{transform:translateY(-5px);border-color:#a6bdc3;box-shadow:0 14px 32px rgba(5,46,62,.05)}.service-top{display:flex;justify-content:space-between;align-items:center;color:var(--petrol);margin-bottom:30px}.service-top>.icon{width:29px;height:29px}.service-top>span{font-size:10px;color:#5f727a}.service-card h3{font-size:25px;letter-spacing:-.045em;margin-bottom:16px;line-height:1.25}.service-card>p{font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:25px}.service-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;margin-bottom:26px}.service-tags>span{font-size:8px;padding:4px 9px;border:1px solid #e2e8e7;border-radius:4px;color:var(--muted);font-weight:700}.service-card .text-link{padding-top:17px;border-top:1px solid #e2e8e7;font-size:11px}.service-ai{background:#eaf0ee;border-color:#d4dfdc}.service-ai .service-top>.icon{color:var(--petrol)}.service-ai .service-tags>span{border-color:#cbd8d5}
/* Local AI lab */
.lab-section{padding-top:62px;padding-bottom:85px}.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}.lab-visual{height:440px;background:#e9eeeb;border:1px solid #dce4df;border-radius:22px;position:relative;overflow:hidden}.lab-kicker{position:absolute;top:28px;left:28px;font-size:8px;letter-spacing:.15em;font-weight:800;color:#47646a}.hardware-scene{position:absolute;inset:25px 10px 40px;perspective:1000px}.hardware-grid{position:absolute;left:-30%;right:-30%;height:230px;bottom:-70px;background-image:linear-gradient(#becfc755 1px,transparent 1px),linear-gradient(90deg,#becfc755 1px,transparent 1px);background-size:32px 32px;transform:rotateX(60deg) rotateZ(-18deg);mask-image:radial-gradient(ellipse,#000,transparent 72%)}.hardware{width:155px;height:125px;position:absolute;top:135px;left:calc(50% - 155px);transform:skewY(-7deg);filter:drop-shadow(5px 24px 10px #143c3c17);z-index:2}.device-two{left:calc(50% + 12px);top:103px;transform:skewY(-7deg) scale(.9)}.hardware-front{position:absolute;inset:0;background:linear-gradient(110deg,#bbb6a8,#d5d1c4 40%,#aaa797);border:1px solid #999e90;border-radius:6px;display:flex;align-items:flex-end;justify-content:space-between;padding:12px;color:#454d48;font:6px Arial,sans-serif;letter-spacing:.06em}.device-two .hardware-front{background:linear-gradient(110deg,#9eaba8,#d2d9d4 45%,#aab5af)}.hardware-top{position:absolute;width:100%;height:37px;top:-34px;left:18px;background:linear-gradient(40deg,#e1ddcf,#ede9dc);transform:skewX(-45deg);border-radius:5px 7px 0 0;border:1px solid #c2c0b0}.device-two .hardware-top{background:#dbe2dd}.hardware-side{position:absolute;right:-36px;top:-18px;width:37px;height:125px;background:#969d91;transform:skewY(-45deg);border-radius:0 5px 5px 0;border:1px solid #8d978d}.device-two .hardware-side{background:#91a29a}.vent-grid{position:absolute;left:16px;right:16px;top:18px;height:53px;background-image:radial-gradient(#707b6b 1px,transparent 1.2px);background-size:4px 4px;opacity:.55}.device-led{width:3px;height:3px;background:#467e4a;border-radius:50%;box-shadow:0 0 5px #467e4a}.hardware-link{position:absolute;inset:15px 0;width:100%;height:100%;z-index:1}.lab-caption{position:absolute;bottom:27px;left:28px;right:20px}.lab-caption>span{font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px}.lab-caption small{display:block;margin-top:4px;font-size:8px;color:#647a79}.lab-copy h2{margin-bottom:24px}.lead{font-size:18px;line-height:1.65;color:var(--ink);letter-spacing:-.025em}.lab-copy>p:not(.lead){font-size:14px;line-height:1.95;color:var(--muted)}.check-list{list-style:none;padding:0;margin:25px 0 30px;display:grid;gap:9px;font-size:11px;font-weight:600}.check-list>li{display:flex;align-items:center;gap:10px}.check-list .icon{width:14px;height:14px;color:var(--petrol)}
/* Product feature */
.product-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;background:var(--night);border-radius:24px;overflow:hidden;min-height:500px;padding:52px 0 52px 48px;color:#fff}.product-feature .eyebrow{color:#97bbc5}.product-name{font-size:38px;font-weight:700;letter-spacing:-.065em;line-height:1.1;margin-bottom:24px}.product-name>span{font-size:12px;vertical-align:top;margin-left:3px}.product-copy h2{font-size:31px;margin-bottom:21px;line-height:1.2}.product-copy>p{font-size:12px;line-height:1.9;color:#b1c4cb;max-width:345px}.product-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:30px}.product-pills>span{font-size:8px;border:1px solid #3c535e;border-radius:5px;padding:5px 8px;color:#c3d3d9}.product-preview{padding-left:24px;min-width:0;transform:translateX(23px);overflow:visible}.product-window{background:#f5f8f7;border-radius:10px;color:var(--ink);text-align:left;overflow:hidden;box-shadow:0 22px 50px #0002;min-width:490px}.window-top{height:65px;border-bottom:1px solid #dce5e1;display:flex;align-items:center;justify-content:space-between;padding:0 23px;background:#fff}.window-brand{font-size:17px;letter-spacing:-.055em;font-weight:800;line-height:1.2}.window-brand>span{display:block;font-size:7px;letter-spacing:0;color:#758784;font-weight:500;margin-top:3px}.window-dots{font-size:15px;letter-spacing:2px;color:#b1c3c0}.window-body{display:flex;min-height:270px}.window-sidebar{width:115px;flex-shrink:0;background:#f0f5f3;border-right:1px solid #e4eae6;padding:22px 10px;font-size:7px;display:flex;flex-direction:column;gap:14px;color:#6c837c}.window-sidebar>span{padding:5px 7px}.window-sidebar .sidebar-selected{background:#dbe9e3;border-radius:4px;color:var(--petrol);font-weight:700}.window-main{padding:24px 22px;flex:1;min-width:0}.window-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:21px;white-space:nowrap}.window-heading>span{font-size:6px;color:#8a9c96}.window-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.window-stats>div{border:1px solid #d9e4dd;border-radius:7px;padding:12px;background:#fff;display:flex;flex-direction:column}.window-stats small{font-size:7px;color:#71867b}.window-stats strong{font-size:15px;letter-spacing:-.025em;line-height:1.6}.window-stats i{font-size:6px;color:#7d9086;font-style:normal}.window-table{font-size:7px}.window-table>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8e4;gap:15px}.window-table .table-label{color:#687f73;font-weight:700}.window-table>div>span{display:flex;align-items:center;gap:7px}.window-table em{font-size:6px;padding:3px 6px;background:#e5ede8;color:#62796c;white-space:nowrap;font-style:normal;border-radius:3px}.window-table em.gold{background:#f7edcf;color:#8a7026}.status-dot{width:4px;height:4px;display:inline-block;background:#82a397;border-radius:50%}.status-dot.gold{background:#d7ad37}.status-dot.pale{background:#acb6b0}.window-note{font-size:6px;text-align:center;padding:9px 12px;color:#81938b;border-top:1px solid #e0e9e3}
/* Method and contact */
.method-section{padding-top:52px}.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.method-grid article{border-top:1px solid var(--line);padding-top:22px}.method-grid article>span{font-size:10px;font-weight:700;color:var(--petrol)}.method-grid h3{font-size:25px;margin:23px 0 15px}.method-grid p{font-size:13px;color:var(--muted);line-height:1.9;max-width:220px}.contact-section{background:#edf1ed;padding:90px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid h2{font-size:43px;line-height:1.2;margin-bottom:24px}.contact-grid h2 span{color:var(--petrol)}.contact-grid>div>p{font-size:13px;color:var(--muted);line-height:1.9}.contact-email{font-size:14px;font-weight:700;display:flex;align-items:center;gap:16px;margin-top:40px;margin-bottom:12px;overflow-wrap:anywhere}.contact-email .icon{width:16px;height:16px}.contact-phone{font-size:12px;color:var(--muted)}.contact-form label{display:block;font-size:12px;font-weight:700;color:#3d575d;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form select,.contact-form textarea,.form-result textarea{background:rgba(255,255,255,.6);color:var(--ink);border:1px solid #cdd8d0;border-radius:6px;width:100%;padding:12px 13px;display:block;margin-top:7px;font-size:12px;min-height:46px;line-height:1.6}.contact-form textarea{resize:vertical;min-height:110px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#607369;font-weight:400;opacity:1}.form-note{font-size:9px;color:#64786d;line-height:1.9;margin:0 0 21px}.contact-form .button{font-size:11px}.form-result{margin-top:20px;padding:20px;background:#fff;border:1px solid #c2d2c7;border-radius:8px;font-size:12px}.form-result p{margin-bottom:12px}.small-button{display:inline-block;border:1px solid #a7bbb0;background:#fff;border-radius:4px;padding:8px 10px;margin:12px 8px 0 0;font-size:11px;font-weight:600}.site-footer{padding:55px 0 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-bottom:40px}.footer-top>p{font-size:14px;font-weight:600;line-height:1.7;margin:0}.footer-top>p>span{font-size:10px;color:var(--muted);font-weight:400}.footer-email{display:flex;align-items:center;gap:25px;font-size:11px;font-weight:700}.footer-email .icon{width:16px;height:16px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding:22px 0;font-size:9px;color:var(--muted)}.footer-bottom>div{display:flex;gap:24px}.footer-bottom a:hover,.footer-email:hover{color:var(--petrol);text-decoration:underline}
/* Inner pages */
.page-hero{padding-top:45px;padding-bottom:70px}.back-link{display:block;font-size:10px;color:var(--muted);margin-bottom:45px;width:fit-content}.back-link:hover{color:var(--petrol)}.page-hero>.eyebrow{margin-bottom:26px}.page-hero h1{font-size:clamp(42px,5.6vw,78px);line-height:1.12;letter-spacing:-.06em;margin-bottom:26px;max-width:1050px}.page-hero h1>span:not(.gold-period){color:var(--petrol)}.page-hero>p{font-size:17px;line-height:1.9;color:var(--muted);max-width:670px}.anchor-nav{display:flex;gap:10px;margin-top:40px;flex-wrap:wrap}.anchor-nav>a{display:flex;align-items:center;gap:30px;font-size:11px;font-weight:700;padding:12px 18px;border:1px solid var(--line);border-radius:5px}.anchor-nav>a>.icon{width:14px;height:14px;transform:rotate(90deg)}.anchor-nav>a:hover{background:#e5eeea}.expertise-detail{border-top:1px solid var(--line);scroll-margin-top:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.detail-grid h2{margin-bottom:24px}.detail-grid>div>p:not(.lead){font-size:13px;line-height:1.95;color:var(--muted)}.detail-grid .button{margin-top:14px;font-size:11px}.detail-panel{padding:34px;background:#fff;border:1px solid var(--line);border-radius:16px}.detail-panel>h3{font-size:19px;margin-bottom:28px;letter-spacing:-.035em;line-height:1.4}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{display:flex;flex-direction:column;padding:17px 0;border-top:1px solid var(--line)}.feature-list li>strong{font-size:13px;margin-bottom:6px}.feature-list li>span{font-size:12px;color:var(--muted);line-height:1.9}.technical-note{padding:16px;background:#edf2ef;font-size:10px;line-height:1.9;color:#4b695d;margin-top:18px;border-radius:5px}.alternate{background:#edf1ed}.closing-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--petrol);border-radius:19px;color:#fff;padding:50px}.closing-cta .eyebrow{color:#b7d5dc;margin-bottom:12px}.closing-cta h2{font-size:31px;margin-bottom:14px}.closing-cta p{font-size:12px;color:#bfd3da;margin:0}.closing-cta .button{flex-shrink:0}.ia-page-hero{padding-bottom:85px}.ia-page-hero .button{margin-top:12px}.ia-scenarios{background:#edf1ed}.scenario-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:stretch}.scenario-options{display:flex;flex-direction:column;gap:12px}.scenario-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;padding:25px 22px;border:1px solid #cbd8d0;border-radius:9px;background:transparent;min-height:90px;transition:background .2s}.scenario-option>span{font-size:9px;color:#789185;flex-shrink:0}.scenario-option>strong{font-size:14px;font-weight:600;flex:1;letter-spacing:-.02em}.scenario-option .icon{width:18px;height:18px}.scenario-option.active{background:var(--petrol);border-color:var(--petrol);color:#fff}.scenario-option.active>span{color:#c6d6da}.scenario-result{padding:37px;background:#fff;border:1px solid #d1ddd4;border-radius:13px;display:flex;flex-direction:column;justify-content:center}.scenario-label{font-size:8px;letter-spacing:.14em;font-weight:700;color:#728779;margin-bottom:25px}.scenario-result h3{font-size:28px;margin-bottom:20px;letter-spacing:-.04em}.scenario-result>p{font-size:12px;color:var(--muted);line-height:1.9}.scenario-flow{display:flex;gap:12px;align-items:center;margin:5px 0 24px;flex-wrap:wrap}.scenario-flow>span{background:#edf2ee;padding:8px 12px;font-size:9px;font-weight:700;border-radius:5px}.scenario-flow>i{font-style:normal;color:#9eb2a4;font-size:13px}.scenario-result .scenario-caution{font-size:9px;border-top:1px solid var(--line);padding-top:16px;margin:0}.dark-section{background:var(--night);color:#fff}.dark-section .eyebrow{color:#8db8c3}.dark-section .lead{color:#dbe7e8}.dark-section .detail-grid>div>p:not(.lead){color:#adc1ca}.infrastructure-panel{border:1px solid #3c535d;border-radius:16px;padding:30px;background:#0d2834}.infrastructure-panel>.eyebrow{font-size:8px;margin-bottom:20px}.infra-line{display:flex;flex-direction:column;background:#15323e;border-radius:9px;padding:24px}.infra-line>span{font-size:8px;color:#91b1bd;letter-spacing:.12em;margin-bottom:9px}.infra-line>strong{font-size:25px;font-weight:500;letter-spacing:-.04em}.infra-line>small{font-size:9px;color:#a3bbc4;margin-top:5px}.infra-connector{display:flex;align-items:center;gap:12px;justify-content:center;font-size:7px;color:#92afb9;padding:13px 0}.infra-connector>span{width:15px;height:1px;background:#65818a}.infra-note{font-size:9px;color:#91b0bc;margin-top:22px;line-height:1.8}.training-topics>article{display:flex;gap:25px;padding:26px 0;border-top:1px solid var(--line)}.training-topics>article>span{font-size:9px;color:var(--petrol);padding-top:6px}.training-topics h3{font-size:23px;margin-bottom:9px}.training-topics p{font-size:12px;color:var(--muted);margin:0}.future-banner{background:#e8efeb;border-radius:16px;border:1px solid #d6e1d9;padding:42px;max-width:100%}.future-banner>div{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--petrol);margin-bottom:23px}.future-banner h2{font-size:35px;margin-bottom:21px}.future-banner p{max-width:730px;color:var(--muted);font-size:13px}.future-banner .text-link{width:fit-content;gap:40px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;font-size:13px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>.icon{width:16px;height:16px;transition:transform .2s}.faq-list details[open] summary>.icon{transform:rotate(45deg)}.faq-list details>p{font-size:12px;color:var(--muted);padding-right:28px;line-height:1.95}.product-page-hero{text-align:center;padding-bottom:0;overflow:hidden}.product-page-hero .back-link{text-align:left}.product-page-hero h1{max-width:none;font-size:clamp(43px,5vw,68px)}.product-page-hero>p{margin-left:auto;margin-right:auto;max-width:680px}.product-page-hero .button-row{justify-content:center;margin-top:30px}.product-hero-preview{max-width:850px;margin:60px auto 0;padding:35px 40px 0;background:#e5ece6;border-radius:24px 24px 0 0}.product-hero-preview .product-window{min-width:0;box-shadow:0 10px 60px #004b681c}.product-hero-preview .window-top{height:75px}.product-hero-preview .window-body{min-height:330px}.product-hero-preview .window-sidebar{width:150px;font-size:9px;padding:26px 16px}.product-hero-preview .window-main{padding:30px}.product-hero-preview .window-heading{font-size:17px}.product-hero-preview .window-stats strong{font-size:23px}.product-hero-preview .window-stats small{font-size:9px}.product-hero-preview .window-stats i{font-size:8px}.product-hero-preview .window-table{font-size:9px}.product-hero-preview .window-table em{font-size:8px}.product-hero-preview .window-note{font-size:8px}.product-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-modules>article{padding:32px;border:1px solid var(--line);border-radius:12px;background:#fff}.product-modules .icon{width:28px;height:28px;color:var(--petrol);margin-bottom:24px}.product-modules h3{font-size:23px;margin-bottom:15px}.product-modules p{font-size:12px;color:var(--muted);max-width:410px;line-height:1.9;margin:0}.product-journey{padding:34px;border:1px solid #c5d5cb;border-radius:14px}.product-journey>div{display:flex;align-items:center;gap:22px;padding:22px 0;border-top:1px solid #cbd9d0}.product-journey b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dce8df;color:var(--petrol);font-size:9px;flex-shrink:0}.product-journey strong{font-size:14px;display:block}.product-journey small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.product-journey>p{font-size:9px;color:var(--muted);margin:12px 0 0}.perspective-card{padding:52px;background:#e8eeeb;border-radius:20px;border:1px solid #d1dfd5}.perspective-card h2{font-size:40px;margin-bottom:24px}.perspective-card>p{max-width:700px;color:var(--muted);font-size:13px}.perspective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:38px 0}.perspective-grid>div{padding-top:20px;border-top:1px solid #c2d2c6}.perspective-grid>div>span{font-size:9px;color:var(--petrol)}.perspective-grid h3{font-size:24px;margin:15px 0}.perspective-grid p{font-size:12px;color:var(--muted);margin:0}.legal-page{max-width:1000px;padding-bottom:100px}.legal-page h1{font-size:56px}.prose{max-width:740px}.prose h2{font-size:24px;margin:40px 0 18px}.prose p{font-size:14px;color:var(--muted);line-height:1.95}.prose a{text-decoration:underline;color:var(--petrol)}
/* Responsive and motion preferences */
@media(min-width:1500px){.hero{padding-top:65px}.hero-visual{height:610px}.hero h1{font-size:119px}}
@media(max-width:1150px){.container{padding-left:32px;padding-right:32px}.navigation{gap:20px;font-size:10px}.navigation .nav-contact{padding:12px}.brand-type{font-size:14px}.brand-type>span{font-size:10px}.header-inner{gap:20px}.hero{gap:30px}.hero h1{font-size:90px}.hero-visual{height:560px}.hero-intro{font-size:20px}.hero .button-row{gap:8px}.hero .button{font-size:10px;padding:13px 12px;gap:10px}.section-heading{gap:60px}.lab-layout{gap:45px}.contact-grid{gap:60px}.detail-grid{gap:50px}.service-card{padding:28px 23px}.service-card h3{font-size:22px}.product-feature{padding-left:35px}.product-copy h2{font-size:27px}.contact-grid h2{font-size:37px}.footer-top{gap:25px}.hardware{transform:skewY(-7deg) scale(.83);left:calc(50% - 145px)}.device-two{transform:skewY(-7deg) scale(.75);left:calc(50% - 4px)}}
@media(max-width:960px){.site-header{height:82px}.navigation{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:24px 32px 30px;border-bottom:1px solid var(--line);box-shadow:0 18px 20px #071e2809;align-items:stretch;gap:5px}.navigation.open{display:flex;flex-direction:column}.navigation>a{font-size:14px;min-height:48px;display:flex;align-items:center}.navigation>a:not(.nav-contact):after{display:none}.navigation>a[aria-current=page]{color:var(--petrol)}.navigation .nav-contact{margin:10px 0 0;justify-content:space-between;padding:15px 18px}.menu-toggle{display:flex;width:46px;height:46px;flex-direction:column;justify-content:center;gap:7px;align-items:center;background:transparent;border:1px solid #d3dddd;border-radius:8px}.menu-toggle>span:not(.sr-only){width:18px;height:1px;background:var(--petrol);transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}.hero{gap:28px;padding-top:30px}.hero h1{font-size:78px}.hero .eyebrow{font-size:8px;gap:6px;letter-spacing:.05em}.tiny-line{width:15px}.hero-description{font-size:12px}.hero-intro{font-size:18px}.hero .button-row{flex-direction:column;align-items:flex-start;gap:10px}.hero .button{padding:12px 20px;font-size:11px}.hero-visual{height:570px}.visual-top{left:22px;right:22px;top:24px;font-size:7px}.visual-symbol{display:none}.visual-caption{left:24px;bottom:34px;right:55px}.visual-caption>span{font-size:9px}.visual-caption>strong{font-size:17px}.hero-baseline{font-size:8px}.section{padding:75px 0}.section-heading{gap:40px}.section-heading>p{font-size:13px}.services-grid{gap:12px}.service-card{padding:24px 18px}.service-card h3{font-size:20px}.service-card>p{font-size:11px}.service-tags>span{font-size:7px;padding:3px 6px}.service-card .text-link{font-size:9px;gap:5px}.service-top{margin-bottom:25px}.lab-layout{gap:35px}.lab-visual{height:440px}.lab-copy h2{font-size:32px}.lead{font-size:16px}.lab-copy>p:not(.lead){font-size:12px}.check-list{font-size:10px}.lab-copy .button{font-size:10px;padding:12px 16px;gap:14px}.hardware{left:calc(50% - 130px);transform:skewY(-7deg) scale(.7)}.device-two{left:calc(50% - 18px);top:117px;transform:skewY(-7deg) scale(.65)}.lab-kicker{font-size:7px;left:20px}.lab-caption{left:20px;right:10px}.lab-caption small{font-size:7px}.product-feature{grid-template-columns:1fr 1fr;padding:40px 0 40px 30px;gap:10px}.product-copy h2{font-size:27px}.product-copy>p{font-size:11px}.product-preview{padding-left:15px;transform:translateX(12px)}.product-name{font-size:34px}.product-window{min-width:450px}.method-grid{gap:20px}.method-grid h3{font-size:22px}.method-grid p{font-size:11px}.contact-grid{gap:40px}.contact-grid h2{font-size:33px}.contact-email{font-size:11px;gap:8px}.contact-email .icon{width:14px;height:14px}.form-row{grid-template-columns:1fr;gap:0}.contact-form label{margin-bottom:16px}.footer-top>p{font-size:12px}.footer-top>p>span{font-size:8px}.footer-email{gap:12px;font-size:10px}.detail-grid{gap:35px}.detail-panel{padding:26px}.page-hero h1{font-size:62px}.page-hero>p{font-size:15px}.closing-cta{padding:35px}.closing-cta h2{font-size:28px}.scenario-layout{grid-template-columns:.9fr 1.1fr;gap:20px}.scenario-option{padding:23px 16px;gap:12px}.scenario-option>strong{font-size:12px}.scenario-result{padding:27px}.scenario-result h3{font-size:25px}.scenario-result>p{font-size:11px}.scenario-flow{gap:7px}.scenario-flow>span{font-size:8px;padding:7px 9px}.faq-layout{gap:40px}.product-hero-preview{padding:28px 28px 0}.perspective-card{padding:38px}.perspective-card h2{font-size:35px}}
@media(max-width:720px){html{scroll-padding-top:95px}.container{padding-left:24px;padding-right:24px}.site-header{height:76px}.navigation{top:76px;padding-left:24px;padding-right:24px}.brand-type{font-size:15px}.brand-type>span{font-size:11px}.hero{grid-template-columns:1fr;gap:34px;padding-top:35px;padding-bottom:30px}.hero h1{font-size:90px;letter-spacing:-.075em;margin-bottom:25px}.hero .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:24px}.hero-intro{font-size:22px;margin-bottom:14px}.hero-description{font-size:14px;max-width:440px}.hero .button-row{flex-direction:row;flex-wrap:wrap}.hero .button{font-size:10px;padding:13px 16px;gap:12px}.hero-baseline{font-size:9px;margin-top:22px}.hero-visual{height:420px;border-radius:20px}.visual-top{font-size:8px;left:24px;right:24px;top:24px}.visual-symbol{display:block}.visual-caption{left:26px;bottom:29px}.visual-caption>span{font-size:11px}.visual-caption>strong{font-size:22px}.motion-toggle{bottom:27px}.hero-visual:after{width:280px;height:280px}.expertise-strip{padding:18px 0;gap:10px;justify-content:center;flex-wrap:wrap;font-size:9px}.expertise-strip>span{gap:6px}.expertise-strip>span:before{font-size:11px}.expertise-strip>span:last-child{display:none}.section{padding:60px 0}.compact{padding:35px 0}h2{font-size:35px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-heading>p{font-size:13px;max-width:460px}.eyebrow{font-size:9px;margin-bottom:18px}.services-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:28px;min-height:0}.service-top{margin-bottom:24px}.service-top>.icon{width:27px;height:27px}.service-card h3{font-size:27px;margin-bottom:15px}.service-card h3 br{display:none}.service-card>p{font-size:13px;margin-bottom:20px;max-width:470px}.service-tags{margin-bottom:20px}.service-tags>span{font-size:8px;padding:4px 9px}.service-card .text-link{font-size:11px;padding-top:19px}.lab-layout{grid-template-columns:1fr;gap:34px}.lab-visual{height:365px;order:2}.lab-copy h2{font-size:35px}.lab-copy>p:not(.lead){font-size:14px}.lab-copy .button{font-size:11px}.check-list{font-size:11px}.hardware{top:118px;left:calc(50% - 155px);transform:skewY(-7deg) scale(.85)}.device-two{top:87px;left:calc(50% + 2px);transform:skewY(-7deg) scale(.78)}.lab-kicker{top:22px;left:24px;font-size:8px}.lab-caption{left:24px;bottom:22px}.lab-caption small{font-size:8px}.product-feature{grid-template-columns:1fr;padding:35px 28px 0;gap:35px;border-radius:18px}.product-name{font-size:35px;margin-bottom:20px}.product-copy h2{font-size:30px}.product-copy>p{font-size:13px;max-width:460px}.product-pills{margin-bottom:27px}.product-pills>span{font-size:8px}.product-preview{padding:0;transform:translateX(0);margin:0 -28px 0 0;overflow:hidden}.product-window{min-width:460px;border-radius:9px 0 0 0}.method-grid{grid-template-columns:1fr 1fr;gap:30px 23px}.method-grid h3{font-size:24px;margin-top:18px}.method-grid p{font-size:13px;max-width:260px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-grid h2{font-size:36px}.contact-grid>div>p{font-size:13px}.contact-email{font-size:13px;margin-top:24px}.contact-phone{font-size:12px}.contact-form label{font-size:11px}.contact-form input,.contact-form select,.contact-form textarea{font-size:14px;min-height:48px}.contact-form input{font-size:16px}.contact-form select,.contact-form textarea{font-size:16px}.form-row{grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:10px}.contact-form .button{min-height:53px;font-size:12px}.site-footer{padding-top:35px}.footer-top{display:grid;grid-template-columns:1fr;gap:23px;padding-bottom:30px}.footer-top>p{font-size:14px}.footer-top>p>span{font-size:10px}.footer-email{font-size:11px;justify-content:space-between;max-width:170px}.footer-bottom{flex-direction:column;gap:15px;font-size:9px;padding:20px 0}.footer-bottom>div{gap:20px;flex-wrap:wrap}.page-hero{padding-top:28px;padding-bottom:50px}.back-link{font-size:10px;margin-bottom:34px}.page-hero h1{font-size:48px;line-height:1.13}.page-hero>p{font-size:14px;line-height:1.9}.anchor-nav{gap:8px;margin-top:30px}.anchor-nav>a{font-size:10px;gap:18px;min-height:45px;padding:10px 13px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-grid>div>p:not(.lead){font-size:13px}.detail-panel{padding:27px}.detail-panel>h3{font-size:21px}.feature-list li>strong{font-size:14px}.feature-list li>span{font-size:13px}.technical-note{font-size:11px}.closing-cta{flex-direction:column;align-items:flex-start;padding:30px;gap:27px;border-radius:15px}.closing-cta h2{font-size:30px}.closing-cta p{font-size:12px}.scenario-layout{grid-template-columns:1fr;gap:20px}.scenario-option{min-height:70px;padding:18px 20px}.scenario-option>strong{font-size:13px}.scenario-result{padding:27px}.scenario-result h3{font-size:27px}.scenario-result>p{font-size:12px}.scenario-label{font-size:9px}.scenario-flow>span{font-size:9px}.scenario-result .scenario-caution{font-size:10px}.infrastructure-panel{padding:24px}.infra-line>span{font-size:9px}.infra-line>strong{font-size:28px}.infra-line>small{font-size:10px}.infra-connector{font-size:8px}.infra-note{font-size:10px}.future-banner{padding:30px}.future-banner h2{font-size:31px}.future-banner p{font-size:13px}.training-topics h3{font-size:25px}.training-topics p{font-size:13px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:13px;min-height:68px}.faq-list details>p{font-size:13px}.product-page-hero{padding-bottom:0}.product-page-hero h1{font-size:43px}.product-page-hero .button-row{gap:10px}.product-page-hero .button{font-size:10px;padding:13px 16px;gap:13px}.product-hero-preview{margin-top:35px;padding:20px 15px 0;border-radius:16px 16px 0 0;overflow:hidden}.product-hero-preview .product-window{min-width:490px}.product-hero-preview .window-sidebar{width:105px;font-size:7px}.product-hero-preview .window-main{padding:20px}.product-hero-preview .window-top{height:60px}.product-hero-preview .window-body{min-height:280px}.product-hero-preview .window-heading{font-size:13px}.product-hero-preview .window-stats strong{font-size:18px}.product-hero-preview .window-note{font-size:6px;text-align:left;padding-left:17px}.product-modules{grid-template-columns:1fr;gap:15px}.product-modules>article{padding:28px}.product-modules h3{font-size:25px}.product-modules p{font-size:13px}.perspective-card{padding:30px}.perspective-card h2{font-size:32px}.perspective-grid{grid-template-columns:1fr;gap:24px;margin:30px 0}.perspective-grid h3{font-size:25px;margin:12px 0}.perspective-grid p{font-size:13px}.legal-page h1{font-size:38px}.prose h2{font-size:23px}.prose p{font-size:13px}.product-journey{padding:25px}.product-journey strong{font-size:13px}}
@media(max-width:380px){.container{padding-left:19px;padding-right:19px}.hero h1{font-size:79px}.hero-intro{font-size:20px}.hero .button-row{flex-direction:column;align-items:stretch}.hero-visual{height:380px}.visual-top{font-size:7px}.visual-caption>strong{font-size:19px}.visual-caption>span{font-size:9px}.expertise-strip{font-size:8px}.form-row{grid-template-columns:1fr;gap:0}.contact-email{font-size:11px}.page-hero h1{font-size:41px}.product-page-hero h1{font-size:37px}.contact-grid h2{font-size:32px}.hardware{left:calc(50% - 145px);transform:skewY(-7deg) scale(.74)}.device-two{left:calc(50% - 8px);transform:skewY(-7deg) scale(.65)}.perspective-card,.future-banner{padding:25px}.product-feature{padding-left:24px;padding-right:24px}.scenario-flow>span{font-size:8px;padding:7px}.scenario-flow{gap:6px}.hero .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.service-card:hover{transform:none}}

/* A new editorial identity: warm paper, ink, brand yellow and petrol. */
:root{--paper:#f5f3ec;--ink:#202621;--muted:#62665f;--line:#d4d5cb;--night:#172b29;--radius:0px}
body{font-size:16px;line-height:1.7}.container{max-width:1440px;padding-left:64px;padding-right:64px}h1,h2,h3{letter-spacing:-.055em}h2{font-size:clamp(36px,4vw,58px);line-height:1.08;font-weight:600}h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}p{color:var(--muted)}.section{padding:106px 0}.eyebrow{font-size:10px;letter-spacing:.12em;color:inherit}.icon{width:20px;height:20px}.button{border-radius:0;min-height:56px;font-size:12px;gap:30px;padding:16px 22px}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:var(--petrol)}.button-secondary{border-color:var(--ink);color:var(--ink)}.site-header{height:102px;background:var(--paper);backdrop-filter:none;border-bottom:1px solid var(--line)}.brand-mark{width:34px;height:44px}.brand-mark img{width:49px;height:49px;left:-8px}.brand-type{font-size:17px}.brand-type>span{font-size:12px;color:var(--ink)}.navigation{gap:30px;font-size:12px}.navigation .nav-contact{border-radius:0;background:transparent;color:var(--ink);border:1px solid var(--ink);padding:12px 18px}.navigation .nav-contact:hover{background:var(--ink);color:white}.navigation>a[aria-current=page]:after{background:var(--petrol)}
.new-hero{padding-top:24px}.hero-topline{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.08em;font-weight:700}.hero-topline>span:first-child{display:flex;align-items:center;gap:8px}.hero-topline i{width:6px;height:6px;border-radius:50%;background:var(--petrol)}.new-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center;min-height:620px;padding:38px 0 44px}.new-hero h1{font-size:clamp(76px,8.4vw,121px);line-height:.92;font-weight:600;letter-spacing:-.075em}.new-hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:var(--petrol)}.new-hero-copy>p{margin:28px 0 25px;font-size:18px;line-height:1.55;color:var(--ink);letter-spacing:-.025em}.quiet-link{font-size:11px;font-weight:700;border-bottom:1px solid var(--ink);padding:5px 0}.new-hero .button-row{align-items:center;gap:24px}.brand-composition{height:505px;position:relative;isolation:isolate;display:grid;place-items:center}.brand-disc{width:310px;height:310px;border-radius:50%;background:var(--gold);display:grid;place-items:center;box-shadow:inset -18px -15px 0 #eaa500,18px 24px 0 #1e302414;transform:rotate(-12deg);position:relative;z-index:2}.brand-disc img{width:210px;height:210px;object-fit:contain}.orbit{position:absolute;inset:75px 15px;border:1px solid #98a39b;border-radius:50%;transform:rotate(-38deg)}.orbit-two{inset:20px 85px;transform:rotate(35deg)}.orbit-one:before{content:'';position:absolute;width:19px;height:19px;background:var(--petrol);border-radius:50%;top:20px;left:60px}.orbit-two:after{content:'';position:absolute;width:14px;height:14px;background:var(--gold);border-radius:50%;bottom:10px;right:75px}.orbit-label{position:absolute;z-index:3;font-size:11px;font-weight:700;padding:9px 14px;border:1px solid var(--line);background:var(--paper);box-shadow:3px 3px 0 #2026210a;transform:rotate(-5deg)}.label-conseil{left:25px;top:90px}.label-code{right:-6px;top:205px;transform:rotate(5deg)}.label-ai{left:28px;bottom:82px}.art-cross{position:absolute;top:22px;right:36px;font-size:67px;color:var(--petrol);line-height:1}.art-caption{position:absolute;bottom:9px;right:15px;font-size:8px;letter-spacing:.12em}.hero-bottomline{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font-size:10px}.hero-bottomline b{font-weight:400;color:var(--muted)}.hero-bottomline>a{display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:.1em}.hero-bottomline .icon{width:16px;transform:rotate(90deg)}
.value-band{background:var(--gold)}.value-band>.container{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:22px;padding-bottom:22px;font-size:17px;font-weight:600;letter-spacing:-.03em}.value-band .band-star{font-size:34px;line-height:1}.intro-heading{max-width:920px}.intro-heading h2{margin-bottom:28px}.intro-heading>p{font-size:16px;margin-bottom:44px}.expertise-rows{border-top:1px solid var(--ink)}.expertise-row{display:grid;grid-template-columns:60px 1fr 1.1fr 64px;align-items:center;gap:30px;padding:36px 0;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.expertise-row:hover{background:#eae9de;padding-left:16px;padding-right:16px}.row-number{font-size:11px;align-self:start;padding-top:8px;color:var(--muted)}.expertise-row h3{font-size:34px;font-weight:500;line-height:1.15}.expertise-row p{font-size:14px;max-width:350px;margin:0 0 9px}.expertise-row>div>span{font-size:10px;color:var(--petrol)}.row-arrow{height:54px;width:54px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:26px}.expertise-row:hover .row-arrow{background:var(--gold);border-color:var(--gold)}
.ai-feature{background:var(--night);color:#f5f3ec;padding:96px 0}.ai-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.ai-statement h2{font-size:clamp(50px,5.1vw,74px);line-height:1.03;margin:30px 0}.ai-statement h2>span{color:#96aaa2}.ai-statement h2>em{color:var(--gold)}.ai-statement>p{color:#bbcac3;max-width:360px;font-size:14px}.ai-statement .button{background:var(--gold);color:var(--ink)}.use-case-list{padding-top:10px}.use-case-list>.eyebrow{color:#b9cbc2;margin-bottom:33px}.use-case-list article{border-top:1px solid #49605a;padding:28px 0;display:flex;gap:23px}.use-case-list article>span{color:var(--gold);font-size:26px}.use-case-list h3{font-size:24px;font-weight:500;margin-bottom:12px;line-height:1.25;letter-spacing:-.035em}.use-case-list article p{color:#b9cbc2;font-size:14px;max-width:350px;margin:0}.lab-small{border:1px solid #49605a;padding:21px;display:flex;align-items:start;gap:12px;margin-top:16px}.lab-small .live-dot{margin-top:8px}.lab-small p{font-size:11px;color:#b9cbc2;margin:0}.lab-small strong{color:var(--paper);font-weight:600}
.project-section .section-heading{gap:80px}.new-product{display:grid;grid-template-columns:1.1fr 1fr;background:#dfe7df;min-height:395px;overflow:hidden}.new-product-copy{padding:53px 48px}.project-label{font-size:9px;letter-spacing:.08em}.new-product h3{font-size:76px;display:flex;align-items:center;gap:30px;margin:29px 0 22px;font-weight:500;color:var(--petrol)}.new-product h3>span{font-size:36px;transition:transform .2s}.new-product:hover h3>span{transform:translate(4px,-4px)}.new-product p{font-size:13px;color:#3c5650}.product-link{border-bottom:1px solid var(--ink);display:inline-flex;align-items:center;gap:26px;padding-bottom:8px;font-size:11px;font-weight:700}.property-art{background:var(--petrol);position:relative;display:flex;gap:16px;align-items:end;justify-content:center;padding:60px 40px 72px;isolation:isolate}.property-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff09 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff09 39px 40px);z-index:-1}.building{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);padding:24px 18px;background:#f1efdf;border:1px solid #f1efdf;width:130px;position:relative;box-shadow:11px -11px 0 #91b2b0}.building i{height:30px;width:18px;background:var(--petrol)}.building-one{height:204px}.building-two{height:150px;grid-template-columns:repeat(2,1fr);width:95px;background:var(--gold);border-color:var(--gold)}.building-three{height:251px;width:95px;grid-template-columns:repeat(2,1fr)}.property-caption{position:absolute;bottom:25px;left:30px;color:#d1e0db;font-size:7px;letter-spacing:.12em}
.method-new{background:var(--gold);padding:80px 0}.method-title{display:grid;grid-template-columns:1fr 2fr;gap:0 60px;align-items:end}.method-title>.eyebrow{align-self:start}.method-title h2{grid-column:2}.method-title>p{grid-column:2;font-size:14px;color:#554a28;margin:20px 0 0}.method-new .method-grid{margin-top:50px;gap:30px}.method-new .method-grid article{padding:24px 0 0;border-top:1px solid #8b6b28}.method-new .method-grid article>span{font-size:11px;color:#554a28}.method-new .method-grid h3{font-size:24px;margin:26px 0 12px}.method-new .method-grid p{color:#554a28;font-size:12px;margin:0}.contact-section{background:var(--paper)}.contact-grid{gap:100px;grid-template-columns:1fr 1fr}.contact-grid h2{font-size:clamp(37px,4vw,57px)}.contact-grid h2>span{color:var(--petrol);font-family:Georgia,serif;font-weight:400;font-style:italic}.contact-form{background:transparent;padding:0;border:0;box-shadow:none;border-radius:0}.contact-form label{font-size:11px}.contact-form input,.contact-form select,.contact-form textarea{border-radius:0;background:#fffefa;border:1px solid #bfc5b9;min-height:48px;font-size:14px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--petrol)}.contact-email{font-size:14px}.contact-phone{font-size:13px}.form-note{font-size:10px}.site-footer{background:var(--night);color:var(--paper);border:0;padding:45px 0 18px}.site-footer .brand-type>span{color:#bccdc5}.footer-top{padding-bottom:38px;align-items:center}.footer-top>p{font-size:30px;color:var(--paper);line-height:1.25}.footer-top>p em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.footer-top>p>span{font-size:10px;color:#b3c6bc}.footer-bottom{border-color:#38504a;color:#b3c6bc;font-size:9px}.footer-email{font-size:12px}
/* Carry the identity across the existing detailed pages. */
.page-hero{padding-top:60px;padding-bottom:75px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(48px,6.1vw,86px);line-height:1.03;font-weight:500}.page-hero h1>span:not(.gold-period){font-family:Georgia,serif;font-style:italic;color:var(--petrol);font-weight:400}.page-hero>p{font-size:18px}.anchor-nav{gap:0;border-top:1px solid var(--line)}.anchor-nav a{border:0;border-radius:0;padding:20px 24px 20px 0;margin-right:32px}.detail-panel,.product-modules>article,.infrastructure-panel,.product-journey,.future-banner,.perspective-card,.closing-cta{border-radius:0}.detail-panel{background:#ecece1;border:0;padding:36px}.alternate{background:#e9eadf}.detail-grid{gap:90px}.detail-grid p{font-size:14px}.detail-grid .lead{font-size:20px;color:var(--ink)}.dark-section{background:var(--night)}.dark-section p,.dark-section .lead{color:#b9cbc2}.dark-section h2{color:var(--paper)}.scenario-option{border-radius:0;padding:23px 20px}.scenario-result{border-radius:0;background:#e7e9dc}.scenario-option.active{background:var(--ink)}.scenario-flow>span{border-radius:0}.training-topics article{border-radius:0}.product-modules{gap:0}.product-modules>article{background:transparent;border:0;border-top:1px solid var(--line);padding-left:0;padding-right:30px}.product-hero-preview .product-window,.product-window{border-radius:0;box-shadow:15px 15px 0 #192e2812}.perspective-card{background:#e6e8db}.future-banner{background:#e6e8db}.closing-cta{background:var(--gold);padding:45px}.closing-cta p{color:#554a28}.legal-page{border:0}.compact{padding:60px 0}
@media(min-width:1600px){.new-hero-grid{min-height:670px}.brand-composition{transform:scale(1.08)}}
@media(max-width:1100px){.container{padding-left:36px;padding-right:36px}.navigation{gap:18px;font-size:11px}.new-hero-grid{min-height:570px}.new-hero h1{font-size:95px}.brand-composition{height:440px}.brand-disc{width:260px;height:260px}.brand-disc img{width:180px;height:180px}.label-code{right:-12px}.ai-feature-grid{gap:60px}.contact-grid{gap:60px}.expertise-row{grid-template-columns:35px 1fr 1fr 50px;gap:20px}.expertise-row h3{font-size:30px}.new-product-copy{padding:40px 30px}.new-product h3{font-size:65px}.property-art{padding-left:25px;padding-right:25px}.building{gap:12px;padding:18px 12px}.method-title{gap:0 35px}}
@media(max-width:960px){.navigation{background:var(--paper);border-radius:0;border:1px solid var(--line);padding:20px 30px}.navigation .nav-contact{margin:0}.site-header{height:86px}.hero-topline>span:last-child{display:none}.new-hero-grid{grid-template-columns:1.15fr 1fr;gap:10px}.new-hero h1{font-size:86px}.new-hero-copy>p{font-size:16px}.new-hero .button-row{gap:15px}.brand-disc{width:220px;height:220px}.brand-disc img{width:160px;height:160px}.brand-composition{height:400px}.orbit{inset:60px 0}.orbit-two{inset:15px 50px}.orbit-label{font-size:9px;padding:8px 10px}.label-conseil{left:0;top:58px}.label-code{right:-10px;top:180px}.label-ai{left:0;bottom:70px}.art-cross{right:10px;font-size:50px}.art-caption{font-size:6px}.value-band>.container{font-size:15px}.ai-feature-grid{gap:45px}.section-heading{gap:35px}.new-product{grid-template-columns:1fr 1fr}.new-product-copy{padding:36px 25px}.new-product h3{font-size:53px}.new-product p br{display:none}.building{width:90px;gap:10px;padding:15px 10px}.building i{width:13px}.building-two,.building-three{width:60px}.property-art{gap:12px;padding-left:15px;padding-right:15px}.contact-grid{gap:42px}.method-title{grid-template-columns:1fr}.method-title>.eyebrow,.method-title h2,.method-title>p{grid-column:1}.method-new .method-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{gap:45px}.page-hero h1{font-size:64px}}
@media(max-width:650px){.container{padding-left:23px;padding-right:23px}.section{padding:68px 0}.site-header{height:78px}.brand-type{font-size:15px}.brand-type>span{font-size:11px}.hero-topline{font-size:7px;letter-spacing:.04em;padding-top:2px}.new-hero-grid{grid-template-columns:1fr;gap:0;min-height:0;padding-top:36px;padding-bottom:10px}.new-hero h1{font-size:clamp(78px,17vw,108px);line-height:.94}.new-hero h1 br:nth-of-type(2){display:none}.new-hero h1 em{display:block}.new-hero-copy>p{font-size:16px;margin-top:25px}.new-hero .button-row{gap:18px}.new-hero .button{font-size:11px;gap:17px;padding:15px 18px;min-height:50px}.quiet-link{font-size:10px}.brand-composition{height:330px;width:100%;max-width:400px;margin:20px auto 0}.brand-disc{width:200px;height:200px}.brand-disc img{width:145px;height:145px}.orbit{inset:50px 10px}.orbit-two{inset:12px 70px}.label-conseil{left:4px;top:40px}.label-code{right:0;top:155px}.label-ai{left:12px;bottom:37px}.art-cross{top:3px;right:20px;font-size:45px}.art-caption{bottom:0;right:0;font-size:6px}.hero-bottomline{font-size:8px;gap:12px;padding:18px 0}.hero-bottomline>a{font-size:6px;gap:4px}.hero-bottomline .icon{width:12px}.value-band>.container{flex-wrap:wrap;gap:8px 15px;font-size:11px;padding-top:17px;padding-bottom:17px;justify-content:space-between}.value-band .band-star{font-size:23px}.intro-heading h2{font-size:36px}.intro-heading p{font-size:14px}.intro-heading p br{display:none}.expertise-row{grid-template-columns:26px 1fr 37px;gap:10px;padding:28px 0}.expertise-row h3{font-size:27px}.expertise-row>div{grid-column:2;grid-row:2}.expertise-row>div>p{font-size:13px;margin-top:8px}.expertise-row>div>span{font-size:9px}.row-number{font-size:9px;padding-top:6px}.row-arrow{grid-column:3;grid-row:1;width:36px;height:36px;font-size:22px}.expertise-row:hover{padding-left:8px;padding-right:8px}.ai-feature{padding:65px 0}.ai-feature-grid{grid-template-columns:1fr;gap:48px}.ai-statement h2{font-size:57px}.ai-statement>p{font-size:14px}.use-case-list>.eyebrow{font-size:8px}.use-case-list article{padding:24px 0}.use-case-list h3{font-size:22px}.use-case-list article p{font-size:13px}.new-product{grid-template-columns:1fr}.new-product-copy{padding:32px 26px}.new-product h3{font-size:65px;justify-content:space-between;margin:22px 0}.new-product p{font-size:12px}.project-label{font-size:7px}.property-art{min-height:300px;padding-bottom:55px;gap:20px}.building{width:100px;gap:13px;padding:17px 12px}.building-two,.building-three{width:70px}.building i{width:15px}.building-one{height:180px}.building-two{height:135px}.building-three{height:210px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px;font-size:14px}.method-new{padding:65px 0}.method-title h2{font-size:39px}.method-new .method-grid{gap:32px 22px;margin-top:36px}.method-new .method-grid h3{font-size:20px;margin:17px 0 9px}.method-new .method-grid p{font-size:11px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid h2{font-size:43px}.contact-email{font-size:14px}.contact-form{padding:0}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.contact-form label{font-size:12px}.form-note{font-size:10px}.footer-top{gap:32px}.footer-top>p{font-size:29px}.footer-email{font-size:13px}.footer-bottom{font-size:9px;gap:20px}.footer-bottom>div{gap:18px;flex-wrap:wrap}.page-hero{padding-top:35px;padding-bottom:50px}.page-hero h1{font-size:43px}.page-hero>p{font-size:16px}.anchor-nav a{padding:15px 0;margin-right:20px}.detail-panel{padding:25px}.detail-grid{gap:35px}.closing-cta{padding:30px}.closing-cta h2{font-size:32px}.product-hero-preview{margin-top:35px}.product-page-hero h1{font-size:39px}.perspective-card{padding:28px}.perspective-card h2{font-size:32px}.product-modules{gap:0}.product-modules>article{padding:28px 0}.compact{padding:40px 0}.scenario-result{padding:25px}.scenario-flow{flex-wrap:wrap}.brand-mark{height:41px}.brand-mark img{width:47px;height:47px}}
@media(prefers-reduced-motion:reduce){.expertise-row,.row-arrow,.new-product h3>span{transition:none}}
/* Keep both brand colours legible inside the yellow medallion. */
.brand-disc img{background:var(--paper);border-radius:50%;padding:11px}
.brand-composition{overflow:clip}

/* Scroll-aware navigation, with a persistent brand control. */
:root{--header-height:102px;--logo-left:max(55px,calc((100% - 1440px)/2 + 55px))}
.site-header{transition:transform .25s ease}
.site-header.header-hidden{transform:translateY(-100%);pointer-events:none}
.header-enhanced .brand-mark{visibility:hidden}
.header-logo{position:fixed;z-index:55;left:var(--logo-left);top:calc((var(--header-height) - 62px)/2);display:grid;place-items:center;width:52px;height:62px;padding:9px;border:0;border-radius:6px;background:var(--paper);color:var(--ink);transition:box-shadow .25s,background .25s}
.header-logo .brand-mark{width:34px;height:44px}
.header-logo .brand-mark img{width:49px;height:49px;left:-8px;top:-1px}
.header-logo.header-collapsed{box-shadow:0 3px 18px #172b2926,0 0 0 1px #172b2914}
.header-logo:hover{background:#e9e9df}
.header-logo:focus-visible{outline:3px solid var(--petrol);outline-offset:3px}
@media(max-width:1100px){:root{--logo-left:27px}}
@media(max-width:960px){:root{--header-height:86px}}
@media(max-width:650px){:root{--header-height:78px;--logo-left:14px}}
@media(prefers-reduced-motion:reduce){.site-header,.header-logo{transition:none}}

/* Gentle, independently phased motion around the existing brand illustration. */
.brand-animated .brand-disc{animation:brand-float 7s ease-in-out infinite}
.brand-animated .orbit-one{animation:brand-orbit-one 48s linear infinite}
.brand-animated .orbit-two{animation:brand-orbit-two 64s linear infinite}
.brand-animated .orbit-label{animation:brand-label 6s ease-in-out infinite}
.brand-animated .label-code{animation-name:brand-label-code;animation-delay:-2s}
.brand-animated .label-ai{animation-delay:-4s}
.brand-animated .art-cross{animation:brand-star 36s linear infinite}
.brand-paused .brand-disc,.brand-paused .orbit,.brand-paused .orbit-label,.brand-paused .art-cross{animation-play-state:paused}
.brand-motion{position:absolute;z-index:5;bottom:0;left:4px;width:44px;height:44px;border:1px solid #98a39b;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--petrol);padding:0}
.brand-motion .icon{width:17px;height:17px}
.brand-motion:hover{background:#e9e9df}
@keyframes brand-float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-7px) rotate(-7deg)}}
@keyframes brand-orbit-one{from{transform:rotate(-38deg)}to{transform:rotate(322deg)}}
@keyframes brand-orbit-two{from{transform:rotate(35deg)}to{transform:rotate(-325deg)}}
@keyframes brand-label{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes brand-label-code{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(5px) rotate(3deg)}}
@keyframes brand-star{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.brand-animated *{animation:none!important}.brand-motion{display:none}}
/* Show the complete symbol, including its three dots, at a larger size. */
.brand-mark,.header-logo .brand-mark{width:44px;height:60px;overflow:visible}
.brand-mark img,.header-logo .brand-mark img{width:60px;height:60px;left:-8px;top:0}
.header-logo{width:62px;height:70px;padding:5px;top:calc((var(--header-height) - 70px)/2)}
/* A larger square stage keeps the full rotating orbit boxes inside its edges. */
.new-hero-grid{grid-template-columns:1fr 1.15fr}
.brand-composition{width:100%;height:auto;aspect-ratio:1;transform:none;min-width:0}
.orbit-one{inset:auto;left:11%;top:25%;width:78%;height:50%}
.orbit-two{inset:auto;left:24%;top:12%;width:52%;height:76%}
.label-conseil{left:5%;top:14%}
.label-code{right:4%;top:43%}
.label-ai{left:5%;bottom:15%}
.art-cross{right:7%;top:4%}
@media(max-width:960px){.new-hero-grid{grid-template-columns:1fr 1.1fr}}
@media(max-width:650px){.new-hero-grid{grid-template-columns:1fr}.brand-composition{max-width:420px;margin-top:28px}.art-cross{top:4%}}

/* The original two-tone wave, in a shallow footer instead of a tall block. */
.wave-footer{padding:0;background:transparent;color:#fff;border:0}
.footer-wave{display:block;width:100%;max-width:none;height:clamp(80px,8vw,125px);overflow:hidden}
.wave-back{fill:#eaf0ff}
.wave-front,.footer-legal{fill:#0d3750;background:#0d3750}
.wave-footer .footer-bottom{border:0;padding:15px 0 19px;color:#e2ecf0;font-size:10px;gap:12px 28px;line-height:1.6}
.wave-footer .footer-bottom>div{gap:24px}
.wave-footer a:hover{color:#ffb600}
.wave-footer a:focus-visible{outline-color:#ffb600}
@media(max-width:650px){.footer-wave{height:75px}.wave-footer .footer-bottom{padding:12px 0 17px;font-size:9px;gap:10px}.wave-footer .footer-bottom>div{gap:10px 20px}.wave-footer .footer-bottom a{padding:5px 0}}

/* Brand opening followed by the automation example. */
.cine-sparks{position:absolute;inset:0;pointer-events:none;z-index:4}
.cine-dot{position:absolute;top:50%;left:50%;width:22px;height:22px;border-radius:50%;background:var(--petrol);opacity:0;--dot-x:0px}
.dot-one{--dot-x:-58px}.dot-three{--dot-x:58px}.dot-two{background:var(--gold)}
.cine-halo{position:absolute;left:20%;top:20%;width:60%;height:60%;border:1px solid var(--gold);border-radius:50%;opacity:0;pointer-events:none}
.cine-scene-copy{position:absolute;top:22%;left:0;right:0;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:clamp(17px,2.2vw,30px);color:var(--petrol);opacity:0;pointer-events:none}
.cine-prompt{position:absolute;bottom:0;right:4px;z-index:5;display:flex;align-items:center;gap:15px;font-size:12px;font-weight:700;line-height:1.5}
.cine-prompt>span>span{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:2px}
.cine-prompt>i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--petrol);font-style:normal;background:var(--paper);transition:background .2s}
.cine-prompt .icon{width:18px;height:18px;transform:rotate(90deg)}
.cine-prompt:hover>i{background:var(--gold)}
.cine-prompt:focus-visible{opacity:1!important;transform:none!important}
.cine-active .cine-dot{animation:cine-dots var(--cine-duration) ease-in-out both}
.cine-active .cine-halo{animation:cine-halo var(--cine-duration) ease-out both}
.cine-active .cine-scene-copy{animation:cine-copy var(--cine-duration) ease both}
.cine-active .brand-disc{animation:cine-disc var(--cine-duration) cubic-bezier(.22,1,.36,1) both}
.cine-active .brand-disc img{animation:cine-logo var(--cine-duration) ease both}
.cine-active .orbit-one{animation:cine-orbit-one var(--cine-duration) ease-in-out both}
.cine-active .orbit-two{animation:cine-orbit-two var(--cine-duration) ease-in-out both}
.cine-active .label-conseil{animation:cine-conseil var(--cine-duration) ease both}
.cine-active .label-code{animation:cine-code var(--cine-duration) ease both}
.cine-active .label-ai{animation:cine-ai var(--cine-duration) ease both}
.cine-active .art-cross{animation:cine-star var(--cine-duration) ease both}
.cine-active .cine-prompt{animation:cine-prompt var(--cine-duration) ease both}
.cine-active .cine-prompt .icon{animation:cine-arrow var(--cine-duration) ease-in-out both}
.cine-paused *{animation-play-state:paused!important}
@keyframes cine-dots{0%{opacity:0;transform:translate(calc(-50% + var(--dot-x)),20px) scale(.1)}10%{opacity:1;transform:translate(calc(-50% + var(--dot-x)),-50%) scale(1.1)}20%{opacity:1;transform:translate(calc(-50% + var(--dot-x)),-28px) scale(1)}32%{opacity:1;transform:translate(-50%,-50%) scale(.35)}36%,100%{opacity:0;transform:translate(-50%,-50%) scale(.1)}}
@keyframes cine-halo{0%,18%{opacity:0;transform:scale(.1)}28%{opacity:.8;transform:scale(.2)}48%{opacity:0;transform:scale(1.15)}100%{opacity:0;transform:scale(1.15)}}
@keyframes cine-copy{0%,5%{opacity:0;transform:translateY(10px)}12%,22%{opacity:1;transform:translateY(0)}30%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes cine-disc{0%,28%{opacity:0;transform:scale(.24) rotate(-35deg);filter:blur(8px)}38%{opacity:1;transform:scale(.88) rotate(-20deg);filter:blur(0)}49%{opacity:1;transform:scale(1.04) rotate(-10deg)}62%,100%{opacity:1;transform:scale(1) rotate(-12deg);filter:blur(0)}}
@keyframes cine-logo{0%,32%{opacity:0;clip-path:inset(0 0 100% 0)}46%,100%{opacity:1;clip-path:inset(0)}}
@keyframes cine-orbit-one{0%,34%{opacity:0;transform:rotate(-130deg) scale(.5)}58%{opacity:1;transform:rotate(-38deg) scale(1)}100%{opacity:1;transform:rotate(35deg) scale(1)}}
@keyframes cine-orbit-two{0%,38%{opacity:0;transform:rotate(125deg) scale(.5)}62%{opacity:1;transform:rotate(35deg) scale(1)}100%{opacity:1;transform:rotate(-38deg) scale(1)}}
@keyframes cine-conseil{0%,52%{opacity:0;transform:translateY(12px) rotate(-5deg)}64%,100%{opacity:1;transform:translateY(0) rotate(-5deg)}}
@keyframes cine-code{0%,58%{opacity:0;transform:translateY(12px) rotate(5deg)}70%,100%{opacity:1;transform:translateY(0) rotate(5deg)}}
@keyframes cine-ai{0%,64%{opacity:0;transform:translateY(12px) rotate(-5deg)}76%,100%{opacity:1;transform:translateY(0) rotate(-5deg)}}
@keyframes cine-star{0%,46%{opacity:0;transform:rotate(-120deg) scale(.2)}68%,100%{opacity:1;transform:rotate(0) scale(1)}}
@keyframes cine-prompt{0%,75%{opacity:0;transform:translateY(-10px)}85%,100%{opacity:1;transform:translateY(0)}}
@keyframes cine-arrow{0%,76%,86%,96%,100%{transform:translateY(0) rotate(90deg)}81%,91%{transform:translateY(5px) rotate(90deg)}}
@media(max-width:650px){.cine-dot{width:18px;height:18px}.dot-one{--dot-x:-42px}.dot-three{--dot-x:42px}.cine-prompt{gap:9px;font-size:10px;right:2px}.cine-prompt>span>span{font-size:8px}.cine-scene-copy{top:18%;font-size:18px}}
@media(prefers-reduced-motion:reduce){.cine-active *{animation:none!important}.cine-sparks,.cine-halo,.cine-scene-copy{display:none}.cine-prompt{opacity:1;transform:none}}

@media(max-width:1100px){.navigation{gap:20px}}

/* The third ball joins the two existing orbits before the handover. */
.satellite-track{position:absolute;left:16%;top:16%;width:68%;height:68%;z-index:3;pointer-events:none;opacity:0}
.satellite-ball{position:absolute;left:-8px;top:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:var(--petrol)}
.cine-active .satellite-track{animation:cine-satellite var(--cine-duration) linear both}
@keyframes cine-satellite{
  0%,60%{opacity:0;transform:rotate(25deg)}
  64%{opacity:1}
  100%{opacity:1;transform:rotate(385deg)}
}
.cine-finished .orbit-one{transform:rotate(35deg)}
.cine-finished .orbit-two{transform:rotate(-38deg)}
.cine-finished .satellite-track{opacity:1;transform:rotate(25deg)}
.brand-replay{position:absolute;z-index:5;bottom:0;left:56px;width:44px;height:44px;border:1px solid #98a39b;border-radius:50%;background:var(--paper);display:grid;place-items:center;color:var(--petrol);padding:0}
.brand-replay .icon{width:17px;height:17px}.brand-replay:hover{background:#e9e9df}

/* Home hero and illustrative automation dashboard */
.new-hero-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  min-height: 0;
  gap: clamp(24px, 4vw, 66px);
  padding: clamp(38px, 5vw, 76px) 0 30px;
}
.new-hero h1 {
  font-size: clamp(38px, 5.15vw, 76px);
  line-height: 1.04;
  letter-spacing: -.06em;
}
.new-hero h1 em { display: block; margin-top: .08em; }
.new-hero-copy > p {
  max-width: 34rem;
  font-size: clamp(15px, 1.35vw, 18px);
  margin: 20px 0 26px;
}
.new-hero .button-row { flex-wrap: wrap; gap: 12px 22px; }
.hero-reassurance {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  font-size: 12px;
  color: var(--muted);
}
.hero-reassurance li { display: flex; align-items: center; gap: 5px; }
.hero-reassurance .icon { width: 15px; height: 15px; color: var(--petrol); flex: none; }

.hero-visual-panel {
  --hero-fade-start: 15s;
  --hero-fade: 2s;
  --cine-duration: calc(var(--hero-fade-start) + var(--hero-fade));
  position: relative;
  min-width: 0;
  padding-bottom: 52px;
}
.hero-dashboard {
  margin: 0;
  padding: clamp(18px, 3vw, 36px);
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #edf1ed;
  box-shadow: 0 18px 32px #173c3610;
}
.hero-dashboard-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--petrol);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
}
.hero-dashboard-label span:first-child { display: flex; align-items: center; gap: 6px; }
.hero-dashboard-label .icon { width: 17px; height: 17px; }
.hero-dashboard h2 {
  margin: 18px 0;
  max-width: 17ch;
  font-size: clamp(23px, 2.6vw, 38px);
  line-height: 1.13;
  letter-spacing: -.045em;
}
.hero-dashboard-steps { display: grid; gap: 7px; list-style: none; margin: 0; padding: 0; }
.hero-dashboard-steps li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  border: 1px solid #d7e3da;
  border-radius: 9px;
  background: #fff;
}
.hero-dashboard-steps .icon { width: 19px; height: 19px; color: var(--petrol); flex: none; }
.hero-dashboard-steps strong { display: block; font-size: 13px; }
.hero-dashboard-steps span { display: block; font-size: 12px; color: var(--muted); }
.hero-dashboard-note { margin: 15px 0 0; font-size: 12px; font-weight: 700; color: var(--petrol); }

.hero-visual-panel .brand-composition {
  position: absolute;
  inset: 0;
  max-width: none;
  width: 100%;
  height: 100%;
  margin: 0;
  aspect-ratio: auto;
  border-radius: 22px;
  background: var(--paper);
  opacity: 0;
  visibility: hidden;
}
.hero-visual-panel .brand-composition.cine-active {
  visibility: visible;
  animation: hero-fade-out var(--hero-fade) ease var(--hero-fade-start) both;
}
.hero-visual-panel .hero-dashboard[inert] {
  animation: hero-fade-in var(--hero-fade) ease var(--hero-fade-start) both;
}
.hero-visual-panel .brand-composition.cine-paused,
.hero-visual-panel:has(.cine-paused) .hero-dashboard[inert] {
  animation-play-state: paused;
}
@keyframes hero-fade-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes hero-fade-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .hero-visual-panel .brand-composition.cine-active,
  .hero-visual-panel .hero-dashboard[inert] { animation: none; }
}
.hero-visual-panel .brand-replay {
  left: 0;
  display: flex;
  gap: 7px;
  width: auto;
  padding: 0 9px;
  border-color: transparent;
  font-size: 12px;
}
.hero-tools { background: #e9eadf; }
.hero-tools > .container { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 32px; padding-block: 17px; }
.hero-tools-label { color: var(--muted); font-size: 12px; }
.hero-tools ul { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0; padding: 0; list-style: none; }
.hero-tools li { display: flex; align-items: center; gap: 6px; color: var(--petrol); font-size: 13px; font-weight: 700; white-space: nowrap; }
.hero-tools img { flex: none; object-fit: contain; }

@media (max-width: 760px) {
  .new-hero-grid { grid-template-columns: 1fr; padding-top: 32px; }
  .new-hero h1 { font-size: clamp(36px, 8vw, 57px); }
  .hero-visual-panel { max-width: 560px; }
}

/* Challenges and solutions on the home page */
.challenges .intro-heading h2 { max-width: 25ch; }
.challenges .intro-heading > p { max-width: 62ch; }
.challenges-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.challenge {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(20px, 3vw, 36px);
  border: 1px solid var(--line);
  background: #fbfaf6;
}
.challenge-label {
  color: var(--petrol);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.challenge h3 {
  margin: 9px 0 12px;
  font-size: clamp(22px, 2.3vw, 32px);
  line-height: 1.15;
  letter-spacing: -.04em;
}
.challenge p { color: var(--muted); font-size: 14px; line-height: 1.65; }
.challenge > p { margin: 0 0 20px; }
.challenge-solution {
  padding: 18px 0;
  border-top: 1px solid var(--line);
}
.challenge h4 { margin: 6px 0; font-size: 17px; line-height: 1.4; }
.challenge h4 a { color: var(--petrol); text-decoration: underline; text-underline-offset: 3px; }
.challenge h4 a .icon { display: inline-block; width: 14px; height: 14px; vertical-align: -.1em; }
.challenge-solution p { margin: 0; }
.challenge .challenge-benefit {
  margin: auto 0 0;
  padding: 12px 15px;
  border-left: 2px solid var(--petrol);
  background: #eaf0eb;
  color: var(--ink);
}
.challenge-benefit strong { display: block; margin-bottom: 2px; color: var(--petrol); }
.challenges-cta { margin-top: 28px; flex-wrap: wrap; }
.challenges-cta h3 { margin: 0; color: var(--ink); font-size: clamp(21px, 2.7vw, 34px); }
.challenges-cta .button { max-width: 100%; white-space: normal; }

@media (max-width: 720px) {
  .challenges-grid { grid-template-columns: 1fr; gap: 14px; }
}

/* Methodology on the home page */
.method-new .method-grid {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.method-new .method-grid h3 {
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.2;
  letter-spacing: -.035em;
}
.method-new h3 small {
  display: inline-block;
  border: 1px solid #8b6b28;
  padding: 3px 7px;
  font-size: 11px;
  letter-spacing: normal;
  vertical-align: middle;
}
.method-new dl { margin: 16px 0 0; }
.method-new dt { color: var(--ink); font-size: 12px; font-weight: 800; }
.method-new dd {
  margin: 4px 0 0;
  color: #463a20;
  font-size: 14px;
  line-height: 1.6;
}
.method-new dd + dt { margin-top: 15px; }
.method-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px 24px;
  margin-top: 38px;
  padding-top: 24px;
  border-top: 1px solid #8b6b28;
}
.method-cta h3 { margin: 0; font-size: clamp(21px, 2.5vw, 33px); }
.method-cta .button { max-width: 100%; white-space: normal; }

@media (max-width: 960px) {
  .method-new .method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .method-new .method-grid { grid-template-columns: 1fr; }
}

/* Project case studies and their visuals */
.case-studies .intro-heading h2 { max-width: 25ch; }
.case-study {
  margin-top: 28px;
  padding: clamp(20px, 4vw, 48px);
  border: 1px solid var(--line);
  background: #fbfaf6;
}
.case-study h3 {
  margin: 4px 0 24px;
  font-size: clamp(26px, 3.5vw, 47px);
  line-height: 1.15;
  letter-spacing: -.045em;
}
.case-study h3 em { color: var(--petrol); font-family: Georgia, serif; font-weight: 400; }
.case-facts, .case-media { display: grid; gap: 16px; }
.case-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 26px; }
.case-facts div { border-top: 1px solid var(--line); padding-top: 13px; }
.case-facts dt { color: var(--petrol); font-weight: 800; font-size: 13px; }
.case-facts dd { margin: 7px 0 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.case-media { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.case-shot { margin: 0; border: 1px solid var(--line); background: #fff; }
.case-shot a { display: block; }
.case-shot img { display: block; width: 100%; height: auto; }
/* Match the column widths to the native image ratios so both captures align at the same height. */
.profilh-media { grid-template-columns: minmax(0, 1.375fr) minmax(0, 1fr); }
.case-shot figcaption { border-top: 1px solid var(--line); padding: 13px 15px; }
.case-shot figcaption strong, .case-shot figcaption span { display: block; }
.case-shot figcaption strong { font-size: 14px; }
.case-shot figcaption span, .case-media-note { color: var(--muted); font-size: 12px; line-height: 1.6; }
.case-media-note { margin: 11px 0 0; }
.case-media-note a { color: var(--petrol); text-decoration: underline; text-underline-offset: 3px; }
.case-actions { flex-wrap: wrap; margin-top: 22px; }
.case-studies .closing-cta h3 { max-width: 30ch; }

@media (max-width: 680px) {
  .case-facts, .case-media { grid-template-columns: 1fr; }
}

/* Homepage FAQ and final contact invitation */
.home-faq h2 { max-width: 16ch; }
.home-faq h2 em { font-family: Georgia, serif; font-weight: 400; color: var(--petrol); }
.home-faq .faq-list summary { font-size: 15px; }
.home-faq .faq-list summary > .icon { flex: none; }
.home-faq .faq-list details > p { font-size: 14px; line-height: 1.7; }
.contact-invitation h2 { font-size: clamp(29px, 3.4vw, 49px); letter-spacing: -.045em; }
.contact-grid .contact-invitation > p { font-size: 15px; }
.contact-invitation .button { max-width: 100%; white-space: normal; }
.contact-invitation .contact-alternative { margin: 25px 0 5px; }
.contact-invitation .contact-phone, .contact-invitation .contact-email {
  display: flex;
  width: fit-content;
  margin: 8px 0 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Decorative shapes from the original Computer Assistance site. */
.hero-section, .new-hero, .challenges, .home-faq {
  position: relative;
  isolation: isolate;
}

.hero-section::before, .new-hero::before, .new-hero-grid::before,
.challenges::before, .home-faq::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  background: center / contain no-repeat;
}

.new-hero::before {
  inset: clamp(28px, 4vw, 56px) clamp(6px, 1vw, 16px) auto auto;
  width: clamp(68px, 9vw, 128px);
  aspect-ratio: 1;
  background-image: url("/assets/heritage-blue.png");
}

.hero-section::before {
  inset: clamp(94px, 11vw, 156px) auto auto 0;
  width: clamp(56px, 10vw, 142px);
  aspect-ratio: 1269 / 1773;
  background-image: url("/assets/heritage-yellow.png");
  opacity: .38;
}

.new-hero-grid::before {
  inset: clamp(18px, 2.5vw, 36px) 42% auto auto;
  width: clamp(64px, 7.5vw, 108px);
  aspect-ratio: 1294 / 1243;
  background-image: url("/assets/heritage-gray.png");
  opacity: .28;
}

.challenges::before {
  inset: clamp(16px, 3vw, 44px) clamp(14px, 5vw, 72px) auto auto;
  width: clamp(36px, 7vw, 104px);
  aspect-ratio: 1;
  background-image: url("/assets/heritage-blue.png");
  opacity: .72;
}

.home-faq::before {
  inset: auto auto 8px 0;
  width: clamp(42px, 9vw, 126px);
  aspect-ratio: 1269 / 1773;
  background-image: url("/assets/heritage-yellow.png");
  opacity: .26;
}