/*
Theme Name: CTRLBASE International
Theme URI: https://ctrlbase.net
Author: CTRLBASE S.A.S.
Description: Official bilingual corporate theme for CTRLBASE S.A.S.
Version: 1.0.0
Text Domain: ctrlbase
*/

:root{--ink:#0b1320;--ink-soft:#172232;--lime:#c9f24a;--blue:#2f6bff;--ground:#f3f6f4;--steel:#66727e;--line:#dce3df;--white:#fff;--page:min(1280px,calc(100vw - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--lime);color:var(--ink);padding:12px 16px;font-weight:700}.skip-link:focus{top:16px}.section-shell{width:var(--page);margin-inline:auto}
.site-header{width:var(--page);height:96px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:13px;font-size:17px;font-weight:800;letter-spacing:.035em}.brand-mark{position:relative;display:inline-block;width:36px;height:36px;flex:0 0 auto}.brand-mark__top,.brand-mark__left,.brand-mark__base{position:absolute;background:var(--ink);display:block}.brand-mark__top{left:3px;top:2px;width:28px;height:5px}.brand-mark__left{left:3px;top:2px;width:5px;height:31px}.brand-mark__base{left:3px;bottom:3px;width:19px;height:5px}.brand-mark__signal{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:2px;background:var(--lime)}.brand-mark--reversed .brand-mark__top,.brand-mark--reversed .brand-mark__left,.brand-mark--reversed .brand-mark__base{background:var(--white)}.nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.nav>a{position:relative;padding-block:12px}.nav>a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:5px;background:var(--lime);transition:right .2s ease}.nav>a:hover:after,.nav>a:focus-visible:after{right:0}.language{border:1px solid var(--ink);background:transparent;width:44px;height:36px;cursor:pointer;font-weight:800}.language:hover,.language:focus-visible{background:var(--ink);color:var(--white)}
.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:8vw;align-items:center;padding:76px 0 88px}.eyebrow{margin:0 0 22px;display:flex;align-items:center;gap:11px;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.eyebrow span{width:11px;height:11px;border-radius:2px;background:var(--lime)}.hero h1,.section-intro h2,.model-heading h2,.foundation-copy h2,.contact-copy h2{margin:0;font-size:clamp(44px,5.3vw,78px);line-height:.98;letter-spacing:-.055em;max-width:780px}.hero-body{margin:32px 0 0;max-width:680px;color:var(--steel);font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.button{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:13px;font-weight:800;border:1px solid var(--ink);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 8px 0 rgba(11,19,32,.1)}.button--primary{background:var(--ink);color:var(--white)}.button--primary span{color:var(--lime)}.button--ghost{background:var(--white)}
.control-card{position:relative;background:var(--ink);color:var(--white);min-height:500px;padding:22px;overflow:hidden;box-shadow:22px 22px 0 var(--lime)}.control-card:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:38px 38px}.control-card__header,.control-list,.control-steps,.control-card__mark{position:relative;z-index:1}.control-card__header{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #344153;color:#aab5c2;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.status{display:inline-flex;align-items:center;gap:7px;color:var(--lime)}.status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(201,242,74,.12)}.control-card__mark{margin:34px 0 30px}.control-card__mark .brand-mark{width:54px;height:54px;transform:scale(1.45);transform-origin:left top}.control-list{display:grid;gap:0;margin:0}.control-list>div{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:start;padding:12px 0;border-top:1px solid #2a3748}.control-list dt{color:#8390a0;font-size:9px;letter-spacing:.16em}.control-list dd{margin:0;font-size:12px;line-height:1.45}.control-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #344153}.control-steps li{display:grid;gap:9px;padding:15px 7px 0 0;font-size:10px}.control-steps span{color:var(--lime);font-weight:800;font-size:9px}
.proof-strip{background:var(--ground);border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-inline:max(24px,calc((100vw - min(1280px,calc(100vw - 48px)))/2))}.proof-strip>div{padding:30px 5vw 30px 0;display:flex;align-items:baseline;gap:18px;border-right:1px solid var(--line)}.proof-strip>div:not(:first-child){padding-left:5vw}.proof-strip>div:last-child{border-right:0}.proof-strip strong{font-size:26px;letter-spacing:-.04em}.proof-strip span{color:var(--steel);font-size:12px}.split-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;padding-block:130px}.section-intro{position:sticky;top:30px;align-self:start}.section-intro h2,.foundation-copy h2,.contact-copy h2{font-size:clamp(38px,4vw,58px)}.section-intro>p:last-child,.foundation-copy>p,.contact-copy>p{color:var(--steel);font-size:16px;line-height:1.7;margin-top:26px}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-card{min-height:270px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s ease,transform .2s ease}.capability-card:hover{background:var(--ground);transform:translateY(-4px)}.capability-card__number{display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.14em}.capability-card__number i{width:9px;height:9px;border-radius:2px;background:var(--lime)}.capability-card h3{margin:72px 0 12px;font-size:21px;letter-spacing:-.025em}.capability-card p{margin:0;color:var(--steel);font-size:13px;line-height:1.65}
.model-section{background:var(--ink);color:var(--white);padding-block:120px}.eyebrow--light{color:#a7b3c1}.model-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;align-items:start}.model-heading h2{font-size:clamp(38px,4.5vw,64px)}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid #3a4655}.model-grid article{min-height:260px;padding:24px 24px 24px 0;border-right:1px solid #3a4655}.model-grid article:not(:first-child){padding-left:24px}.model-grid article:last-child{border-right:0}.model-grid span{color:var(--lime);font-size:10px;font-weight:800}.model-grid h3{margin:90px 0 16px;font-size:22px}.model-grid p{margin:0;color:#a7b3c1;font-size:13px;line-height:1.65}
.foundation-section{padding-block:130px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.foundation-map{position:relative;min-height:520px;background:var(--ink);overflow:hidden}.orbital-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:42px 42px}.orbital-frame{position:absolute;inset:8% 7%;border:1px solid rgba(127,145,164,.3)}.orbital-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid rgba(128,146,166,.32);border-radius:50%}.orbital-ring--outer{width:82%;height:62%}.orbital-ring--middle{width:66%;height:46%;opacity:.7}.orbital-ring--inner{width:47%;height:32%;opacity:.55}.orbital-sweep{position:absolute;left:50%;top:50%;width:58%;height:34%;border:solid transparent;border-radius:50%;translate:-50% -50%;pointer-events:none}.orbital-sweep--lime{border-top:3px solid var(--lime);transform:rotate(-35deg)}.orbital-sweep--steel{width:56%;height:50%;border-bottom:3px solid #647182;transform:rotate(28deg);opacity:.75}.orbital-sweep--blue{width:44%;height:54%;left:66%;border-right:3px solid var(--blue);transform:rotate(-8deg)}.orbital-hub{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:128px;height:128px;text-align:center;border:1px solid var(--lime);border-radius:50%;background:rgba(11,19,32,.92);box-shadow:0 0 0 38px rgba(47,107,255,.08),0 0 0 56px rgba(201,242,74,.04);z-index:2}.orbital-hub span,.region-card span{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.16em}.orbital-hub strong{margin-top:8px;color:var(--white);font-size:15px;letter-spacing:.03em}.orbital-hub small,.region-card small{margin-top:7px;color:#8390a0;font-size:8px;font-weight:700;letter-spacing:.14em}.region-card{position:absolute;z-index:3;width:164px;min-height:88px;padding:14px 18px;display:grid;align-content:center;background:rgba(11,19,32,.93);border:1px solid rgba(130,148,166,.45)}.region-card:after{content:"";position:absolute;width:40px;height:1px;background:#6b7988}.region-card strong{margin-top:11px;color:var(--white);font-size:14px;letter-spacing:.08em}.region-card--amer{left:11%;top:16%}.region-card--amer:after{right:-40px;bottom:18px;transform:rotate(35deg);transform-origin:left}.region-card--emea{right:10%;top:16%}.region-card--emea:after{left:-40px;bottom:18px;transform:rotate(-35deg);transform-origin:right}.region-card--latam{left:16%;bottom:16%;border-left:2px solid var(--lime)}.region-card--latam:after{right:-40px;top:18px;transform:rotate(-30deg);transform-origin:left}.region-card--oce{right:22%;bottom:16%}.region-card--oce:after{left:-40px;top:18px;transform:rotate(30deg);transform-origin:right}.region-card--apac{right:2%;top:43%;border-right:2px solid var(--blue)}.region-card--apac:after{left:-40px;top:50%;background:var(--blue)}.orbital-caption{position:absolute;right:7%;bottom:7%;margin:0;display:flex;align-items:center;gap:12px;color:#9ca7b3;font-size:9px;font-weight:800;letter-spacing:.16em}.orbital-caption i{width:34px;height:2px;background:var(--blue)}.foundation-copy ul{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.foundation-copy li{background:var(--white);padding:18px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.foundation-copy li i{width:8px;height:8px;border-radius:2px;background:var(--lime)}
.contact-section{padding-block:130px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-top:1px solid var(--line)}.contact-list{border-top:1px solid var(--ink)}.contact-list a{display:grid;grid-template-columns:150px 1fr auto;gap:24px;align-items:center;padding:24px 2px;border-bottom:1px solid var(--line);transition:padding .2s ease,background .2s ease}.contact-list a:hover,.contact-list a:focus-visible{padding-inline:14px;background:var(--ground)}.contact-list span{color:var(--steel);font-size:11px;font-weight:700}.contact-list strong{font-size:15px}.contact-list i{color:var(--blue);font-style:normal}.footer{background:var(--ink);color:var(--white)}.footer-primary{min-height:240px;display:flex;justify-content:space-between;align-items:center;gap:30px}.wordmark--reversed{color:var(--white)}.footer-primary p{margin:0;font-size:clamp(26px,3vw,44px);font-weight:800;letter-spacing:-.04em}.footer-meta{min-height:74px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #344153;color:#93a0ae;font-size:10px}
@media(max-width:980px){:root{--page:min(100% - 32px,760px)}.nav>a{display:none}.hero{grid-template-columns:1fr;gap:60px}.control-card{max-width:620px}.proof-strip{padding-inline:16px}.proof-strip>div,.proof-strip>div:not(:first-child){padding-inline:18px}.split-section,.foundation-section,.contact-section,.model-heading{grid-template-columns:1fr}.section-intro{position:static}.model-grid{grid-template-columns:repeat(2,1fr)}.model-grid article:nth-child(2){border-right:0}.model-grid article:nth-child(3),.model-grid article:nth-child(4){border-top:1px solid #3a4655}.footer-primary{align-items:flex-start;flex-direction:column;justify-content:center}.footer-meta{display:grid;grid-template-columns:1fr;gap:8px;padding-block:20px}}
@media(max-width:620px){.site-header{height:78px}.nav{gap:12px}.hero{min-height:auto;padding:62px 0 76px}.hero h1{font-size:48px}.hero-body{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%;justify-content:space-between}.control-card{min-height:520px;box-shadow:10px 10px 0 var(--lime)}.control-steps{grid-template-columns:repeat(2,1fr)}.proof-strip{grid-template-columns:1fr}.proof-strip>div,.proof-strip>div:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.split-section,.foundation-section,.contact-section{padding-block:90px}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:220px}.model-section{padding-block:90px}.model-grid{grid-template-columns:1fr;margin-top:50px}.model-grid article,.model-grid article:not(:first-child){border-right:0;border-top:1px solid #3a4655;padding:22px 0;min-height:210px}.foundation-map{min-height:420px}.foundation-copy ul{grid-template-columns:1fr}.orbital-frame{inset:6%}.orbital-ring--outer{width:92%;height:52%}.orbital-ring--middle{width:74%;height:40%}.orbital-ring--inner{width:52%;height:28%}.orbital-sweep--lime{width:66%;height:30%}.orbital-sweep--steel{width:60%;height:44%}.orbital-hub{width:100px;height:100px}.orbital-hub strong{font-size:12px}.region-card{width:118px;min-height:67px;padding:10px 12px}.region-card strong{margin-top:7px;font-size:10px}.region-card small{display:none}.region-card--amer{left:5%;top:12%}.region-card--emea{right:5%;top:12%}.region-card--latam{left:7%;bottom:10%}.region-card--oce{right:13%;bottom:10%}.region-card--apac{right:1%;top:43%}.orbital-caption{display:none}.contact-list a{grid-template-columns:1fr auto;gap:8px}.contact-list span{grid-column:1/-1}.footer-primary{min-height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}