/* About page — page-about.php only — Axtivon theme */
.mobile-menu[aria-hidden="true"]{display:none}
.mobile-menu.is-open{display:block}
.usecase-card .icon-box{width:39px;height:39px;border-radius:11px}
.usecase-card .icon-box svg{width:19px;height:19px}
.page-hero{position:relative;min-height:720px;padding:calc(20px + var(--header-h)) 0 88px;overflow:clip;background:radial-gradient(circle at 82% 18%,rgba(161,133,239,.24),transparent 31%),radial-gradient(circle at 14% 57%,rgba(109,73,223,.09),transparent 27%),linear-gradient(180deg,#fbf9ff 0%,#fff 100%)}
.page-hero::before{content:"";position:absolute;inset:0;opacity:.44;pointer-events:none;background-image:radial-gradient(rgba(43,11,103,.11) .7px,transparent .7px);background-size:23px 23px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.page-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);align-items:center;gap:clamp(62px,7vw,100px);position:relative;z-index:2}
.page-hero__copy h1{margin-top:18px;font-size:clamp(2.45rem,3.65vw,3.35rem);font-weight:500;line-height:1.08}
.page-hero__copy > p{max-width:610px;margin-top:22px;font-size:clamp(.96rem,1.12vw,1.06rem)}
.page-hero__copy .button-row{margin-top:29px}
.hero-facts{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px;padding-top:24px;border-top:1px solid rgba(43,11,103,.1)}
.hero-fact{display:flex;align-items:center;gap:9px;color:#61566c;font-size:.71rem}
.hero-fact svg{width:15px;height:15px;color:var(--primary-light)}
.hero-fact b{color:var(--ink);font-weight:590}
.about-stage,.contact-stage{position:relative;min-height:540px;display:grid;place-items:center}
.about-stage::before,.contact-stage::before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:rgba(139,105,235,.17);filter:blur(42px)}
.company-board{position:relative;z-index:2;width:min(100%,590px);padding:22px;border:1px solid rgba(43,11,103,.14);border-radius:25px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-lg)}
.board-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.board-top span{display:flex;align-items:center;gap:8px;color:#62576d;font-size:.66rem;font-weight:590}
.board-top svg{width:16px;height:16px;color:var(--primary)}
.board-top small{color:#958a9f;font-size:.54rem}
.founded-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:13px;margin-top:14px}
.founded-year{min-height:205px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#2b0b67,#210650)}
.founded-year small{color:rgba(255,255,255,.64);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}
.founded-year b{font-size:3.3rem;font-weight:480;letter-spacing:-.07em}
.founded-year span{color:#d4c6ff;font-size:.65rem}
.model-panel{min-height:205px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#faf8ff)}
.model-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.model-panel__head b{font-size:.7rem}
.model-panel__head span{color:#998ea3;font-size:.5rem}
.model-layers{display:grid;gap:8px;margin-top:17px}
.model-layer{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;min-height:43px;padding:7px 9px;border:1px solid #ebe6ef;border-radius:11px;background:#fff}
.model-layer i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--primary);background:var(--lavender)}
.model-layer svg{width:15px;height:15px}
.model-layer b{display:block;font-size:.58rem}
.model-layer small{display:block;margin-top:2px;color:#9b91a4;font-size:.43rem}
.model-layer em{color:var(--success);font-size:.43rem;font-style:normal}
.board-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}
.board-chip{min-height:68px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}
.board-chip svg{width:16px;height:16px;color:var(--primary-light)}
.board-chip b{display:block;margin-top:9px;font-size:.54rem}
.board-chip small{display:block;margin-top:2px;color:#998fa2;font-size:.43rem}
.stage-note{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:172px;padding:12px 13px;border:1px solid rgba(43,11,103,.12);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-md);backdrop-filter:blur(12px)}
.stage-note--one{right:-12px;top:54px}
.stage-note--two{left:-24px;bottom:54px}
.stage-note i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:var(--primary);background:var(--lavender)}
.stage-note svg{width:17px;height:17px}
.stage-note b{display:block;font-size:.64rem}
.stage-note small{display:block;margin-top:2px;color:#93899d;font-size:.49rem}
.fact-band{position:relative;z-index:5;margin-top:-38px}
.fact-band__inner{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}
.fact-item{min-height:112px;display:flex;align-items:center;gap:14px;padding:22px;border-right:1px solid var(--line)}
.fact-item:last-child{border-right:0}
.fact-item i{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:var(--primary);background:var(--lavender)}
.fact-item svg{width:19px;height:19px}
.fact-item b{display:block;font-size:.77rem}
.fact-item span{display:block;margin-top:3px;color:#7e7488;font-size:.62rem}
.story-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:clamp(55px,8vw,105px);align-items:center}
.story-copy > p{max-width:590px;margin-top:18px}
.story-copy > p + p{margin-top:13px}
.story-points{display:grid;gap:12px;margin-top:27px}
.story-points li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;color:#5d5267;font-size:.8rem}
.story-points span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--primary);background:var(--lavender)}
.story-points svg{width:16px;height:16px}
.story-visual{min-height:460px;position:relative;overflow:hidden;padding:28px;border:1px solid rgba(43,11,103,.13);border-radius:var(--radius-lg);background:linear-gradient(145deg,#2b0b67,#3e177d 68%,#6743c3);box-shadow:var(--shadow-lg)}
.story-visual::before{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(rgba(255,255,255,.24) .7px,transparent .7px);background-size:22px 22px}
.story-visual__window{position:relative;z-index:2;min-height:340px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.09);backdrop-filter:blur(14px)}
.story-visual__top{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.76);font-size:.58rem}
.story-visual__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:11px;margin-top:18px}
.workboard{min-height:245px;padding:17px;border-radius:16px;background:#fff}
.workboard b{font-size:.65rem}
.workboard small{display:block;margin-top:3px;color:#978da0;font-size:.48rem}
.work-stream{display:grid;gap:8px;margin-top:19px}
.work-stream div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:8px;border:1px solid #ece7f1;border-radius:10px}
.work-stream i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--primary);background:var(--lavender)}
.work-stream svg{width:14px;height:14px}
.work-stream span{font-size:.48rem;color:#5f5569}
.signal-stack{display:grid;gap:10px}
.signal-card{min-height:75px;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#fff;background:rgba(255,255,255,.09)}
.signal-card svg{width:17px;height:17px;color:#d8ccff}
.signal-card b{display:block;margin-top:11px;font-size:.56rem}
.signal-card small{display:block;margin-top:3px;color:rgba(255,255,255,.62);font-size:.44rem}
.story-caption{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px;color:rgba(255,255,255,.72);font-size:.6rem}
.story-caption b{color:#fff;font-size:.67rem}
.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mission-card{min-height:330px;display:flex;flex-direction:column;padding:clamp(28px,4vw,42px);border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;overflow:hidden;position:relative}
.mission-card--dark{color:#fff;border-color:transparent;background:linear-gradient(145deg,#2b0b67,#210650)}
.mission-card--tint{background:linear-gradient(145deg,#fff,#f3edff)}
.mission-card .icon-box{width:48px;height:48px;border-radius:14px}
.mission-card--dark .icon-box{color:#fff;background:rgba(255,255,255,.12)}
.mission-card h3{margin-top:45px;font-size:clamp(1.35rem,2.2vw,1.9rem)}
.mission-card--dark h3{color:#fff}
.mission-card p{max-width:550px;margin-top:16px}
.mission-card--dark p{color:rgba(255,255,255,.7)}
.mission-card .card-label{margin-top:auto;padding-top:34px;color:#8f8499;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
.mission-card--dark .card-label{color:#cbbcff}
.help-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(52px,8vw,105px);align-items:start}
.help-copy{position:sticky;top:150px}
.help-copy p{max-width:520px;margin-top:18px}
.audience-stack{display:grid;gap:12px}
.audience-card{display:grid;grid-template-columns:46px 1fr;gap:15px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .22s ease,box-shadow .22s ease}
.audience-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.audience-card i{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:var(--primary);background:var(--lavender)}
.audience-card svg{width:21px;height:21px}
.audience-card h3{font-size:.93rem}
.audience-card p{margin-top:7px;font-size:.78rem}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.capability-card{min-height:215px;display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .22s ease,box-shadow .22s ease}
.capability-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.capability-card h3{margin-top:28px;font-size:.92rem}
.capability-card p{margin-top:9px;font-size:.75rem;line-height:1.65}
.capability-card a{margin-top:auto;padding-top:20px}
.approach-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(52px,8vw,100px);align-items:center}
.approach-copy > p{max-width:520px;margin-top:18px}
.approach-copy .button-row{margin-top:27px}
.approach-map{position:relative;min-height:440px}
.approach-ring{position:absolute;inset:5% 7%;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.approach-ring::before{content:"";position:absolute;inset:17%;border:1px solid rgba(255,255,255,.11);border-radius:50%}
.approach-core{position:absolute;left:50%;top:50%;width:150px;height:150px;display:grid;place-items:center;text-align:center;transform:translate(-50%,-50%);border-radius:50%;color:#fff;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.approach-core svg{width:34px;height:34px;color:var(--primary);margin-inline:auto}
.approach-core b{display:block;margin-top:9px;color:var(--primary);font-size:.84rem}
.approach-core small{display:block;margin-top:3px;color:#7f728a;font-size:.52rem}
.approach-node{position:absolute;min-width:124px;padding:12px 13px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.approach-node i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#fff;background:rgba(255,255,255,.12)}
.approach-node svg{width:16px;height:16px}
.approach-node b{display:block;margin-top:9px;color:#fff;font-size:.61rem}
.approach-node small{display:block;margin-top:2px;color:rgba(255,255,255,.57);font-size:.45rem}
.approach-node--build{left:3%;top:10%}
.approach-node--connect{right:0;top:18%}
.approach-node--grow{right:4%;bottom:8%}
.approach-node--measure{left:5%;bottom:14%}
.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.value-card{min-height:205px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.value-card .icon-box{width:39px;height:39px;border-radius:11px}
.value-card h3{margin-top:27px;font-size:.9rem}
.value-card p{margin-top:9px;font-size:.74rem;line-height:1.62}
.europe-shell{display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(52px,8vw,100px);align-items:center;padding:clamp(35px,6vw,68px);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff,#f6f1ff)}
.europe-copy p{max-width:490px;margin-top:17px}
.europe-copy .button-row{margin-top:26px}
.europe-map{position:relative;min-height:330px;border:1px solid rgba(43,11,103,.1);border-radius:24px;background:#fff;overflow:hidden}
.europe-map::before{content:"";position:absolute;inset:0;opacity:.62;background-image:linear-gradient(rgba(43,11,103,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(43,11,103,.055) 1px,transparent 1px);background-size:28px 28px}
.map-orbit{position:absolute;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(109,73,223,.16);border-radius:50%}
.map-orbit::before{content:"";position:absolute;inset:48px;border:1px solid rgba(109,73,223,.18);border-radius:50%}
.map-core{position:absolute;left:50%;top:50%;width:105px;height:105px;display:grid;place-items:center;text-align:center;transform:translate(-50%,-50%);border-radius:50%;color:#fff;background:var(--primary);box-shadow:0 20px 46px rgba(43,11,103,.23)}
.map-core svg{width:27px;height:27px;margin-inline:auto}
.map-core b{display:block;margin-top:6px;color:#fff;font-size:.65rem}
.map-point{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow-sm);color:#5b5066;font-size:.54rem}
.map-point i{width:7px;height:7px;border-radius:50%;background:var(--primary-light);box-shadow:0 0 0 4px rgba(109,73,223,.1)}
.map-point--nl{left:12%;top:21%}
.map-point--eu{right:9%;top:26%}
.map-point--remote{right:15%;bottom:17%}
.map-point--systems{left:11%;bottom:20%}
.contact-info-card .icon-box{width:42px;height:42px;border-radius:12px}
.contact-info-card--dark .icon-box{color:#fff;background:rgba(255,255,255,.12)}
.next-card .icon-box{margin-top:25px}
.final-cta{padding:clamp(80px,9vw,115px) 0}
.final-cta__shell{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:clamp(35px,6vw,65px);border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#2b0b67,#210650 72%,#4e24a1);box-shadow:var(--shadow-lg)}
.final-cta h2{color:#fff}
.final-cta p{max-width:620px;margin-top:16px;color:rgba(255,255,255,.69)}
.final-cta .button-row{justify-content:flex-end}
@media (max-width:1080px){.page-hero__grid{grid-template-columns:1fr}
.page-hero__copy{max-width:780px;margin-inline:auto;text-align:center}
.page-hero__copy h1,.page-hero__copy > p{margin-inline:auto}
.page-hero__copy .button-row,.hero-facts{justify-content:center}
.about-stage,.contact-stage{width:min(100%,750px);margin-inline:auto}
.fact-band__inner{grid-template-columns:repeat(2,1fr)}
.fact-item:nth-child(2){border-right:0}
.fact-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
.story-grid,.approach-shell,.europe-shell{grid-template-columns:1fr}
.story-copy,.approach-copy,.europe-copy{max-width:720px}
.capability-grid{grid-template-columns:repeat(3,1fr)}
.values-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){.page-hero{min-height:auto;padding-top:calc(100px + var(--header-h))}
.page-hero__copy h1{font-size:clamp(2.2rem,8vw,3rem)}
.about-stage,.contact-stage{min-height:500px;margin-top:15px}
.stage-note--one{right:0}
.stage-note--two{left:0}
.story-visual{min-height:auto}
.mission-grid,.help-grid,.channels-shell{grid-template-columns:1fr}
.help-copy{position:static}
.capability-grid{grid-template-columns:repeat(2,1fr)}
.values-grid{grid-template-columns:repeat(2,1fr)}
.final-cta__shell{grid-template-columns:1fr}
.final-cta .button-row{justify-content:flex-start}
}
@media (max-width:560px){.container{width:min(calc(100% - 28px),var(--container))}
.page-hero{padding-bottom:70px}
.page-hero__copy h1{font-size:2.08rem}
.hero-facts{display:grid;gap:11px}
.about-stage,.contact-stage{min-height:410px}
.company-board,.contact-stage-card{padding:14px;border-radius:20px}
.founded-panel{grid-template-columns:1fr}
.founded-year{min-height:135px}
.founded-year b{font-size:2.7rem}
.model-panel{min-height:185px}
.stage-note{display:none}
.board-bottom{grid-template-columns:repeat(3,1fr)}
.board-chip{padding:8px}
.fact-band{margin-top:-24px}
.fact-band__inner{grid-template-columns:1fr}
.fact-item{min-height:92px;border-right:0!important;border-bottom:1px solid var(--line)}
.fact-item:last-child{border-bottom:0}
.story-visual__grid{grid-template-columns:1fr}
.signal-stack{grid-template-columns:repeat(3,1fr)}
.signal-card{min-height:80px;padding:9px}
.story-caption{align-items:flex-start;flex-direction:column}
.mission-grid,.capability-grid,.values-grid,.conversation-grid{grid-template-columns:1fr}
.approach-map{min-height:400px;transform:scale(.92);margin-inline:-18px}
.approach-node{min-width:105px;padding:9px}
.europe-shell{padding:26px 20px}
.europe-map{min-height:300px}
.map-point{font-size:.48rem}
.final-cta__shell{padding:34px 24px}
}
