/* Corporate brand pages */
.brand-hero,.about-hero{position:relative;overflow:hidden;background:#f7faff}.brand-hero{padding:106px 0 76px;background:radial-gradient(circle at 92% 7%,#dbeaff 0,rgba(219,234,255,.22) 28%,transparent 46%),linear-gradient(135deg,#f9fbff,#f1f6ff)}.brand-hero:before,.about-hero:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(22,79,157,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(22,79,157,.05) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,#000,transparent 75%)}.brand-hero .container,.about-hero .container{position:relative;z-index:1}.brand-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#2467d5;font-size:.74rem;font-weight:800;letter-spacing:.14em}.brand-eyebrow>span{display:inline-block;width:24px;height:2px;background:currentColor}.brand-eyebrow.light{color:#8ac2ff}.brand-hero h1,.about-hero h1{margin:0 0 24px;color:#17243c;font-size:clamp(2.65rem,5vw,4.55rem);font-weight:800;line-height:1.17;letter-spacing:-.076em;word-break:keep-all}.brand-hero h1 em,.about-hero h1 em{color:#1768d8;font-style:normal}.brand-hero-lead{max-width:610px;margin:0;color:#5b6a80;font-size:1.08rem;line-height:1.85;letter-spacing:-.02em;word-break:keep-all}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.btn-brand-primary,.btn-brand-ghost,.btn-brand-white{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:8px;font-size:.93rem;font-weight:750;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-brand-primary{color:#fff;background:#1768d8;box-shadow:0 11px 21px rgba(23,104,216,.21)}.btn-brand-primary:hover{color:#fff;background:#1059bd;transform:translateY(-2px);box-shadow:0 14px 26px rgba(23,104,216,.27)}.btn-brand-ghost{border:1px solid #cad8ea;color:#284465;background:rgba(255,255,255,.72)}.btn-brand-ghost:hover{border-color:#85abe4;color:#1768d8;transform:translateY(-2px)}.hero-proof{display:flex;flex-wrap:wrap;gap:19px;margin-top:27px;color:#69788d;font-size:.86rem;font-weight:600}.hero-proof i{margin-right:5px;color:#2c84e8}.hero-visual-wrap{position:relative;max-width:640px;margin:0 auto}.hero-visual-wrap:after{position:absolute;z-index:-1;top:15%;right:-6%;width:72%;height:72%;content:"";border-radius:50%;background:#c6dcff;filter:blur(60px);opacity:.68}.hero-visual-wrap img{display:block;width:100%;filter:drop-shadow(0 30px 26px rgba(30,70,142,.14))}.hero-visual-note{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(158,191,239,.64);border-radius:7px;color:#35629b;background:rgba(255,255,255,.81);box-shadow:0 10px 25px rgba(39,72,126,.09);backdrop-filter:blur(8px);font-size:.65rem;font-weight:800;letter-spacing:.06em}.note-top{top:15%;left:-3%}.note-bottom{right:3%;bottom:13%}.hero-visual-note i{color:#477ff2}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#11b8a6;box-shadow:0 0 0 3px rgba(17,184,166,.14)}
.brand-trust-bar{position:relative;z-index:2;background:#14284b}.trust-item{display:flex;align-items:center;gap:15px;min-height:105px;padding:24px 30px;color:#b9c6d9;border-right:1px solid rgba(189,211,241,.16);font-size:.86rem}.trust-item:last-child{border-right:0}.trust-item>i{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;color:#8ac2ff;background:rgba(125,183,255,.12);font-size:1rem}.trust-item span{display:flex;flex-direction:column;gap:3px}.trust-item b{color:#fff;font-size:.9rem;letter-spacing:.01em}
.brand-section{padding:116px 0}.brand-section-heading{margin-bottom:52px}.brand-section-heading h2,.about-intro-section h2,.process-intro h2,.principle-title h2{margin:0;color:#17243c;font-size:clamp(2.1rem,3.7vw,3.45rem);font-weight:800;line-height:1.25;letter-spacing:-.068em;word-break:keep-all}.brand-section-heading>div:last-child>p{max-width:460px;margin:0 0 3px auto;color:#69778b;line-height:1.8;word-break:keep-all}.capabilities-section{background:#fff}.capability-card{height:100%;min-height:292px;padding:28px 25px;border:1px solid #e1e9f3;border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(32,57,95,.035);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.capability-card:hover{border-color:#9bbfed;box-shadow:0 18px 36px rgba(32,79,150,.1);transform:translateY(-5px)}.capability-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:30px;border-radius:12px;font-size:1.25rem}.icon-blue{color:#1768d8;background:#eaf2ff}.icon-violet{color:#7557ce;background:#f1edff}.icon-cyan{color:#008b9a;background:#e7f8fa}.icon-orange{color:#d8781b;background:#fff3e4}.capability-card>span{display:block;margin-bottom:10px;color:#a5b3c6;font-size:.72rem;font-weight:800;letter-spacing:.1em}.capability-card h3{margin:0 0 11px;color:#1d2a3e;font-size:1.2rem;font-weight:750;letter-spacing:-.04em}.capability-card p{margin:0;color:#6b788a;font-size:.9rem;line-height:1.72;word-break:keep-all}
.process-section{position:relative;overflow:hidden;color:#fff;background:#112949}.process-section:before{position:absolute;top:-420px;right:-140px;width:720px;height:720px;content:"";border:1px solid rgba(115,177,255,.18);border-radius:50%;box-shadow:0 0 0 80px rgba(115,177,255,.035),0 0 0 160px rgba(115,177,255,.025)}.process-section .container{position:relative}.process-intro{margin-bottom:48px}.process-intro h2{color:#fff}.process-intro>div:last-child>p{max-width:455px;margin:0 0 3px auto;color:#b9c9df;line-height:1.8;word-break:keep-all}.work-process{display:flex;align-items:stretch}.work-step{flex:1;min-height:235px;padding:25px;border:1px solid rgba(173,207,251,.21);border-radius:11px;background:rgba(16,45,81,.45)}.work-step strong{display:block;color:#7ea9db;font-size:.72rem;letter-spacing:.12em}.work-step>i{display:block;margin:31px 0 18px;color:#8bc2ff;font-size:1.55rem}.work-step h3{margin:0 0 8px;color:#fff;font-size:1.1rem;font-weight:750}.work-step p{margin:0;color:#aec1d8;font-size:.86rem;line-height:1.65;word-break:keep-all}.work-step-arrow{display:grid;flex:0 0 42px;place-items:center;color:#76a6dc;font-size:.9rem}
.work-section{background:#f7f9fc}.solution-teaser{position:relative;overflow:hidden;min-height:330px;padding:30px 32px;border-radius:15px;color:#fff}.solution-teaser:after{position:absolute;right:-58px;bottom:-82px;width:260px;height:260px;content:"";border:42px solid rgba(255,255,255,.11);border-radius:50%}.teal-teaser{background:linear-gradient(135deg,#056c75,#10999a)}.blue-teaser{background:linear-gradient(135deg,#164f9b,#2679dd)}.solution-teaser-top{display:flex;justify-content:space-between;color:rgba(255,255,255,.72);font-size:.67rem;font-weight:800;letter-spacing:.1em}.solution-teaser-icon{display:grid;width:53px;height:53px;place-items:center;margin:32px 0 21px;border:1px solid rgba(255,255,255,.21);border-radius:12px;background:rgba(0,0,0,.1);font-size:1.35rem}.solution-teaser h3{position:relative;z-index:1;margin:0 0 11px;color:#fff;font-size:1.6rem;font-weight:750;line-height:1.3;letter-spacing:-.05em;word-break:keep-all}.solution-teaser p{position:relative;z-index:1;max-width:420px;margin:0;color:rgba(255,255,255,.78);font-size:.92rem;line-height:1.7;word-break:keep-all}.solution-teaser a{position:absolute;z-index:1;bottom:30px;color:#fff;font-size:.88rem;font-weight:700;text-decoration:none}.solution-teaser a i{margin-left:7px;transition:transform .2s ease}.solution-teaser a:hover{color:#fff}.solution-teaser a:hover i{transform:translateX(4px)}
.brand-cta-section{padding:92px 0;background:#fff}.brand-cta-box{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:56px 61px;border-radius:18px;color:#fff;background:linear-gradient(122deg,#0e315f 0,#185ebb 56%,#317ee0 100%);box-shadow:0 19px 40px rgba(27,80,156,.19)}.brand-cta-box h2{margin:0;color:#fff;font-size:clamp(1.85rem,3vw,2.75rem);font-weight:750;line-height:1.27;letter-spacing:-.065em}.brand-cta-action{text-align:right}.brand-cta-action p{margin:0 0 17px;color:rgba(255,255,255,.75);font-size:.91rem;line-height:1.7}.btn-brand-white{color:#1559b1;background:#fff}.btn-brand-white:hover{color:#1559b1;background:#f5f9ff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.15)}
.about-hero{padding:109px 0 91px;background:radial-gradient(circle at 88% 14%,#d6e8ff 0,rgba(214,232,255,.17) 32%,transparent 49%),linear-gradient(135deg,#f9fbff,#eef5ff)}.about-hero h1{font-size:clamp(2.7rem,5vw,4.65rem)}.about-hero>.container p{max-width:650px;margin:0;color:#5e6e83;font-size:1.1rem;line-height:1.85;word-break:keep-all}.about-hero-visual{position:relative;height:390px;max-width:460px;margin:0 auto}.about-orbit{position:absolute;top:50%;left:50%;border:1px dashed #93b6e7;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:300px;height:300px}.orbit-two{width:420px;height:170px;transform:translate(-50%,-50%) rotate(-28deg)}.about-core{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:132px;height:132px;border:9px solid #e8f1ff;border-radius:34px;color:#fff;background:linear-gradient(145deg,#1768d8,#0e407e);box-shadow:0 22px 38px rgba(22,83,165,.26);font-size:1.2rem;font-weight:800;line-height:1.08;letter-spacing:-.06em;transform:translate(-50%,-50%) rotate(-8deg)}.about-core i{position:absolute;right:-13px;bottom:-13px;display:grid;width:35px;height:35px;place-items:center;border-radius:50%;color:#1768d8;background:#fff;box-shadow:0 6px 14px rgba(33,71,124,.15);font-size:.75rem}.about-node{position:absolute;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #c8daf3;border-radius:10px;color:#315c91;background:rgba(255,255,255,.85);box-shadow:0 10px 21px rgba(35,71,124,.1)}.about-node i{color:#2974de;font-size:1rem}.about-node small{font-size:.62rem;font-weight:800;letter-spacing:.08em}.node-plan{top:37px;left:22px}.node-build{top:90px;right:0}.node-grow{bottom:38px;left:38px}.about-intro-section{background:#fff}.about-intro-copy .lead-copy{margin:0 0 22px;color:#263b57;font-size:1.28rem;font-weight:600;line-height:1.75;letter-spacing:-.035em;word-break:keep-all}.about-intro-copy p:last-child{margin:0;color:#6b788a;line-height:1.85;word-break:keep-all}.expertise-section{background:#f6f9fd}.expertise-card{height:100%;min-height:246px;padding:29px 27px;border:1px solid #e1e9f3;border-radius:13px;background:#fff}.expertise-card>i{display:grid;width:45px;height:45px;place-items:center;margin-bottom:30px;border-radius:11px;color:#1768d8;background:#eaf2ff;font-size:1.1rem}.expertise-card h3{margin:0 0 11px;color:#1c2d44;font-size:1.08rem;font-weight:750;letter-spacing:-.04em}.expertise-card p{margin:0;color:#6a788b;font-size:.89rem;line-height:1.72;word-break:keep-all}.principle-section{background:#112949}.principle-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.principle-title h2{color:#fff}.principle-title p{max-width:360px;margin:23px 0 0;color:#aebfd5;line-height:1.8;word-break:keep-all}.principle-list{display:grid;gap:0}.principle-list article{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid rgba(184,210,242,.2)}.principle-list article:first-child{padding-top:0}.principle-list article:last-child{padding-bottom:0;border-bottom:0}.principle-list span{color:#79b4f0;font-size:.78rem;font-weight:800;letter-spacing:.12em}.principle-list h3{margin:0 0 9px;color:#fff;font-size:1.18rem;font-weight:700;letter-spacing:-.04em}.principle-list p{margin:0;color:#b4c4d9;font-size:.91rem;line-height:1.7;word-break:keep-all}
@media (max-width:991.98px){.brand-hero{padding:78px 0 62px}.brand-hero h1,.about-hero h1{font-size:clamp(2.6rem,7vw,4rem)}.hero-visual-wrap{max-width:590px}.brand-section{padding:82px 0}.brand-section-heading>div:last-child>p,.process-intro>div:last-child>p{max-width:none;margin:20px 0 0}.work-process{flex-wrap:wrap;gap:14px 0}.work-step{flex-basis:calc(50% - 21px)}.work-step-arrow{flex-basis:42px}.work-step-arrow:nth-of-type(4){display:none}.principle-layout{gap:55px}.about-hero{padding:80px 0 72px}.about-hero-visual{max-width:410px}}
@media (max-width:767.98px){.brand-hero{padding:65px 0 52px}.brand-hero h1,.about-hero h1{font-size:2.55rem}.brand-hero-lead,.about-hero>.container p{font-size:1rem}.hero-proof{display:grid;gap:9px}.hero-visual-wrap{max-width:470px}.note-top{left:-2%}.note-bottom{right:-2%}.brand-trust-bar .container{padding-right:0;padding-left:0}.trust-item{min-height:82px;padding:18px 25px;border-right:0;border-bottom:1px solid rgba(189,211,241,.16)}.trust-item:last-child{border-bottom:0}.brand-section{padding:68px 0}.brand-section-heading{margin-bottom:36px}.brand-section-heading h2,.about-intro-section h2,.process-intro h2,.principle-title h2{font-size:2.05rem}.capability-card{min-height:auto}.work-process{display:grid;grid-template-columns:1fr;gap:10px}.work-step{min-height:auto;padding:23px}.work-step>i{margin:22px 0 14px}.work-step-arrow{height:23px;transform:rotate(90deg)}.work-step-arrow:nth-of-type(4){display:grid}.solution-teaser{min-height:310px;padding:26px}.brand-cta-section{padding:64px 0}.brand-cta-box{display:block;padding:37px 28px}.brand-cta-action{margin-top:25px;text-align:left}.about-hero{padding:69px 0 61px}.about-hero-visual{height:300px;max-width:355px}.orbit-one{width:230px;height:230px}.orbit-two{width:330px;height:135px}.about-core{width:106px;height:106px;border-width:7px;border-radius:28px;font-size:1rem}.node-plan{top:23px;left:0}.node-build{top:62px;right:-5px}.node-grow{bottom:24px;left:8px}.about-node{padding:9px 10px}.principle-layout{grid-template-columns:1fr;gap:42px}.principle-list article{grid-template-columns:42px 1fr;gap:10px}.about-intro-copy .lead-copy{font-size:1.12rem}}

/* Local SVG icon variants for the corporate pages. */
.hero-proof .app-icon { margin-right: 5px; color: #2c84e8; }
.hero-visual-note .app-icon { color: #477ff2; }
.trust-item > .app-icon { display: grid; width: 38px; height: 38px; place-items: center; padding: 10px; border-radius: 9px; color: #8ac2ff; background: rgba(125,183,255,.12); font-size: 1rem; }
.work-step > .app-icon { display: block; margin: 31px 0 18px; color: #8bc2ff; font-size: 1.55rem; }
.solution-teaser a .app-icon { margin-left: 7px; transition: transform .2s ease; }
.solution-teaser a:hover .app-icon { transform: translateX(4px); }
.about-core .app-icon { position: absolute; right: -13px; bottom: -13px; display: grid; width: 35px; height: 35px; place-items: center; padding: 9px; border-radius: 50%; color: #1768d8; background: #fff; box-shadow: 0 6px 14px rgba(33,71,124,.15); font-size: .75rem; }
.about-node .app-icon { color: #2974de; font-size: 1rem; }
.expertise-card > .app-icon { display: grid; width: 45px; height: 45px; place-items: center; margin-bottom: 30px; padding: 11px; border-radius: 11px; color: #1768d8; background: #eaf2ff; font-size: 1.1rem; }
@media (max-width:767.98px) { .work-step > .app-icon { margin: 22px 0 14px; } }

/* Local SVG icon variants for the SonsaLink platform page. */
.solution-kicker .app-icon { margin-right: 8px; vertical-align: -0.15em; }
.hero-checks .app-icon { margin-right: 7px; color: var(--solution-blue); }
.platform-page .hero-checks .app-icon { color: var(--solution-teal); }
.screen-caption .app-icon { color: var(--solution-blue); }
.platform-page .screen-caption .app-icon { color: var(--solution-teal); }
.platform-flow-item > .app-icon { display: block; margin: 20px 0 16px; color: var(--solution-teal); font-size: 1.95rem; }
.featured-flow-item > .app-icon { color: var(--solution-blue); }

/* Refined layout for the three-step platform flow cards. */
.platform-flow-item {
    display: flex;
    min-height: 272px;
    padding: 25px 28px 28px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.platform-flow-item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    color: #4d9699;
    background: #edf8f8;
    font-size: .68rem;
    line-height: 1;
    letter-spacing: .08em;
}
.platform-flow-item > .app-icon {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    margin: 20px 0 17px;
    padding: 14px;
    border: 1px solid #cfe8e8;
    border-radius: 16px;
    color: var(--solution-teal);
    background: #eaf8f8;
    font-size: 1.55rem;
}
.platform-flow-item h3 {
    margin: 0 0 10px;
    color: var(--text-primary);
    font-size: 1.17rem;
    font-weight: 750;
    line-height: 1.35;
}
.platform-flow-item p { max-width: 250px; font-size: .9rem; }
.featured-flow-item > span { color: #2a73cb; background: #eaf2ff; }
.featured-flow-item > .app-icon { border-color: #c6dcfb; color: var(--solution-blue); background: #eaf2ff; }
.platform-flow-arrow .app-icon {
    width: 34px;
    height: 34px;
    padding: 9px;
    border: 1px solid #cce5e5;
    border-radius: 50%;
    color: #429da0;
    background: #fff;
}
@media (max-width:767.98px) {
    .platform-flow-item { min-height: 0; padding: 25px 24px 27px; }
}