:where(.reference-ui) section{padding:0}
/* Obhod reference implementation, revision 2. Layout rebuilt from approved boards. */
:root{--yellow:#ffda42;--green:#43d675;--bg:#060909;--muted:#bac1c8;--line:#31383e;--card:#101416;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:88px}body.reference-ui{margin:0;background:radial-gradient(ellipse at 80% 15%,#10171755,transparent 40%),#060909;color:#f8f9fa;font:15px/1.5 Manrope,system-ui,sans-serif}body.reference-ui h1,body.reference-ui h2,body.reference-ui h3{color:#f8f9fa;letter-spacing:-.035em;margin:0;font-weight:800}body.reference-ui h1{font-size:clamp(34px,4.3vw,60px);line-height:1.08}body.reference-ui h2{font-size:26px;line-height:1.2}body.reference-ui h3{font-size:18px;line-height:1.3}body.reference-ui p{margin:10px 0;color:#c6ccd2}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffda42;outline-offset:4px}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.site-header,.site-footer,.site-main{width:min(1120px,calc(100% - 48px));margin:0 auto}.reference-ui .site-header{position:relative;top:auto;display:flex;align-items:center;gap:36px;min-height:92px;padding:18px 0;border-bottom:1px solid #ffffff14;background:transparent;backdrop-filter:none}.site-header .brand{margin:0;display:flex}.site-header .brand img{width:180px;height:auto}.site-header nav{display:flex;gap:28px;margin-left:auto}.site-header nav a{font-size:13px}.reference-ui .button,.reference-ui button:not(.nav-toggle):not(.diagnostic-row):not(.modal-close){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 22px;background:linear-gradient(115deg,#ffdf37,#ffda19);border:1px solid #ffe45d;border-radius:9px;color:#080909;font-weight:800;cursor:pointer;box-shadow:inset 0 0 12px #fff2;transition:transform .18s,box-shadow .22s,border-color .22s}.reference-ui .button:hover,.reference-ui button:hover{transform:translateY(-1px);box-shadow:0 0 22px #ffda421a}.reference-ui .button:active{transform:scale(.985)}.reference-ui .button.secondary,.reference-ui button.secondary{background:linear-gradient(125deg,#15191b,#090c0e);border-color:#a1a5a8;color:#f5f6f7;box-shadow:none}.header-cta{font-size:12px;white-space:nowrap}.header-cta .ui-icon{width:18px;height:18px}.site-header .nav-toggle{display:none}.site-main{padding:0 0 36px;min-height:60vh}.reference-ui .landing-hero{position:relative;min-height:490px;display:flex;align-items:center;overflow:hidden;padding:54px 24px 40px}.hero-copy{position:relative;z-index:1;width:60%}.reference-ui .hero-copy h1{font-size:clamp(38px,5.4vw,74px);font-weight:850;line-height:1.03}.hero-copy>p{font-size:22px;line-height:1.35;margin:18px 0 28px;color:#fff}.hero-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;max-width:320px}.hero-actions .button{font-size:13px}.globe-visual{position:absolute;width:64%;right:-9%;top:0;bottom:0;display:flex;align-items:center;pointer-events:none}.globe-visual svg{width:100%;height:auto;filter:drop-shadow(0 0 24px #ffda4209)}.globe-route{stroke-dasharray:900;animation:route-draw 2s ease-out both}.ref-card{border:1px solid #31383e;border-radius:12px;background:linear-gradient(130deg,#111517,#0a0e10);padding:24px}.benefit-grid,.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit{text-align:center;padding:26px 18px}.benefit>.ui-icon{width:42px;height:42px;color:#ffdb25;margin-bottom:12px}.benefit p{font-size:14px}.reference-ui .home-section{padding:28px 0 0}.home-section>p{margin:6px 0 16px}.start-step{position:relative;padding:22px}.step-number{display:inline-flex;border:1px solid #d9dde1;border-radius:50%;width:32px;height:32px;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0}.start-step>.ui-icon{width:34px;height:34px;vertical-align:middle;margin-left:16px}.start-step h3{margin-top:16px}.start-step p{font-size:14px}.os-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.os-strip a{display:flex;align-items:center;flex-direction:column;gap:8px;padding:16px 8px;font-size:12px}.os-icon{width:44px;height:44px;object-fit:contain;filter:none}.os-strip .os-icon{width:32px;height:32px}.final-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:22px}.final-banner .hero-actions{width:320px}.reference-ui .final-banner h2{font-size:26px}.final-banner p{margin:6px 0 0;font-size:14px}.center-intro{text-align:center;padding:60px 0 46px}.center-intro p{font-size:18px;margin:18px 0 0}.ref-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.tariff{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:28px 20px 20px;min-height:365px}.tariff.featured{border-color:#ffda00;box-shadow:0 0 0 1px #ffda0033}.tariff-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#ffda25;color:#080909;padding:3px 16px;border-radius:7px;font-size:12px;font-weight:800}.reference-ui .tariff h3{font-size:18px}.reference-ui .tariff-price{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.04em;margin:20px 0 0;white-space:nowrap}.reference-ui .tariff-period{font-size:13px;min-height:40px;margin:0 0 18px}.checklist{list-style:none;padding:0;margin:18px 0 24px;font-size:13px;line-height:1.5}.checklist li{display:flex;gap:8px;margin:10px 0}.checklist li::before{content:'✓';color:#ffda25;font-size:20px;line-height:1;font-weight:800}.tariff .checklist{flex:1}.tariff .button{width:100%}.renewal-note{display:flex;align-items:center;gap:24px;margin:32px 0}.renewal-note>.ui-icon{width:50px;height:50px}.ref-faq h2{margin-bottom:18px}.reference-ui details{background:linear-gradient(120deg,#101517,#0b0f10);border:1px solid #333a40;border-radius:9px;margin:10px 0;padding:0 18px}.reference-ui summary{cursor:pointer;padding:14px 0;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.reference-ui summary::after{content:'›';font-size:22px;line-height:1}.reference-ui details[open] summary::after{transform:rotate(90deg)}.primary-downloads{display:grid;grid-template-columns:1fr 1fr;gap:24px}.primary-download{padding:28px;display:flex;flex-direction:column;align-items:flex-start}.primary-download .os-icon{width:50px;height:50px;margin-bottom:12px}.reference-ui .primary-download h2{font-size:27px}.yellow-label{display:inline-block;background:#ffda25;color:#080909;font-size:12px;font-weight:800;border-radius:5px;padding:2px 8px;margin:8px 0}.primary-download>.button{width:100%;margin-top:auto}.primary-download .checklist{margin-bottom:26px}.reference-ui .text-link{color:#72cfff;text-decoration:underline;text-underline-offset:3px;font-size:14px}.primary-download .text-link{margin-top:16px}.release-meta{font-size:12px}.release-hash{font-size:10px;overflow-wrap:anywhere}.other-clients{margin-top:32px}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.client-grid .ref-card{padding:22px}.client-grid h3{margin-top:12px}.client-download{display:block;font-size:11px;color:#b5bdc4;margin-top:12px}.reference-ui .help-intro{padding:28px 0 22px}.breadcrumbs{font-size:12px;color:#aeb6bd!important;margin:0 0 28px!important}.help-intro h1{white-space:pre-line}.help-intro>p:not(.breadcrumbs){font-size:18px;white-space:pre-line;margin:18px 0}.help-search{display:flex;align-items:center;gap:12px;border:1px solid #899299;border-radius:10px;padding:8px 16px;margin-top:24px;background:linear-gradient(100deg,#15191d,#0c1012)}.help-search input{background:transparent;border:0;padding:8px 0;width:100%;outline-offset:4px;color:white;font-size:14px}.small-heading{font-size:22px!important;margin:14px 0!important}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.popular-grid a{text-align:center}.popular-grid h3{font-size:15px!important;margin-top:8px!important}.article-rows{display:grid;gap:10px}.reference-ui .article-card{display:flex;align-items:center;gap:20px;padding:16px 20px}.article-card>div{flex:1;min-width:0}.article-card h3{font-size:16px!important}.article-card p{font-size:13px;margin:4px 0 0!important}.article-card>.ui-icon:first-child{width:30px;height:30px}.support-banner{display:flex;gap:20px;align-items:center;margin-top:24px;padding:20px}.support-banner>.ui-icon{color:#ffda25;width:38px;height:38px}.support-banner>div{flex:1}.support-banner .button{font-size:13px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setup-platform{position:relative;padding:28px}.setup-platform .os-icon{width:52px;height:52px;margin-bottom:16px}.setup-platform>.ui-icon{position:absolute;right:24px;top:50%}.setup-platform.wide{grid-column:1/-1;display:flex;align-items:center;gap:24px}.setup-platform.wide .os-icon{margin:0}.setup-platform.wide h2{font-size:24px}.setup-platform.wide p{padding-right:30px}.documentation-layout,.reference-ui .workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.side-menu{background:linear-gradient(140deg,#111415,#080c0d);border:1px solid #252c30;border-radius:12px;padding:18px 12px;min-height:550px;position:sticky;top:20px;display:flex;flex-direction:column;gap:8px}.side-menu strong{padding:4px 12px 10px;font-size:14px}.side-menu a{position:relative;padding:12px;font-size:13px;border-radius:7px;display:flex;gap:12px;align-items:center}.side-menu a[aria-current=page],.side-menu a.active{background:#ffda4210;color:#ffda42}.side-menu a[aria-current=page]::before,.side-menu a.active::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:2px;background:#ffda42}.document-content{min-width:0;padding:12px 6px}.document-content h1,.reference-ui .account-main h1{font-size:34px}.document-content .breadcrumbs{margin-bottom:12px!important}.document-lead{margin:14px 0 24px!important}.article-steps{display:grid;gap:10px;margin:24px 0}.article-step{display:flex;gap:18px;padding:20px}.article-step .step-number{background:#555c63;border:0}.article-step h2{font-size:18px!important}.article-step p{font-size:14px}.article-note{display:flex;align-items:center;gap:16px;margin-top:20px;font-size:13px;padding:16px}.related{margin-top:24px}.related h2{font-size:18px!important;margin-bottom:12px!important}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related a{font-size:13px;padding:20px}.guide-shell{max-width:none!important;padding:0!important}.guide-shell>h1{font-size:36px}.guide-shell>.eyebrow{display:none}.guide-meta{font-size:11px;color:#b4bcc5;margin:12px 0}.guide-layout{display:block!important}.guide-outline{display:flex!important;flex-wrap:wrap;gap:8px;list-style:none;counter-reset:guide;padding:0!important;margin:24px 0!important}.guide-outline li{counter-increment:guide;font-size:12px;display:flex;align-items:center;gap:8px;padding:8px!important;border:1px solid #30383d;border-radius:8px}.guide-outline li::before{content:counter(guide);color:#080909;background:#ffda25;display:grid;place-items:center;border-radius:50%;width:23px;height:23px;flex-shrink:0}.guide-step{background:linear-gradient(125deg,#12181a,#080c0e);border:1px solid #343e43;border-radius:12px;padding:24px}.guide-step h2{font-size:26px!important}.guide-step .actions{display:flex;gap:12px;flex-wrap:wrap}.progress-track{display:flex;gap:16px;align-items:center;font-size:12px;margin:12px 0}.progress-track progress{flex:1}.legal-layout .document-content{border:1px solid #252c30;border-radius:12px;padding:24px}.reference-ui .prose h2{font-size:21px;margin-top:24px;scroll-margin-top:24px}.reference-ui .prose{max-width:none}.diagnostics-page{padding:28px 0;max-width:900px;margin:auto}.diagnostics-page>p:not(.breadcrumbs){font-size:18px}.diagnostic-options{display:grid;gap:12px;margin:28px 0}.reference-ui button.diagnostic-row{display:flex;width:100%;align-items:center;gap:22px;color:#fff;text-align:left;cursor:pointer;font-size:16px;padding:22px;background:linear-gradient(130deg,#14181b,#0b1012);border:1px solid #343c42;border-radius:12px}.diagnostic-row span{flex:1}.diagnostic-row small{display:block;color:#b5bdc7;font-size:13px;margin-top:4px}.diagnostic-row>.ui-icon:first-child{width:30px;height:30px}.account-diagnostic{margin-top:28px}.account-diagnostic h2{display:flex;align-items:center;gap:16px;font-size:24px}.consent{display:flex;align-items:center;gap:14px;border:1px solid #343c42;border-radius:8px;padding:16px;font-size:13px;margin:20px 0}.consent input{width:20px;height:20px;accent-color:#ffda42}.account-diagnostic>.button{width:100%}.reference-ui .workspace{margin-bottom:30px}.reference-ui .account-main{padding:14px 0;min-width:0}.reference-ui #account-nav{position:sticky;display:flex}.reference-ui #account .card{border:1px solid #30383d;background:linear-gradient(125deg,#121719,#090d0f);border-radius:12px;padding:24px}.reference-ui #account .card.yellow{background:linear-gradient(125deg,#211f13,#0b1010);color:#fff}.reference-ui #account h2{font-size:25px}.reference-ui #account .card-grid{gap:18px}.account-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.account-overview-grid .card{margin:0!important}.account-overview-grid .ui-icon{color:#ffda25;width:36px;height:36px;margin-bottom:12px}.account-overview-grid .button{width:100%;margin-top:12px}.reference-ui .login-panel{max-width:460px;margin:50px auto;text-align:center;padding:40px!important}.login-panel>img{width:160px;height:auto;margin:0 auto 26px}.login-panel .button{width:100%;margin:22px 0}.login-panel .login-footnote{border-top:1px solid #30383d;padding-top:22px;font-size:12px}.workspace:has(.login-panel){display:block;background:repeating-linear-gradient(145deg,transparent 0 160px,#ffffff02 160px 260px)}.workspace:has(.login-panel) #account-nav{display:none}.reference-ui .site-footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:24px 0 18px;border-top:1px solid #ffffff16;background:transparent}.site-footer .brand img{width:160px;height:auto}.site-footer nav{display:flex;gap:26px;margin-left:auto;font-size:13px}.site-footer>.ui-icon{margin-left:auto}.site-footer .footer-legal{width:100%;display:flex;gap:20px;justify-content:flex-end;font-size:11px;color:#8c969e;border-top:1px solid #ffffff0b;padding-top:14px}.footer-legal span{margin-right:auto}.reference-ui .actions{gap:12px}.reference-ui input,.reference-ui select,.reference-ui textarea{max-width:100%}.reference-ui .secret{overflow-wrap:anywhere}.reference-ui dialog{border:1px solid #40484e;border-radius:14px;background:#101719;color:#fff}.reference-ui dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.reference-ui .mobile-nav{background:#090e10}.reference-ui [data-enter]{animation:enter .4s ease-out both}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes route-draw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
@media(min-width:1500px){.site-header,.site-footer,.site-main{width:1120px}}@media(max-width:900px){.site-header,.site-footer,.site-main{width:calc(100% - 32px)}.reference-ui .site-header{gap:16px;min-height:76px}.site-header .brand img{width:146px}.site-header nav{gap:16px}.reference-ui .landing-hero{min-height:420px;padding:40px 8px}.hero-copy>p{font-size:18px}.reference-ui .hero-copy h1{font-size:52px}.ref-pricing{grid-template-columns:repeat(2,1fr)}.documentation-layout,.reference-ui .workspace{grid-template-columns:180px minmax(0,1fr);gap:16px}.side-menu{padding:12px 8px}.side-menu a{font-size:12px}.document-content h1{font-size:30px}.primary-download{padding:22px}.reference-ui .primary-download h2{font-size:23px}}
@media(max-width:620px){.site-header nav,.site-header .header-cta{display:none}.site-header .nav-toggle{display:flex;margin-left:auto}.reference-ui .landing-hero{min-height:390px;padding:32px 4px;align-items:flex-start}.hero-copy{width:100%}.reference-ui .hero-copy h1{font-size:clamp(36px,9.4vw,54px)}.hero-copy>p{font-size:16px;max-width:260px;margin:16px 0 24px}.globe-visual{width:100%;right:-35%;top:0;opacity:.65}.hero-actions{width:260px;max-width:100%}.hero-actions .button{padding:11px 12px;font-size:12px}.benefit-grid{gap:8px}.benefit{padding:16px 7px}.benefit>.ui-icon{width:28px;height:28px;margin-bottom:8px}.reference-ui .benefit h3{font-size:12px}.reference-ui .benefit p{font-size:11px;line-height:1.4}.step-grid{gap:8px}.start-step{padding:14px 9px}.step-number{width:25px;height:25px;font-size:12px}.start-step>.ui-icon{width:25px;height:25px;margin-left:7px}.reference-ui .start-step h3{font-size:13px}.reference-ui .start-step p{font-size:11px;line-height:1.45}.reference-ui h2{font-size:22px}.home-section>p{font-size:13px}.os-strip{grid-template-columns:repeat(3,1fr);gap:8px}.os-strip a{font-size:11px;padding:12px 6px}.final-banner{flex-direction:column;align-items:stretch;padding:18px;gap:16px}.final-banner .hero-actions{width:100%;max-width:none}.reference-ui .final-banner h2{font-size:23px}.center-intro{padding:36px 0 30px}.center-intro h1{font-size:36px}.center-intro p{font-size:15px}.ref-pricing{gap:12px}.tariff{padding:22px 12px 14px;min-height:330px}.reference-ui .tariff h3{font-size:15px}.reference-ui .tariff-price{font-size:27px}.tariff .checklist{font-size:11px}.tariff .button{padding:10px;font-size:13px}.renewal-note{padding:18px;gap:16px}.renewal-note>.ui-icon{width:36px}.renewal-note p{font-size:13px}.primary-downloads{grid-template-columns:1fr;gap:16px}.primary-download .checklist{margin-top:8px}.primary-download>.button{margin-top:12px}.client-grid{grid-template-columns:repeat(2,1fr);gap:12px}.client-grid .ref-card{padding:16px}.popular-grid{gap:8px}.popular-grid .ref-card{padding:12px 6px}.popular-grid h3{font-size:11px!important}.popular-grid .os-icon{width:30px;height:30px}.help-intro h1{font-size:37px}.help-intro>p:not(.breadcrumbs){font-size:16px}.article-card{gap:12px!important;padding:14px!important}.support-banner{flex-wrap:wrap;gap:12px;padding:16px}.support-banner .button{width:100%}.setup-grid{gap:12px}.setup-platform{padding:20px 14px}.setup-platform h2{font-size:20px!important}.setup-platform p{font-size:12px}.setup-platform .os-icon{width:38px;height:38px}.setup-platform>.ui-icon{right:12px;width:17px}.setup-platform.wide{flex-wrap:wrap;gap:16px}.setup-platform.wide p{width:100%;margin:0}.documentation-layout,.reference-ui .workspace{grid-template-columns:1fr}.side-menu{position:static;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}.side-menu strong{grid-column:1/-1}.side-menu a{padding:10px;font-size:12px}.document-content{padding:12px 0}.document-content h1{font-size:31px}.article-step{padding:16px;gap:12px}.article-step h2{font-size:17px!important}.related>div{grid-template-columns:1fr}.related a{padding:15px}.guide-step{padding:18px}.guide-step .actions button{flex:1}.guide-outline li{font-size:11px}.legal-layout .document-content{padding:18px}.reference-ui .prose h2{font-size:20px}.diagnostic-row{padding:18px 14px!important;gap:14px!important}.diagnostic-row strong{font-size:15px}.diagnostic-row small{font-size:12px}.account-diagnostic{padding:18px}.account-diagnostic h2{font-size:22px}.account-overview-grid{grid-template-columns:1fr}.reference-ui .login-panel{padding:26px!important;margin:24px 0}.site-footer nav{gap:16px;margin:0;font-size:12px}.site-footer>.brand{width:calc(100% - 60px)}.site-footer .footer-legal{justify-content:flex-start;flex-wrap:wrap;gap:12px}.footer-legal span{width:100%}.site-footer>.brand img{width:146px}.reference-ui .site-footer{gap:18px}.site-main{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(hover:none){.reference-ui .button:hover,.reference-ui button:hover{transform:none}}

@media(max-width:620px){.reference-ui .benefit p,.reference-ui .start-step p{font-size:12px}.reference-ui .landing-hero{min-height:370px}}

/* Instruction pages follow the reference's compact, numbered reading order. */
body.reference-ui .document-content h1{font-size:34px;line-height:1.12}
.guide-outline{display:none}.guide-meta{margin-bottom:18px}.guide-shell>.eyebrow{display:none}
.reference-ui .guide-step{position:relative;padding:12px 0 18px 46px;background:none;border:0;border-radius:0;margin:0 0 8px}
body.reference-ui .guide-step h2{font-size:19px}.guide-step p{font-size:14px;line-height:1.6}.instruction-number{position:absolute;top:12px;left:0;width:30px;height:30px;border-radius:50%;background:#ffda42;color:#080909;font-weight:800;display:grid;place-items:center}
.guide-step .recovery,.guide-step .actions{display:none}.guide-step.current .recovery{display:block;margin-top:12px}.guide-step.current .actions{display:flex;margin-top:14px}.guide-step .button{min-height:40px;padding:8px 14px;font-size:13px}.progress-track{margin:14px 0 20px}
@media(max-width:620px){body.reference-ui .document-content h1{font-size:28px}.reference-ui .guide-step{padding-left:40px}}

.reference-ui .guide-outline{display:none}body.reference-ui .guide-step h2{font-size:19px!important}
