/* Scoped to À propos: the showroom and other editorial pages keep their material. */
.crystal-article[data-page="about"]{max-width:1440px}
.nl-about{color:#183664;background:linear-gradient(115deg,#eaf3ffc9,#e7efffba 52%,#eeeaffc2);border:1px solid #ffffffb8;border-radius:24px;box-shadow:inset 0 1px 2px #fff8;overflow:hidden}
.nl-about *{box-sizing:border-box}
.nl-about .nl-about-sequence{padding:42px 38px;border-bottom:1px solid #ffffffd9;scroll-margin-top:20px}
.nl-about h1,.nl-about h2,.nl-about h3,.nl-about h4,.nl-about p,.nl-about figure,.nl-about blockquote{margin:0}
.nl-about h1{font-size:clamp(32px,3.1vw,52px);line-height:1.1;letter-spacing:-.045em;font-weight:600;max-width:570px}
.nl-about h1 em{font-style:normal;color:#364fd2}
.nl-about h2{font-size:clamp(26px,2.1vw,36px);line-height:1.16;letter-spacing:-.035em;font-weight:570}
.nl-about h3{font-size:18px;line-height:1.35;font-weight:600}
.nl-about h4{font-size:14px;line-height:1.45}
.nl-about p{font-size:15px;line-height:1.7}
.nl-about h2+p,.nl-about h3+p{margin-top:16px}
.nl-about .nl-about-kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#4166a0;margin-bottom:18px;font-weight:650}
.nl-about .nl-about-lead{font-size:17px;line-height:1.65;margin:22px 0 25px;max-width:540px}
.nl-about-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}
.nl-about-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 22px;background:linear-gradient(110deg,#327dce,#5155dd 65%,#965fe0);border:1px solid #d4e8ff;border-radius:30px;color:white!important;font:600 13px/1.4 Inter,system-ui,sans-serif!important;text-decoration:none;box-shadow:inset 0 1px 2px #fff8,0 4px 12px #445da21c;cursor:pointer}
.nl-about-cta:hover{background:linear-gradient(110deg,#2768b8,#464bc4 65%,#8151c9)}
.nl-about .nl-about-signature{font-size:11px;color:#4c6790;margin-top:24px;line-height:1.8}
.nl-about-signature span{margin:0 6px;color:#847ce3}
.nl-about-flow svg,.nl-about-fragment svg{width:100%;height:auto;display:block;overflow:visible}
.nl-about svg text{font:13px Inter,system-ui,sans-serif;fill:#254575}
.nl-about svg .nl-about-svg-emphasis{font-size:15px;font-weight:600}
.nl-about svg .nl-about-svg-small{font-size:10px}
.nl-about figcaption{font-size:11px;line-height:1.6;color:#46658c;text-align:center;margin-top:8px}
.nl-about-problem{display:grid;grid-template-columns:1fr 1.35fr .68fr;gap:26px;align-items:center;background:linear-gradient(100deg,#eef7ff20,#dce9fd40)}
.nl-about-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:20px 0 0}
.nl-about-tags li{font-size:10px;padding:6px 9px;border:1px solid #c5d5ec;border-radius:20px;background:#eff7ff90}
.nl-about-note{border-left:2px solid #b0c8ef;padding:16px 0 16px 20px}
.nl-about-note p{font-size:13px;margin-top:13px}
.nl-about-section-head{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:50px;margin-bottom:26px}
.nl-about-icon{display:block;width:32px;height:32px;color:#476beb;flex:none}
.nl-about-steps{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;gap:14px;padding:0;margin:0}
.nl-about-steps li{position:relative;padding:24px 14px 20px;text-align:center;border:1px solid #fff;border-radius:18px;background:linear-gradient(145deg,#f6fbff80,#d9e9fc55)}
.nl-about-steps li:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:60px;color:#5f67db;background:#eaf0ff;border-radius:50%;width:24px;height:24px;z-index:1;font-size:19px;line-height:24px}
.nl-about-steps .nl-about-icon,.nl-about-pillars .nl-about-icon{margin:0 auto 17px}
.nl-about-steps h3{font-size:15px}
.nl-about-steps p{font-size:12px;line-height:1.6;margin-top:10px}
.nl-about-steps li:nth-child(n+4) .nl-about-icon{color:#7960d8}
.nl-about-vision{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}
.nl-about blockquote{font-size:15px;line-height:1.6;margin-top:23px;padding:15px 18px;border-left:2px solid #819bdd;background:#eef5ff77;border-radius:0 12px 12px 0}
.nl-about-objectives{padding:24px;border:1px solid #fff;border-radius:20px;background:#ecf4ff66}
.nl-about .nl-about-caption{font-size:11px;color:#577090;margin:7px 0 20px}
.nl-about-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.nl-about-comparison>div{padding:17px;border-radius:12px;background:#e6e8f880}
.nl-about-comparison>div+div{background:#dceffc90}
.nl-about-comparison ul{padding:0 0 0 16px;font-size:13px;line-height:1.65;margin:14px 0 0}
.nl-about-comparison li+li{margin-top:12px}
.nl-about .nl-about-human{display:flex;gap:14px;align-items:center;font-size:12px;margin-top:22px}
.nl-about-human strong{display:block}
.nl-about-work{display:grid;grid-template-columns:1.13fr 1fr;gap:34px;align-items:center}
.nl-about-work-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:17px;border:1px solid #fff}
.nl-about-work-image figcaption{text-align:left}
.nl-about-work-method{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.nl-about-work-method>div{border-top:1px solid #aebfdd;padding-top:15px}
.nl-about-work-method h3{font-size:14px}
.nl-about-work-method p{font-size:13px;margin-top:9px}
.nl-about-summary{display:grid;grid-template-columns:1fr 1.65fr;gap:40px;align-items:center}
.nl-about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.nl-about-pillars>div{text-align:center;padding:23px 18px;border:1px solid #fff;border-radius:18px;background:#eef7ff70}
.nl-about-pillars p{font-size:12px;margin-top:10px}
.nl-about-finale{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px 38px;background:linear-gradient(100deg,#f1f8ff90,#e5e7ff85)}
.nl-about-finale p{font-size:16px;line-height:1.5}
@media(max-width:1100px){.nl-about .nl-about-sequence{padding:32px 26px}.nl-about-problem{grid-template-columns:1fr 1.3fr}.nl-about-note{grid-column:1/-1;display:flex;align-items:center;gap:24px}.nl-about-note h3,.nl-about-note p{flex:1;margin:0}.nl-about-steps{grid-template-columns:repeat(3,1fr)}.nl-about-steps li:nth-child(3)::after{display:none}.nl-about-vision{gap:25px;grid-template-columns:1fr 1.2fr}.nl-about-summary{grid-template-columns:1fr}.nl-about-comparison{gap:12px}.nl-about-comparison>div{padding:12px}}
@media(max-width:750px){.nl-about-hero,.nl-about-problem,.nl-about-section-head,.nl-about-vision,.nl-about-work{grid-template-columns:1fr;gap:26px}.nl-about-note{display:block}.nl-about-note p{margin-top:12px}.nl-about .nl-about-sequence{padding:28px 20px}.nl-about-section-head{margin-bottom:24px}.nl-about h1{font-size:36px}.nl-about h2{font-size:29px}.nl-about .nl-about-lead{font-size:16px}.nl-about-flow{max-width:570px}.nl-about-finale{padding:26px 20px;align-items:flex-start;flex-direction:column}.nl-about-objectives{padding:18px}.nl-about-pillars{gap:10px}.nl-about-pillars>div{padding:20px 12px}}
@media(max-width:480px){.crystal-article[data-page="about"] .nl-about{border-radius:16px}.nl-about h1{font-size:32px}.nl-about-steps{grid-template-columns:repeat(2,1fr);gap:12px}.nl-about-steps li:nth-child(3)::after{display:block}.nl-about-steps li:nth-child(even)::after{display:none}.nl-about-comparison,.nl-about-work-method,.nl-about-pillars{grid-template-columns:1fr}.nl-about-pillars>div{display:grid;grid-template-columns:35px 1fr;column-gap:18px;text-align:left}.nl-about-pillars .nl-about-icon{grid-row:1/3;margin:0}.nl-about-pillars p{grid-column:2}.nl-about .nl-about-signature span{margin:0 3px}.nl-about-cta{gap:12px;font-size:12px!important;padding:12px 16px}.nl-about svg text{font-size:14px}.nl-about svg .nl-about-svg-small{font-size:11px}}

.nl-about-mobile-flow{display:none}
@media(max-width:480px){
 .nl-about-flow>svg,.nl-about-fragment>svg{display:none}
 .nl-about-mobile-flow{display:block}
 .nl-about-mobile-flow ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none;margin:0;padding:0}
 .nl-about-mobile-flow li{font-size:12px;padding:10px 6px;text-align:center;border:1px solid #fff;border-radius:8px;background:#eef6ff90}
 .nl-about-mobile-link{display:block;text-align:center;font-size:26px;line-height:42px;color:#666de0}
 .nl-about-mobile-result{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border:1px solid #fff;border-radius:14px;background:#eef5ff80;font-size:13px}
 .nl-about-mobile-result img{width:55px;height:auto}
 .nl-about-mobile-fragment .nl-about-mobile-result{flex-direction:column;gap:5px}
 .nl-about .nl-about-broken-link{text-align:center;font-size:11px;margin:14px 0;color:#5d6c8f}
}

/* Mission hero: master-reference composition, editable layered SVG. */
.nl-about-hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.3fr);gap:16px}
.nl-about-hero-visual{min-width:0}
.nl-about-hero-visual svg{display:block;width:100%;height:auto}
.nl-about svg .nl-hero-source-label{font-size:12px;font-weight:600;fill:#24498e}
.nl-about svg .nl-hero-stage-label{font-size:11px;font-weight:500;fill:#38568a;letter-spacing:.3px}
.nl-about svg .nl-hero-brand{font-size:21px;font-weight:650;fill:#122f73}
.nl-about svg .nl-hero-caption{font-size:13px;font-weight:500;fill:#20468a}
.nl-about-hero-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}
.nl-about-video-wrap{display:grid;gap:4px;text-align:center}
.nl-about-video{display:flex;align-items:center;gap:8px;border:1px solid #a8bde6;border-radius:30px;padding:12px 15px;background:#ecf5ff75;color:#32548b!important;font-size:12px!important;line-height:1.4;cursor:default!important}
.nl-about-video svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.nl-about-video-wrap small{font-size:10px;color:#557094}
.nl-about-benefits{display:flex;flex-wrap:wrap;gap:10px 12px;list-style:none;padding:0;margin:23px 0 0}
.nl-about-benefits li{display:flex;align-items:center;gap:6px;font-size:10px;color:#365580}
.nl-about-benefits li+li{border-left:1px solid #abbfdf;padding-left:12px}
.nl-about-benefits .nl-about-icon{width:17px;height:17px;color:#5274b9}
@media(max-width:1100px){.nl-about-hero{grid-template-columns:1fr}.nl-about-hero>div:first-child{max-width:700px}.nl-about-hero-visual{max-width:850px;width:100%;margin:auto!important}}
@media(max-width:480px){.nl-about-hero-visual{overflow-x:auto;padding-bottom:10px}.nl-about-hero-visual>svg{display:block;width:650px;max-width:none}.nl-about-benefits{gap:12px}.nl-about-benefits li{font-size:11px}.nl-about-benefits li+li{border-left:0;padding-left:0}}

/* Approved transparent artwork replaces only the central mission illustration. */
.nl-about-hero-asset{display:grid;grid-template-columns:minmax(0,1fr) 106px;gap:12px;align-items:center;overflow:visible}
.nl-about-hero-art{min-width:0}
.nl-about-hero-art>img{display:block;width:100%;height:auto;object-fit:contain}
.nl-about-hero-art figcaption{font-size:12px;color:#20468a;text-align:right;padding-right:5%;margin-top:10px}
.nl-about-hero-stages{list-style:none;margin:0;padding:22px 12px;display:grid;gap:22px;border:1px solid #f1faff;border-radius:14px;background:linear-gradient(120deg,#fff8,#b9cefa35);font-size:10px;color:#38568a}
@media(max-width:480px){.nl-about-hero-asset{grid-template-columns:minmax(0,1fr);overflow:visible;padding:0}.nl-about-hero-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;font-size:10px}.nl-about-hero-art figcaption{text-align:center;padding:0}}

.nl-about-constat-asset{min-width:0}
.nl-about-constat-asset>img{display:block;width:100%;height:auto;object-fit:contain}

/* Section 04: reference composition, native editable charts and information bubbles. */
.nl-about .nl-vision-reference{grid-template-columns:1.06fr 1.94fr;gap:32px;align-items:center}
.nl-vision-reference>div>h2{font-size:clamp(25px,2.05vw,34px);line-height:1.2;letter-spacing:-.035em}
.nl-vision-reference>div>p:not(.nl-about-kicker){font-size:14px;line-height:1.55;margin-top:16px}
.nl-about .nl-vision-reference blockquote{display:flex;gap:16px;align-items:flex-start;background:#eff6ff70;border:1px solid #ffffffc9;border-radius:18px;padding:16px 20px;margin-top:18px}
.nl-vision-reference blockquote>span{color:#4b72c0;font:bold 40px/1 Georgia,serif}
.nl-about .nl-vision-reference blockquote p{font-size:14px;line-height:1.5;margin:0}
.nl-vision-panel{padding:13px 13px 10px;border:1px solid #ffffff95;border-radius:25px;background:linear-gradient(120deg,#f5f8ff6b,#e0edff5c);min-width:0}
.nl-vision-charts{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.nl-vision-chart{border:1px solid #fff;border-radius:14px;padding:17px 14px;background:linear-gradient(140deg,#f5f8ffad,#f1efff60);min-width:0}
.nl-vision-after{background:linear-gradient(140deg,#effaffba,#deedff60)}
.nl-vision-chart header{display:flex;align-items:flex-start;gap:10px;margin-bottom:22px}
.nl-vision-chart header .nl-about-icon{width:16px;height:16px;margin-top:1px}
.nl-about .nl-vision-chart h3{font-size:12px;font-weight:650;line-height:1.25}
.nl-about .nl-vision-chart header p{font-size:11px;line-height:1.4;margin:3px 0 0}
.nl-vision-bars{display:grid;gap:14px;padding-left:26px}
.nl-vision-row{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:9px;font-size:10px;line-height:1.25}
.nl-vision-track{display:block;background:#d9e0f740;border-radius:3px;height:15px;overflow:hidden}
.nl-vision-track i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#8750c9,#cfbcf1);box-shadow:inset 0 1px 2px #ffffff35}
.nl-vision-after .nl-vision-track i{background:linear-gradient(90deg,#1978e7,#75c6ff)}
.nl-vision-arrow{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #c0d4ff;border-radius:50%;background:#eff6ff;color:#3155e6;font-size:35px;font-weight:300;box-shadow:0 2px 10px #607bc01a}
.nl-vision-insights{display:grid;grid-template-columns:.86fr 1.15fr 1fr 1fr;gap:12px;margin-top:24px;padding:0 8px}
.nl-vision-insights>div{display:flex;gap:10px;align-items:center;min-width:0}
.nl-vision-insights>div+div{border-left:1px solid #c7d7f080;padding-left:14px}
.nl-vision-insights .nl-about-icon{width:27px;height:27px;color:#7061ff}
.nl-vision-insights>div:last-child .nl-about-icon{color:#3679ed}
.nl-about .nl-vision-insights p{font-size:11px;line-height:1.3;margin:0}
.nl-vision-insights strong{display:block;font-size:21px;font-weight:600}
.nl-vision-insights span{display:block;font-size:10px}
.nl-vision-insights b{font-weight:550}
.nl-about .nl-vision-disclosure{font-size:9px;line-height:1.4;color:#53688b;margin:15px 8px 0}
@media(max-width:1100px){.nl-about .nl-vision-reference{grid-template-columns:1fr;gap:24px}.nl-vision-reference>div:first-child{max-width:670px}.nl-vision-row{font-size:12px}.nl-about .nl-vision-chart h3{font-size:13px}}
@media(max-width:600px){.nl-vision-charts{grid-template-columns:1fr;gap:25px}.nl-vision-arrow{top:50%;transform:translate(-50%,-50%) rotate(90deg);width:33px;height:33px;font-size:27px}.nl-vision-insights{grid-template-columns:1fr 1fr;gap:20px 12px;padding:0}.nl-vision-insights>div+div{padding-left:0;border:0}.nl-vision-bars{padding-left:0}.nl-vision-row{font-size:11px}.nl-vision-chart{padding:16px}.nl-about .nl-vision-reference blockquote{padding:15px}.nl-vision-insights strong{font-size:20px}}

.nl-about-consultant .nl-about-hero-art>img{width:84%;margin-inline:auto;border-radius:18px;border:1px solid #f4fbff;box-shadow:0 5px 18px #45699a18}