/* Page-specific API compositions. Shared controls and product copy remain in the existing API pages. */
.af-page[data-page-design]{--ad-line:#e6d8ed;--ad-paper:#fff;--ad-soft:#f7f0fb}
.af-page[data-page-design] .af-hero{overflow:hidden}
.af-page[data-page-design] .af-art{min-width:0;min-height:0;margin:0;padding:24px 0 0;max-width:none;width:100%}
.af-page[data-page-design] .af-hero-copy{min-width:0}
.af-page[data-page-design] .af-hero-grid{display:grid;gap:54px;align-items:center}
.af-page[data-api-hero="split"] .af-hero-grid{grid-template-columns:1.04fr 1fr}
.af-page[data-api-hero="reverse"] .af-hero-grid{grid-template-columns:1fr 1.04fr}
.af-page:is([data-api-hero="split"],[data-api-hero="reverse"]) .af-hero-copy{text-align:left}
.af-page:is([data-api-hero="split"],[data-api-hero="reverse"]) h1{font-size:clamp(38px,4.15vw,61px);letter-spacing:-.04em}
.af-page:is([data-api-hero="split"],[data-api-hero="reverse"]) .af-actions{justify-content:flex-start}
.af-page[data-api-hero="poster"] .af-hero-grid{grid-template-columns:1fr;gap:34px}
.af-page[data-api-hero="poster"] .af-art{width:min(860px,100%);margin-inline:auto}
.af-page[data-api-hero="poster"] .af-hero-copy{max-width:900px}
.af-page[data-api-hero="editorial"] .af-hero-grid{grid-template-columns:1fr;gap:40px}
.af-page[data-api-hero="editorial"] .af-hero-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;text-align:left;max-width:none;align-items:end}
.af-page[data-api-hero="editorial"] h1{font-size:clamp(40px,4.7vw,66px);margin-bottom:0}
.af-page[data-api-hero="editorial"] .af-actions{justify-content:flex-start}
.af-page[data-api-hero="editorial"] .af-art{max-width:890px;margin-inline:auto;border-top:1px solid var(--ad-line);padding-top:38px}
.af-page[data-api-hero="panorama"] .af-hero-grid{grid-template-columns:1fr;gap:38px}
.af-page[data-api-hero="panorama"] .af-hero-copy{max-width:none;text-align:left;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}
.af-page[data-api-hero="panorama"] .af-actions{justify-content:flex-start}
.af-page[data-api-hero="panorama"] h1{font-size:clamp(40px,4.5vw,64px);margin:0}
.af-page[data-page-design] .af-route-tags{margin-top:34px}
.af-page[data-page-design] .af-visual-note{font-size:10px;margin:22px 0 0;position:relative}
/* Native, non-interactive product illustrations; no customer records or live results. */
.ad-scene{min-height:355px;position:relative;isolation:isolate;display:flex;gap:24px;align-items:center;justify-content:center;color:#341742;font-size:12px}
.ad-scene>*{min-width:0}
.ad-brand{object-fit:contain;object-position:left;width:106px;height:42px;display:block;margin-bottom:24px}
.ad-label{font-size:9px;letter-spacing:1.2px;line-height:1.6;font-weight:600;display:block;color:#8d6698}
.ad-lines{display:grid;gap:10px;margin:24px 0}.ad-lines i{height:6px;border-radius:4px;background:#e8d8ee}.ad-lines i:nth-child(2){width:75%}.ad-lines i:last-child{width:48%;background:#ffc78c}
.ad-fact{border-bottom:1px solid var(--ad-line);padding:16px 0;display:grid;gap:6px}.ad-fact:last-child{border-bottom:0}.ad-fact>span{font-size:10px;color:#92709e}.ad-fact strong{font-size:13px;font-weight:500;line-height:1.5}
.ad-field{border:1px solid var(--ad-line);padding:15px;margin:12px 0;border-radius:8px;background:#fcf9fd}.ad-field i{display:block;width:65%;height:5px;background:#d8b9e3;margin-top:12px;border-radius:9px}
.ad-paper{background:#fff;border:1px solid var(--ad-line);padding:28px;border-radius:12px;box-shadow:0 22px 55px #4e1b6017;width:45%}.ad-paper>svg{width:72px;height:70px;margin-top:20px;color:#b77fcb}
.ad-phone{width:220px;flex:none;border:7px solid #391043;outline:1px solid #b38abd;border-radius:32px;background:linear-gradient(150deg,#fff,#faf0ff);box-shadow:0 25px 55px #4d1c6529;padding:28px 18px;min-height:350px;text-align:center}.ad-phone .ad-brand{margin:0 auto 24px}.ad-phone .ad-label{font-size:8px}.ad-phone-symbol{font-size:36px;letter-spacing:3px;color:#93239e;margin:16px 0}.ad-phone strong{font-size:17px}.ad-code{display:flex;gap:5px;margin:24px 0}.ad-code i{flex:1;height:35px;background:#fff;border:1px solid #d7b6e2;border-radius:5px}.ad-side{flex:1;max-width:245px;border-left:1px solid #b183bd;padding-left:25px}
.ad-scene--redact{gap:15px}.ad-masked{transform:translateY(25px);border-top:5px solid #8d0295}.ad-mask{color:#fff;background:#31113f;letter-spacing:3px;font-weight:600;padding:10px;font-size:11px;margin:20px -8px 0}.ad-redaction-arrow{font-size:30px;color:#ed971f}
.ad-face-frame{width:32%;padding:26px 20px;border:1px solid #b985c9;border-radius:90px 90px 18px 18px;background:#f5e9fb}.ad-face-frame svg{width:100%;height:160px;color:#8f44a3}.ad-face-offset{background:#fff1df;border-color:#e9b981;transform:translateY(25px)}.ad-compare-center{text-align:center}.ad-compare-center .ad-brand{margin-inline:auto}.ad-compare-link{display:block;font-size:46px;color:#800080;margin-bottom:25px}
.ad-capture{position:relative;min-width:210px;width:57%;min-height:310px;display:grid;place-items:center;border:1px solid #c397d2;border-radius:20px;background:radial-gradient(ellipse,#eccefa,#fbf6ff);overflow:hidden}.ad-capture>svg{width:80%;height:230px;color:#9e63b1}.ad-capture-corner{position:absolute;inset:32px;border:2px dashed #ac6cbd;border-radius:90px}.ad-scanline{position:absolute;left:12%;right:12%;top:45%;height:2px;background:#ed9a2a;box-shadow:0 0 15px #ef9b30}.ad-capture-caption{position:absolute;bottom:15px}.ad-capture-rail{flex:1}
.ad-name-sheet{width:100%;max-width:680px;background:#fff;border:1px solid var(--ad-line);border-radius:12px;padding:30px;box-shadow:14px 14px 0 #ecdcf3}.ad-name-sheet>.ad-field{display:inline-block;width:calc(50% - 10px);margin-right:8px;vertical-align:top}.ad-name-connect{display:flex;align-items:center;gap:20px;color:#8a2996;padding:18px 0}.ad-name-connect i{height:1px;flex:1;background:#d8b0e6}
.ad-identity{position:absolute;z-index:2;left:0;top:20px;width:78%;padding:25px;background:linear-gradient(125deg,#fff,#f4e8fb);border:1px solid #ddc6e6;border-radius:15px;transform:rotate(-5deg);box-shadow:0 15px 45px #52256514}.ad-identity-body{display:flex;gap:20px;align-items:center}.ad-identity-body svg{width:76px;height:95px;color:#aa74bd;flex:none}.ad-identity-body>div{flex:1}.ad-identity-body .ad-field{padding:8px}.ad-record-slip{margin:170px 0 0 auto;width:80%;padding:35px 25px 15px;background:#fff;border:1px solid var(--ad-line);border-radius:12px;box-shadow:0 20px 50px #58316714}.ad-record-slip .ad-brand{display:none}
.ad-scene--bank-route{display:block;min-height:280px;padding:35px;background:#30113e;color:#fff;border-radius:24px}.ad-transfer-top{display:flex;justify-content:space-between;align-items:center}.ad-transfer-top .ad-brand{background:#fff;padding:6px;border-radius:5px;margin:0;width:96px;height:44px}.ad-transfer-top .ad-label{color:#d5abdF}.ad-routing{display:flex;align-items:center;gap:25px;margin-top:35px}.ad-node{flex:1;border:1px solid #a57ab44f;padding:26px 20px;border-radius:12px;background:#ffffff09}.ad-node strong{display:block;font-size:17px;font-weight:500;margin-top:15px}.ad-node .ad-label{color:#ffa939}.ad-route-return{display:flex;align-items:center;gap:20px;color:#cfaedc;font-size:10px;margin:30px 0 0}.ad-route-return i{flex:1;height:1px;background:#cba1db3b}
.ad-bank-pillars{width:40%;color:#9959ac;text-align:center}.ad-bank-pillars svg{width:100%;height:150px}.ad-check-sheet{flex:1;padding:30px;background:#fff;border:1px solid var(--ad-line);border-radius:15px}
.ad-upi-address{width:38%;padding:30px;background:#32123f;color:#fff;border-radius:70px 15px 15px 15px}.ad-upi-address strong{display:block;font-size:43px;margin-top:24px}.ad-upi-address .ad-label{color:#ddbfe6}.ad-upi-bridge{font-size:36px;color:#ed921c}.ad-upi-result{width:45%;background:#fff;border:1px solid var(--ad-line);border-radius:16px;padding:28px}
.ad-scene--branch{display:block}.ad-branch-book{width:85%;background:#fff;border:1px solid var(--ad-line);border-radius:15px;padding:28px;box-shadow:12px 12px 0 #e9d9ee}.ad-branch-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ad-branch-foot{display:flex;margin:25px 0 0 40px;gap:20px;border-left:3px solid #e9911f;padding-left:20px}.ad-branch-foot .ad-fact{flex:1;border:0}
.ad-scene--directory{align-items:stretch;max-width:780px;margin:auto}.ad-index-tabs{display:flex;flex-direction:column;gap:15px;justify-content:space-around}.ad-index-tabs span{padding:16px;background:#861591;border-radius:8px 0 0 8px;color:#fff;font-size:11px}.ad-bank-index{flex:1;padding:30px;background:#fff;border:1px solid var(--ad-line);border-radius:10px}.ad-index-row{display:flex;gap:25px;align-items:center;border-top:1px solid var(--ad-line)}.ad-index-row>b{color:#c8a1d4;font-size:20px}.ad-index-row .ad-fact{flex:1;border:0}.ad-index-row>span{color:#e68d1b}
.ad-scene--map-pin{min-height:350px;border:1px solid var(--ad-line);background:#eee5f4;border-radius:24px;overflow:hidden;justify-content:flex-end;padding:30px}.ad-map-grid{position:absolute;inset:0;background-image:linear-gradient(#d9c8e580 1px,transparent 1px),linear-gradient(90deg,#d9c8e580 1px,transparent 1px);background-size:50px 50px}.ad-map-road{position:absolute;inset:30% -25%;border:25px solid #fff9;transform:rotate(-25deg);height:130px}.ad-map-pin{position:absolute;left:22%;top:30%;display:grid;place-items:center;width:54px;height:68px;background:#8d1597;color:#ffa92d;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 12px 30px #5f247638;font-size:30px}.ad-map-origin{position:absolute;left:14%;top:65%;font-size:10px;letter-spacing:2px;color:#8d5a9d}.ad-map-card{position:relative;width:45%;padding:25px;background:#fffefdeb;border:1px solid #fff;border-radius:13px;backdrop-filter:blur(12px);box-shadow:0 18px 50px #63316e20}
.ad-scene--map-address{align-items:stretch;gap:0}.ad-address-sheet{position:relative;z-index:2;align-self:center;padding:24px;background:#fff;border:1px solid var(--ad-line);width:60%;border-radius:14px;box-shadow:10px 15px 35px #71448120}.ad-address-arrow{font-size:38px;color:#e98c17;text-align:right}.ad-coordinate-map{position:relative;overflow:hidden;flex:1;margin-left:-22px;border-radius:0 26px 26px 0;background:repeating-linear-gradient(0deg,transparent 0 30px,#ceb7dd 31px 32px),repeating-linear-gradient(90deg,#f4ebfa 0 30px,#ceb7dd 31px 32px);border:1px solid #d8bce5}.ad-coordinate-map .ad-map-pin{top:45%;left:40%;width:35px;height:42px;font-size:23px}
.ad-scene--vehicle{display:block;padding-top:100px}.ad-vehicle-cover{position:absolute;top:0;left:4%;width:75%;height:230px;background:#44224f;color:#edc4f9;border-radius:15px;padding:22px;transform:rotate(-4deg)}.ad-vehicle-cover svg{width:100%;height:125px}.ad-vehicle-cover .ad-label{color:#e3bcea}.ad-vehicle-file{position:relative;margin-left:20%;padding:25px;background:#fff;border:1px solid var(--ad-line);border-radius:14px}.ad-vehicle-file .ad-brand{margin-left:auto}
.ad-scan-document{width:38%;border:1px solid var(--ad-line);background:#fff;padding:26px;min-height:285px;border-radius:10px;position:relative;transform:rotate(-4deg)}.ad-ocr-arrow{font-size:36px;color:#d98a24}.ad-extracted{width:46%;padding:26px;background:#f0e2f7;border:1px solid #d5b4e3;border-radius:14px}.ad-extracted .ad-brand{width:87px;height:34px}
.ad-passport-cover{width:43%;align-self:stretch;margin:25px 0;background:#381048;border:1px solid #794789;border-radius:6px 25px 25px 6px;padding:35px 20px;text-align:center;box-shadow:10px 15px 35px #56256823}.ad-passport-cover .ad-label{color:#edc185}.ad-passport-cover svg{width:100%;height:170px;color:#e3aa68;margin-top:20px}.ad-passport-sheet{width:55%;padding:25px;background:#fff;border:1px solid var(--ad-line);border-radius:10px;transform:translateX(-20px)}
.ad-scene--epic{align-items:stretch;max-width:800px;margin:auto;gap:0}.ad-epic-sheet{width:75%;border:1px solid var(--ad-line);border-radius:18px;background:#fff;padding:30px;z-index:1}.ad-epic-head{display:flex;gap:30px;align-items:center}.ad-epic-head svg{width:80px;height:105px;color:#975fa8}.ad-epic-head .ad-lines{flex:1}.ad-epic-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--ad-line)}.ad-epic-lanes .ad-fact{border:0}.ad-epic-tab{flex:1;align-self:center;padding:40px 20px 40px 40px;margin-left:-20px;background:#e6cff0;border-radius:0 15px 15px 0}
.ad-scene--licence{flex-direction:column;align-items:stretch}.ad-licence-card{padding:25px;border-radius:18px;border:1px solid #d4b3e1;background:linear-gradient(130deg,#fdfaff,#eddaf8);width:95%;transform:rotate(3deg)}.ad-licence-rail{display:flex;gap:20px}.ad-licence-rail .ad-fact{flex:1}
.ad-certificate{width:min(570px,100%);padding:35px;border:1px solid #d4b6dd;outline:5px solid #fff;outline-offset:-12px;border-radius:3px;background:#fffdf9;box-shadow:15px 18px 0 #eddff1}.ad-certificate>.ad-brand{margin-inline:auto}.ad-certificate>.ad-label{text-align:center}.ad-certificate-rule{display:block;height:3px;background:linear-gradient(90deg,#84108e,#ff9824);margin-top:25px}.ad-certificate-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.ad-certificate-fields .ad-fact{border:0}.ad-certificate-seal{display:grid;place-items:center;border:2px double #daa958;border-radius:50%;width:50px;height:50px;color:#bf7d22;margin:20px 0 0 auto;font-size:24px}
.ad-scene--linkage{flex-wrap:wrap;min-height:310px}.ad-link-record{width:38%;padding:28px;background:#fff;border:1px solid var(--ad-line);border-radius:15px}.ad-link-join{display:flex;align-items:center;width:14%;gap:10px}.ad-link-join span{height:1px;background:#a765b7;flex:1}.ad-link-join b{font-size:28px;color:#9c369d}.ad-link-note{width:100%;display:flex;align-items:center;justify-content:center;gap:25px}.ad-link-note .ad-brand{margin:0;width:83px;height:32px}
.ad-scene--company{align-items:stretch;gap:0;max-width:780px;margin:auto}.ad-company-spine{width:35%;padding:40px;background:#31113d;color:#fff;border-radius:18px 0 0 18px;display:flex;flex-direction:column;justify-content:space-between}.ad-company-spine strong{font-size:64px;font-weight:500;letter-spacing:-3px}.ad-company-spine .ad-label{color:#d7b0e2}.ad-company-pages{flex:1;padding:30px;background:#fff;border:1px solid var(--ad-line);border-radius:0 12px 12px 0;box-shadow:8px 8px 0 #e3cce9,16px 16px 0 #efdeee}
.ad-locker{width:100%;background:#fff;border:1px solid var(--ad-line);border-radius:16px;overflow:hidden}.ad-locker-top{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;background:#f8f0fc}.ad-locker-top .ad-brand{margin:0}.ad-locker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:28px 22px}.ad-locker-grid>div{border:1px solid var(--ad-line);border-radius:12px;padding:18px 12px;background:#fffdf9}.ad-folder-mark{position:relative;display:block;width:43px;height:33px;background:#e9d2f2;border:1px solid #c39bd0;border-radius:5px;margin:10px 0 22px}.ad-folder-mark:before{content:"";position:absolute;top:-7px;left:0;width:22px;height:7px;border-radius:4px 4px 0 0;background:#c39bd0}.ad-locker-grid strong{display:block;font-size:11px;line-height:1.7;margin-top:10px;font-weight:500}.ad-locker-consent{border-top:1px solid var(--ad-line);padding:15px;text-align:center;font-size:10px;color:#8e539c}
.ad-scene--video{align-items:stretch;min-height:340px}.ad-video-room{position:relative;flex:1;padding:20px;border:1px solid #b784c4;border-radius:20px;background:linear-gradient(140deg,#33133f,#63336e)}.ad-video-stage{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ca9ad8;background:#ffffff09;border-radius:13px}.ad-video-stage svg{height:200px;width:190px}.ad-video-stage .ad-label{color:#debce6}.ad-video-operator{position:absolute;right:33px;top:33px;background:#fff3df;width:105px;height:105px;padding:12px;border-radius:9px}.ad-video-operator svg{width:100%;height:60px;color:#ce985b}.ad-video-operator .ad-label{font-size:7px}.ad-video-toolbar{position:absolute;bottom:30px;left:50%;display:flex;gap:14px;transform:translateX(-50%)}.ad-video-toolbar i{display:block;width:21px;height:21px;border:1px solid #c896d7;border-radius:50%;background:#ffffff1a}.ad-video-toolbar i:last-child{background:#ec9a26;border-color:#ec9a26}.ad-video-notes{width:28%;padding:20px;border-left:1px solid var(--ad-line)}
.ad-onboarding-path{width:42%;display:flex;flex-direction:column;gap:24px}.ad-onboarding-path>div{position:relative;display:flex;gap:16px;align-items:center;padding:16px 0}.ad-onboarding-path>div:not(:last-child):after{content:"";position:absolute;left:20px;top:60px;height:42px;border-left:1px dashed #b779c8}.ad-onboarding-path span{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#871391;color:#fff}.ad-onboarding-path strong{font-size:12px;font-weight:500;line-height:1.6}.ad-onboarding-record{width:55%;background:#fff;border:1px solid var(--ad-line);border-radius:16px;padding:25px}
.ad-scene--signature{align-items:center;max-width:790px;margin:auto}.ad-sign-document{width:60%;padding:30px;background:#fff;border:1px solid var(--ad-line);border-radius:8px;box-shadow:0 22px 40px #6732741c;transform:rotate(-2deg)}.ad-sign-area{border:1px dashed #bb89ce;padding:10px;margin-top:25px;background:#faf5fc}.ad-sign-area svg{width:160px;height:95px;color:#881892}.ad-sign-area .ad-label{font-size:7px}.ad-sign-route{flex:1;padding-left:20px}
.ad-scene--gst{display:block}.ad-gst-register{width:94%;padding:28px;border:1px solid var(--ad-line);border-radius:12px;background:#fff;position:relative;z-index:1}.ad-gst-heading{display:flex;justify-content:space-between;background:#5a2266;color:#fff;padding:12px;font-size:9px}.ad-gst-register .ad-fact{display:flex;justify-content:space-between;gap:20px}.ad-gst-register .ad-fact>*{max-width:50%}.ad-gst-register .ad-fact>strong{text-align:right;font-size:11px}.ad-gst-tab{background:#e9d3f1;padding:35px 25px 15px;margin:-20px 0 0 10%;border-radius:0 0 10px 10px;text-align:right}
/* Features change their reading structure, not merely their colour. */
.af-page[data-page-design] .af-features{counter-reset:ad-feature}
.af-page[data-page-design] .af-features li{grid-column:auto;grid-row:auto;display:block;background:#fff;color:var(--af-ink);border:1px solid var(--ad-line);border-radius:0;padding:28px;box-shadow:none}
.af-page[data-page-design] .af-features li:after{content:none}
.af-page[data-page-design] .af-features li h3{font-size:19px;line-height:1.45;font-weight:600}
.af-page[data-page-design] .af-features li p{color:var(--af-muted)}
.af-page[data-page-design] .af-features .af-feature-number{width:36px;height:36px;font-size:13px;border:1px solid #e1c8eb;background:#f7eefb;color:#8b239c;border-radius:50%;margin:0 0 20px}
.af-page[data-api-features="index"] .af-feature-panel{display:grid;grid-template-columns:.75fr 1.3fr;gap:65px;align-items:start}
.af-page[data-api-features="index"] .af-feature-intro{text-align:left;margin:0;position:sticky;top:180px}
.af-page[data-api-features="index"] .af-feature-intro .af-kicker{justify-content:flex-start}
.af-page[data-api-features="index"] .af-features{display:block;border-top:1px solid var(--ad-line)}
.af-page[data-api-features="index"] .af-features li{display:grid;grid-template-columns:42px 1fr;gap:25px;border:0;border-bottom:1px solid var(--ad-line);padding:30px 0}
.af-page[data-api-features="ledger"] .af-feature-intro{text-align:left;max-width:none;border-bottom:1px solid #d1b2dd;padding-bottom:30px}
.af-page[data-api-features="ledger"] .af-feature-intro .af-kicker{justify-content:flex-start}
.af-page[data-api-features="ledger"] .af-features{display:block}
.af-page[data-api-features="ledger"] .af-features li{display:grid;grid-template-columns:50px 1fr;gap:30px;padding:24px 0;border:0;border-bottom:1px solid var(--ad-line);background:transparent}
.af-page[data-api-features="ledger"] .ad-feature-copy{display:grid;grid-template-columns:.8fr 1.3fr;gap:40px;align-items:start}
.af-page[data-api-features="ledger"] .af-features li:nth-child(even){background:#fcf8fe}
.af-page[data-api-features="before-after"] .af-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--ad-line)}
.af-page[data-api-features="before-after"] .af-features li{border:0;border-bottom:1px solid var(--ad-line);padding:35px}
.af-page[data-api-features="before-after"] .af-features li:nth-child(even){background:#f6eefb;border-left:1px solid var(--ad-line)}
.af-page[data-api-features="before-after"] .af-features li:last-child{grid-column:1/-1;display:grid;grid-template-columns:45px 1fr;gap:25px;background:#fff8ef;border-bottom:0}
.af-page[data-api-features="pairs"] .af-features{grid-template-columns:1fr 1fr;gap:28px}
.af-page[data-api-features="pairs"] .af-features li{border:0;border-left:3px solid #b566c8;background:#fbf7fd;padding:30px}
.af-page[data-api-features="pairs"] .af-features li:nth-child(even){transform:translateY(35px);border-color:#ef9b28;background:#fff9f1}
.af-page[data-api-features="pairs"] .af-features li:last-child{grid-column:1/-1;max-width:65%;margin:30px auto 0;border-left:0;border-top:3px solid #ab60ba}
.af-page[data-api-features="ribbon"] .af-feature-panel{display:grid;grid-template-columns:.65fr 1.5fr;gap:60px}
.af-page[data-api-features="ribbon"] .af-feature-intro{text-align:left;margin:0}
.af-page[data-api-features="ribbon"] .af-feature-intro .af-kicker{justify-content:flex-start}
.af-page[data-api-features="ribbon"] .af-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.af-page[data-api-features="ribbon"] .af-features li{border:0;border-top:1px solid #c79fd4;padding:26px 22px 32px}
.af-page[data-api-features="ribbon"] .af-features li:first-child{grid-column:1/-1;background:#f5eafa;display:grid;grid-template-columns:40px 1fr;gap:24px}
.af-page[data-api-features="dossier"] .af-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.af-page[data-api-features="dossier"] .af-features li{border-radius:0 18px 18px 18px;border-top:5px solid #9745a8;background:#fcf9fd;padding:28px}
.af-page[data-api-features="dossier"] .af-features li:first-child{grid-column:span 2;background:#f3e5fa}
.af-page[data-api-features="dossier"] .af-features li:last-child{border-color:#e6c898;border-top-color:#ec9a2a;background:#fff9ef}
.af-page[data-api-features="mosaic"] .af-features{grid-template-columns:1.15fr 1fr 1fr;gap:20px}
.af-page[data-api-features="mosaic"] .af-features li{border-radius:16px;background:#fbf7fd}
.af-page[data-api-features="mosaic"] .af-features li:nth-child(2){grid-row:span 2;background:#f0e0f8;display:flex;flex-direction:column;justify-content:center}
.af-page[data-api-features="mosaic"] .af-features li:nth-child(4){background:#fff5e8}
/* Three different process compositions keep the same accessible journey controls. */
.af-page[data-api-process="rail"] .af-workflow-layout{grid-template-columns:1fr;gap:32px}
.af-page[data-api-process="rail"] .af-journey-visual{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 30px;max-width:none;min-height:0}
.af-page[data-api-process="rail"] .af-journey-orbit{display:none}
.af-page[data-api-process="rail"] .af-journey-detail{margin:0;max-width:420px}
.af-page[data-api-process="rail"] .af-journey-track{display:none}
.af-page[data-api-process="rail"] .af-journey-visual small{max-width:170px;margin:0}
.af-page[data-api-process="rail"] .af-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.af-page[data-api-process="rail"] .af-step{display:block;border:0;border-top:2px solid #b27bc4;border-radius:0;background:transparent;padding:25px 8px}
.af-page[data-api-process="rail"] .af-step-number{margin-bottom:20px}
.af-page[data-api-process="cards"] .af-workflow-layout{display:flex;flex-direction:column;gap:35px}
.af-page[data-api-process="cards"] .af-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.af-page[data-api-process="cards"] .af-step{display:block;padding:30px;border-radius:16px;background:#ffffff08}
.af-page[data-api-process="cards"] .af-step-number{margin-bottom:25px;border-radius:50%;width:48px;height:48px;font-size:18px}
.af-page[data-api-process="cards"] .af-journey-visual{max-width:none;width:100%;display:flex;align-items:center;gap:25px;padding:18px 25px;border-radius:12px}
.af-page[data-api-process="cards"] .af-journey-orbit{width:65px;height:65px;margin:0;order:-1;flex:none}
.af-page[data-api-process="cards"] .af-journey-brand{width:60px;height:40px}.af-page[data-api-process="cards"] .af-journey-brand img{width:52px;height:auto}
.af-page[data-api-process="cards"] .af-journey-satellite,.af-page[data-api-process="cards"] .af-journey-track{display:none}
.af-page[data-api-process="cards"] .af-journey-detail{margin:0;flex:1}
.af-page[data-api-process="cards"] .af-journey-visual>small{margin:0;max-width:160px}
.af-page[data-api-process="ladder"] .af-workflow-layout{grid-template-columns:.8fr 1.3fr;gap:75px;align-items:start}
.af-page[data-api-process="ladder"] .af-journey-visual{position:sticky;top:175px}
.af-page[data-api-process="ladder"] .af-step{border:0;border-left:1px solid #ad6fbb;border-radius:0;background:transparent;margin-left:20px;padding-left:35px}
.af-page[data-api-process="ladder"] .af-step:nth-child(2){margin-left:55px}
.af-page[data-api-process="ladder"] .af-step:nth-child(3){margin-left:90px}
.af-page[data-api-uses="stack"] #use-cases>.af-shell{display:grid;grid-template-columns:.8fr 1.3fr;gap:60px}
.af-page[data-api-uses="stack"] .af-uses{display:block}
.af-page[data-api-uses="stack"] .af-use{display:grid;grid-template-columns:55px 1fr;gap:0 24px;border:0;border-bottom:1px solid var(--ad-line);border-radius:0;padding:30px 0}
.af-page[data-api-uses="stack"] .af-use-icon{grid-row:span 2}
.af-page[data-api-uses="stack"] .af-use p{grid-column:2}
.af-page[data-api-uses="stack"] .af-use:after{content:none}
.af-page[data-api-uses="rows"] .af-uses{display:block}
.af-page[data-api-uses="rows"] .af-use{display:grid;grid-template-columns:55px .75fr 1.2fr;gap:25px;align-items:start;border:0;border-top:1px solid var(--ad-line);border-radius:0;padding:28px 0}
.af-page[data-api-uses="rows"] .af-use p{grid-column:auto}
.af-page[data-api-uses="rows"] .af-use:after{content:none}
.af-page[data-api-uses="spotlight"] .af-uses{grid-template-columns:1.2fr 1fr}
.af-page[data-api-uses="spotlight"] .af-use:first-child{grid-row:span 2;background:#f2e6f8;padding:40px}
.af-page[data-api-uses="spotlight"] .af-use:not(:first-child){display:grid;grid-template-columns:45px 1fr;gap:0 20px}
.af-page[data-api-uses="spotlight"] .af-use:not(:first-child) p{grid-column:2}
.af-page[data-api-uses="spotlight"] .af-use:not(:first-child) .af-use-icon{grid-row:span 2}
.af-page[data-page-design="api-directory"] .af-directory-group{display:grid;grid-template-columns:.6fr 1.5fr;gap:0 45px;border-top:1px solid var(--ad-line);padding-top:35px}
.af-page[data-page-design="api-directory"] .af-directory-group>.af-kicker{grid-column:1;margin-bottom:12px}
.af-page[data-page-design="api-directory"] .af-directory-group>h2{grid-column:1}
.af-page[data-page-design="api-directory"] .af-directory-grid{grid-column:2;grid-row:1/span 3;grid-template-columns:1fr 1fr;gap:0}
.af-page[data-page-design="api-directory"] .af-directory-link{border:0;border-bottom:1px solid var(--ad-line);border-radius:0}
@media(prefers-reduced-motion:no-preference){.ad-scene{animation:ad-scene-arrive .85s cubic-bezier(.2,.75,.25,1) both}.ad-scanline{animation:ad-scan-pass 2s .5s ease-in-out 2}}
@keyframes ad-scene-arrive{from{opacity:.35;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes ad-scan-pass{0%,100%{top:35%;opacity:.5}50%{top:65%;opacity:1}}
@media(max-width:1000px){
.af-page[data-page-design] .af-hero-grid{gap:35px}.af-page[data-page-design] .af-hero-copy{gap:35px}
.af-page:is([data-api-hero="split"],[data-api-hero="reverse"]) .af-hero-grid{grid-template-columns:1fr 1fr}
.ad-phone{width:180px;padding:25px 12px}.ad-side{padding-left:15px}.ad-scene{gap:16px}.ad-face-frame{padding:20px 12px}.ad-compare-center .ad-brand{width:80px;height:34px}.ad-label{font-size:8px}.ad-fact strong{font-size:12px}
.af-page[data-api-features="index"] .af-feature-panel,.af-page[data-api-features="ribbon"] .af-feature-panel{gap:35px;grid-template-columns:.8fr 1.2fr}
.af-page[data-api-process="ladder"] .af-workflow-layout{gap:35px}
}
@media(max-width:760px){
.af-page[data-page-design] .af-hero-grid,.af-page[data-page-design] .af-hero-copy{display:block}
.af-page[data-page-design] .af-hero-copy{text-align:left;max-width:none}
.af-page[data-api-hero="reverse"] .af-hero-grid{display:flex;flex-direction:column-reverse}
.af-page[data-api-hero="reverse"] .af-hero-grid>div{width:100%}
.af-page[data-page-design] h1{font-size:clamp(34px,6vw,48px);line-height:1.12;letter-spacing:-.04em;margin-bottom:24px}
.af-page[data-page-design] .af-lead{font-size:15px;line-height:1.8}
.af-page[data-page-design] .af-actions{justify-content:flex-start}
.af-page[data-page-design] .af-art{margin:30px auto 0;padding-top:10px;max-width:590px}
.af-page[data-page-design] .af-hero-grid{gap:0}
.af-page[data-page-design] .af-feature-panel{display:block}
.af-page[data-page-design] .af-feature-intro{position:static;margin:0 0 30px;text-align:left}
.af-page[data-page-design] .af-feature-intro .af-kicker{justify-content:flex-start}
.af-page[data-page-design] .af-features{grid-template-columns:repeat(2,minmax(0,1fr))}
.af-page[data-page-design] .af-features li{grid-column:auto;grid-row:auto}
.af-page[data-api-features="ledger"] .ad-feature-copy{display:block}
.af-page[data-api-features="dossier"] .af-features li:first-child{grid-column:1/-1}
.af-page[data-api-process="ladder"] .af-workflow-layout{grid-template-columns:1fr}
.af-page[data-page-design] .af-journey-visual{position:static}
.af-page[data-page-design] .af-steps{grid-template-columns:1fr}
.af-page[data-page-design] .af-journey-visual{flex-wrap:wrap}
.af-page[data-api-uses="stack"] #use-cases>.af-shell{display:block}
.af-page[data-api-uses="rows"] .af-use{grid-template-columns:45px 1fr}
.af-page[data-api-uses="rows"] .af-use p{grid-column:2}
.af-page[data-api-uses="spotlight"] .af-uses{grid-template-columns:1fr}
.af-page[data-api-uses="spotlight"] .af-use:first-child{grid-row:auto;display:block}
.af-page[data-api-uses="spotlight"] .af-use:first-child p{grid-column:auto}
.af-page[data-page-design="api-directory"] .af-directory-group{display:block}
.af-page[data-page-design="api-directory"] .af-directory-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
.af-page[data-page-design] .af-art{margin-top:25px}
.af-page[data-page-design] .af-features{display:block;border:0}
.af-page[data-page-design][data-api-features] .af-features li:nth-child(n){margin:0 0 17px;padding:24px;transform:none;max-width:none;display:block;border:1px solid var(--ad-line);border-radius:10px}
.af-page[data-api-features="index"] .af-features li,.af-page[data-api-features="ledger"] .af-features li{padding:25px 0;display:grid;grid-template-columns:30px 1fr;gap:18px;border-width:0 0 1px;border-radius:0}
.af-page[data-page-design] .af-feature-number{width:30px;height:30px}
.af-page[data-page-design] .af-step{margin-left:0!important;padding:24px}
.af-page[data-page-design] .af-journey-visual{display:block}
.af-page[data-page-design] .af-journey-label{display:block;margin-bottom:15px}
.af-page[data-page-design] .af-journey-detail{margin-block:14px}
.af-page[data-page-design] .af-journey-visual>small{max-width:none}
.af-page[data-api-process="cards"] .af-journey-orbit{display:none}
.af-page[data-page-design] .af-use{padding:24px 17px}
.af-page[data-page-design] .af-use-icon{width:40px;height:40px}
.af-page[data-page-design="api-directory"] .af-directory-grid{grid-template-columns:1fr}
.ad-scene{min-height:280px;gap:12px}.ad-brand{width:83px;height:33px;margin-bottom:16px}.ad-label{font-size:7px;letter-spacing:.7px}.ad-fact{padding:12px 0}.ad-fact>span{font-size:9px}.ad-fact strong{font-size:10px}.ad-lines{gap:7px;margin:18px 0}.ad-lines i{height:4px}.ad-field{padding:10px}
.ad-phone{width:155px;min-height:290px;padding:21px 10px;border-width:5px;border-radius:25px}.ad-phone strong{font-size:14px}.ad-code{gap:3px;margin:20px 0}.ad-code i{height:28px}.ad-phone-symbol{font-size:25px}.ad-phone .ad-label{font-size:6px}.ad-side{padding-left:10px}.ad-paper{padding:15px}.ad-paper>svg{width:55px;height:60px}.ad-mask{font-size:7px;letter-spacing:1px}.ad-redaction-arrow{font-size:21px}
.ad-face-frame{padding:18px 9px;width:35%;border-radius:60px 60px 10px 10px}.ad-face-frame svg{height:110px}.ad-compare-center .ad-brand{width:62px;height:25px}.ad-compare-center .ad-label{font-size:6px}.ad-compare-link{font-size:30px}
.ad-capture{min-width:0;width:57%;min-height:275px}.ad-capture>svg{height:185px}.ad-capture-corner{inset:35px 15px}
.ad-name-sheet{padding:18px;box-shadow:7px 7px 0 #ecdcf3}.ad-name-sheet>.ad-field{display:block;width:100%;margin:12px 0}.ad-name-connect{font-size:10px;gap:8px}
.ad-identity{width:90%;padding:18px}.ad-identity-body{gap:12px}.ad-identity-body svg{width:48px;height:66px}.ad-identity-body .ad-field{padding:7px}.ad-record-slip{width:85%;padding:25px 18px 15px;margin-top:155px}
.ad-scene--bank-route{padding:22px}.ad-transfer-top{gap:20px}.ad-transfer-top .ad-brand{width:77px;height:33px}.ad-routing{display:block;margin-top:22px}.ad-node{padding:18px}.ad-node strong{font-size:14px;margin-top:7px}.ad-routing>span{display:block;text-align:center;transform:rotate(90deg);padding:8px;font-size:20px}.ad-route-return{font-size:8px}
.ad-bank-pillars{width:31%}.ad-bank-pillars svg{height:110px}.ad-check-sheet{padding:19px}
.ad-upi-address{padding:25px 15px;border-top-left-radius:45px}.ad-upi-address strong{font-size:28px}.ad-upi-result{padding:18px;width:50%}.ad-upi-bridge{font-size:21px}
.ad-branch-book{padding:20px;width:93%}.ad-branch-foot{gap:12px;margin-left:15px;padding-left:12px}
.ad-index-tabs span{padding:13px 8px;font-size:8px}.ad-bank-index{padding:20px}.ad-index-row{gap:14px}.ad-index-row>b{font-size:14px}
.ad-scene--map-pin{padding:20px;min-height:310px}.ad-map-card{width:65%;padding:18px}.ad-map-pin{left:12%;top:30%;width:35px;height:47px;font-size:24px}.ad-map-origin{left:5%;top:65%;font-size:7px;letter-spacing:1px}.ad-map-road{border-width:17px}
.ad-address-sheet{padding:18px;width:62%}.ad-coordinate-map .ad-map-pin{left:35%;width:25px;height:32px;font-size:18px}
.ad-scene--vehicle{padding-top:90px}.ad-vehicle-cover{padding:18px;height:195px;width:85%}.ad-vehicle-cover svg{height:105px}.ad-vehicle-file{padding:20px;margin-left:13%}
.ad-scan-document{padding:15px;min-height:240px;width:40%}.ad-extracted{padding:16px;width:48%}.ad-extracted .ad-brand{width:70px;height:28px}.ad-ocr-arrow{font-size:21px}
.ad-passport-cover{padding:25px 12px}.ad-passport-cover svg{height:130px}.ad-passport-sheet{padding:18px;width:60%;transform:translateX(-12px)}
.ad-epic-sheet{padding:18px;width:78%}.ad-epic-head{gap:15px}.ad-epic-head svg{width:55px;height:75px}.ad-epic-lanes{display:block}.ad-epic-lanes .ad-fact{border-bottom:1px solid var(--ad-line)}.ad-epic-tab{padding:30px 12px 30px 25px}.ad-epic-tab .ad-brand{width:50px;height:22px}
.ad-licence-card{padding:18px}.ad-licence-rail{gap:15px}
.ad-certificate{padding:28px;box-shadow:8px 10px 0 #eddff1}.ad-certificate-fields{display:block}.ad-certificate-fields .ad-fact{border-bottom:1px solid var(--ad-line)}
.ad-link-record{padding:18px 12px;width:42%}.ad-link-join{width:7%;gap:0}.ad-link-join b{font-size:21px}.ad-link-note{gap:15px}.ad-link-note .ad-label{max-width:130px}
.ad-company-spine{padding:25px 16px}.ad-company-spine strong{font-size:35px;letter-spacing:-1px}.ad-company-pages{padding:20px;box-shadow:5px 5px 0 #e3cce9,10px 10px 0 #efdeee}
.ad-locker-top{padding:18px;gap:15px}.ad-locker-grid{padding:20px 15px;gap:8px}.ad-locker-grid>div{padding:12px 8px}.ad-locker-grid strong{font-size:9px}.ad-folder-mark{width:32px;height:26px}.ad-locker-consent{font-size:8px}
.ad-scene--video{display:block}.ad-video-room{padding:15px}.ad-video-stage{min-height:250px}.ad-video-stage svg{height:150px}.ad-video-operator{right:25px;top:25px;width:75px;height:75px;padding:7px}.ad-video-operator svg{height:40px}.ad-video-notes{width:100%;display:flex;gap:20px;padding:15px 0;border:0}.ad-video-notes .ad-fact{flex:1}
.ad-onboarding-path{width:41%;gap:10px}.ad-onboarding-path>div{gap:9px}.ad-onboarding-path span{width:28px;height:28px;font-size:10px}.ad-onboarding-path strong{font-size:9px}.ad-onboarding-path>div:not(:last-child):after{left:14px;top:55px;height:30px}.ad-onboarding-record{padding:17px}
.ad-sign-document{padding:20px;width:62%}.ad-sign-area svg{width:100%;height:65px}.ad-sign-area .ad-label{font-size:6px}.ad-sign-route{padding-left:0}
.ad-gst-register{padding:20px}.ad-gst-heading{padding:10px;font-size:8px}.ad-gst-register .ad-fact{gap:12px}.ad-gst-register .ad-fact>strong{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.af-page[data-page-design] .ad-scene,.ad-scanline{animation:none!important}}
@media print{.af-page[data-page-design] .af-feature-panel,.af-page[data-page-design] .af-hero-copy,.af-page[data-page-design] .af-features,.af-page[data-page-design] .af-steps{display:block}.af-page[data-page-design] .af-feature-intro{position:static}.af-page[data-page-design] .af-features li{transform:none;background:#fff!important;break-inside:avoid}}