/* Width media queries carry !important: they must beat the generated classes of proto.css, which stand in
   for the prototype's inline styles. In the prototype those inline styles beat its own phone rules, so its pages
   did not reflow on a phone (looked at 2026-11-09 with its own runtime at 390 px). */
/* The prototype's global styles (Styles.dc.html) and each page's own styles, as given.
   veuby-prototype.zip and veuby-build-instructions.md, 2026-11-08. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url("../veuby/fonts/poppins-300-latin.42d3308e3aca.woff2") format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url("../veuby/fonts/poppins-400-latin.43751174b6b8.woff2") format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url("../veuby/fonts/poppins-500-latin.792477d09826.woff2") format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url("../veuby/fonts/poppins-600-latin.b550bca8934b.woff2") format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url("../veuby/fonts/poppins-700-latin.0bd523f60499.woff2") format('woff2')}
body{margin:0}
.dc-if{display:contents}.dc-if[hidden]{display:none}
/* Styles.dc.html */
html{scroll-behavior:smooth;scroll-padding-top:96px}
[data-anchor-center]{scroll-margin-top:max(0px,calc(50vh - 220px))}
a{color:#32323C}a:hover{color:#008955}
/* A link in a hero's lead takes the lead's own colour: charcoal on the dark hero did not show (update 1, item 10,
   the FAQ lead, looked at 2026-11-09). */
.s1c33a9e0 a{color:inherit}
.v-root{font-family:'Poppins',system-ui,-apple-system,sans-serif;color:#32323C;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.v-root *{box-sizing:border-box}
.theme-dark{--h-bg:#32323C;--h-bg-a:rgba(50,50,60,.94);--h-fg:#FFFFFF;--h-fg2:rgba(255,255,255,.76);--h-fg3:rgba(255,255,255,.6);--h-line:rgba(255,255,255,.16);--h-circle:#3A3A45;--h-accent:#3DBB86;--h-chip:rgba(255,255,255,.08);--c-bg:#2A2A32;--c-fg:#FFFFFF;--c-fg2:rgba(255,255,255,.66);--c-line:rgba(255,255,255,.11);--c-raise:rgba(255,255,255,.05);--c-shadow:0 50px 90px -30px rgba(0,0,0,.6);--btn-bg:#FFFFFF;--btn-fg:#32323C;--btn-hover:#E8F4EE;--btn2-bd:rgba(255,255,255,.4);--btn2-fg:#FFFFFF;--nav-hover:rgba(255,255,255,.08);--nav-open:rgba(255,255,255,.14);--dots:rgba(255,255,255,.08);--cta-bg:#32323C;--cta-fg:#FFFFFF;--cta-fg2:rgba(255,255,255,.76);--cta-circle:#3A3A45}
.v-wrap{max-width:1232px;margin:0 auto;padding-left:32px;padding-right:32px}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic-sm{width:16px;height:16px}
.ic-xs{width:14px;height:14px}
/* The phone menu sits in the fixed header: it gets the screen's height under the 76 px bar and scrolls by itself,
   where it ran off the bottom of a phone screen with its last links out of reach (the operator, c4ba9170:164). */
/* The Help button, one look on every page of the site and the portal (Joonas's brief of 2026-11-09, item 2, the
   board's .p-iconbtn): a 44 px white circle, a #DCDDE1 border that turns #32323C on hover, the question-mark icon at
   24 px in #32323C, aria-label and tooltip "Help", no text beside it. */
.v-help{position:relative;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #DCDDE1;background:#FFFFFF;color:#32323C;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:border-color .15s ease}
.v-help:hover,.v-help:focus-visible{border-color:#32323C}
.v-help .ic{width:24px;height:24px;color:#32323C}
.v-foot-helprow{margin-top:22px}
.v-foot .v-help{display:inline-flex;padding:0;color:#32323C}
/* The Learn menu's Help item: the Help button's look at the menu's icon size (the operator, 2026-11-10, session c4ba9170) */
.v-mi-ic.v-mi-help{border-radius:50%;background:#FFFFFF;border:1px solid #DCDDE1;color:#32323C}
.v-mi-ic.v-mi-help .ic{width:24px;height:24px}
/* The custody block (_custody.html) */
.v-custody{background:#FFFFFF;padding:clamp(72px,9vw,120px) 0}
.v-custody-tight{padding-top:0}
.v-custody-card{background:#F1F5F3;border:1px solid #DCE9E3;border-radius:28px;padding:clamp(32px,5vw,64px);max-width:980px}
.v-custody-ic{width:52px;height:52px;border-radius:50%;background:#FFFFFF;border:1px solid #DCE9E3;display:flex;align-items:center;justify-content:center;color:#32323C;margin-bottom:24px}
.v-custody-ic .ic{width:24px;height:24px}
.v-custody-p{margin:20px 0 0;max-width:760px;font-size:18px;line-height:1.65;color:#5B5B66}
.v-custody-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
@media (max-width:640px){.v-custody-p{font-size:16px}.v-custody-btns .v-btn{width:100%}}
.v-risk-own{margin:0 0 20px;font-size:18px;line-height:1.65;color:#32323C}
@media (max-width:640px){.v-risk-own{font-size:16px}}
/* Home's console: leverage shown read-only beside the limits, and the portal picture's change date (brief item 6) */
.v-lev-ro{display:flex;justify-content:space-between;margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--c-raise);font-size:12px;color:var(--c-fg2)}
.v-lev-ro strong{color:var(--c-fg);font-weight:600}
.v-lev-date{margin-top:10px;font-size:12px;color:#8A8A94}
.v-mpanel{max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.v-header{background-color:rgba(50,50,60,.74);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);animation:v-fade 1.6s .1s ease both}
.v-navbtn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:var(--h-fg);font:500 15px/1 'Poppins',sans-serif;text-decoration:none;cursor:pointer;transition:background .15s ease}
.v-navbtn:hover{background:var(--nav-hover);color:var(--h-fg)}
.v-navbtn.is-current{box-shadow:inset 0 0 0 1px var(--h-line)}
.v-navbtn.is-open{background:var(--nav-open)}
.v-navbtn .chev{transition:transform .2s ease}
.v-navbtn.is-open .chev{transform:rotate(180deg)}
.v-navbtn:focus-visible,.v-btn:focus-visible,.v-mi:focus-visible,.v-q:focus-visible,.v-cat:focus-visible,.v-switch:focus-visible,.v-seg:focus-visible,.v-chip:focus-visible{outline:2px solid #3DBB86;outline-offset:2px}
.v-menu{position:absolute;top:calc(100% + 12px);z-index:60;background:#fff;color:#32323C;border:1px solid #E4E4E8;border-radius:20px;box-shadow:0 30px 60px -16px rgba(30,30,40,.3),0 2px 8px rgba(30,30,40,.06);padding:12px;animation:v-pop .18s ease-out}
.v-menu-h{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6B6B75;padding:10px 12px 6px}
.v-mi{display:flex;align-items:flex-start;gap:14px;padding:12px;border-radius:14px;color:#32323C;text-decoration:none;transition:background .15s ease}
.v-mi:hover{background:#F1F5F3;color:#32323C}
.v-mi-ic{width:40px;height:40px;border-radius:12px;background:#E8F4EE;color:#008955;display:flex;align-items:center;justify-content:center;flex:none}
.v-mi-t{display:block;font-size:15px;font-weight:500;line-height:1.3}
.v-mi-d{display:block;font-size:13px;color:#6B6B75;line-height:1.45;margin-top:2px}
.v-mlink{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-size:17px;font-weight:500;color:var(--h-fg);text-decoration:none;border-bottom:1px dotted var(--h-line)}
.v-mlink:hover{color:var(--h-fg)}
.v-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:999px;border:1px solid transparent;font:500 15px/1 'Poppins',sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .15s ease,border-color .15s ease}
.v-btn:active{transform:translateY(1px)}
.v-btn-primary{background:var(--btn-bg);color:var(--btn-fg)}
.v-btn-primary:hover{background:var(--btn-hover);color:var(--btn-fg)}
.v-btn-ghost{background:transparent;color:var(--btn2-fg);border-color:var(--btn2-bd)}
.v-btn-ghost:hover{background:var(--nav-hover);color:var(--btn2-fg)}
.v-btn-dark{background:#32323C;color:#fff}
.v-btn-dark:hover{background:#45454F;color:#fff}
/* Outlined buttons on light ground: solid white, never see-through (Joonas's brief of 2026-11-09, item 1). */
.v-btn-line{background:#FFFFFF;color:#32323C;border-color:#CFCFD6}
.v-btn-line:hover{background:#F7F8F7;color:#32323C}
.v-btn .ar{transition:transform .2s ease}
.v-btn:hover .ar{transform:translateX(3px)}
.v-link{display:inline-flex;align-items:center;gap:6px;color:#32323C;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.v-link:hover{color:#008955}
.v-link .ic{transition:transform .2s ease}
.v-link:hover .ic{transform:translateX(3px)}
.v-num{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;padding:0 9px;border-radius:999px;background:#008955;color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em}
.v-h2{margin:0;font-size:clamp(34px,4.2vw,52px);line-height:1.08;font-weight:400;letter-spacing:-.03em}
.v-h3{margin:0;font-size:22px;font-weight:500;letter-spacing:-.01em;line-height:1.3}
.v-lead{margin:20px 0 0;font-size:18px;line-height:1.65;color:#5B5B66;max-width:620px}
.v-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--c-raise);color:var(--c-fg2);border:1px solid var(--c-line)}
.v-tag-l{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:#F1F2F1;color:#5B5B66;border:1px solid #E4E4E8}
.v-dots{background-image:radial-gradient(var(--dots) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 80%);mask-image:linear-gradient(180deg,#000 0%,transparent 80%)}
.v-line{fill:none;stroke:var(--h-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1600;stroke-dashoffset:1600;animation:v-draw 2.4s .3s cubic-bezier(.2,.7,.2,1) forwards}
.v-status{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:500;color:var(--c-fg);background:var(--c-raise);border:1px solid var(--c-line);white-space:nowrap}
.v-dot{width:8px;height:8px;border-radius:50%;background:var(--c-fg2);flex:none}
.v-status.is-run .v-dot{background:var(--h-accent);animation:v-pulse 2s infinite}
.v-switch{position:relative;width:44px;height:26px;border-radius:999px;border:0;padding:0;cursor:pointer;background:rgba(128,128,140,.35);transition:background .2s ease;flex:none}
.v-switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s ease}
.v-switch.is-on{background:var(--h-accent)}
.v-switch.is-on .knob{transform:translateX(18px)}
.v-seg{flex:1;height:30px;border:0;border-radius:999px;background:transparent;color:var(--c-fg2);font:500 12px/1 'Poppins',sans-serif;cursor:pointer;transition:background .15s ease}
.v-seg.is-on{background:var(--c-fg);color:var(--c-bg)}
.v-range{width:100%;margin:14px 0 0;accent-color:var(--h-accent)}
.v-mini{height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-raise);color:var(--c-fg);font:500 12px/1 'Poppins',sans-serif;cursor:pointer}
.v-mini:hover{border-color:var(--c-fg2)}
.v-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--h-chip);color:var(--c-fg);border:1px solid var(--c-line)}
.v-card{background:#fff;border:1px solid #E8E8EC;border-radius:24px;padding:32px;transition:box-shadow .3s ease,border-color .3s ease}
.v-card h3{margin:0;font-size:20px;font-weight:500;letter-spacing:-.01em;line-height:1.3}
.v-card p{margin:10px 0 0;font-size:15px;line-height:1.65;color:#5B5B66}
.v-lift:hover{border-color:#D2D2D8;box-shadow:0 30px 60px -30px rgba(50,50,60,.28)}
.v-cat{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:48px;padding:0 16px;border:0;border-radius:14px;background:transparent;color:#5B5B66;font:500 15px/1 'Poppins',sans-serif;text-align:left;cursor:pointer;white-space:nowrap;flex:none}
.v-cat:hover{background:#F1F5F3;color:#32323C}
.v-cat.is-on{background:#32323C;color:#fff}
.v-cat .cnt{font-size:12px;opacity:.75}
.v-faq-cats{display:flex;flex-direction:column;gap:4px}
.v-q{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:26px 0;border:0;background:transparent;color:#32323C;font:500 18px/1.4 'Poppins',sans-serif;text-align:left;cursor:pointer}
.v-qi{width:36px;height:36px;border-radius:50%;border:1px solid #D9D9DE;display:flex;align-items:center;justify-content:center;flex:none;transition:transform .25s ease,background .2s ease}
.v-q:hover .v-qi{border-color:#32323C}
.v-qi.is-open{transform:rotate(45deg);background:#32323C;color:#fff;border-color:#32323C}
.v-ans{margin:-6px 0 28px;max-width:680px;font-size:16px;line-height:1.7;color:#5B5B66;animation:v-pop .25s ease-out}
.v-risk-i{display:flex;gap:16px;padding:24px 0;border-top:1px dotted #C9C9CF}
.v-risk-ic{width:44px;height:44px;border-radius:50%;background:#E8F4EE;color:#008955;display:flex;align-items:center;justify-content:center;flex:none}
.v-risk-i h3{margin:0;font-size:16px;font-weight:500}
.v-risk-i p{margin:6px 0 0;font-size:14px;line-height:1.6;color:#5B5B66}
.v-node h3{margin:6px 0 0;font-size:22px;font-weight:500;letter-spacing:-.01em}
.v-node p{margin:12px 0 0;font-size:14px;line-height:1.6}
.v-foot h4{margin:0 0 14px;font-size:13px;font-weight:600;color:#32323C}
.v-foot a{display:block;font-size:14px;color:#5B5B66;text-decoration:none;padding:5px 0}
.v-foot a:hover{color:#32323C}
.v-foot .v-tip,.v-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:50%;border:1.5px solid #9A9AA3;color:#5B5B66;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:border-color .15s ease,color .15s ease}
.v-foot .v-tip:hover,.v-tip:hover{border-color:#008955;color:#008955}
.v-tip-t{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);white-space:nowrap;padding:8px 12px;border-radius:10px;background:#32323C;color:#FFFFFF;font-size:13px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}
.v-tip-t::after{content:'';position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:#32323C}
.v-tip:hover .v-tip-t,.v-tip:focus-visible .v-tip-t{opacity:1;transform:translate(-50%,0)}
.v-foot .v-foot-help{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:8px 18px 8px 8px;border-radius:999px;background:#F1F5F3;font-size:14px;line-height:1.3;transition:background .15s ease}
.v-foot .v-foot-help:hover{background:#E1EFE8}
.v-foot-help-ic{width:36px;height:36px;border-radius:50%;background:#32323C;color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex:none}
.v-chip{height:42px;padding:0 18px;border-radius:999px;border:1px solid #D2D2D8;background:#fff;color:#32323C;font:500 14px/1 'Poppins',sans-serif;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.v-chip:hover{border-color:#32323C}
.v-chip.is-on{background:#32323C;border-color:#32323C;color:#fff}
.v-input{width:100%;height:52px;padding:0 16px;border-radius:14px;border:1px solid #CFCFD6;background:#fff;color:#32323C;font:400 16px/1.2 'Poppins',sans-serif}
.v-input:focus{outline:2px solid #008955;outline-offset:1px;border-color:#008955}
textarea.v-input{height:120px;padding:14px 16px;resize:vertical;line-height:1.5}
.v-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}
.v-opt{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;border-radius:14px;border:1px solid #CFCFD6;cursor:pointer;font-size:15px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.v-opt:hover{border-color:#32323C}
.v-opt input{accent-color:#32323C;width:18px;height:18px;margin:0;flex:none}
.v-page-h1{margin:0;font-size:clamp(44px,6.2vw,88px);line-height:.98;font-weight:500;letter-spacing:-.045em}
.v-hero-first{min-height:880px;display:flex;flex-direction:column;padding-top:40px;padding-bottom:44px}
.v-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.v-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.v-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.span2{grid-column:span 2}
.v-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.v-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.v-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v-markets{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px}
.v-flow{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr) 150px minmax(0,1fr);align-items:stretch}
.v-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 10px;text-align:center}
.v-team{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px}
.v-team4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.v-faq{display:grid;grid-template-columns:300px minmax(0,1fr);gap:72px;align-items:start}
.v-foot{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px}
.v-pricing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.v-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.v-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v-form{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.v-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.v-full{grid-column:1 / -1}
.nav-mobile-btn{display:none}
.v-orbit{position:absolute;border-radius:50%;border:1px solid var(--h-line);animation:v-spin 70s linear infinite}
.v-orbit-dot{position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--h-accent);box-shadow:0 0 0 6px rgba(61,187,134,.14)}
.v-mask{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.v-in{display:block;animation:v-up 1.15s cubic-bezier(.16,.84,.24,1) both}
.v-in.d1{animation-delay:.14s}
.v-in.d2{animation-delay:.28s}
.v-fade-in{animation:v-fade 1.2s .75s ease both}
.v-fade-slow{animation:v-fade 2s .1s ease both}
.v-circle-in{animation:v-circle 1.8s .25s cubic-bezier(.16,.84,.24,1) both}
.v-scroll:hover{color:var(--h-fg)}
.v-scroll-ar{animation:v-nudge 2.4s ease-in-out infinite}
@media (max-width:1080px){.nav-desktop{display:none !important}.join-desktop{display:none !important}.nav-mobile-btn{display:inline-flex !important}.v-hero-grid{grid-template-columns:1fr !important;gap:72px !important}.v-steps{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.v-team{grid-template-columns:repeat(4,minmax(0,1fr)) !important}.v-grid3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.v-team4{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:900px){.v-bento,.v-markets,.v-two,.v-faq,.v-pricing,.v-pair,.v-form{grid-template-columns:1fr !important}.span2{grid-column:auto !important}.v-two,.v-faq,.v-pricing,.v-form{gap:40px !important}.v-flow{grid-template-columns:1fr !important}.v-arrow{padding:16px 0 !important}.v-arrow .ar-svg{transform:rotate(90deg) !important}.v-foot{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.v-foot-brand{grid-column:1 / -1 !important}.v-faq-cats{flex-direction:row !important;overflow-x:auto !important;padding-bottom:6px !important}.v-cat{width:auto !important}.v-grid3{grid-template-columns:1fr !important}.v-team4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:640px){.v-wrap{padding-left:16px !important;padding-right:16px !important}.v-steps,.v-grid2,.v-limits,.v-app-grid,.v-fields{grid-template-columns:1fr !important}.v-team{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.v-app-side{display:none !important}.v-float{left:12px !important;bottom:-30px !important}.v-card{padding:24px !important}.v-login-t{display:none !important}.v-console{padding:16px !important}.v-q{font-size:16px !important;padding:22px 0 !important}.v-hero-first{min-height:640px !important}}
@keyframes v-draw{to{stroke-dashoffset:0}}
@keyframes v-pulse{0%{box-shadow:0 0 0 0 rgba(61,187,134,.55)}70%{box-shadow:0 0 0 8px rgba(61,187,134,0)}100%{box-shadow:0 0 0 0 rgba(61,187,134,0)}}
@keyframes v-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes v-up{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:none}}
@keyframes v-fade{from{opacity:0}to{opacity:1}}
@keyframes v-rise{from{opacity:0;transform:translateY(64px)}to{opacity:1;transform:none}}
@keyframes v-zoom{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes v-slide-l{from{opacity:0;transform:translateX(-64px)}to{opacity:1;transform:none}}
@keyframes v-slide-r{from{opacity:0;transform:translateX(64px)}to{opacity:1;transform:none}}
@keyframes v-grow-x{from{transform:scaleX(0)}to{transform:none}}
@keyframes v-grow-y{from{transform:scaleY(0)}to{transform:none}}
@keyframes v-circle{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes v-par{to{transform:translateY(220px)}}
@keyframes v-spin{to{transform:rotate(360deg)}}
@keyframes v-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
/* The reveal: each element fades in once, over .8 s, when it first comes into view, and then stays at full
   strength (the operator, c4ba9170:164: the fade kept, but the buttons and check marks must end bright). It was
   tied to the scroll position (animation-timeline: view()), which left anything low on the screen dim, and the
   page's last block never reached full. Hidden only when v-early.js has marked the page (html.v-js); without
   scripts every element shows as it is. v.js adds .is-in through an IntersectionObserver. */
.v-js .v-reveal,.v-js .v-reveal-zoom,.v-js .v-reveal-l,.v-js .v-reveal-r{opacity:0;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}
.v-js .v-reveal{transform:translateY(40px)}
.v-js .v-reveal-zoom{transform:scale(.94)}
.v-js .v-reveal-l{transform:translateX(-48px)}
.v-js .v-reveal-r{transform:translateX(48px)}
.v-js .v-grow-x,.v-js .v-grow-y,.v-js .v-grow-yd{transition:transform .9s cubic-bezier(.2,.7,.3,1)}
.v-js .v-grow-x{transform-origin:left center;transform:scaleX(0)}
.v-js .v-grow-y{transform-origin:center bottom;transform:scaleY(0)}
.v-js .v-grow-yd{transform-origin:center top;transform:scaleY(0)}
.v-js .v-reveal.is-in,.v-js .v-reveal-zoom.is-in,.v-js .v-reveal-l.is-in,.v-js .v-reveal-r.is-in{opacity:1;transform:none}
.v-js .v-grow-x.is-in,.v-js .v-grow-y.is-in,.v-js .v-grow-yd.is-in{transform:none}
.v-js .is-in.d1{transition-delay:.1s}
.v-js .is-in.d2{transition-delay:.2s}
.v-js .is-in.d3{transition-delay:.3s}
.v-js .is-in.d4{transition-delay:.4s}
@supports (animation-timeline: view()){
.v-parallax{animation:v-par linear both;animation-timeline:scroll(root);animation-range:0px 1400px}
.v-header{animation:v-fade 1.6s .1s ease both,v-head linear both;animation-timeline:auto,scroll(root);animation-range:normal,0px 360px}
}
@keyframes v-head{from{background-color:rgba(50,50,60,0);border-bottom-color:rgba(255,255,255,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background-color:rgba(50,50,60,.74);border-bottom-color:rgba(255,255,255,.1);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v-js .v-reveal,.v-js .v-reveal-zoom,.v-js .v-reveal-l,.v-js .v-reveal-r,.v-js .v-grow-x,.v-js .v-grow-y,.v-js .v-grow-yd{opacity:1;transform:none;transition:none}.v-line{animation:none;stroke-dashoffset:0}.v-status.is-run .v-dot,.v-menu,.v-ans,.v-header,.v-in,.v-fade-in,.v-fade-slow,.v-circle-in,.v-scroll-ar,.v-orbit,.v-reveal,.v-reveal-zoom,.v-reveal-l,.v-reveal-r,.v-grow-x,.v-grow-y,.v-grow-yd,.v-parallax{animation:none}}
/* main */
.v-dia{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:110px}
.v-dia-col{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px}
.v-bubble{position:relative;max-width:300px;min-height:126px;display:flex;align-items:center;justify-content:center;padding:18px 22px;border-radius:20px;font-size:15px;line-height:1.5;box-shadow:0 22px 44px -26px rgba(50,50,60,.4)}
.v-bubble::after{content:'';position:absolute;left:50%;bottom:-9px;width:16px;height:16px;margin-left:-8px;transform:rotate(45deg);background:inherit;border-right:inherit;border-bottom:inherit}
.v-dia-tile{margin-top:30px;width:128px;height:128px;border-radius:32px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 24px 48px -28px rgba(50,50,60,.45)}
.v-dia-name{margin-top:16px;font-size:17px;font-weight:600}
.v-dia-sub{margin-top:2px;font-size:14px;color:#5B5B66}
.v-dia-m{display:none}
.v-dia-link{position:absolute;top:220px;height:0;z-index:1;width:calc(33.333% - 160px)}
.v-dia-link::after{content:'';position:absolute;right:-2px;top:-7px;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.v-dia-link1{left:calc(16.667% + 80px);border-top:2px dashed #9A9AA3;color:#9A9AA3}
.v-dia-link2{left:calc(50% + 80px);border-top:2px solid #008955;color:#008955}
.v-dia-pill{position:absolute;left:50%;top:-40px;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:#FFFFFF;border:1px solid #E4E4E8;color:#32323C}
.v-dia-flow{position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:#008955;box-shadow:0 0 0 4px rgba(0,137,85,.18);animation:v-travel 2.4s linear infinite}
.v-dia-arc{position:absolute;left:16.667%;right:16.667%;top:352px;height:64px;border:2px dashed #A80042;border-top:0;border-radius:0 0 40px 40px}
.v-dia-x{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:6px 14px 6px 6px;border-radius:999px;background:#FFFFFF;border:1.5px solid #A80042;color:#A80042;font-size:13px;font-weight:600}
.v-dia-x svg{width:22px;height:22px;padding:4px;border-radius:50%;background:#A80042;color:#FFFFFF;stroke-width:2.4}
@keyframes v-travel{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@media (max-width:900px){.v-dia{grid-template-columns:1fr !important;padding-bottom:0 !important}.v-dia-link,.v-dia-arc{display:none !important}.v-dia-m{display:flex !important;flex-direction:column !important;align-items:center !important;gap:6px !important;padding:22px 0 !important;font-size:13px !important;color:#5B5B66 !important}}
@media (prefers-reduced-motion:reduce){.v-dia-flow{animation:none;left:50%}}
/* bots */
.v-bar{transition:height .5s cubic-bezier(.2,.8,.2,1)}.v-lev{background:transparent;color:#5B5B66;transition:background .15s ease}.v-lev:hover{color:#32323C}.v-lev.is-on{background:#32323C;color:#FFFFFF}.v-lev:focus-visible{outline:2px solid #008955;outline-offset:2px}
/* team */
.t-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.t-card{display:flex;flex-direction:column;align-items:center;text-align:center}
.t-photo{width:100%;max-width:210px;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;transition:transform .35s ease}
.t-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .45s ease}
.t-card:hover .t-photo{transform:translateY(-6px)}
.t-card:hover .t-photo img{filter:none}
.t-label{position:relative;z-index:1;margin-top:-26px;min-width:78%;padding:14px 18px;border-radius:16px;background:rgba(42,42,50,.86);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.t-name{font-size:17px;font-weight:500;color:#FFFFFF}
.t-role{margin-top:3px;font-size:13px;color:rgba(255,255,255,.7)}
@media (max-width:1080px){.t-row{grid-template-columns:repeat(3,minmax(0,1fr)) !important;row-gap:48px !important}}
@media (max-width:640px){.t-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important;row-gap:40px !important}.t-label{padding:10px 12px !important}.t-name{font-size:15px !important}}
/* join */
.v-opt.is-on{border-color:#32323C;box-shadow:inset 0 0 0 1px #32323C;background:#F7F8F7}
.v-opt small{display:block;font-size:13px;color:#5B5B66;margin-top:2px}
.j-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:start}
.j-opts2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.j-opts3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.j-chips{display:flex;flex-wrap:wrap;gap:8px}
.j-step{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:999px;font-size:15px;color:#5B5B66}
.j-step.is-now{background:#CFE8DE;color:#32323C;font-weight:500}
.j-step.is-done{color:#32323C}
.j-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:none;background:#E4E4E8;color:#32323C}
.j-step.is-now .j-dot{background:#32323C;color:#FFFFFF}
.j-step.is-done .j-dot{background:#008955;color:#FFFFFF}
.j-q{margin:0 0 6px;font-size:17px;font-weight:600}
.j-hint{margin:0 0 14px;font-size:14px;color:#5B5B66;line-height:1.55}
.j-block{margin-top:32px}
.j-sum{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0 24px;font-size:15px}
.j-sum div{padding:12px 0;border-bottom:1px dotted #C9C9CF}
.j-group{margin:18px 0 8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6B6B75}
@media (max-width:900px){.j-grid{grid-template-columns:1fr !important;gap:28px !important}.j-rail-steps{display:flex !important;gap:6px !important;overflow-x:auto !important}.j-step{white-space:nowrap !important}}
@media (max-width:640px){.j-opts2,.j-opts3{grid-template-columns:1fr !important}.j-sum{grid-template-columns:1fr !important}.j-sum div:nth-child(odd){border-bottom:0 !important;padding-bottom:0 !important;color:#5B5B66 !important;font-size:13px !important}}
/* help */
.v-topic{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border-radius:20px;border:1px solid #E4E4E8;background:#FFFFFF;color:#32323C;font:500 15px/1.35 'Poppins',sans-serif;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.v-topic:hover{border-color:#32323C}.v-topic.is-on{border-color:#32323C;box-shadow:inset 0 0 0 1px #32323C;background:#F7F8F7}.v-topic:focus-visible{outline:2px solid #008955;outline-offset:2px}.v-topic-ic{width:40px;height:40px;border-radius:12px;background:#E8F4EE;color:#008955;display:flex;align-items:center;justify-content:center}.v-opt.is-on{border-color:#32323C;box-shadow:inset 0 0 0 1px #32323C;background:#F7F8F7}.v-topics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}@media (max-width:1080px){.v-topics{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}@media (max-width:640px){.v-topics{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
/* The prototype's data-driven inline styles, as classes (dc2django left them for a hand fix). */
.bar-up,.bar-down,.bar-up4,.bar-down4{flex:1}
.bar-up{background:#008955;border-radius:3px 3px 0 0}.bar-down{background:#A80042;border-radius:0 0 3px 3px}
.bar-up4{background:#008955;border-radius:4px 4px 0 0}.bar-down4{background:#A80042;border-radius:0 0 4px 4px}
.hiw-n{width:56px;height:56px;border-radius:50%;background:#E8F4EE;color:#32323C;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600}
.hiw-n-first{background:#008955;color:#FFFFFF}
.bh-0{height:0px}.bh-1{height:1px}.bh-2{height:2px}.bh-3{height:3px}.bh-4{height:4px}.bh-5{height:5px}.bh-6{height:6px}.bh-7{height:7px}.bh-8{height:8px}.bh-9{height:9px}.bh-10{height:10px}.bh-11{height:11px}.bh-12{height:12px}.bh-13{height:13px}.bh-14{height:14px}.bh-15{height:15px}.bh-16{height:16px}.bh-17{height:17px}.bh-18{height:18px}.bh-19{height:19px}.bh-20{height:20px}.bh-21{height:21px}.bh-22{height:22px}.bh-23{height:23px}.bh-24{height:24px}.bh-25{height:25px}.bh-26{height:26px}.bh-27{height:27px}.bh-28{height:28px}.bh-29{height:29px}.bh-30{height:30px}.bh-31{height:31px}.bh-32{height:32px}.bh-33{height:33px}.bh-34{height:34px}.bh-35{height:35px}.bh-36{height:36px}.bh-37{height:37px}.bh-38{height:38px}.bh-39{height:39px}.bh-40{height:40px}.bh-41{height:41px}.bh-42{height:42px}.bh-43{height:43px}.bh-44{height:44px}.bh-45{height:45px}.bh-46{height:46px}.bh-47{height:47px}.bh-48{height:48px}.bh-49{height:49px}.bh-50{height:50px}.bh-51{height:51px}.bh-52{height:52px}.bh-53{height:53px}.bh-54{height:54px}.bh-55{height:55px}.bh-56{height:56px}.bh-57{height:57px}.bh-58{height:58px}.bh-59{height:59px}.bh-60{height:60px}.bh-61{height:61px}.bh-62{height:62px}.bh-63{height:63px}.bh-64{height:64px}.bh-65{height:65px}.bh-66{height:66px}.bh-67{height:67px}.bh-68{height:68px}.bh-69{height:69px}.bh-70{height:70px}.bh-71{height:71px}.bh-72{height:72px}.bh-73{height:73px}.bh-74{height:74px}.bh-75{height:75px}.bh-76{height:76px}.bh-77{height:77px}.bh-78{height:78px}.bh-79{height:79px}.bh-80{height:80px}.bh-81{height:81px}.bh-82{height:82px}.bh-83{height:83px}.bh-84{height:84px}.bh-85{height:85px}.bh-86{height:86px}.bh-87{height:87px}.bh-88{height:88px}.bh-89{height:89px}.bh-90{height:90px}.bh-91{height:91px}.bh-92{height:92px}.bh-93{height:93px}.bh-94{height:94px}.bh-95{height:95px}.bh-96{height:96px}.bh-97{height:97px}.bh-98{height:98px}.bh-99{height:99px}.bh-100{height:100px}.bh-101{height:101px}.bh-102{height:102px}.bh-103{height:103px}.bh-104{height:104px}.bh-105{height:105px}.bh-106{height:106px}.bh-107{height:107px}.bh-108{height:108px}.bh-109{height:109px}.bh-110{height:110px}.bh-111{height:111px}.bh-112{height:112px}.bh-113{height:113px}.bh-114{height:114px}.bh-115{height:115px}.bh-116{height:116px}.bh-117{height:117px}.bh-118{height:118px}.bh-119{height:119px}.bh-120{height:120px}.bh-121{height:121px}.bh-122{height:122px}.bh-123{height:123px}.bh-124{height:124px}.bh-125{height:125px}.bh-126{height:126px}.bh-127{height:127px}.bh-128{height:128px}.bh-129{height:129px}.bh-130{height:130px}.bh-131{height:131px}.bh-132{height:132px}.bh-133{height:133px}.bh-134{height:134px}.bh-135{height:135px}.bh-136{height:136px}.bh-137{height:137px}.bh-138{height:138px}.bh-139{height:139px}.bh-140{height:140px}
/* Phone fixes the prototype lacks (it did not reflow on a phone, 2026-11-09). Stacked grids may shrink below
   their content's width, and the
   decorative rings never widen the page. */
@media (max-width:900px){.v-bento,.v-markets,.v-two,.v-faq,.v-pricing,.v-pair,.v-form{grid-template-columns:minmax(0,1fr) !important}.v-pricing>*,.v-two>*,.v-faq>*{min-width:0}}
.v-root{overflow-x:clip}
/* The forms as real forms (intake/templates): what the prototype's scripts drew from their state. */
.v-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.v-notice{margin:0 0 20px;padding:12px 16px;border-radius:14px;background:#E8F4EE;color:#32323C;font-size:14px}
.v-opt:has(input:checked),.v-topic:has(input:checked){border-color:#32323C;box-shadow:inset 0 0 0 1px #32323C;background:#F7F8F7}
.v-topic:has(input:focus-visible){outline:2px solid #008955;outline-offset:2px}
fieldset.j-step-set{border:0;margin:0;padding:0;min-width:0}
.j-bar{height:100%;background:#008955;border-radius:999px;transition:width .4s ease}
.j-bar-1{width:33%}.j-bar-2{width:67%}.j-bar-3{width:100%}
.j-tl{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:#E4E4E8;border:2px solid #E4E4E8;color:#FFFFFF}
.j-tl-done{background:#008955;border-color:#008955}.j-tl-next{background:#FFFFFF;border-color:#008955}
@media (prefers-reduced-motion:reduce){.j-bar{transition:none}}
[hidden]{display:none !important}
/* The restricted countries page (public/templates/public/restricted_countries.html): a document, one reading
   column with the tables at full width, in the prototype's tokens. */
.rc-crumb{color:inherit;text-decoration:none}.rc-crumb:hover{color:#3DBB86}
.rc-updated{margin:18px 0 0;font-size:14px;color:var(--h-fg3)}
.rc-page{padding-top:72px !important;padding-bottom:96px !important}
.rc-doc{max-width:800px}
.rc-part{margin-top:64px;padding-top:56px;border-top:1px dotted #C9C9CF}
.rc-doc:first-child .rc-part:first-child{margin-top:0;padding-top:0;border-top:0}
.rc-doc .rc-eyebrow{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#008955}
.rc-h2{margin:0 0 20px;font-size:clamp(28px,3vw,36px);line-height:1.15;font-weight:400;letter-spacing:-.025em;color:#32323C}
.rc-h3{margin:40px 0 0;font-size:20px;font-weight:500;letter-spacing:-.01em;color:#32323C}
.rc-doc p,.rc-grounds p,.rc-bullets li{font-size:16px;line-height:1.7;color:#5B5B66}
.rc-doc p{margin:0 0 16px}
.rc-grounds{list-style:none;margin:8px 0 0;padding:0}
.rc-grounds li{display:flex;gap:16px;padding:16px 0;border-top:1px dotted #C9C9CF}
.rc-grounds li:last-child{border-bottom:1px dotted #C9C9CF}
.rc-grounds li p{margin:0}
.rc-grounds strong{color:#32323C;font-weight:600}
.rc-n{width:28px;height:28px;flex:none;margin-top:1px;border-radius:50%;background:#E8F4EE;color:#32323C;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.rc-sources{margin:16px 0 0}
.rc-sources div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:14px 0;border-top:1px dotted #C9C9CF}
.rc-sources dt{font-size:16px;font-weight:500;line-height:1.7;color:#32323C}
.rc-sources dd{margin:0;font-size:16px;line-height:1.7;color:#5B5B66}
.rc-card{position:relative;margin-top:24px;padding:8px 28px 12px;overflow-x:auto}
.rc-table{width:100%;min-width:640px;border-collapse:separate;font-size:15px}
.rc-table thead th{padding:18px 8px 12px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6B6B75;text-align:center;vertical-align:bottom;border-bottom:1px solid #32323C;width:13%}
.rc-table thead th:first-child{text-align:left;padding-left:0;width:auto}
.rc-table tbody th{padding:12px 8px 12px 0;font-weight:400;text-align:left;color:#32323C}
.rc-table td{text-align:center;padding:12px 8px}
.rc-table{border-spacing:0}
.rc-table tbody th,.rc-table td{border-bottom:1px dotted #C9C9CF}
.rc-table tbody tr:last-child th,.rc-table tbody tr:last-child td{border-bottom:0}
.rc-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#008955;vertical-align:middle}
.rc-note{margin:20px 0 0 !important;font-size:15px !important}
.rc-bullets{margin:0 0 16px;padding:0;list-style:none}
.rc-bullets li{position:relative;padding:4px 0 4px 22px}
.rc-bullets li::before{content:'';position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:50%;background:#008955}
.rc-doc p a{overflow-wrap:anywhere}
@media (max-width:640px){.rc-page{padding-top:48px !important;padding-bottom:64px !important}.rc-part{margin-top:48px;padding-top:40px}.rc-card{padding:4px 16px 8px}.rc-sources div{grid-template-columns:1fr;gap:2px}}
/* On a phone each row becomes a block: the name, then a label for each ground that applies. */
@media (max-width:640px){.rc-card{overflow-x:visible;padding:4px 20px}.rc-table{min-width:0}.rc-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.rc-table,.rc-table tbody{display:block}.rc-table tbody tr{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0;border-bottom:1px dotted #C9C9CF}.rc-table tbody tr:last-child{border-bottom:0}.rc-table tbody th{display:block;width:100%;padding:0 0 2px;border:0}.rc-table td{display:none;border:0;padding:0}.rc-table td.is-on{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:#E8F4EE;font-size:12px;font-weight:500;color:#32323C}.rc-table td.is-on::after{content:attr(data-label)}.rc-table td.is-on .rc-dot{width:8px;height:8px}}
/* The brand folder's index page (/brand/): a preview of each mark on its ground, the files as a table with their
   addresses, and the email snippet. The table takes the restricted countries table's look. */
.bp-preview{margin-top:24px;padding:32px;border:1px solid #E4E4E8;border-radius:16px;display:flex;align-items:center;justify-content:center;min-height:120px}
.bp-preview--light{background:#FFFFFF}
.bp-preview--dark{background:#17181C;border-color:#17181C}
.bp-preview img{display:block;max-width:min(100%,420px);max-height:72px;height:auto}
.bp-preview--veuby-symbol img,.bp-preview--veuby-symbol-16 img{width:64px;height:64px}
.bp-code{margin:8px 0 16px;padding:16px 18px;border-radius:12px;background:#F4F4F6;font-size:14px;line-height:1.6;color:#32323C;white-space:pre-wrap;overflow-wrap:anywhere}
.bp-addr{font-size:13px;color:#32323C;overflow-wrap:anywhere;word-break:break-all}
.bp-table{min-width:760px}
.bp-table thead th,.bp-table td{text-align:left}
.bp-table td{white-space:nowrap}
.bp-table td[data-label="Address"]{width:1%}
.bp-table tbody th a{color:#008955;text-decoration:none;overflow-wrap:anywhere}
.bp-table tbody th a:hover{text-decoration:underline}
/* On a phone each file becomes a block: its name, then its pixels and ground as pills, then its address. */
@media (max-width:640px){.bp-table{min-width:0}.bp-preview{padding:24px 16px}.bp-table td{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#E8F4EE;font-size:12px;font-weight:500;color:#32323C}.bp-table td[data-label="Address"]{display:block;flex:0 0 100%;min-width:0;width:100%;white-space:normal;padding:4px 0 0;background:none;border-radius:0;font-weight:400}}