
:root{
--primary:#3156b5;--primary-dark:#23438f;--accent:#0f7f73;--accent-dark:#0a6158;
--ink:#17212c;--text:#4d5b67;--muted:#71808c;--line:#d9e1e7;
--soft:#f7f9fb;--blue-soft:#eef3fb;--mint-soft:#edf8f6;--page:1260px;--gutter:28px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.apb-page{margin:0;color:var(--ink);background:#fff;font-family:var(--heading-font-family);-webkit-font-smoothing:antialiased}
.apb-page a{text-decoration:none}
.apb-wrap{width:min(var(--page),calc(100% - (var(--gutter)*2)));margin:0 auto}
.apb-section{padding:78px 0}
.apb-head{max-width:930px;margin:0 0 36px;text-align:left}
.apb-tag{color:var(--primary);font-size:10.5px;font-weight:800;letter-spacing:.09em}
.apb-head h2{margin:12px 0;color:var(--ink);font-size:clamp(34px,2.8vw,44px);line-height:1.15;letter-spacing:-.032em;font-family: var(--heading-bold-font-family);}
.apb-head p{max-width:870px;margin:0;color:var(--text);font-size:15.5px;line-height:1.72;    font-family: var(--para-font-family);}

.apb-hero{padding:46px 0 54px;background:radial-gradient(circle at 88% 9%,rgba(49,86,181,.07),transparent 28%),radial-gradient(circle at 8% 0%,rgba(15,127,115,.045),transparent 23%),linear-gradient(180deg,#fcfdff,#f5f7fb)}
.apb-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:68px;align-items:center}
.apb-breadcrumb{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin-bottom:18px;border:1px solid rgba(49,86,181,.12);border-radius:999px;background:rgba(255,255,255,.72);font-size:12px}
.apb-breadcrumb a{color:#61707d}.apb-breadcrumb span{color:#9aa4ad}.apb-breadcrumb strong{color:#35414d}
.apb-hero-copy h1{margin:0;color:var(--ink);font-family: var(--heading-bold-font-family);font-size:clamp(40px,4vw,54px);line-height:1.04;letter-spacing:-.045em}
.apb-hero-copy h2{max-width:760px;margin:12px 0 14px;color:var(--primary-dark);font-size:clamp(24px,2.25vw,31px);line-height:1.23;letter-spacing:-.025em}
.apb-lead{max-width:760px;margin:0;color:#465460;font-size:16.5px;line-height:1.68}
.apb-support{max-width:720px;margin:12px 0 0;color:#64717d;font-size:14.5px;line-height:1.65}
.apb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.apb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 18px;border-radius:8px;font-size:13px;font-weight:750}
.apb-btn.primary{color:#fff;background:var(--primary-color);border:1px solid var(--primary-color)}
.apb-btn.secondary{color:var(--primary-color);background:#fff;border:1px solid rgba(49,86,181,.22)}
.apb-proof{display:flex;align-items:center;gap:9px;max-width:700px;margin-top:22px;color:#5b6874;font-size:12.5px;font-weight:650}
.apb-proof i{flex:1;height:1px;background:#d5dce2}

.apb-hero-visual{display:grid;grid-template-columns:1fr 88px 1fr;gap:10px;align-items:center}
.apb-doc,.apb-entry{border:1px solid rgba(49,86,181,.13);border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(23,37,55,.07);overflow:hidden}
.apb-panel-head{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line);background:#f4f7f9}
.apb-panel-head span{color:var(--muted);font-size:8.5px;font-weight:800;letter-spacing:.08em}.apb-panel-head strong{color:var(--accent);font-size:9.5px}
.apb-paper{margin:18px;padding:18px;min-height:280px;border:1px solid #e3e7eb;border-radius:7px;background:#fff}
.apb-paper>b{display:block;width:42%;height:10px;border-radius:3px;background:#d7deea;margin-bottom:25px}
.apb-paper>i{display:block;width:72%;height:7px;margin:9px 0;border-radius:3px;background:#e7ebef}.apb-paper>i.w{width:92%}.apb-paper>i.s{width:55%}
.apb-lines{display:grid;gap:7px;margin-top:25px;padding-top:15px;border-top:1px solid #e7ebef}.apb-lines span{height:7px;border-radius:3px;background:#edf0f3}
.apb-paper>em{display:block;width:42%;height:10px;margin:28px 0 0 auto;border-radius:3px;background:#d8e4e1}
.apb-ai-step{text-align:center;color:var(--primary)}.apb-ai-step span{display:block;font-size:8px;font-weight:800;letter-spacing:.08em}.apb-ai-step strong{display:block;margin-top:6px;padding:8px 7px;border-radius:999px;background:var(--blue-soft);font-size:9px}
.apb-entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px}.apb-entry-grid div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}
.apb-entry-grid span{display:block;color:var(--muted);font-size:9.5px}.apb-entry-grid strong{display:block;margin-top:5px;font-size:12.5px}
.apb-entry-status{display:grid;gap:7px;padding:0 16px 16px}.apb-entry-status span{padding:8px 10px;border-radius:7px;background:var(--mint-soft);color:var(--accent-dark);font-size:10px;font-weight:700}

.apb-chain{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}
.apb-chain-origin{min-height:335px;display:flex;flex-direction:column;justify-content:center;padding:30px;border-radius:14px;background:radial-gradient(circle at 88% 10%,rgba(15,127,115,.18),transparent 28%),linear-gradient(145deg,#2b427f,#3156b5)}
.apb-chain-origin span{color:#dbe3ff;font-size:9px;font-weight:800;letter-spacing:.09em}.apb-chain-origin h3{margin:22px 0 9px;color:#fff;font-size:30px}.apb-chain-origin p{margin:0;color:#e5eaf8;font-size:14px;line-height:1.65}
.apb-chain-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.apb-chain-grid article{min-height:160px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.apb-chain-grid article>span{color:var(--accent);font-size:9px;font-weight:800}
.apb-chain-grid small{display:block;margin-top:18px;color:var(--muted);font-size:8.5px;font-weight:800;letter-spacing:.08em}.apb-chain-grid h3{margin:7px 0 6px;font-size:16.5px}.apb-chain-grid p{margin:0;color:var(--text);font-size:13.5px;line-height:1.6}

.apb-workflow{background:radial-gradient(circle at 90% 10%,rgba(49,86,181,.045),transparent 24%),#f4f6fa}
.apb-ribbon{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}
.apb-ribbon article{min-height:190px;padding:21px;border-right:1px solid var(--line)}.apb-ribbon article:last-child{border-right:0;background:var(--mint-soft)}
.apb-ribbon article>span{color:var(--accent);font-size:9.5px;font-weight:800}.apb-ribbon small{display:block;margin-top:17px;color:var(--muted);font-size:8.5px;font-weight:800;letter-spacing:.08em}
.apb-ribbon h3{margin:7px 0;font-size:16.5px}.apb-ribbon p{margin:0;color:var(--text);font-size:13.5px;line-height:1.58}

.apb-extract-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.apb-extract-list{border-top:1px solid var(--line)}
.apb-extract-list article{display:grid;grid-template-columns:190px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.apb-extract-list strong{font-size:14.5px}.apb-extract-list p{margin:0;color:var(--text);font-size:13.5px;line-height:1.58}
.apb-review{align-self:start;padding:29px;border:1px solid rgba(49,86,181,.15);border-radius:14px;background:radial-gradient(circle at 90% 8%,rgba(15,127,115,.06),transparent 25%),linear-gradient(160deg,#f0f4fb,#f8fbfb)}
.apb-review>span{color:var(--primary);font-size:9.5px;font-weight:800;letter-spacing:.09em}.apb-review h3{margin:20px 0 10px;font-size:24px;line-height:1.3}.apb-review>p{margin:0;color:var(--text);font-size:14px;line-height:1.66}
.apb-review-status{margin-top:25px;border-top:1px solid rgba(49,86,181,.12)}.apb-review-status div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(49,86,181,.12)}.apb-review-status span,.apb-review-status strong{font-size:12px}.apb-review-status strong{color:var(--accent)}

.apb-master{background:radial-gradient(circle at 8% 8%,rgba(15,127,115,.045),transparent 22%),#f3f8f7}
.apb-master-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px}.apb-master-source{min-height:280px;padding:28px;border-radius:13px;background:#fff;border:1px solid var(--line)}
.apb-master-source>span,.apb-master-actions span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.08em}.apb-master-source h3{margin:22px 0 9px;font-size:24px}.apb-master-source p{margin:0;color:var(--text);font-size:14px;line-height:1.65}
.apb-master-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.apb-master-actions article{min-height:280px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff}.apb-master-actions h3{margin:22px 0 8px;font-size:17px}.apb-master-actions p{margin:0;color:var(--text);font-size:13.5px;line-height:1.6}

.apb-connected{background:radial-gradient(circle at 90% 8%,rgba(15,127,115,.05),transparent 24%),linear-gradient(180deg,#fbfdfd,#f4f7f9)}
.apb-connected-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:18px}.apb-connected-start{min-height:330px;display:flex;flex-direction:column;justify-content:center;padding:29px;border-radius:14px;background:linear-gradient(160deg,#eef3fb,#f6fbfa)}
.apb-connected-start>span{color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.08em}.apb-connected-start h3{margin:20px 0 8px;font-size:27px}.apb-connected-start p{margin:0;color:var(--text);font-size:14px;line-height:1.65}
.apb-connected-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.apb-connected-grid article{min-height:150px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.apb-connected-grid span{color:var(--accent);font-size:9px;font-weight:800}.apb-connected-grid h3{margin:17px 0 7px;font-size:16.5px}.apb-connected-grid p{margin:0;color:var(--text);font-size:13.5px;line-height:1.58}

.apb-usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.apb-usecase-grid article{min-height:165px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.apb-usecase-grid>article>span{color:var(--accent);font-size:9px;font-weight:800}.apb-usecase-grid h3{margin:16px 0 7px;font-size:16px}.apb-usecase-grid p{margin:0;color:var(--text);font-size:13.5px;line-height:1.58}

.apb-control{background:radial-gradient(circle at 90% 8%,rgba(49,86,181,.04),transparent 24%),#f4f6fa}.apb-control-line{display:grid;grid-template-columns:1fr 80px 1fr 80px 1fr;gap:10px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff}.apb-control-line span{display:block;color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.08em}.apb-control-line strong{display:block;margin-top:7px;font-size:15px}.apb-control-line i{height:1px;background:#cfd8df}

.apb-faq-list{border-top:1px solid var(--line)}.apb-faq-list details{border-bottom:1px solid var(--line)}.apb-faq-list summary{cursor:pointer;padding:18px 0;color:#24303b;font-size:15.5px;font-weight:750;line-height:1.5}.apb-faq-list p{max-width:900px;margin:-5px 0 18px;color:var(--text);font-size:13.5px;line-height:1.68}

.apb-final{padding:70px 0;background:radial-gradient(circle at 88% 20%,rgba(15,127,115,.08),transparent 24%),linear-gradient(135deg,#edf2fb,#f8fbfc)}.apb-final-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.apb-final h2{    font-family: var(--heading-bold-font-family);max-width:760px;margin:12px 0 10px;font-size:clamp(33px,2.9vw,43px);line-height:1.15;letter-spacing:-.03em}.apb-final p{max-width:760px;margin:0;color:var(--text);font-size:14.5px;line-height:1.68}.apb-final .apb-actions{margin-top:0;flex-shrink:0}

@media(max-width:1120px){
.apb-hero-grid,.apb-chain,.apb-extract-layout,.apb-master-layout,.apb-connected-layout{grid-template-columns:1fr}
.apb-ribbon{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
.apb-hero-visual{grid-template-columns:1fr}.apb-chain-grid,.apb-connected-grid,.apb-usecase-grid,.apb-master-actions{grid-template-columns:1fr 1fr}
.apb-control-line{grid-template-columns:1fr}.apb-control-line i{width:1px;height:16px;justify-self:center}.apb-final-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:580px){
:root{--gutter:18px}.apb-section{padding:62px 0}.apb-hero{padding:36px 0 44px}.apb-proof{flex-wrap:wrap}.apb-proof i{display:none}
.apb-entry-grid,.apb-chain-grid,.apb-ribbon,.apb-master-actions,.apb-connected-grid,.apb-usecase-grid{grid-template-columns:1fr}
.apb-extract-list article{grid-template-columns:1fr;gap:7px}
}
