/* Business system development advertising landing page */
.systemLanding {
    --sys-navy:#07111f;
    --sys-navy-2:#0c1a2e;
    --sys-ink:#111827;
    --sys-muted:#657084;
    --sys-line:#dfe5ec;
    --sys-soft:#f2f5f8;
    --sys-white:#fff;
    --sys-accent:#7cff6b;
    --sys-blue:#5d7cff;
    background:var(--sys-white);
    color:var(--sys-ink);
    font-family:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    letter-spacing:-.035em;
}
.systemLanding *, .systemLanding *::before, .systemLanding *::after { box-sizing:border-box; }
.systemLanding a { color:inherit; text-decoration:none; }
.systemLanding strong { font-weight:800; }
.systemLanding [id^="system"] { scroll-margin-top:8rem; }
.systemLanding__container { width:min(1280px, calc(100% - 80px)); margin:0 auto; }
.systemLanding__eyebrow { display:flex; align-items:center; gap:1.2rem; margin:0 0 2.6rem; color:var(--sys-accent); font-family:Poppins, sans-serif; font-size:1.2rem; font-weight:700; letter-spacing:.16em; }
.systemLanding__eyebrow::before { content:""; width:3.2rem; height:1px; background:currentColor; }
.systemLanding__eyebrow--dark { color:#536071; }

/* Existing site header treatment for the dark landing hero. */
/*
.headerWrap.systemLandingHeader .logo a { width:22rem; height:4rem; opacity:1; transform:translateX(0); background:none !important; }
.headerWrap.systemLandingHeader .logo a::after { content:"G-MAKER"; display:block; color:#fff; font-family:Poppins, sans-serif; font-size:2.4rem; font-weight:800; letter-spacing:.16em; line-height:4rem; }
*/
.headerWrap.systemLandingHeader.scroll .logo a::after { color:#0b1524; }
.headerWrap.systemLandingHeader .navBtnWrap .navBtn { background:rgba(255,255,255,.08); }
.headerWrap.systemLandingHeader .navBtnWrap .navBtn .line { background:#fff; }
.headerWrap.systemLandingHeader.scroll .navBtnWrap .navBtn { background:#0b1524; }

.systemLanding__hero { position:relative; min-height:94vh; display:flex; align-items:center; overflow:hidden; padding:15rem 0 12rem; background:radial-gradient(circle at 78% 26%, rgba(93,124,255,.24), transparent 26%), linear-gradient(135deg, #07111f 0%, #09182a 58%, #0d2036 100%); color:#fff; }
.systemLanding__hero::before { content:""; position:absolute; width:48rem; height:48rem; right:-22rem; bottom:-26rem; border:1px solid rgba(124,255,107,.25); border-radius:50%; box-shadow:0 0 0 9rem rgba(124,255,107,.025), 0 0 0 18rem rgba(124,255,107,.018); }
.systemLanding__heroGrid { position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right, transparent 0%, #000 65%, #000 100%); }
.systemLanding__heroLayout { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0, .92fr) minmax(480px, .78fr); gap:8rem; align-items:center; }
.systemLanding__hero h1 { margin:0; color:#fff; font-size:clamp(5.6rem, 5.7vw, 9.2rem); font-weight:300; line-height:1.05; letter-spacing:-.075em; }
.systemLanding__hero h1 strong { position:relative; z-index:1; color:var(--sys-accent); }
.systemLanding__hero h1 strong::after { content:""; position:absolute; left:-.05em; right:-.08em; bottom:.06em; z-index:-1; height:.14em; background:rgba(124,255,107,.16); }
.systemLanding__lead { margin:3.4rem 0 0; color:#c9d2df; font-size:2rem; line-height:1.75; letter-spacing:-.035em; }
.systemLanding__actions { display:flex; gap:1.2rem; margin-top:4.2rem; }
.systemLanding__button { min-height:5.8rem; display:inline-flex; align-items:center; justify-content:center; gap:2.5rem; padding:0 2.8rem; border:1px solid transparent; border-radius:.6rem; font-size:1.6rem; font-weight:700; letter-spacing:-.025em; transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease; }
.systemLanding__button:hover { transform:translateY(-2px); }
.systemLanding__button span { font-size:1.8rem; }
.systemLanding__button--primary { background:var(--sys-accent); color:#08131e !important; }
.systemLanding__button--primary:hover { background:#a0ff94; }
.systemLanding__button--ghost { border-color:rgba(255,255,255,.28); color:#fff !important; background:rgba(255,255,255,.03); }
.systemLanding__button--ghost:hover { border-color:#fff; background:rgba(255,255,255,.08); }
.systemLanding__button--dark { background:var(--sys-navy); color:#fff !important; }
.systemLanding__button--wide { width:100%; }
.systemLanding__proofList { display:flex; flex-wrap:wrap; gap:1rem 2.2rem; margin:3.4rem 0 0; color:#94a4b8; font-size:1.35rem; letter-spacing:-.02em; }
.systemLanding__proofList li { display:flex; align-items:center; gap:.8rem; }
.systemLanding__proofList li::before { content:""; width:.5rem; height:.5rem; border-radius:50%; background:var(--sys-accent); box-shadow:0 0 0 .4rem rgba(124,255,107,.08); }

.systemLanding__systemVisual { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.17); border-radius:1.6rem; background:rgba(12,26,46,.72); box-shadow:0 4rem 8rem rgba(0,0,0,.32); backdrop-filter:blur(16px); transform:perspective(1200px) rotateY(-3deg) rotateX(1deg); }
.systemLanding__systemVisual::after { content:""; position:absolute; inset:auto -12rem -12rem auto; width:25rem; height:25rem; border-radius:50%; background:rgba(124,255,107,.12); filter:blur(60px); }
.systemLanding__visualTopbar { height:5rem; display:flex; align-items:center; justify-content:space-between; padding:0 1.8rem; border-bottom:1px solid rgba(255,255,255,.1); color:#7f90a6; font-family:Poppins, sans-serif; font-size:.95rem; letter-spacing:.11em; }
.systemLanding__windowDots { display:flex; gap:.55rem; }
.systemLanding__windowDots i { width:.7rem; height:.7rem; border-radius:50%; background:#425169; }
.systemLanding__windowDots i:first-child { background:var(--sys-accent); }
.systemLanding__live { display:flex; align-items:center; gap:.6rem; color:#b8c4d1; letter-spacing:0; }
.systemLanding__live i { width:.6rem; height:.6rem; border-radius:50%; background:var(--sys-accent); box-shadow:0 0 0 .4rem rgba(124,255,107,.12); }
.systemLanding__visualBody { min-height:42rem; display:grid; grid-template-columns:5.6rem 1fr; }
.systemLanding__visualNav { padding:2.4rem 1.6rem; display:flex; flex-direction:column; align-items:center; gap:1.8rem; border-right:1px solid rgba(255,255,255,.08); }
.systemLanding__visualNav span { width:1.7rem; height:1.7rem; border:1px solid #43526a; border-radius:.4rem; }
.systemLanding__visualNav span.is-active { border-color:var(--sys-accent); background:var(--sys-accent); box-shadow:0 0 2rem rgba(124,255,107,.3); }
.systemLanding__visualContent { padding:3rem; }
.systemLanding__visualHeading { display:flex; align-items:flex-end; justify-content:space-between; }
.systemLanding__visualHeading div { display:flex; flex-direction:column; gap:.6rem; }
.systemLanding__visualHeading small { color:#718198; font-family:Poppins, sans-serif; font-size:.9rem; letter-spacing:.12em; }
.systemLanding__visualHeading b { color:#fff; font-size:2rem; }
.systemLanding__visualHeading > span { padding:.7rem 1rem; border-radius:2rem; background:rgba(93,124,255,.15); color:#9faeff; font-size:1.05rem; }
.systemLanding__flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:1rem; align-items:center; margin-top:3rem; }
.systemLanding__flowCard { min-height:12.5rem; display:flex; flex-direction:column; padding:1.6rem; border:1px solid rgba(255,255,255,.1); border-radius:1rem; background:rgba(255,255,255,.035); }
.systemLanding__flowCard.is-accent { border-color:rgba(124,255,107,.5); background:linear-gradient(145deg, rgba(124,255,107,.12), rgba(124,255,107,.03)); }
.systemLanding__flowIcon { width:2.8rem; height:2.8rem; display:grid; place-items:center; margin-bottom:1.7rem; border-radius:.7rem; background:#26364d; color:#9aa9ba; font-family:Poppins, sans-serif; font-size:.8rem; }
.systemLanding__flowCard.is-accent .systemLanding__flowIcon { background:var(--sys-accent); color:#08131e; }
.systemLanding__flowCard small { color:#66778e; font-family:Poppins, sans-serif; font-size:.8rem; letter-spacing:.1em; }
.systemLanding__flowCard b { margin-top:.4rem; color:#eef4fa; font-size:1.35rem; }
.systemLanding__flowArrow { color:#58687d; font-size:1.5rem; }
.systemLanding__visualBottom { display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; margin-top:1.6rem; }
.systemLanding__miniChart, .systemLanding__taskList { height:10rem; border:1px solid rgba(255,255,255,.08); border-radius:1rem; background:rgba(255,255,255,.025); }
.systemLanding__miniChart { display:flex; align-items:flex-end; gap:.7rem; padding:1.6rem; }
.systemLanding__miniChart span { flex:1; min-height:1rem; border-radius:.3rem .3rem 0 0; background:linear-gradient(to top, rgba(93,124,255,.25), #5d7cff); }
.systemLanding__taskList { display:flex; flex-direction:column; justify-content:center; gap:1.1rem; padding:1.5rem; color:#a6b3c3; font-size:1.05rem; }
.systemLanding__taskList span { display:flex; align-items:center; gap:.8rem; }
.systemLanding__taskList i { width:.7rem; height:.7rem; border:1px solid var(--sys-accent); border-radius:50%; }
.systemLanding__scrollCue { position:absolute; left:50%; bottom:3rem; z-index:2; transform:translateX(-50%); display:flex; align-items:center; gap:1.6rem; color:#74849a !important; font-family:Poppins, sans-serif; font-size:.85rem; letter-spacing:.14em; }
.systemLanding__scrollCue i { position:relative; width:6rem; height:1px; background:#46566b; }
.systemLanding__scrollCue i::after { content:""; position:absolute; right:0; top:-.25rem; width:.55rem; height:.55rem; border-right:1px solid #74849a; border-bottom:1px solid #74849a; transform:rotate(-45deg); }

#pageContent.systemLanding__content { padding-top:0; opacity:1; color:var(--sys-ink); }
.systemLanding__section { padding:14rem 0; }
.systemLanding__sectionIntro { max-width:82rem; margin-bottom:6rem; }
.systemLanding__sectionIntro h2, .systemLanding__approach h2, .systemLanding__fit h2, .systemLanding__faq h2 { margin:0; font-size:clamp(4rem, 4vw, 6.4rem); font-weight:350; line-height:1.17; letter-spacing:-.065em; }
.systemLanding__sectionIntro > p:last-child { margin-top:2.6rem; color:var(--sys-muted); font-size:1.7rem; line-height:1.8; }
.systemLanding__sectionIntro--split { max-width:none; display:grid; grid-template-columns:.45fr 1fr .78fr; gap:5rem; align-items:start; }
.systemLanding__sectionIntro--split .systemLanding__eyebrow { margin-top:1.5rem; }
.systemLanding__sectionIntro--split h2 { font-size:clamp(4.2rem, 3.8vw, 6rem); }
.systemLanding__sectionIntro--split > p:last-child { margin:1rem 0 0; }
.systemLanding__sectionIntro--row { max-width:none; display:flex; align-items:flex-end; justify-content:space-between; gap:5rem; }
.systemLanding__sectionIntro--row > p { max-width:42rem; margin:0 0 .6rem !important; }

.systemLanding__pain { background:#fff; }
.systemLanding__painGrid { display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--sys-line); border-left:1px solid var(--sys-line); }
.systemLanding__painGrid article { min-height:23rem; padding:3.2rem; border-right:1px solid var(--sys-line); border-bottom:1px solid var(--sys-line); }
.systemLanding__painGrid span { color:#9aa5b2; font-family:Poppins, sans-serif; font-size:1.1rem; }
.systemLanding__painGrid h3 { margin:6.5rem 0 1.4rem; font-size:2.2rem; }
.systemLanding__painGrid p { margin:0; color:var(--sys-muted); font-size:1.45rem; line-height:1.7; }

.systemLanding__solutions { background:var(--sys-navy); color:#fff; }
.systemLanding__solutions .systemLanding__sectionIntro > p:last-child { color:#9ba9ba; }
.systemLanding__solutionGrid { display:grid; grid-template-columns:repeat(3, 1fr); border-top:1px solid rgba(255,255,255,.12); border-left:1px solid rgba(255,255,255,.12); }
.systemLanding__solutionGrid article { position:relative; min-height:40rem; padding:3.6rem; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.018); transition:background .25s ease, transform .25s ease; }
.systemLanding__solutionGrid article:hover { z-index:2; background:rgba(124,255,107,.07); }
.systemLanding__solutionNo { position:absolute; right:2.5rem; top:2.5rem; color:#59687a; font-family:Poppins, sans-serif; font-size:1rem; }
.systemLanding__lineIcon { position:relative; width:5.2rem; height:5.2rem; margin-bottom:5.2rem; border:1px solid #5d6b7e; border-radius:1.2rem; }
.systemLanding__lineIcon::before, .systemLanding__lineIcon::after { content:""; position:absolute; border:1px solid var(--sys-accent); }
.systemLanding__lineIcon--calendar::before { inset:1.3rem .9rem .9rem; border-radius:.3rem; }
.systemLanding__lineIcon--calendar::after { left:1.6rem; right:1.6rem; top:2.4rem; height:0; border-width:1px 0 0; box-shadow:0 .7rem 0 rgba(124,255,107,.7); }
.systemLanding__lineIcon--quote::before { width:2.2rem; height:2.7rem; left:1.4rem; top:1.1rem; border-radius:.2rem; }
.systemLanding__lineIcon--quote::after { width:1.2rem; height:.6rem; left:2rem; top:2.1rem; border-width:1px 0; }
.systemLanding__lineIcon--learning::before { width:2.6rem; height:1.8rem; left:1.2rem; top:1.4rem; transform:skewY(-12deg); }
.systemLanding__lineIcon--learning::after { width:1.4rem; height:.7rem; left:1.8rem; bottom:1rem; border-width:0 1px 1px; }
.systemLanding__lineIcon--cert::before { width:2.2rem; height:2.8rem; left:1.4rem; top:1rem; border-radius:50% 50% 45% 45%; }
.systemLanding__lineIcon--cert::after { width:.8rem; height:.5rem; left:2.1rem; top:2rem; border-width:0 0 1px 1px; transform:rotate(-45deg); }
.systemLanding__lineIcon--user::before { width:1.4rem; height:1.4rem; left:1.8rem; top:1rem; border-radius:50%; }
.systemLanding__lineIcon--user::after { width:2.6rem; height:1.3rem; left:1.2rem; bottom:1rem; border-radius:2rem 2rem .4rem .4rem; }
.systemLanding__lineIcon--admin::before { width:2.8rem; height:2.4rem; left:1.1rem; top:1.1rem; border-radius:.3rem; }
.systemLanding__lineIcon--admin::after { width:1.8rem; height:.8rem; left:1.6rem; bottom:.8rem; border-width:1px 0 0; box-shadow:.45rem -.8rem 0 -.35rem var(--sys-accent), 1.1rem -.3rem 0 -.35rem var(--sys-accent); }
.systemLanding__solutionGrid h3 { margin:0 0 1.6rem; font-size:2.4rem; }
.systemLanding__solutionGrid p { min-height:7.5rem; margin:0; color:#a9b6c6; font-size:1.45rem; line-height:1.75; }
.systemLanding__solutionGrid ul { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2.4rem; }
.systemLanding__solutionGrid li { padding:.7rem 1rem; border-radius:2rem; background:rgba(255,255,255,.06); color:#bcc7d4; font-size:1.15rem; }

.systemLanding__connections { background:#f3f6f4; }
.systemLanding__connectionGrid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1.6rem; }
.systemLanding__connectionGrid article { min-height:35rem; padding:3.6rem; border:1px solid #d9e1dc; border-radius:1rem; background:#fff; }
.systemLanding__connectionGrid > article > span { display:inline-block; color:#5b6a62; font-family:Poppins, sans-serif; font-size:1rem; font-weight:700; letter-spacing:.12em; }
.systemLanding__connectionGrid h3 { max-width:48rem; margin:7rem 0 1.5rem; font-size:2.6rem; line-height:1.35; }
.systemLanding__connectionGrid p { margin:0; color:var(--sys-muted); font-size:1.4rem; line-height:1.75; }
.systemLanding__connectionGrid ul { margin-top:2.5rem; padding-top:2rem; border-top:1px solid #e4e9e6; }
.systemLanding__connectionGrid li { position:relative; padding-left:1.4rem; color:#647168; font-size:1.2rem; line-height:1.7; }
.systemLanding__connectionGrid li::before { content:""; position:absolute; left:0; top:.9em; width:.45rem; height:.45rem; border-radius:50%; background:#59c84b; }
.systemLanding__connectionGrid b { color:#253229; font-weight:700; }

.systemLanding__approach { background:#e9ff5e; }
.systemLanding__approachLayout { display:grid; grid-template-columns:.9fr 1.1fr; gap:10rem; align-items:start; }
.systemLanding__approachCopy { position:sticky; top:14rem; }
.systemLanding__approachCopy > p:not(.systemLanding__eyebrow) { max-width:58rem; margin:3rem 0 0; color:#465020; font-size:1.65rem; line-height:1.8; }
.systemLanding__textLink { display:inline-flex; align-items:center; gap:2rem; margin-top:4rem; padding-bottom:.7rem; border-bottom:1px solid rgba(0,0,0,.5); font-size:1.5rem; font-weight:700; }
.systemLanding__principles { border-top:1px solid rgba(0,0,0,.25); }
.systemLanding__principles article { display:grid; grid-template-columns:6rem 1fr; gap:3rem; padding:4rem 0; border-bottom:1px solid rgba(0,0,0,.25); }
.systemLanding__principles > article > span { font-family:Poppins, sans-serif; font-size:1.1rem; }
.systemLanding__principles h3 { margin:0 0 1.2rem; font-size:2.2rem; }
.systemLanding__principles p { margin:0; color:#515a2c; font-size:1.45rem; line-height:1.75; }

.systemLanding__process { background:var(--sys-navy); color:#fff; }
.systemLanding__processList { display:grid; grid-template-columns:repeat(5, 1fr); border-top:1px solid rgba(255,255,255,.15); border-left:1px solid rgba(255,255,255,.15); }
.systemLanding__processList li { position:relative; min-height:31rem; padding:3rem; border-right:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.15); }
.systemLanding__processList li::after { content:""; position:absolute; right:-.5rem; top:7rem; z-index:2; width:1rem; height:1rem; border-top:1px solid var(--sys-accent); border-right:1px solid var(--sys-accent); transform:rotate(45deg); background:var(--sys-navy); }
.systemLanding__processList li:last-child::after { display:none; }
.systemLanding__processList > li > span { color:var(--sys-accent); font-family:Poppins, sans-serif; font-size:1.1rem; }
.systemLanding__processList small { display:block; margin:7rem 0 1.2rem; color:#718198; font-family:Poppins, sans-serif; font-size:.9rem; letter-spacing:.12em; }
.systemLanding__processList h3 { margin:0 0 1.3rem; font-size:2rem; }
.systemLanding__processList p { margin:0; color:#9ba9ba; font-size:1.35rem; line-height:1.7; }
.systemLanding__scopeNote { margin:2rem 0 0; color:#6f7e91; font-size:1.15rem; text-align:right; }

/* Alternating light process section for the business-system landing. */
.systemLanding__process--light { background:#fff; color:var(--sys-ink); }
.systemLanding__process--light .systemLanding__processList { border-color:var(--sys-line); }
.systemLanding__process--light .systemLanding__processList li { border-color:var(--sys-line); }
.systemLanding__process--light .systemLanding__processList li::after { border-color:var(--sys-blue); background:#fff; }
.systemLanding__process--light .systemLanding__processList > li > span { color:var(--sys-blue); }
.systemLanding__process--light .systemLanding__processList small { color:#7a8595; }
.systemLanding__process--light .systemLanding__processList h3 { color:var(--sys-ink); }
.systemLanding__process--light .systemLanding__processList p { color:var(--sys-muted); }
.systemLanding__process--light .systemLanding__scopeNote { color:#7a8595; }

.systemLanding__cases { background:#fff; }
.systemLanding__caseGrid { display:grid; grid-template-columns:repeat(2, 1fr); gap:1.6rem; }
.systemLanding__case { position:relative; min-height:34rem; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; padding:3.6rem; border:1px solid var(--sys-line); border-radius:1rem; background:#f6f8fa; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.systemLanding__case:hover { transform:translateY(-4px); border-color:#b8c1cc; box-shadow:0 2rem 5rem rgba(18,31,47,.09); }
.systemLanding__case--record:not(.systemLanding__case--featured):hover { transform:none; border-color:var(--sys-line); box-shadow:none; }
.systemLanding__case--record.systemLanding__case--featured:hover { transform:none; border-color:var(--sys-navy); box-shadow:none; }
.systemLanding__case--featured { min-height:47rem; grid-column:1 / -1; display:grid; grid-template-columns:1fr .9fr; align-items:end; background:var(--sys-navy); color:#fff !important; border-color:var(--sys-navy); }
.systemLanding__caseType { position:absolute; left:3.6rem; top:3.2rem; color:#727f8e; font-family:Poppins, sans-serif; font-size:1rem; letter-spacing:.12em; }
.systemLanding__case--featured .systemLanding__caseType { color:var(--sys-accent); }
.systemLanding__caseCopy { position:relative; z-index:2; max-width:56rem; }
.systemLanding__caseCopy small { color:#647184; font-size:1.25rem; }
.systemLanding__case--featured small { color:#98a8b9; }
.systemLanding__case h3 { margin:1.3rem 0 1.5rem; max-width:56rem; font-size:2.6rem; line-height:1.35; }
.systemLanding__case--featured h3 { font-size:3.8rem; line-height:1.3; }
.systemLanding__case p { margin:0; color:#667386; font-size:1.4rem; line-height:1.75; }
.systemLanding__case--featured p { color:#a4b2c2; }
.systemLanding__case ul { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2.2rem; }
.systemLanding__case li { padding:.7rem 1rem; border:1px solid rgba(255,255,255,.14); border-radius:2rem; color:#c7d1dc; font-size:1.1rem; }
.systemLanding__caseArrow { position:absolute; right:3.2rem; top:3rem; width:4.4rem; height:4.4rem; display:grid; place-items:center; border:1px solid #cfd6df; border-radius:50%; font-size:1.8rem; transition:background .2s ease, color .2s ease; }
.systemLanding__case:hover .systemLanding__caseArrow { background:var(--sys-accent); color:#091420; border-color:var(--sys-accent); }
.systemLanding__caseGraphic { align-self:center; justify-self:end; width:39rem; height:28rem; display:grid; grid-template-columns:repeat(2, 1fr); gap:1rem; padding:2.2rem; border:1px solid rgba(255,255,255,.1); border-radius:1.2rem; background:rgba(255,255,255,.035); transform:rotate(-2deg); }
.systemLanding__caseGraphic i { position:relative; overflow:hidden; border-radius:.7rem; background:linear-gradient(145deg, #162b43, #102035); }
.systemLanding__caseGraphic i::after { content:""; position:absolute; left:1.3rem; right:1.3rem; top:1.4rem; height:.5rem; border-radius:1rem; background:#52637a; box-shadow:0 1.2rem 0 #253a51, 0 2.4rem 0 #253a51, 0 3.6rem 0 #253a51; }
.systemLanding__caseGraphic i:first-child { grid-row:span 2; }
.systemLanding__caseGraphic i:first-child::before { content:"B2B"; position:absolute; right:1.2rem; bottom:1rem; color:var(--sys-accent); font-family:Poppins, sans-serif; font-size:2.7rem; font-weight:800; }
.systemLanding__centerAction { display:flex; justify-content:center; margin-top:4rem; }

/* Evidence-led case studies */
.systemLanding__cases--strong { position:relative; overflow:hidden; background:#07111f; color:#fff; }
.systemLanding__cases--strong::before { content:""; position:absolute; right:-18rem; top:6rem; width:48rem; height:48rem; border:1px solid rgba(124,255,107,.14); border-radius:50%; box-shadow:0 0 0 8rem rgba(124,255,107,.018), 0 0 0 16rem rgba(93,124,255,.018); }
.systemLanding__cases--strong .systemLanding__container { position:relative; z-index:1; }
.systemLanding__cases--strong .systemLanding__sectionIntro h2 { color:#fff; }
.systemLanding__cases--strong .systemLanding__sectionIntro--row > p { color:#9ba9ba; }
.systemLanding__studyList { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.6rem; }
.systemLanding__study { position:relative; min-width:0; display:flex; flex-direction:column; padding:3.4rem; border:1px solid rgba(255,255,255,.13); border-radius:1.2rem; background:rgba(255,255,255,.035); color:#fff !important; transition:transform .25s ease, border-color .25s ease, background .25s ease; }
a.systemLanding__study:hover { transform:translateY(-4px); border-color:rgba(124,255,107,.55); background:rgba(124,255,107,.06); }
.systemLanding__study--featured { min-height:47rem; grid-column:1 / -1; padding:5rem; border-color:rgba(124,255,107,.28); background:linear-gradient(135deg, rgba(124,255,107,.10), rgba(93,124,255,.08) 58%, rgba(255,255,255,.025)); }
.systemLanding__studyHead { position:relative; display:grid; grid-template-columns:auto 1fr; gap:2rem; align-items:start; }
.systemLanding__studyHead .systemLanding__caseArrow { top:-.5rem; right:-.5rem; color:#cfd8e4; border-color:rgba(255,255,255,.28); }
.systemLanding__studyNo { width:4.4rem; height:4.4rem; display:grid; place-items:center; border:1px solid rgba(124,255,107,.45); border-radius:50%; color:var(--sys-accent); font-family:Poppins, sans-serif; font-size:1rem; }
.systemLanding__studyHead small { display:block; padding-top:.4rem; color:#7f90a6; font-family:Poppins, sans-serif; font-size:.9rem; font-weight:700; letter-spacing:.1em; }
.systemLanding__studyHead h3 { max-width:88rem; margin:1.6rem 0 0; color:#fff; font-size:2.5rem; line-height:1.35; }
.systemLanding__study--featured .systemLanding__studyHead h3 { font-size:clamp(3.5rem, 4vw, 5.8rem); font-weight:650; line-height:1.16; letter-spacing:-.055em; }
.systemLanding__studyFacts { display:grid; gap:0; margin:5rem 0 0; border-top:1px solid rgba(255,255,255,.13); }
.systemLanding__studyFacts > div { padding:2.2rem 0; border-bottom:1px solid rgba(255,255,255,.1); }
.systemLanding__studyFacts dt { margin:0 0 .9rem; color:#6f8298; font-size:1.1rem; font-weight:700; }
.systemLanding__studyFacts dd { margin:0; color:#c5cfda; font-size:1.35rem; line-height:1.7; }
.systemLanding__studyFacts .is-result { margin-top:auto; padding:2.2rem; border:1px solid rgba(124,255,107,.2); border-radius:.8rem; background:rgba(124,255,107,.055); }
.systemLanding__studyFacts .is-result dt { color:var(--sys-accent); }
.systemLanding__studyFacts .is-result dd { color:#edf5f0; }
.systemLanding__study--featured .systemLanding__studyFacts { grid-template-columns:repeat(3, 1fr); margin-top:auto; border:1px solid rgba(255,255,255,.13); }
.systemLanding__study--featured .systemLanding__studyFacts > div { padding:2.6rem; border:0; border-right:1px solid rgba(255,255,255,.13); }
.systemLanding__study--featured .systemLanding__studyFacts > div:last-child { border-right:0; }
.systemLanding__study--featured .systemLanding__studyFacts .is-result { margin:0; border:0; border-radius:0; background:rgba(124,255,107,.07); }
.systemLanding__cases--strong .systemLanding__centerAction { margin-top:4.8rem; }

.systemLanding__fit { background:#5d6df7; color:#fff; }
.systemLanding__fitLayout { display:grid; grid-template-columns:.8fr 1.2fr; gap:10rem; align-items:start; }
.systemLanding__fit .systemLanding__eyebrow { color:#cbd0ff; }
.systemLanding__checkList { display:grid; grid-template-columns:repeat(2, 1fr); gap:1.2rem; }
.systemLanding__checkList li { min-height:10rem; display:flex; align-items:flex-start; gap:1.4rem; padding:2.3rem; border:1px solid rgba(255,255,255,.25); border-radius:.8rem; background:rgba(255,255,255,.055); font-size:1.45rem; line-height:1.6; }
.systemLanding__checkList span { flex:0 0 2.2rem; height:2.2rem; display:grid; place-items:center; border-radius:50%; background:var(--sys-accent); color:#101827; font-size:1.2rem; font-weight:900; }

.systemLanding__faq { background:var(--sys-soft); }
.systemLanding__faq--white { background:#fff; }
.systemLanding__faqLayout { display:grid; grid-template-columns:.58fr 1fr; gap:10rem; align-items:start; }
.systemLanding__faqHeading { position:sticky; top:14rem; }
.systemLanding__faqHeading > p:last-child { max-width:44rem; margin:2.6rem 0 0; color:var(--sys-muted); font-size:1.55rem; line-height:1.75; }
.systemLanding__faqList { border-top:1px solid #bcc6d1; }
.systemLanding__faqList details { border-bottom:1px solid #bcc6d1; }
.systemLanding__faqList summary { position:relative; display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:3rem 0; cursor:pointer; list-style:none; color:#172131; font-size:1.7rem; font-weight:700; }
.systemLanding__faqList summary::-webkit-details-marker { display:none; }
.systemLanding__faqList summary span { flex:0 0 auto; font-size:2.2rem; font-weight:300; transition:transform .2s ease; }
.systemLanding__faqList details[open] summary span { transform:rotate(45deg); }
.systemLanding__faqList details p { margin:0; padding:0 5rem 3rem 0; color:var(--sys-muted); font-size:1.45rem; line-height:1.8; }

.systemLanding__finalCta { position:relative; overflow:hidden; padding:12rem 0; background:var(--sys-navy); color:#fff; }
.systemLanding__finalCta::after { content:""; position:absolute; right:-12rem; top:-17rem; width:50rem; height:50rem; border:1px solid rgba(124,255,107,.22); border-radius:50%; box-shadow:0 0 0 8rem rgba(124,255,107,.025), 0 0 0 16rem rgba(124,255,107,.015); }
.systemLanding__finalLayout { position:relative; z-index:2; display:grid; grid-template-columns:1fr .62fr; gap:9rem; align-items:center; }
.systemLanding__finalCta h2 { margin:0; font-size:clamp(4.4rem, 4.5vw, 7rem); font-weight:350; line-height:1.14; letter-spacing:-.065em; }
.systemLanding__finalCta > .systemLanding__container > div:first-child > p:last-child { max-width:65rem; margin:3rem 0 0; color:#9daabb; font-size:1.65rem; line-height:1.8; }
.systemLanding__briefCard { padding:3.2rem; border:1px solid rgba(255,255,255,.14); border-radius:1rem; background:rgba(255,255,255,.045); }
.systemLanding__briefCard > p:first-child { margin:0 0 2rem; color:#99a8b9; font-size:1.3rem; }
.systemLanding__briefCard ul { margin-bottom:2.5rem; }
.systemLanding__briefCard li { display:flex; align-items:center; gap:1.4rem; padding:1.3rem 0; border-bottom:1px solid rgba(255,255,255,.09); color:#d8e0e9; font-size:1.3rem; }
.systemLanding__briefCard li span { color:var(--sys-accent); font-family:Poppins, sans-serif; font-size:.9rem; }
.systemLanding__contactLine { margin:1.8rem 0 0; color:#75869b; font-family:Poppins, sans-serif; font-size:1.1rem; letter-spacing:.03em; text-align:center; }

@media (max-width:1080px) {
    .systemLanding__container { width:min(100% - 48px, 960px); }
    .systemLanding__hero { min-height:auto; padding:14rem 0 10rem; }
    .systemLanding__heroLayout { grid-template-columns:1fr; gap:6rem; }
    .systemLanding__heroCopy { max-width:78rem; }
    .systemLanding__systemVisual { max-width:72rem; transform:none; }
    .systemLanding__scrollCue { display:none; }
    .systemLanding__sectionIntro--split { grid-template-columns:1fr 1fr; }
    .systemLanding__sectionIntro--split .systemLanding__eyebrow { grid-column:1 / -1; }
    .systemLanding__painGrid { grid-template-columns:repeat(2, 1fr); }
    .systemLanding__solutionGrid { grid-template-columns:repeat(2, 1fr); }
    .systemLanding__approachLayout, .systemLanding__faqLayout { gap:6rem; }
    .systemLanding__processList { grid-template-columns:repeat(3, 1fr); }
    .systemLanding__processList li::after { display:none; }
    .systemLanding__studyList { grid-template-columns:repeat(2, 1fr); }
    .systemLanding__study--featured { grid-column:1 / -1; }
    .systemLanding__studyList > .systemLanding__study:last-child { grid-column:1 / -1; }
    .systemLanding__fitLayout { grid-template-columns:1fr; gap:5rem; }
    .systemLanding__finalLayout { grid-template-columns:1fr .8fr; gap:5rem; }
}

@media (max-width:767px) {
    .headerWrap.systemLandingHeader .logo a { width:16rem; height:3rem; }
    .headerWrap.systemLandingHeader .logo a::after { font-size:1.7rem; line-height:3rem; }
    .systemLanding__container { width:calc(100% - 40px); }
    .systemLanding__hero { padding:11rem 0 8rem; }
    .systemLanding__hero::before { display:none; }
    .systemLanding__heroGrid { background-size:36px 36px; opacity:.12; }
    .systemLanding__eyebrow { margin-bottom:2rem; font-size:.95rem; }
    .systemLanding__hero h1 { font-size:4.6rem; line-height:1.1; }
    .systemLanding__lead { margin-top:2.5rem; font-size:1.6rem; line-height:1.65; }
    .systemLanding__desktopBreak { display:none; }
    .systemLanding__actions { flex-direction:column; margin-top:3.2rem; }
    .systemLanding__button { width:100%; min-height:5.4rem; justify-content:space-between; font-size:1.45rem; }
    .systemLanding__proofList { gap:.9rem 1.5rem; margin-top:2.8rem; font-size:1.15rem; }
    .systemLanding__systemVisual { border-radius:1rem; }
    .systemLanding__visualTopbar { padding:0 1.2rem; font-size:.78rem; }
    .systemLanding__visualBody { min-height:auto; grid-template-columns:3.8rem 1fr; }
    .systemLanding__visualNav { padding:2rem 1rem; }
    .systemLanding__visualNav span { width:1.4rem; height:1.4rem; }
    .systemLanding__visualContent { padding:2rem 1.5rem; }
    .systemLanding__visualHeading > span { display:none; }
    .systemLanding__flow { grid-template-columns:1fr; }
    .systemLanding__flowArrow { transform:rotate(90deg); text-align:center; line-height:1; }
    .systemLanding__flowCard { min-height:auto; }
    .systemLanding__flowIcon { margin-bottom:1rem; }
    .systemLanding__visualBottom { grid-template-columns:1fr; }
    .systemLanding__miniChart { display:none; }
    .systemLanding__section { padding:9rem 0; }
    .systemLanding__sectionIntro { margin-bottom:4rem; }
    .systemLanding__sectionIntro h2, .systemLanding__approach h2, .systemLanding__fit h2, .systemLanding__faq h2 { font-size:3.5rem; line-height:1.2; }
    .systemLanding__sectionIntro > p:last-child { margin-top:2rem; font-size:1.45rem; }
    .systemLanding__sectionIntro--split { display:block; }
    .systemLanding__sectionIntro--split .systemLanding__eyebrow { margin-top:0; }
    .systemLanding__sectionIntro--split h2 { font-size:3.5rem; }
    .systemLanding__sectionIntro--split > p:last-child { margin-top:2rem; }
    .systemLanding__sectionIntro--row { display:block; }
    .systemLanding__sectionIntro--row > p { margin-top:2rem !important; }
    .systemLanding__painGrid { grid-template-columns:1fr; }
    .systemLanding__painGrid article { min-height:auto; padding:2.6rem; }
    .systemLanding__painGrid h3 { margin:3.5rem 0 1rem; }
    .systemLanding__solutionGrid { grid-template-columns:1fr; }
    .systemLanding__solutionGrid article { min-height:auto; padding:3rem 2.5rem; }
    .systemLanding__lineIcon { margin-bottom:3.8rem; }
    .systemLanding__solutionGrid p { min-height:auto; }
    .systemLanding__connectionGrid { grid-template-columns:1fr; }
    .systemLanding__connectionGrid article { min-height:auto; padding:3rem 2.5rem; }
    .systemLanding__connectionGrid h3 { margin-top:4rem; font-size:2.3rem; }
    .systemLanding__approachLayout, .systemLanding__faqLayout { grid-template-columns:1fr; gap:5rem; }
    .systemLanding__approachCopy, .systemLanding__faqHeading { position:static; }
    .systemLanding__principles article { grid-template-columns:4rem 1fr; gap:1.5rem; padding:3rem 0; }
    .systemLanding__processList { grid-template-columns:1fr; }
    .systemLanding__processList li { min-height:auto; padding:2.7rem; }
    .systemLanding__processList small { margin:3.5rem 0 1rem; }
    .systemLanding__scopeNote { text-align:left; line-height:1.6; }
    .systemLanding__caseGrid { grid-template-columns:1fr; }
    .systemLanding__case { min-height:31rem; padding:2.6rem; }
    .systemLanding__case--featured { grid-column:auto; min-height:57rem; display:flex; justify-content:flex-end; }
    .systemLanding__case--featured h3 { font-size:2.8rem; }
    .systemLanding__case h3 { padding-right:3rem; font-size:2.2rem; }
    .systemLanding__caseType { left:2.6rem; top:2.5rem; }
    .systemLanding__caseArrow { right:2.2rem; top:2.2rem; width:3.8rem; height:3.8rem; }
    .systemLanding__caseGraphic { position:absolute; top:8rem; left:2.6rem; right:2.6rem; width:auto; height:19rem; }
    .systemLanding__studyList { grid-template-columns:1fr; }
    .systemLanding__study, .systemLanding__study--featured { grid-column:auto !important; min-height:auto; padding:2.6rem; }
    .systemLanding__studyHead { grid-template-columns:auto 1fr; gap:1.4rem; }
    .systemLanding__studyNo { width:3.8rem; height:3.8rem; }
    .systemLanding__studyHead h3, .systemLanding__study--featured .systemLanding__studyHead h3 { padding-right:1.8rem; font-size:2.6rem; line-height:1.3; }
    .systemLanding__studyHead .systemLanding__caseArrow { top:-.3rem; right:-.3rem; width:3.8rem; height:3.8rem; }
    .systemLanding__studyFacts, .systemLanding__study--featured .systemLanding__studyFacts { grid-template-columns:1fr; margin-top:3.5rem; border-top:1px solid rgba(255,255,255,.13); border-right:0; border-bottom:0; border-left:0; }
    .systemLanding__study--featured .systemLanding__studyFacts > div { padding:2.2rem 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
    .systemLanding__study--featured .systemLanding__studyFacts .is-result, .systemLanding__studyFacts .is-result { margin-top:1rem; padding:2rem; border:1px solid rgba(124,255,107,.2); border-radius:.8rem; }
    .systemLanding__checkList { grid-template-columns:1fr; }
    .systemLanding__checkList li { min-height:auto; }
    .systemLanding__faqList summary { padding:2.5rem 0; font-size:1.5rem; line-height:1.5; }
    .systemLanding__faqList details p { padding-right:1rem; font-size:1.35rem; }
    .systemLanding__finalCta { padding:9rem 0; }
    .systemLanding__finalLayout { grid-template-columns:1fr; gap:5rem; }
    .systemLanding__finalCta h2 { font-size:3.8rem; }
    .systemLanding__briefCard { padding:2.4rem; }
}

@media (prefers-reduced-motion:reduce) {
    .systemLanding *, .systemLanding *::before, .systemLanding *::after { scroll-behavior:auto !important; transition:none !important; }
}