/* One Gate System V13 refinement layer
   Loaded after V12 styles so the release can be applied without rewriting the proven base theme. */

/* ---------- Company / track record ---------- */
.og-v13-history{align-items:stretch!important}
.og-v13-history article{
    display:block!important;
    grid-template-columns:none!important;
    min-height:205px!important;
    padding:52px 22px 22px!important;
}
.og-v13-history article>div{display:block!important;min-height:0!important;width:100%!important}
.og-v13-history article>span{font-size:12px!important;line-height:1!important}
.og-v13-history article>i{top:19px!important}
.og-v13-history article>i:after{display:none!important}
.og-v13-history small{display:block;font-size:9.5px!important;line-height:1.35!important;letter-spacing:.12em!important}
.og-v13-history h3{max-width:430px;margin:8px 0 8px!important;font-size:18px!important;line-height:1.24!important;letter-spacing:-.025em!important}
.og-v13-history p{max-width:520px;margin:0!important;font-size:12px!important;line-height:1.68!important;color:#9aacbf!important}

.og-founder-panel{position:relative!important;top:auto!important;height:auto!important;align-self:stretch!important;padding:22px!important}
.og-founder-photo{width:150px!important;height:174px!important;margin:20px auto 17px!important;border-radius:22px!important}
.og-founder-panel>small{font-size:9.5px!important}
.og-founder-panel>h3{margin:7px 0 7px!important;font-size:21px!important}
.og-founder-panel>p{margin:0!important;font-size:12.5px!important;line-height:1.68!important}
.og-v13-founder-tags{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin:16px 0!important;
}
.og-v13-founder-tags span{
    min-width:0!important;
    min-height:46px!important;
    padding:8px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:10px!important;
    line-height:1.35!important;
    font-weight:700!important;
}
.og-founder-panel>a{margin-top:14px!important;min-height:46px!important;font-size:12px!important}

.og-v13-enterprise-standards{
    margin-top:20px;
    padding:16px;
    display:grid;
    grid-template-columns:minmax(220px,1.25fr) repeat(4,minmax(145px,1fr));
    gap:10px;
    border:1px solid rgba(105,158,224,.18);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(9,30,58,.78),rgba(5,19,39,.7));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.og-v13-enterprise-standards>div,.og-v13-enterprise-standards>span{
    min-width:0;
    padding:14px;
    border-radius:14px;
}
.og-v13-enterprise-standards>div{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(72,116,255,.1),rgba(91,63,220,.07));border:1px solid rgba(103,151,229,.15)}
.og-v13-enterprise-standards>div small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#69c8ff}
.og-v13-enterprise-standards>div strong{margin-top:6px;font-size:14px;line-height:1.35;color:#edf6ff}
.og-v13-enterprise-standards>span{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;align-content:center;border:1px solid rgba(105,158,224,.12);background:rgba(255,255,255,.018)}
.og-v13-enterprise-standards>span i{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(71,132,255,.12);color:#70cfff;font:900 8px ui-monospace,SFMono-Regular,monospace;font-style:normal}
.og-v13-enterprise-standards>span b{font-size:11.5px;line-height:1.35;color:#e3effc}
.og-v13-enterprise-standards>span small{margin-top:3px;font-size:10px;line-height:1.5;color:#7f95af}

/* ---------- Footer: readable, balanced, stronger gateway presentation ---------- */
.og-v11-footer{padding-top:34px!important}
.og-v11-footer-grid{gap:28px 24px!important;grid-template-columns:minmax(270px,1.2fr) minmax(170px,.8fr) minmax(160px,.72fr) minmax(160px,.72fr) minmax(275px,1.15fr)!important}
.og-v11-footer-brand .og-brand strong{font-size:17px!important;line-height:1.2!important}
.og-v11-footer-brand .og-brand small{font-size:11.5px!important;line-height:1.35!important}
.og-v11-footer-brand p{max-width:360px!important;font-size:13px!important;line-height:1.72!important;color:#91a6bf!important}
.og-v11-footer-brand>small{font-size:11px!important;line-height:1.55!important;color:#6f86a1!important}
.og-v11-footer-col h4{margin:4px 0 14px!important;font-size:13.5px!important;line-height:1.35!important;letter-spacing:.01em!important;color:#e3eefb!important}
.og-v11-footer-col address,.og-v11-footer-col p{font-size:13px!important;line-height:1.72!important;color:#8fa5bf!important}
.og-v11-footer-col nav{gap:9px!important}
.og-v11-footer-col nav a{font-size:13px!important;line-height:1.45!important;color:#8fa5bf!important}
.og-v11-footer-col nav a:hover{color:#fff!important}
.og-v11-payment-col p{max-width:330px!important}
.og-v13-payment-brands{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.og-v13-payment-brands figure{margin:0;min-height:74px;padding:10px 11px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;border:1px solid rgba(113,162,225,.16);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));transition:transform .25s ease,border-color .25s ease,background .25s ease}
.og-v13-payment-brands figure:hover{transform:translateY(-3px);border-color:rgba(99,193,255,.32);background:rgba(58,116,214,.08)}
.og-v13-payment-brands img{display:block;width:auto;max-width:100%;height:31px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}
.og-v13-payment-brands figcaption{font-size:10px;font-weight:700;line-height:1.35;color:#738ca8}
.og-v11-trust-strip{margin-top:26px!important;padding:15px 16px!important}
.og-v11-trust-strip strong{font-size:12.5px!important}
.og-v11-trust-strip small{font-size:10.5px!important;line-height:1.5!important}
.og-v11-trust-strip>span{min-height:46px;font-size:10.5px!important;line-height:1.45!important}
.og-v11-trust-strip b{font-size:14px!important}
.og-v11-footer-bottom{min-height:52px!important;font-size:11px!important;line-height:1.5!important}
.og-v11-footer-bottom a{font-size:11px!important}

/* ---------- Yura V13 capability/workflow ---------- */
.y121-hero .y9-demo-shell,.y9-cap-card,.y9-flow-board,.y9-live-card,.y9-security-card{content-visibility:visible!important;contain:none!important;contain-intrinsic-size:auto!important}
.y13-flow-select{position:relative!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;min-width:245px!important;padding:8px 38px 8px 12px!important;cursor:pointer!important}
.y13-flow-select>span{grid-column:1/3!important;font-size:7px!important;letter-spacing:.08em!important}
.y13-flow-select select{grid-column:1/2;width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dceaff;font:700 10px/1.3 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;appearance:none;-webkit-appearance:none;cursor:pointer}
.y13-flow-select select option{background:#0a1c36;color:#eaf4ff}
.y13-flow-select>i{position:absolute!important;right:12px!important;bottom:12px!important;pointer-events:none!important}
.y13-flow-track{min-height:178px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:34px 22px!important;overflow-x:auto!important;scrollbar-width:thin;overscroll-behavior-x:contain}
.y13-flow-track .y9-flow-step{min-width:150px!important;flex:0 0 150px!important}
.y13-flow-track .y9-arrow{flex:0 0 20px!important}
.y13-flow-modules{display:grid;grid-template-columns:130px 1fr;gap:15px;align-items:center;padding:14px 20px;border-top:1px solid rgba(148,163,184,.11);background:rgba(255,255,255,.012)}
.y13-flow-modules>small{font-size:7.5px;font-weight:900;letter-spacing:.12em;color:#6784a8}
.y13-flow-modules>div{display:flex;flex-wrap:wrap;gap:7px}
.y13-flow-modules span{padding:6px 9px;border:1px solid rgba(101,159,228,.17);border-radius:999px;background:rgba(72,126,226,.055);font-size:8.8px;font-weight:700;color:#91afd2}
.y9-flow-help{gap:10px!important;flex-wrap:wrap!important}
.y9-flow-help p{flex:1;min-width:260px!important;margin:0!important}
.y13-flow-ask{margin-left:auto;padding:8px 11px;border:1px solid rgba(101,159,228,.2);border-radius:9px;background:rgba(61,116,215,.07);color:#9ecbff;font-size:8.8px;font-weight:800;cursor:pointer;transition:.2s}
.y13-flow-ask:hover{border-color:rgba(96,188,255,.38);background:rgba(61,116,215,.13);transform:translateY(-1px)}
.y13-flow-track .y9-flow-step.y13-current{border-color:rgba(105,174,255,.7)!important;background:linear-gradient(145deg,rgba(38,97,185,.18),rgba(42,60,143,.12))!important;box-shadow:0 0 0 1px rgba(96,168,255,.07),0 12px 34px rgba(35,89,190,.12)!important}

/* ---------- Calm character-by-character Yura demo typing ---------- */
.og-v13-type-caret::after{content:"";display:inline-block;width:1px;height:1em;margin-left:3px;vertical-align:-.1em;background:currentColor;opacity:.9;animation:ogV13Caret .82s steps(1,end) infinite}
@keyframes ogV13Caret{0%,48%{opacity:.9}49%,100%{opacity:.08}}

/* ---------- Documentation V13 layered sector visual ---------- */
.doc-v13-hero{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;gap:46px!important;align-items:center!important;padding:42px 0 54px!important}
.doc-v13-copy{min-width:0}
.doc-v13-sector-stack{position:relative;min-height:365px;perspective:1000px;transform-style:preserve-3d;isolation:isolate}
.doc-v13-sector-stack:before,.doc-v13-sector-stack:after{content:"";position:absolute;left:50%;top:55%;transform:translate(-50%,-50%) rotateX(61deg) rotateZ(-8deg);width:340px;height:220px;border-radius:52px;border:1px solid rgba(112,170,255,.23);background:linear-gradient(145deg,rgba(72,126,246,.12),rgba(101,66,238,.08));box-shadow:0 35px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);z-index:-2}
.doc-v13-sector-stack:after{width:285px;height:180px;top:42%;background:linear-gradient(145deg,rgba(45,136,255,.19),rgba(91,73,239,.12));border-color:rgba(104,178,255,.32);z-index:-1;animation:docV13Plate 8s ease-in-out infinite}
.doc-v13-platform{position:absolute;z-index:6;left:50%;top:46%;transform:translate(-50%,-50%);width:145px;height:92px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(105,183,255,.38);border-radius:23px;background:linear-gradient(155deg,#123662,#151d55);box-shadow:0 20px 50px rgba(0,0,0,.33),0 0 36px rgba(66,132,255,.16);animation:docV13Core 5.8s ease-in-out infinite}
.doc-v13-platform i{font-size:22px;color:#78d9ff}
.doc-v13-platform strong{margin-top:4px;font-size:12px;letter-spacing:.11em;color:#f1f7ff}
.doc-v13-platform small{margin-top:2px;font-size:6.3px;letter-spacing:.08em;text-align:center;color:#8099ba}
.doc-v13-sector{position:absolute;z-index:7;width:148px;min-height:92px;padding:12px 13px;border:1px solid rgba(105,170,237,.25);border-radius:18px;background:linear-gradient(155deg,rgba(14,42,76,.97),rgba(9,25,53,.96));box-shadow:0 18px 42px rgba(0,0,0,.24);animation:docV13Float 6.6s ease-in-out infinite;will-change:transform}
.doc-v13-sector i{display:grid;place-items:center;width:30px;height:30px;margin-bottom:8px;border-radius:9px;background:rgba(77,139,255,.11);color:#75cfff;font-size:17px}
.doc-v13-sector b{display:block;font-size:10.5px;color:#eef6ff}
.doc-v13-sector small{display:block;margin-top:3px;font-size:7.4px;line-height:1.4;color:#7890ac}
.doc-v13-sector.s1{left:2%;top:10%;animation-delay:0s}.doc-v13-sector.s2{right:0;top:10%;animation-delay:-1.6s}.doc-v13-sector.s3{left:4%;bottom:6%;animation-delay:-3.2s}.doc-v13-sector.s4{right:3%;bottom:6%;animation-delay:-4.8s}
.doc-v13-orbit{position:absolute;z-index:2;left:50%;top:46%;border:1px dashed rgba(96,179,255,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-11deg);pointer-events:none}
.doc-v13-orbit.o1{width:350px;height:195px;animation:docV13Orbit 22s linear infinite}.doc-v13-orbit.o2{width:285px;height:145px;animation:docV13OrbitReverse 18s linear infinite}
.doc-v13-orbit:before,.doc-v13-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#68d6ff;box-shadow:0 0 15px rgba(91,210,255,.8)}
.doc-v13-orbit:before{left:13%;top:15%}.doc-v13-orbit:after{right:10%;bottom:12%;background:#8f78ff}

@keyframes docV13Plate{0%,100%{transform:translate(-50%,-50%) rotateX(61deg) rotateZ(-8deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(61deg) rotateZ(-5deg) translateY(-7px)}}
@keyframes docV13Core{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-7px)}}
@keyframes docV13Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes docV13Orbit{to{transform:translate(-50%,-50%) rotate(349deg)}}
@keyframes docV13OrbitReverse{to{transform:translate(-50%,-50%) rotate(-371deg)}}

/* ---------- Cross-browser reveal fallback ---------- */
html.og-v13-motion-ready [data-reveal],html.og-v13-motion-ready .y9-reveal{will-change:opacity,transform}
html.og-v13-motion-fallback [data-reveal],html.og-v13-motion-fallback .y9-reveal,
html.og-v13-motion-ready [data-reveal].visible,html.og-v13-motion-ready .y9-reveal.visible{opacity:1!important;transform:none!important;visibility:visible!important}
html.og-v13-motion-restart .doc-v13-sector-stack,
html.og-v13-motion-restart .y13-flow-track{opacity:.999}

/* Motion preference keeps content visible and interactive. Ambient looping is reduced, not hidden. */
@media(prefers-reduced-motion:reduce){
    .doc-v13-sector,.doc-v13-platform,.doc-v13-sector-stack:after,.doc-v13-orbit{animation-duration:28s!important;animation-timing-function:ease-in-out!important}
    .y13-flow-track .y9-flow-step{animation:none!important}
}

/* ---------- Responsive ---------- */
@media(max-width:1320px){
    .og-v11-footer-grid{grid-template-columns:minmax(250px,1.2fr) repeat(3,minmax(150px,.75fr))!important}
    .og-v11-payment-col{grid-column:1/-1!important}
    .og-v13-payment-brands{grid-template-columns:repeat(4,minmax(0,1fr))}
    .og-v13-payment-brands figure{align-items:center;text-align:center}
    .og-v13-payment-brands img{object-position:center}
}
@media(max-width:1120px){
    .og-v13-enterprise-standards{grid-template-columns:repeat(2,minmax(0,1fr))}
    .og-v13-enterprise-standards>div{grid-column:1/-1}
    .doc-v13-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)!important;gap:28px!important}
    .doc-v13-sector-stack{transform:scale(.93);transform-origin:center right}
}
@media(max-width:960px){
    .og-v13-history article{min-height:190px!important}
    .og-v11-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .og-v11-footer-brand,.og-v11-payment-col{grid-column:1/-1!important}
    .doc-v13-hero{grid-template-columns:1fr!important}
    .doc-v13-sector-stack{width:min(560px,100%);min-height:340px;margin:0 auto;transform:none;transform-origin:center}
}
@media(max-width:760px){
    .og-v13-founder-tags{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .og-v13-enterprise-standards{grid-template-columns:1fr}
    .og-v13-enterprise-standards>div{grid-column:auto}
    .og-v11-footer-grid{grid-template-columns:1fr!important;gap:20px!important}
    .og-v11-footer-brand,.og-v11-payment-col{grid-column:auto!important}
    .og-v13-payment-brands{grid-template-columns:repeat(2,minmax(0,1fr))}
    .og-v11-footer-col h4{font-size:13px!important}.og-v11-footer-col address,.og-v11-footer-col p,.og-v11-footer-col nav a{font-size:12px!important}
    .y13-flow-select{min-width:100%!important}
    .y13-flow-track{justify-content:flex-start!important;padding:26px 16px!important}
    .y13-flow-track .y9-flow-step{min-width:145px!important;flex-basis:145px!important}
    .y13-flow-modules{grid-template-columns:1fr!important;gap:8px!important}
    .y13-flow-ask{margin-left:44px!important}
    .doc-v13-sector-stack{min-height:360px}
    .doc-v13-sector{width:132px;min-height:84px;padding:10px}.doc-v13-sector.s1{left:0}.doc-v13-sector.s2{right:0}.doc-v13-sector.s3{left:0}.doc-v13-sector.s4{right:0}
    .doc-v13-sector-stack:before{width:300px;height:190px}.doc-v13-sector-stack:after{width:250px;height:155px}.doc-v13-orbit.o1{width:310px}.doc-v13-orbit.o2{width:250px}
}
@media(max-width:520px){
    .og-v13-history,.og-v11-history{grid-template-columns:1fr!important}
    .og-v13-history article{min-height:auto!important;padding:48px 18px 19px!important}
    .og-v13-founder-tags{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .og-v13-founder-tags span{min-height:50px!important;font-size:9.5px!important}
    .og-v13-payment-brands figure{min-height:72px;padding:10px}.og-v13-payment-brands img{height:28px}
    .doc-v13-sector-stack{min-height:410px;transform:scale(.92);transform-origin:center top}
    .doc-v13-platform{top:48%;width:132px}.doc-v13-sector.s1,.doc-v13-sector.s2{top:5%}.doc-v13-sector.s3,.doc-v13-sector.s4{bottom:7%}
}
@media(max-width:390px){
    .og-v13-founder-tags{grid-template-columns:1fr 1fr!important}
    .og-v13-payment-brands{grid-template-columns:1fr 1fr}
    .doc-v13-sector-stack{left:50%;width:390px;max-width:none;transform:translateX(-50%) scale(.82);transform-origin:center top;margin-bottom:-55px}
}