/* Full-size references: Technologies, How It Works and What's New. */
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]){--sidebar-width:clamp(180px,14.1276vw,240px);background:white}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .main{margin-left:var(--sidebar-width)}body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]).collapsed .main{margin-left:0}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .topbar{height:59px;padding:0 22px;gap:24px}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .brand{height:59px;min-height:59px;padding:12px 20px}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .brand-art{display:none}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .brand:before{content:'';display:block;width:176px;height:37px;background:var(--page-source) -20px -14px/1536px 1024px}
body[data-page="technologies"]{--page-source:url('assets/technologies-reference.png')}body[data-page="how"]{--page-source:url('assets/how-reference.png')}body[data-page="updates"]{--page-source:url('assets/updates-reference.png')}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .sidebar nav{padding:12px 10px;margin:0}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .sidebar nav a{height:45px;min-height:45px;margin:0;padding:10px 12px;font-size:13px;gap:13px}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .sidebar nav svg{width:25px;height:25px}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .sidebar nav a:nth-child(n+11){display:none}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .sidebar:before{height:calc(100% - 514px);background-image:var(--page-source);background-size:calc(var(--sidebar-width) * 7.08) auto;background-position:0 calc(var(--sidebar-width) * -2.37)}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .side-note{display:block;position:absolute;left:22px;top:auto;bottom:110px;margin:0;padding-left:12px;font-size:21px;line-height:25px;border-left:5px solid #ff5b00}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .side-note em{color:#ff5b00;font-style:normal;font-weight:bold}
body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .side-note:after{position:absolute;left:-5px;width:35px;height:11px;margin-top:13px}
.full-reference-page{background:#fff;min-width:0;padding-bottom:26px}.full-reference-page em{color:#ff5b00;font-style:normal}
.full-crop{display:block;position:relative;overflow:hidden;container-type:inline-size;flex:none;max-width:100%}.full-crop>img{position:absolute;max-width:none;width:calc(1536 / var(--w) * 100cqw);left:calc(-1 * var(--x) / var(--w) * 100cqw);top:calc(-1 * var(--y) / var(--w) * 100cqw);height:auto;pointer-events:none}
.full-hero{position:relative;min-height:268px;padding:26px 3cqw 20px;background-image:linear-gradient(90deg,#fff 0%,#fff 39%,#fffffff0 47%,transparent 59%),var(--page-source);background-size:100% 100%,116.45cqw 77.63cqw;background-position:center,-16.45cqw -4.47cqw;background-repeat:no-repeat}
.full-hero>div{position:relative;width:52%}.full-hero .eyebrow{font-size:16px;letter-spacing:1.3px;margin-bottom:13px}.full-hero h1{font-size:clamp(31px,3.34cqw,53px);line-height:1.01;font-weight:750;letter-spacing:-1.1px;white-space:nowrap;margin:0 0 13px}.full-hero p{font-size:clamp(15px,1.44cqw,21px);line-height:1.15;color:#446892;margin:0;max-width:620px}
.technology-hero{height:20.32cqw;min-height:268px}.technology-hero>div{width:48%}
.reference-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:-34px 28px 20px 39px;position:relative;z-index:3;align-items:center;padding:0;max-width:100%}
.reference-tabs button{background:#eff4f8;border:1px solid transparent;color:#11304e;padding:11px 20px;border-radius:6px;font-size:13px;min-height:40px;white-space:nowrap}.reference-tabs button.selected{background:#ff5b00;color:white}.reference-tabs button:hover{border-color:#ff955b}
.full-technology-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0 19px 0 27px}
.full-vendor-card{padding:0;border:0;background:white;border-radius:9px;overflow:hidden;min-width:0;text-align:left;box-shadow:0 2px 4px #1f3b5105}.vendor-art{width:100%;aspect-ratio:203/164!important}.full-vendor-card:hover{box-shadow:0 3px 10px #ff620025}.technology-many{margin:21px 19px 0 27px;position:relative;border-radius:10px;overflow:hidden}.many-art{width:100%}.technology-more-link{position:absolute;inset:0 65% 0 0}
.how-reference-hero{height:21.34746cqw;min-height:282px;background-image:linear-gradient(90deg,#fff 0%,#fff 40%,#fffffff2 53%,transparent 64%),var(--page-source)}.how-reference-hero>div{width:61%}.how-reference-hero h1{font-size:clamp(32px,3.64cqw,57px)}.how-reference-hero p{font-size:20px;line-height:1.2;max-width:605px}
.full-how-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;margin:-11px 28px 0 33px;gap:24px;min-height:214px;z-index:3}.full-how-steps:before{content:'';position:absolute;left:0;right:0;top:53px;height:1px;background:#ff6a20;z-index:-1}.full-how-step{min-width:0;text-align:center;position:relative}.full-how-step:not(:last-child):after{content:'›';position:absolute;right:-27px;top:37px;color:#ff5b00;font-size:32px;line-height:1}.how-step-art{width:108px;margin:0 auto 4px}.full-how-step h2{font-size:21px;letter-spacing:-.65px;line-height:1.1;margin:0 0 8px}.full-how-step p{font-size:17px;line-height:1.2;color:#365a7c;margin:0 auto;max-width:215px}.how-confidence{position:relative;margin:20px 28px 0 33px;overflow:hidden;border-radius:10px}.confidence-art{width:100%}.confidence-links{position:absolute;left:1.5%;top:56%;width:77%;height:38%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.confidence-links a:hover{background:#ff65000a}.how-last-banner{position:relative;margin:19px 28px 0 33px;border-radius:10px;overflow:hidden}.how-last-art{width:100%}.how-last-banner>a{position:absolute;right:2.6%;top:32%;width:17.7%;height:36%;border-radius:6px}.how-last-banner>a:hover{background:#ffffff15}
.updates-reference-hero{height:23.29cqw;min-height:309px;background-image:linear-gradient(90deg,#fff 0%,#fff 36%,#fffffff0 43%,transparent 54%),var(--page-source)}.updates-reference-hero>div{width:47%}.updates-reference-hero h1{font-size:clamp(34px,3.95cqw,60px);line-height:1}.updates-reference-hero p{font-size:19px;line-height:1.16;max-width:550px}.update-reference-tabs{margin:-40px 25px 19px 39px;gap:8px;max-width:705px;background:white;border-radius:7px 7px 0 0;padding:0 8px 0 0}.update-reference-tabs button{min-height:43px;padding:11px 23px;font-size:14px}
.full-news-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:19px;margin:0 20px 0 28px}.full-update-list{display:grid;gap:9px;align-content:start}.full-update-row{position:relative;display:grid;grid-template-columns:122px minmax(0,1fr) 100px;gap:21px;min-height:94px;padding:17px 19px;border:1px solid #edf3fa;border-radius:10px;background:#fff;align-items:start}.full-update-row:first-child{background:#f3faf9}.full-update-row time{font-size:15px;white-space:nowrap;color:#52769f;padding-top:4px}.full-update-row time b{font-size:22px;color:#0a345b;font-weight:750}.full-update-row:first-child time b{color:#0dac41}.full-update-row:before{content:'';position:absolute;left:149px;top:0;bottom:-11px;width:1px;background:#e5edf5}.full-update-row:last-child:before{bottom:0}.update-timeline-dot{position:absolute;left:143px;top:21px;width:13px;height:13px;border:1px solid white;border-radius:50%;z-index:1}.full-update-row h2{font-size:16px;letter-spacing:-.4px;line-height:1.3;margin:0 0 7px}.full-update-row p{font-size:14px;line-height:1.35;color:#45658d;margin:0}.full-update-row>a{font-size:14px;color:#ff5b00;align-self:center;white-space:nowrap}.full-update-badge{display:inline-block;vertical-align:middle;font-size:12px;padding:2px 7px;color:white;border-radius:4px;font-weight:normal;letter-spacing:0;margin-left:5px;background:#ff7900}.badge-improvement{background:#37be6b}.badge-enhancement{background:#702bff}.full-roadmap{border:1px solid #e9eff7;border-radius:10px;background:linear-gradient(#f9fbff,#fff);overflow:hidden;min-width:0}.full-roadmap>header{padding:11px 20px 7px;border-bottom:1px solid #f0f3f8}.full-roadmap h2{font-size:23px;line-height:1.1;letter-spacing:-.6px;margin:0 0 6px}.full-roadmap header p{font-size:16px;color:#45658d;margin:0}.full-roadmap-row{position:relative;display:flex;align-items:start;gap:18px;min-height:104px;padding:8px 15px 24px 27px}.roadmap-icon{width:43px;flex:none}.full-roadmap-row b{display:block;font-size:14px;line-height:1.3;letter-spacing:-.3px;margin:7px 0 5px}.full-roadmap-row small{display:block;font-size:12px;line-height:1.5;color:#45658d}.roadmap-date{position:absolute;right:15px;bottom:13px;background:#fff2d8;color:#ff5b00;border:1px solid #ffe8c1;border-radius:10px;padding:5px 8px;font-size:11px}.update-empty{padding:25px;border:1px solid #e5edf6;border-radius:10px;line-height:1.6;color:#45658d}
@media(max-width:1250px) and (min-width:761px){.full-hero>div{width:64%}.full-hero h1{font-size:clamp(30px,3.2cqw,43px)}.full-hero p{font-size:16px}.full-technology-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-tabs{margin-top:-15px}.how-reference-hero>div{width:78%}.how-reference-hero{min-height:285px}.full-how-steps{gap:12px}.full-how-step h2{font-size:17px}.full-how-step p{font-size:14px}.how-step-art{width:90px}.full-how-steps:before{top:45px}.full-how-step:not(:last-child):after{right:-15px;top:31px}.full-update-row{grid-template-columns:95px minmax(0,1fr);gap:16px;padding:15px}.full-update-row:before{left:115px}.update-timeline-dot{left:109px}.full-update-row time{font-size:12px}.full-update-row>a{grid-column:2}.full-update-row h2{font-size:14px}.full-update-row p{font-size:12px}.full-roadmap-row{padding-left:14px;gap:12px}.full-roadmap-row b{font-size:12px}.full-roadmap-row small{font-size:11px}.full-roadmap header p{font-size:13px}.update-reference-tabs{margin-top:-30px}}
@media(max-width:900px){.full-news-layout{grid-template-columns:1fr}.full-roadmap-row{min-height:105px}.full-roadmap-row b{font-size:15px}.full-roadmap-row small{font-size:13px}}
@media(max-width:760px){body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .main{margin-left:0}body:is([data-page="technologies"],[data-page="how"],[data-page="updates"]) .topbar{padding:0 12px;gap:12px}.full-hero{height:auto;min-height:265px;padding:26px 20px 30px;background-size:100% 100%,1536px 1024px;background-position:center,-700px -59px;background-image:linear-gradient(90deg,#fff 0%,#fffffff0 75%,#ffffff80),var(--page-source)}.full-hero>div{width:100%;max-width:680px}.full-hero h1{font-size:clamp(29px,5.3cqw,40px);white-space:normal;line-height:1.06}.full-hero p{font-size:16px;line-height:1.3}.full-hero .eyebrow{font-size:14px}.reference-tabs,.update-reference-tabs{margin:0 12px 16px;gap:7px;max-width:none;padding:0}.reference-tabs button{font-size:12px;padding:10px 13px;min-height:38px}.full-technology-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 12px;gap:10px}.technology-many{margin:16px 12px 0}.full-how-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 15px 0;gap:22px 14px;min-height:0}.full-how-steps:before,.full-how-step:not(:last-child):after{display:none}.how-step-art{width:85px}.full-how-step h2{font-size:17px}.full-how-step p{font-size:14px}.how-confidence,.how-last-banner{margin:20px 12px 0}.full-news-layout{margin:0 12px;gap:18px}.full-update-row{grid-template-columns:90px minmax(0,1fr);gap:15px;padding:15px}.full-update-row:before{left:109px}.update-timeline-dot{left:103px}.full-update-row time{font-size:12px}.full-update-row time b{font-size:20px}.full-update-row>a{grid-column:2;font-size:13px}.full-update-row h2{font-size:14px}.full-update-row p{font-size:13px}}
@media(max-width:480px){.full-technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.full-update-row{grid-template-columns:1fr;gap:8px}.full-update-row:before,.update-timeline-dot{display:none}.full-update-row>a{grid-column:1}.full-update-row time{font-size:14px}.full-update-row h2{font-size:16px}.full-update-row p{font-size:14px}.technology-many .many-art{min-height:90px}.confidence-links{left:0;top:52%;width:82%}.how-confidence{min-height:120px}.confidence-art{min-height:120px}.how-last-banner{min-height:90px;background:#08151b}.how-last-art{min-height:90px}}
