@charset "UTF-8";
:root{--paper:#f4f2e9;--white:#fffef9;--ink:#242b25;--muted:#5d675e;--line:#cdd1c4;--orange:#bd3c20;--lime:#dcebac;--green:#294c3c;--dark:#1e332b;--radius:5px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:.23em}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.03;letter-spacing:-.05em}h1{font-size:clamp(3.3rem,6.2vw,6.5rem)}h2{font-size:clamp(2.4rem,4vw,4.35rem)}h3{font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.03em;line-height:1.15}p+p{margin-top:1em}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1360px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--white);z-index:100}.skip:focus{top:12px}.header{display:flex;justify-content:space-between;align-items:center;padding:23px 4%;gap:30px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}.brand{flex:0 0 168px}.brand img{width:168px;height:auto}.header nav{display:flex;align-items:center;gap:29px;font-size:14px}.header nav a{text-decoration:none;white-space:nowrap}.header nav a[aria-current]{box-shadow:0 2px var(--orange)}.nav-contact{padding:11px 18px;border:1px solid var(--ink);border-radius:50px}.nav-contact span{padding-left:12px}.menu-toggle{display:none}.eyebrow{font:11px/1.6 Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.eyebrow::before{content:'';display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:var(--orange);vertical-align:middle}.lead{font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.6;max-width:39em;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:14px 22px;background:var(--ink);border:1px solid var(--ink);color:var(--white);text-decoration:none;border-radius:var(--radius);font-size:14px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:var(--green);transform:translateY(-2px)}.button.light{background:var(--lime);border-color:var(--lime);color:var(--dark)}.button.outline{background:transparent;color:var(--ink)}.button.small{padding:11px 16px;min-height:44px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.text-link{display:inline-block;font-size:14px;font-weight:600;text-decoration:underline}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;padding-top:55px;padding-bottom:54px;align-items:stretch}.hero-copy{padding:16px 12px 22px 0}.hero h1{margin:32px 0 28px;font-size:clamp(3.2rem,5.4vw,5.65rem)}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero .lead{font-size:18px;max-width:450px}.hero-visual{position:relative;min-height:600px;overflow:hidden;background:#192b33;border-radius:160px 5px 5px 5px}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:61% center}.hero-visual::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(9,20,22,.9))}.visual-label{position:absolute;bottom:31px;left:32px;right:32px;z-index:2;color:white}.visual-label p{font:12px/1.7 Consolas,monospace;letter-spacing:.06em}.visual-label strong{font-size:29px;font-weight:400;display:block;margin-top:8px}.visual-label small{font-size:10px;opacity:.75}.hero-foot{display:flex;gap:30px;margin-top:48px;padding-top:18px;border-top:1px solid var(--line);font:10px/1.7 Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}.marquee{display:flex;justify-content:space-between;gap:25px;padding:21px 4%;border-block:1px solid var(--line);font:12px/1.5 Consolas,monospace;letter-spacing:.1em;flex-wrap:wrap}.marquee span::before{content:'↗';color:var(--orange);margin-right:18px}.section{padding-block:85px}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;margin-bottom:48px}.section-head p{max-width:500px;margin-top:24px}.section-head .eyebrow{margin-top:8px}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);background:var(--white)}.path{display:flex;flex-direction:column;padding:32px;border-right:1px solid var(--line);min-height:350px}.path:last-child{border:0}.path-num{font:12px Consolas,monospace;color:var(--orange);margin-bottom:48px;display:flex;justify-content:space-between}.path-num span{font-size:22px}.path p{margin-top:20px;color:var(--muted);font-size:16px}.path .text-link{margin-top:auto;padding-top:25px}.dark{background:var(--dark);color:var(--paper)}.dark .lead,.dark .muted{color:#b6c6bc}.dark .eyebrow::before{background:var(--lime)}.dark .button.outline{color:var(--paper);border-color:#94a69a}.dark .line{border-color:#526257}.demo-invite{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.demo-invite h2{margin-block:27px}.diagram{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;gap:15px}.diagram>span{font-size:25px;text-align:center;color:var(--lime)}.diagram-card{border:1px solid #658173;padding:25px;font-family:Consolas,monospace;min-height:195px}.diagram-card small{font-size:10px;letter-spacing:.12em;display:block;color:#b9cdbb}.diagram-card strong{display:block;font-size:23px;font-weight:400;margin:19px 0 10px}.diagram-card p{font-size:12px;color:#b9cdbb}.diagram-card.output{background:var(--lime);color:var(--dark);border-color:var(--lime)}.diagram-card.output small,.diagram-card.output p{color:#42583b}.tiny{font-size:12px;line-height:1.7}.diagram-note{margin-top:25px;color:#b9cdbb;max-width:32em}.image-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-split img{width:100%;max-height:540px;object-fit:cover;aspect-ratio:1.15;border-radius:5px 100px 5px 5px}.image-split h2{margin:22px 0}.image-split figcaption{margin-top:10px;font-size:11px;color:var(--muted)}.quote{font-family:Georgia,serif;font-style:italic;font-size:clamp(2rem,4vw,4rem);line-height:1.2;letter-spacing:-.035em;max-width:950px;margin:auto}.quote-block{padding-block:65px;text-align:center;border-block:1px solid var(--line)}.quote-block .eyebrow{margin-top:25px}.footer{padding:70px 4% 30px;background:#e6e9db}.footer-top{padding-bottom:65px;border-bottom:1px solid #bcc4b2}.footer-call{font-size:clamp(2.2rem,5vw,5.5rem);letter-spacing:-.055em;line-height:1.1;text-decoration:none;display:flex;justify-content:space-between;margin-top:25px;gap:25px}.footer-call span{color:var(--orange)}.footer-bottom{display:grid;grid-template-columns:1fr 1.2fr auto;gap:40px;margin-top:30px;font-size:12px}.footer-bottom p span{color:var(--muted)}.footer-bottom nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.footer-bottom nav a{text-decoration:none}.footer-stamp{font:12px/1.8 Consolas,monospace}.page-intro{padding-top:68px;padding-bottom:60px}.page-intro h1{margin:25px 0 30px;max-width:1000px}.page-intro h1 em{font-family:Georgia,serif;color:var(--orange);font-weight:400}.page-intro .lead{max-width:720px}.section-title{margin-bottom:32px}.muted{color:var(--muted)}.line{border-top:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.panel{padding:32px;border:1px solid var(--line);background:var(--white);border-radius:var(--radius)}.panel .eyebrow{margin-bottom:22px}.panel p{margin-top:18px}.panel .text-link{margin-top:25px}.panel h3+ul{margin-top:20px}.panel ul{padding-left:20px;color:var(--muted);font-size:16px}.wide-note{padding:26px 32px;background:var(--lime);border-left:3px solid var(--green);font-size:17px}.row-offer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;padding:36px;border:1px solid var(--line);scroll-margin-top:30px}.row-offer h2{font-size:clamp(2rem,3vw,3.2rem)}.row-offer p{margin-top:20px;color:var(--muted)}.row-offer .brief-list{margin:0;padding:0;list-style:none;font-size:14px}.brief-list li{padding:12px 0;border-bottom:1px solid var(--line)}.brief-list strong{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tag{font:10px/1.4 Consolas,monospace;letter-spacing:.08em;display:inline-block;padding:7px 10px;background:#e9eddf;border-radius:3px}.tag.research{background:#f4e0d2;color:#733c26}.article{max-width:820px;margin:auto;padding-block:60px}.article h2{font-size:2.7rem;margin:48px 0 22px}.article h3{margin:30px 0 15px}.article li{margin-bottom:10px}.article p{color:var(--muted)}details{border-top:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:20px;line-height:1.4}details p{margin:18px 0 0;max-width:740px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}input,textarea,select{display:block;width:100%;border:1px solid #a5afa0;background:var(--white);color:var(--ink);border-radius:var(--radius);padding:13px}textarea{resize:vertical;min-height:155px}.full{grid-column:1/-1}.field-help{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:7px}.contact-address{font-size:clamp(1.3rem,2.7vw,2.4rem);overflow-wrap:anywhere;letter-spacing:-.04em}.status{min-height:2em;margin-top:15px;font-size:14px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-block:22px}.lab{background:var(--white);border:1px solid var(--line);padding:35px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.lab textarea{font-family:Consolas,monospace;min-height:270px;font-size:14px}.result{background:#eaf0df;border:1px solid #c7d3b5;padding:25px;min-height:270px}.result h3{margin-block:12px 20px}.result dl{display:grid;grid-template-columns:1fr 1fr;font-size:14px;gap:8px}.result dt{color:var(--muted)}.result dd{margin:0;overflow-wrap:anywhere}.result .why{font-size:14px;padding-top:20px;border-top:1px solid #bdc9af}.result.bad{background:#f8e7de;border-color:#d9ae99}.step-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.step-strip div{border-top:2px solid var(--line);padding-top:12px;font-size:13px}.step-strip span{color:var(--orange);font-family:Consolas,monospace;display:block;margin-bottom:10px}.table-scroll{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:15px}td,th{text-align:left;vertical-align:top;padding:19px;border-bottom:1px solid var(--line)}th{background:#e7ecdf;font-weight:500}td:first-child{font-weight:600}.source-list{list-style:none;padding:0}.source-list li{padding:20px 0;border-top:1px solid var(--line)}.source-list small{display:block;color:var(--muted)}.legacy main{display:block}.legacy{width:min(1000px,calc(100% - 112px));margin:auto;padding:65px 0}.legacy h1{font-size:clamp(2.6rem,5vw,4.5rem);margin-block:20px 30px}.legacy h2{font-size:2rem;margin-block:35px 20px}.legacy h3{margin:25px 0 15px}.legacy p{margin-bottom:20px}.legacy .section{padding-block:28px}.legacy .page-hero{padding-bottom:35px}.legacy .card,.legacy article,.legacy .resource-card{padding:25px;border:1px solid var(--line);margin-bottom:20px;background:var(--white)}.legacy .resource-card p{font-size:16px}.legacy .resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.legacy .resource-meta,.legacy .section-kicker{font:11px/1.6 Consolas,monospace;color:var(--orange);letter-spacing:.1em}.legacy .button,.legacy button{margin:8px 8px 8px 0}.legacy dl>div{padding:16px 0;border-bottom:1px solid var(--line)}.legacy dt{font-size:12px;color:var(--muted)}.legacy dd{margin:0;overflow-wrap:anywhere}.legacy pre,pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;padding:20px;background:#e6eadf}.legacy .sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.bullet-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.bullet-links a{padding:7px 13px;border:1px solid var(--line);border-radius:30px;font-size:13px;text-decoration:none}
.mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:32px 0}.mapping label:not(:first-child){margin-top:18px}.mapping>div{padding:20px;background:#eaf0df;border:1px solid var(--line)}#batch-input{font:14px/1.6 Consolas,monospace;min-height:260px}.table-scroll table{min-width:620px}.table-scroll caption{text-align:left;padding:12px}.dark .step-strip div{border-color:#658173}
@media(max-width:820px){.mapping{grid-template-columns:1fr}.mapping>div{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:12px}.mapping label,.mapping label:not(:first-child){margin:0}}
@media(min-width:1600px){.hero-visual{min-height:650px}}
@media(max-width:1100px){.header nav{gap:17px;font-size:12px}.wrap{width:calc(100% - 64px)}.hero-visual{min-height:530px}.hero .lead{font-size:16px}.hero-foot{gap:15px}.path{padding:25px}.demo-invite{gap:40px}.image-split{gap:40px}}
@media(max-width:820px){.header{padding:18px 24px;flex-wrap:wrap;gap:15px}.brand{flex-basis:145px}.brand img{width:145px}.header nav{width:100%;flex-wrap:wrap;gap:12px 22px;font-size:13px}.js .menu-toggle{display:block;border:1px solid var(--ink);border-radius:30px;padding:8px 15px;background:transparent;font-size:13px}.js .header nav{display:none}.js .header nav.open{display:flex;flex-direction:column;align-items:stretch;padding:18px 0}.js .header nav a{padding:11px}.wrap{width:calc(100% - 44px)}.hero{grid-template-columns:1fr;gap:15px;padding-top:25px}.hero-copy{padding-right:0}.hero h1{font-size:clamp(3.4rem,9.8vw,5.6rem);max-width:650px}.hero .lead{font-size:18px;max-width:580px}.hero-visual{min-height:400px;border-radius:100px 5px 5px 5px}.hero-foot{margin-top:30px}.section{padding-block:58px}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-head p{margin-top:20px}.paths{grid-template-columns:1fr}.path{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}.path-num{margin-bottom:25px}.demo-invite,.image-split,.two-col,.three-col{grid-template-columns:1fr;gap:32px}.demo-invite h2{max-width:600px}.row-offer{grid-template-columns:1fr;gap:26px;padding:28px}.row-offer>div:last-child{grid-column:auto}.footer-bottom{grid-template-columns:1fr}.footer-stamp{display:none}.footer{padding-inline:24px}.page-intro{padding-top:45px;padding-bottom:40px}.page-intro h1{font-size:clamp(3rem,8vw,4.8rem)}.lab-grid{grid-template-columns:1fr}.lab{padding:22px}.legacy{width:calc(100% - 44px)}.legacy .resource-grid{grid-template-columns:1fr}.three-col>.panel{min-height:0}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.article{padding-inline:22px}.hero-foot{font-size:9px}.diagram-card{padding:20px}.step-strip{gap:15px}}
@media(max-width:420px){body{font-size:16px}.header{padding-inline:20px}.hero h1{font-size:3.25rem}.hero-visual{min-height:330px}.hero-foot{flex-wrap:wrap;gap:10px 22px}.marquee{font-size:10px;gap:13px}.actions{gap:18px}.diagram{grid-template-columns:1fr;gap:14px}.diagram>span{transform:rotate(90deg)}.diagram-card{min-height:150px}.section h2{font-size:2.55rem}.page-intro h1{font-size:2.9rem}.step-strip{grid-template-columns:1fr}.lab{padding:16px}.result{padding:18px}.row-offer{padding:24px 22px}.panel{padding:25px}.footer-bottom nav{gap:10px}.button{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.resource-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.resource-collection .resource-card{padding:30px;border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;gap:20px}.resource-collection .resource-card h2{font-size:1.9rem;line-height:1.15}.resource-collection .resource-card p{color:var(--muted);font-size:16px}.resource-collection .resource-meta{font:11px Consolas,monospace;color:var(--orange)}.resource-collection .text-link{margin-top:auto}.panel,.row-offer>div,.lab-grid>div,.two-col>div,.three-col>div,.diagram-card{min-width:0}td{overflow-wrap:anywhere}.result dd{white-space:pre-wrap}.legacy .configured-ledger{padding:0}.article{width:min(820px,calc(100% - 44px))}.article.wrap{padding-inline:0}.legacy .search-box{display:block}.legacy .glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dark .tag{background:#496151;color:var(--paper)}.dark .step-strip{color:#d1ddcf}
@media(max-width:820px){.resource-collection,.legacy .glossary-grid{grid-template-columns:1fr}.article{padding-inline:0}.page-intro .actions{align-items:flex-start}.path .text-link{align-self:flex-start}}

/* SAPHAN professional direction, 7 September. */
:root{--paper:#f7f8fa;--white:#fff;--ink:#17232e;--muted:#52606c;--line:#dbe1e5;--orange:#a94b15;--lime:#f5e5cf;--green:#273d4b;--dark:#162b38;--radius:8px;background:var(--paper)}
body{font-size:17px}.wrap{width:min(1280px,calc(100% - 80px))}h1,h2,h3{font-weight:650;letter-spacing:-.04em;overflow-wrap:break-word}h2{font-size:clamp(2.25rem,3.8vw,3.7rem);line-height:1.06}h3{font-weight:600}h1 em,h2 em{font-family:inherit!important;font-style:normal!important;color:inherit!important}.header{padding:22px max(32px,calc((100vw - 1280px)/2));background:#fff;gap:35px}.brand{flex-basis:176px}.brand img{width:176px}.header nav{gap:25px;font-size:14px}.header nav a{white-space:normal}.nav-contact{border-color:#a94b15;background:#a94b15;color:white;border-radius:6px;white-space:nowrap!important}.eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:.11em}.eyebrow::before{display:none}.button{background:#a94b15;border-color:#a94b15;font-weight:600;min-height:51px}.button:hover{background:#873b10}.button.outline{border-color:var(--line);background:#fff}.button.outline:hover{background:#eef1f3}.text-link{font-size:15px;color:var(--ink)}.actions{gap:25px}.section{padding-block:78px}.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:80px}.section-head h2{margin-top:20px}.section-head>.lead{margin:0 0 3px}.page-intro{padding-block:64px 44px}.page-intro h1{font-size:clamp(2.8rem,5.1vw,4.8rem);max-width:1050px}.page-intro .lead{max-width:810px}.tag{background:#e8eef2;color:#324c5c}.wide-note{background:#edf2f5;border-color:#708a9b}.footer{background:#e9eff2}.footer-top{border-color:var(--line);padding-bottom:45px}.footer-call{font-size:clamp(2.5rem,4.3vw,4.5rem);font-weight:600;letter-spacing:-.04em}.footer-bottom nav{font-size:13px}.footer-call span{align-self:flex-end}.article h2{font-size:2.2rem;line-height:1.12}.legacy .page-hero{padding-bottom:20px}.legacy .article-hero{border-radius:12px;max-height:390px;width:100%;object-fit:cover}.legacy .article-main{max-width:880px;margin:auto;border:0;background:transparent;padding:0}.legacy .resource-meta{font-size:11px}.legacy .article-main h1{font-size:clamp(2.3rem,4vw,3.6rem)}.legacy .lead{font-size:20px}.legacy .card,.legacy .resource-card{border-radius:8px}.legacy .card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.legacy .card-grid .card{margin:0}.dark .lead,.dark .muted{color:#c7d4dc}.dark .tag{color:#fff;background:#3b5260}.dark .text-link{color:#fff}.lead{line-height:1.65}
.pro-hero{position:relative;isolation:isolate;min-height:600px;margin-top:30px;overflow:hidden;border-radius:14px;background:#e8edf1;border:1px solid #e1e7eb}.pro-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:-3}.pro-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f1f4f6 0%,rgba(241,244,246,.98) 32%,rgba(241,244,246,.93) 45%,rgba(241,244,246,.68) 58%,rgba(241,244,246,0) 76%)}.pro-hero::after{content:'';position:absolute;inset:60% 0 0 65%;z-index:-1;background:linear-gradient(transparent,rgba(7,18,29,.83))}.pro-hero-content{width:65%;max-width:790px;padding:53px 48px 41px}.pro-hero h1{font-size:clamp(2.75rem,4.65vw,4.4rem);line-height:1.04;margin:27px 0 25px;letter-spacing:-.047em}.pro-hero h1 span{color:#a94b15}.pro-hero .lead{font-size:18px;line-height:1.6;max-width:530px;color:#3e4d59}.pro-hero .eyebrow{color:#a94b15}.hero-service-area{font-size:12px;color:#53616d;margin-top:26px}.pro-hero-caption{position:absolute;bottom:32px;right:30px;max-width:255px;color:white}.pro-hero-caption>span{font-size:10px;letter-spacing:.08em}.pro-hero-caption p{font-size:30px;letter-spacing:-.04em;margin-top:9px}.pro-hero-caption small{font-size:10px;opacity:.8}.expertise-strip{display:flex;justify-content:space-between;gap:18px;padding-block:25px;border-bottom:1px solid var(--line);flex-wrap:wrap;color:#53616d;font-size:12px}.expertise-strip span+span::before{content:'·';margin-right:18px;color:#a94b15}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.solution-card{padding:29px 27px 26px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;min-height:320px;transition:border-color .15s,box-shadow .15s}.solution-card:hover{border-color:#b8c4cd;box-shadow:0 8px 26px #152d3d08}.service-label{font-size:10px;font-weight:700;color:#a94b15;letter-spacing:.09em;margin-bottom:27px}.solution-card h3{font-size:25px;line-height:1.14}.solution-card p{font-size:15px;color:var(--muted);margin-block:19px 25px;line-height:1.65}.solution-card .text-link{margin-top:auto;font-size:13px}.business-cases{background:#eaf0f3;border-block:1px solid #dce5eb}.business-cases .three-col{gap:50px}.case-label{font-size:10px;letter-spacing:.1em;font-weight:700;color:#5b7080}.business-cases h3{font-size:29px;margin-top:22px}.business-cases article p{font-size:16px;color:var(--muted);margin-block:23px}.business-cases .text-link{font-size:13px}.deployment-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.deployment-feature img{width:100%;aspect-ratio:1.07;object-fit:cover;border-radius:12px}.deployment-feature figcaption{font-size:10px;color:var(--muted);padding-top:10px}.deployment-feature h2{margin:23px 0}.deployment-feature .lead{font-size:18px}.feature-list{list-style:none;padding:0;margin:24px 0}.feature-list li{display:grid;grid-template-columns:110px 1fr;gap:18px;border-top:1px solid var(--line);padding:15px 0;font-size:14px}.feature-list strong{color:#283e4d}.feature-list span{color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.process-grid>div{border-top:2px solid #b9c9d2;padding-top:18px}.process-grid span{font-size:12px;color:#a94b15}.process-grid h3{font-size:24px;margin-top:28px}.process-grid p{font-size:15px;color:var(--muted);margin-top:15px}.guides-preview{background:#fff;border-top:1px solid var(--line)}.guide-card{padding:28px;border:1px solid var(--line);border-radius:9px;text-decoration:none;display:flex;flex-direction:column}.guide-card>span{font-size:10px;font-weight:700;letter-spacing:.1em;color:#a94b15}.guide-card h3{font-size:25px;margin-top:24px}.guide-card p{font-size:15px;color:var(--muted);margin-top:20px}.guide-card b{align-self:flex-end;margin-top:20px;font-size:23px;color:#a94b15}.guide-card:hover{background:#f5f7f9}.resource-collection .resource-card h2{font-size:1.6rem}.resource-collection .resource-card{border-radius:9px}.article,.legacy,.solution-card,.pro-hero-content{min-width:0}
@media(max-width:1100px){.header{padding:20px 32px;gap:22px}.header nav{gap:17px;font-size:12px}.brand{flex-basis:150px}.pro-hero-content{padding:42px 32px;width:68%}.pro-hero-caption{max-width:210px;right:20px}.pro-hero-caption p{font-size:25px}.pro-hero{min-height:590px}.pro-hero .actions{gap:17px}.pro-hero .button{padding:13px 18px}.pro-hero .text-link{font-size:13px}.section-head{gap:40px}.deployment-feature{gap:45px}.solution-card{padding:25px 22px}.solution-card h3{font-size:23px}}
@media(max-width:820px){.wrap{width:calc(100% - 40px)}.header{padding:18px 22px}.header nav{font-size:14px}.header .nav-contact{color:white}.pro-hero{margin-top:18px;min-height:0;display:flex;flex-direction:column}.pro-hero-content{width:100%;max-width:100%;padding:35px 28px 240px}.pro-hero h1{font-size:clamp(2.5rem,7.8vw,3.8rem);max-width:600px}.pro-hero::before{background:linear-gradient(#f1f4f6 0%,#f1f4f6 44%,rgba(241,244,246,.95) 60%,rgba(241,244,246,.05) 82%)}.pro-hero-image{object-position:61% bottom}.pro-hero::after{inset:75% 0 0;background:linear-gradient(transparent,#091621a6)}.pro-hero-caption{left:28px;right:auto;bottom:20px;max-width:80%}.pro-hero-caption p{font-size:28px}.pro-hero-caption>span{font-size:9px}.expertise-strip{justify-content:flex-start;font-size:11px;gap:11px 18px;padding-block:21px}.expertise-strip span+span::before{display:none}.section{padding-block:55px}.section-head{grid-template-columns:1fr;gap:24px}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.solution-card{min-height:325px}.business-cases .three-col{gap:38px}.deployment-feature{grid-template-columns:1fr;gap:32px}.deployment-feature figure{max-width:600px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-call{font-size:clamp(2.2rem,6vw,3.5rem)}.footer-bottom nav{grid-template-columns:1fr 1fr}.legacy .card-grid{grid-template-columns:1fr}.legacy .lead{font-size:18px}}
@media(max-width:520px){.solution-grid{grid-template-columns:1fr}.solution-card{min-height:0;padding:26px}.solution-card h3{font-size:26px}.service-label{margin-bottom:22px}.pro-hero-content{padding:31px 23px 230px}.pro-hero h1{font-size:2.62rem}.pro-hero .lead{font-size:16px}.pro-hero .actions{align-items:flex-start;gap:21px}.pro-hero .button{font-size:13px}.pro-hero .text-link{font-size:14px}.hero-service-area{font-size:11px}.pro-hero-caption{left:23px}.pro-hero-caption small{font-size:9px}.page-intro h1{font-size:2.55rem}.section h2{font-size:2.45rem}.feature-list li{grid-template-columns:88px 1fr;gap:15px}.process-grid{gap:25px}.process-grid h3{font-size:22px}.footer{padding-inline:22px}.footer-call{font-size:2.3rem}.footer-call span{display:none}.footer-bottom{gap:25px}.section-head{gap:23px}.resource-collection .resource-card{padding:25px}}
/* Keep every mobile hero line on a solid surface; fade only within the image space. */
@media(max-width:820px){.pro-hero::before{background:linear-gradient(#f1f4f6 0%,#f1f4f6 calc(100% - 220px),rgba(241,244,246,.9) calc(100% - 190px),transparent calc(100% - 90px))}}
/* Reading surfaces: real text, usable line length, no decorative article sidebar. */
@media(max-width:360px){.pro-hero h1{font-size:1.875rem}}
.guide-layout{max-width:1080px;padding-block:64px 85px}.guide-heading{max-width:990px;border-bottom:1px solid var(--line);padding-bottom:42px}.guide-heading>a{font-size:13px;color:var(--muted)}.guide-heading .eyebrow{margin-top:40px}.guide-heading h1{font-size:clamp(2.6rem,4.8vw,4.6rem);margin-block:24px}.guide-heading .lead{max-width:790px;font-size:21px}.guide-date{font-size:12px;color:var(--muted);margin-top:22px}.guide-body{max-width:790px;padding-top:10px}.guide-body h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;margin:46px 0 20px;letter-spacing:-.03em}.guide-body p,.guide-body li{color:#3e4d59;line-height:1.8}.guide-body p+p{margin-top:18px}.guide-body li+li{margin-top:10px}.guide-body ul,.guide-body ol{padding-left:24px}.guide-body pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef2f5;color:#17232e;border:1px solid var(--line);padding:24px;font-size:14px;line-height:1.8;border-radius:8px}.guide-body code{font-family:Consolas,monospace;font-size:.92em}.guide-body .wide-note{margin-block:32px}.guide-next{display:flex;flex-wrap:wrap;gap:20px 34px;border-top:1px solid var(--line);margin-top:42px;padding-top:28px;font-size:15px;font-weight:600}.table-scroll{overflow-x:auto}.table-scroll table{width:100%;font-size:15px;border-collapse:collapse}.table-scroll th,.table-scroll td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table-scroll th{background:#eaf0f3}.table-scroll caption{text-align:left;font-size:12px;color:var(--muted);padding-bottom:12px}.reading-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reading-routes a{display:block;padding:26px;border:1px solid var(--line);border-radius:8px;background:white;text-decoration:none}.reading-routes a:hover{border-color:var(--orange)}.reading-routes span{font-size:10px;letter-spacing:.07em;color:var(--orange);font-weight:700}.reading-routes strong{display:block;font-size:23px;line-height:1.2;margin-block:25px 16px}.reading-routes p{font-size:14px;color:var(--muted)}.resource-card h2 a{text-decoration:none}.resource-card h2 a:hover{text-decoration:underline}.guide-layout,.guide-heading,.guide-body{min-width:0;overflow-wrap:break-word}.resource-collection [hidden]{display:none}
@media(max-width:820px){.guide-layout{padding-top:38px}.guide-heading{padding-bottom:30px}.guide-heading .lead{font-size:18px}.guide-heading .eyebrow{margin-top:30px}.reading-routes{grid-template-columns:1fr}.reading-routes strong{margin-block:16px 12px}.guide-body h2{font-size:2rem}.guide-body pre{padding:18px;font-size:13px}}

/* 8 September — a midnight / daylight rhythm, preserving the SAPHAN bridge. */
:root{--paper:#f3f7f7;--line:#d4e1e3;--night:#102b37;--petrol:#17414b;--teal:#69e3cf;--green:#17414b;--dark:#102b37}
.pro-hero{background:var(--night);border-color:#234652;color:#f6fbfb;box-shadow:0 18px 46px #12344116}
.pro-hero::before{background:linear-gradient(90deg,#102b37 0%,#102b37f5 33%,#102b37e8 47%,#102b3770 65%,#102b3700 83%)}
.pro-hero h1 span{color:var(--teal)}.pro-hero .lead{color:#dce9ed}.pro-hero .eyebrow,.pro-hero .text-link{color:#9aeee0}.hero-service-area{color:#bfced5}
.pro-hero .button{background:#79e6d3;color:#103540;border-color:#79e6d3}.pro-hero .button:hover{background:#a3f1e4}.expertise-strip{color:#315660}.expertise-strip span+span::before{color:#13786e}
.solution-card{border-top:3px solid #a8d8d3;box-shadow:0 4px 16px #12344104}.solution-card:nth-child(2n){border-top-color:#729bac}.solution-card:hover{border-color:#428a91;box-shadow:0 12px 30px #1234410f}.service-label{color:#156861}
.business-cases{background:linear-gradient(120deg,#102b37,#17414b);border-color:#285761;color:#f2faf9}.business-cases .lead,.business-cases article p{color:#d0e2e7}.business-cases .eyebrow,.business-cases .case-label{color:#8ce3d6}.business-cases .text-link{color:#9df0df}.business-cases article{border-top:1px solid #527681;padding-top:24px}
.wide-note{background:#e5f0ef;border-color:#27867e}.process-grid>div{border-top-color:#268d85}.guide-card:hover{background:#edf6f4}.footer{background:#102b37;color:#f1faf9}.footer-top{border-color:#3e626d}.footer .eyebrow{color:#8fe7d7}.footer-bottom,.footer-bottom p,.footer-bottom span{color:#c7dce2}.footer a{color:#f1faf9}.footer a:hover{color:#99ecdc}.footer-stamp{color:#7ea7af}
.document-feature{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}.document-feature figure,.document-intro figure{margin:0;min-width:0}.document-feature img,.document-intro img{display:block;width:100%;height:auto;border-radius:12px}.document-feature figcaption,.document-intro figcaption{font-size:11px;color:#5b6c76;padding-top:12px;line-height:1.5}.document-feature h2{font-size:clamp(2.2rem,3.5vw,3.3rem);margin:22px 0}.document-feature h2 span{color:#19776f}.document-feature .lead{font-size:18px}.format-strip{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 18px}.format-strip span{font-size:11px;font-weight:700;letter-spacing:.08em;background:#dceceb;border:1px solid #bad4d2;color:#1a5353;padding:7px 11px;border-radius:5px}.document-feature .note{font-size:13px;color:#52606c;line-height:1.6;margin:18px 0 23px}
.document-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.document-intro h1{font-size:clamp(2.5rem,4.6vw,4.1rem)}.document-intro h1 span{color:#19776f}.document-intro .lead{font-size:19px}.document-intro .note{font-size:13px;color:#52606c;line-height:1.6;margin-top:23px}.document-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.document-steps li{border-top:2px solid #27867e;padding-top:18px;min-width:0}.document-steps li>span{font-size:12px;color:#19776f}.document-steps h3{font-size:25px;margin:23px 0 15px}.document-steps p{font-size:15px;line-height:1.7;color:#52606c}
.document-example{background:#17414b;color:#f3faf9}.document-example .eyebrow{color:#97ecdc}.document-example h2{margin:22px 0}.document-example .lead,.document-example p{color:#d3e7e9}.document-example p{margin-bottom:20px}.document-example .text-link{color:#adf2e6}.document-example .note{font-size:13px;line-height:1.6}.document-downloads{display:grid;gap:18px;align-content:start}.document-downloads a{display:block;position:relative;padding:29px 65px 24px 29px;border:1px solid #5d9096;border-radius:10px;background:#21515a;text-decoration:none}.document-downloads a:hover{background:#2c626b;border-color:#9ae7db}.document-downloads span{font-size:10px;letter-spacing:.09em;color:#a1efdf}.document-downloads strong{display:block;font-size:25px;margin:16px 0;color:#fff;line-height:1.2}.document-downloads p{font-size:14px;line-height:1.6;margin:0;color:#d3e7e9}.document-downloads b{position:absolute;right:26px;top:28px;font-size:25px;color:#9feada}.document-cases article{padding-top:24px;border-top:2px solid #a5cfce;min-width:0}.document-cases h3{font-size:25px;margin-bottom:18px}.document-cases p{font-size:16px;color:#52606c;line-height:1.7}
@media(max-width:1100px){.document-feature,.document-intro{gap:35px}.document-steps{gap:22px}}
@media(max-width:820px){.pro-hero::before{background:linear-gradient(#102b37 0%,#102b37 calc(100% - 220px),#102b37e8 calc(100% - 190px),#102b3700 calc(100% - 90px))}.document-feature,.document-intro{grid-template-columns:1fr;gap:30px}.document-feature figure{order:2}.document-intro figure{max-width:620px}.document-feature .lead,.document-intro .lead{font-size:18px}.document-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.document-example .two-col{gap:30px}}
@media(max-width:520px){.document-steps{grid-template-columns:1fr}.document-steps h3{margin-top:16px}.document-intro h1{font-size:2.55rem}.document-downloads a{padding:24px 51px 23px 24px}.document-downloads strong{font-size:23px}.document-feature h2{font-size:2.4rem}}

/* Reading landmarks: subjects instead of counters, daylight between each example. */
.page-intro:not(.document-intro){border-bottom:1px solid var(--line);margin-bottom:28px}
.page-intro>.eyebrow{color:#18665f}
.page-intro .bullet-links{margin-top:30px}
.row-offer{position:relative;background:#fff;border-radius:12px;margin-bottom:26px;border-top:3px solid #27867e;align-items:start}
.row-offer:nth-of-type(even){background:#eaf3f3;border-top-color:#537d92}
.row-offer h2{font-size:clamp(1.9rem,2.8vw,2.75rem);line-height:1.12}
.row-offer p{font-size:17px;line-height:1.7}
.row-offer .eyebrow{font-size:12px;line-height:1.5;color:#18665f;margin:0 0 20px;letter-spacing:.08em}
.row-offer .tag{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:11px;line-height:1.5;background:#dbedeb;color:#1d605b}
.row-offer .tag.research{background:#f4e0d2;color:#733c26}
.row-offer>div:last-child{border-left:1px solid #bcd2d5;padding-left:30px}
.row-offer>div:last-child>h3{font-size:18px;letter-spacing:-.01em;color:#235963;line-height:1.4}
.row-offer>div:last-child>p{margin-top:12px}
.row-offer .brief-list{font-size:16px;line-height:1.65}
.brief-list li{padding:16px 0}
.brief-list li:first-child{padding-top:0}
.brief-list li:last-child{border-bottom:0;padding-bottom:0}
.brief-list strong{font-size:13px;letter-spacing:0;text-transform:none;color:#235963;margin-bottom:6px}
.wide-note{border-radius:0 10px 10px 0}
.wide-note h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15;margin-block:18px}
.wide-note>.text-link{margin-top:20px}
.bullet-links a{background:#fff;border-color:#a5c2c5;color:#24535c;padding:9px 15px;font-size:14px}
.bullet-links a:hover{background:#dbedeb;border-color:#27867e}
.bullet-links:is(ul){padding:0;list-style:none}
[data-service-index] li{max-width:100%}
[data-service-index] a{display:block;max-width:100%;overflow-wrap:anywhere}
.process-grid>div,.document-steps li,.step-strip>div{background:#fff;border:1px solid var(--line);border-top:3px solid #27867e;border-radius:8px;padding:24px;position:relative}
.process-grid>div:nth-child(even),.document-steps li:nth-child(even),.step-strip>div:nth-child(even){background:#eaf3f3;border-top-color:#537d92}
.process-grid h3,.document-steps h3{margin:0 0 15px;font-size:24px;line-height:1.2}
.process-grid>div:not(:last-child)::after,.document-steps li:not(:last-child)::after{content:'→';position:absolute;right:-21px;top:22px;color:#3f7078;font-size:19px}
.step-strip span{font:700 13px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.04em;color:#18665f}
.step-strip>div{font-size:15px;line-height:1.7}
.dark .step-strip>div{background:#17414b;color:#d3e7e9;border-color:#537d87}
.dark .step-strip span{color:#9aeee0}
.guide-body h2{padding-top:26px;border-top:1px solid var(--line);margin-top:36px}
.guide-heading,.legacy .page-hero{border-bottom:2px solid #a8d8d3}
.legacy .section-kicker,.legacy .resource-meta{color:#18665f}
.legacy .card,.legacy .resource-card{border-top:3px solid #a8d8d3}
.resource-collection .resource-card{border-radius:10px;border-top:3px solid #a8d8d3}
.resource-collection .resource-card:nth-child(even){border-top-color:#729bac}
.service-label{font-family:Arial,Helvetica,sans-serif;letter-spacing:.08em;font-weight:700}
@media(max-width:820px){
  .page-intro:not(.document-intro){margin-bottom:22px}
  .row-offer>div:last-child{border-left:0;border-top:1px solid #bcd2d5;padding-left:0;padding-top:24px}
  .row-offer h2{font-size:2.05rem}
  .process-grid>div:nth-child(2)::after,.document-steps li:nth-child(2)::after{content:none}
  .process-grid>div,.document-steps li,.step-strip>div{padding:21px}
}
@media(max-width:520px){
  .process-grid{grid-template-columns:1fr}
  .process-grid>div:not(:last-child)::after,.document-steps li:not(:last-child)::after{content:'↓';top:auto;bottom:-27px;left:22px;right:auto;font-size:18px}
  .row-offer h2{font-size:1.9rem}
  .row-offer p,.row-offer .brief-list{font-size:16px}
  .wide-note{padding:24px}
  .bullet-links a{font-size:13px}
}

/* Commercial name: preserve its spelling instead of applying display capitals. */
.brand{flex:0 0 220px}
.brand img{width:220px;height:auto}
.brand-name{text-transform:none;letter-spacing:.025em;font-size:14px;line-height:1.5}
@media(max-width:1100px){.brand{flex-basis:200px}.brand img{width:200px}}
@media(max-width:820px){.brand{flex-basis:190px}.brand img{width:190px}}
@media(max-width:360px){.header{column-gap:10px}.brand{flex-basis:166px}.brand img{width:166px}}