@font-face{font-family:Dentio Sans;src:url(/assets/DentioSans-Regular-BG2gZM7t.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Syllabus;src:url(/assets/Syllabus-Regular-CRCn7jiF.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color:var(--join-foreground);background:var(--join-background);font-family:Dentio Sans,Inter,system-ui,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--join-background: #fffbee;--join-cream: #f7f1e3;--join-surface: #ffffff;--join-foreground: #151213;--join-midnight: #020043;--join-primary: #7155ad;--join-primary-hover: #8a38f5;--join-primary-foreground: #ffffff;--join-muted-foreground: #5f5b62;--join-border: rgb(2 0 67 / 15%);--join-focus: #7155ad;--join-focus-ring: rgb(113 85 173 / 28%);--join-primary-muted: rgb(113 85 173 / 20%);--join-error: #8a2923;--join-error-surface: #fff1ee;--join-error-border: #eab9b2;--join-success: #226746;--join-success-surface: #edf9f2;--join-success-border: #add7bf}*{box-sizing:border-box}html{min-width:20rem;min-height:100%;overflow-x:hidden;background:var(--join-background)}body{min-width:20rem;min-height:100vh;margin:0;overflow-x:hidden;color:var(--join-foreground);background:var(--join-background)}button,input,select{font:inherit}button,a,input,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 .2rem var(--join-focus-ring)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}h1,h2,p{margin-top:0}h1,h2{color:var(--join-midnight)}h1{max-width:35rem;margin-bottom:0;font-family:Syllabus,Dentio Sans,sans-serif;font-size:clamp(2.4rem,8vw,3.25rem);font-weight:400;line-height:.98;letter-spacing:-.025em}h1:focus{outline:none}h2{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:.5rem;left:.5rem;padding:.75rem 1rem;color:var(--join-primary-foreground);text-decoration:none;border-radius:.625rem;background:var(--join-midnight);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page-shell{min-height:100vh}.site-header{position:fixed;z-index:40;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{height:1.75rem;width:auto}.language-selector{position:relative;margin-left:auto}.language-selector__trigger{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;gap:.375rem;padding:.375rem;cursor:pointer;border:0;border-radius:999px;background:transparent;transition:background .16s ease}.language-selector__trigger:hover{background:#0200430d}.language-selector__chevron{width:.875rem;height:.875rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;transition:transform .2s ease}.language-selector__trigger[aria-expanded=true] .language-selector__chevron{transform:rotate(180deg)}.language-selector__flag{font-size:1.375rem;line-height:1}.language-selector__menu{position:absolute;z-index:50;top:calc(100% + .625rem);right:0;width:11.875rem;padding:.5rem;border:1px solid rgb(21 18 19 / 10%);border-radius:1.125rem;background:#fffbef;box-shadow:0 .625rem 1.875rem #1512131f}.language-selector__option{display:flex;width:100%;min-height:2.75rem;align-items:center;gap:.75rem;padding:.625rem .75rem;color:var(--join-midnight);font-size:.875rem;font-weight:500;line-height:1;text-align:left;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:.75rem;background:transparent;transition:background .16s ease}.language-selector__option:hover{background:#0200430d}.language-selector__option--active,.language-selector__option--active:hover{color:#fffbef;background:var(--join-midnight)}.language-selector__option-flag{font-size:1.125rem;line-height:1}.language-selector__option-label{flex:1}.language-selector__option-code{opacity:.5}.language-selector__option--active .language-selector__option-code{opacity:.7}.progress{width:100%;margin:0 0 1.75rem;color:var(--join-midnight)}.progress__summary{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.8rem}.progress__summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress__summary span{flex:none;color:var(--join-muted-foreground);font-size:.75rem}.progress ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;padding:0;margin:.45rem 0 0;list-style:none}.progress li>span:last-child{display:block;height:.25rem;border-radius:999px;background:var(--join-border)}.progress li>span.progress__current{background:var(--join-midnight)}.progress li>span.progress__complete{background:var(--join-primary)}.experience-layout{display:flex;min-height:100svh;flex-direction:column}.product-region{height:40svh;min-height:15.625rem;max-height:30rem;overflow:hidden;border-bottom:1px solid rgb(2 0 67 / 10%)}.experience-layout--complete .product-region{height:44svh;min-height:17.5rem;max-height:32.5rem}.product-stage{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#f7f4fa,#e9e6f2 46%,#d9d8e9)}.product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 1.5rem 2.125rem rgb(2 0 67 / 20%));transform:scale(1.08);animation:product-fade .2s ease-out both}.product-image--kit{top:2rem;height:calc(100% - 2rem);filter:drop-shadow(0 1.5rem 2.125rem rgb(2 0 67 / 14%));transform:none}.product-preload{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.experience-panel{display:flex;min-width:0;flex:1;justify-content:center;overflow-x:hidden;background:var(--join-surface)}.panel-inner{display:flex;width:100%;max-width:40rem;min-height:100%;flex:0 1 40rem;flex-direction:column;padding:2rem 1.25rem 3rem}.panel-centered{display:flex;min-height:28rem;flex:1;flex-direction:column;justify-content:center;padding-bottom:2rem}.panel-lead{max-width:32.5rem;margin:1rem 0 0;color:#020043b3;font-size:1rem;line-height:1.55}.eyebrow{margin-bottom:.75rem;color:var(--join-primary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.intro-panel .primary-action,.status-panel .primary-action,.confirmation-panel .primary-action{margin-top:2rem}.confirmation-panel{align-items:center;text-align:center}.confirmation-contact{max-width:32.5rem;margin:1.25rem 0 0;color:var(--join-muted-foreground);font-size:.875rem;line-height:1.55}.confirmation-contact a{color:inherit}.intro-panel .panel-lead+.panel-lead{margin-top:.6rem}.trial-terms{width:100%;max-width:32.5rem;margin-top:1.25rem;color:var(--join-muted-foreground);font-size:.8rem}.trial-terms summary{display:inline-flex;align-items:center;gap:.35rem;color:var(--join-midnight);font-weight:700;cursor:pointer;list-style:none}.trial-terms summary::-webkit-details-marker{display:none}.trial-terms summary:focus-visible{box-shadow:0 0 0 .2rem var(--join-focus-ring)}.trial-terms__chevron{display:inline-block;transition:transform .2s ease}.trial-terms[open] .trial-terms__chevron{transform:rotate(90deg)}.trial-terms p{margin:.6rem 0 0;line-height:1.55}.trial-terms a{color:inherit}.status-panel p{max-width:32.5rem;margin:1rem 0 0;color:var(--join-muted-foreground)}.confirmation-panel .success-mark{display:grid;width:3.5rem;height:3.5rem;place-items:center;margin-bottom:1.25rem;color:var(--join-success);font-size:1.75rem;border-radius:50%;background:#dff4e8}.step-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.back-button{display:inline-flex;min-height:2.75rem;width:fit-content;align-items:center;gap:.3rem;padding:0 .75rem 0 0;color:#020043b3;font-size:.825rem;font-weight:600;cursor:pointer;border:0;border-radius:.625rem;background:transparent}.back-button:hover{color:var(--join-midnight)}.back-button span{font-size:1.5rem;line-height:0}.step-transition{display:flex;min-height:0;flex:1;flex-direction:column;animation:step-fade .22s cubic-bezier(.22,1,.36,1) both}.step-panel{display:flex;min-height:0;flex:1;flex-direction:column;justify-content:safe center;padding-bottom:.75rem}.step-panel--review{padding-bottom:2.25rem}.finish-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:0;margin:2rem 0 0;border:0}.finish-choice{position:relative;display:flex;min-width:0;min-height:6.75rem;align-items:center;justify-content:center;flex-direction:column;gap:.65rem;padding:.75rem .4rem;text-align:center;cursor:pointer;border:1px solid var(--join-border);border-radius:.75rem;background:#ffffff7f;transition:border-color .16s ease,background-color .16s ease}.finish-choice:hover,.finish-choice--selected{border-color:var(--join-midnight)}.finish-choice input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.finish-choice:has(input:focus-visible){box-shadow:0 0 0 .2rem var(--join-focus-ring)}.finish-swatch{width:2.75rem;height:2.75rem;border:1px solid var(--join-border);border-radius:50%;box-shadow:inset 0 .125rem .4rem #0200431f;transition:transform .16s ease,box-shadow .16s ease}.finish-choice--selected .finish-swatch{box-shadow:0 0 0 .125rem var(--join-surface),0 0 0 .25rem var(--join-midnight);transform:scale(1.05)}.finish-swatch--black{background:var(--join-midnight)}.finish-swatch--white{background:#fff}.finish-swatch--cobalt{background:#315a9d}.finish-choice strong{overflow-wrap:anywhere;color:var(--join-midnight);font-size:.8rem;line-height:1.2}.primary-action{display:inline-flex;width:100%;min-height:3.25rem;align-items:stretch;gap:0;padding:0;color:var(--join-primary-foreground);font-weight:700;cursor:pointer;border:0;border-radius:.875rem;background:transparent}.primary-action>span:first-child{display:flex;flex:1;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:.875rem;background:var(--join-midnight);box-shadow:0 .125rem .5rem #02004324;transition:background-color .2s ease}.primary-action__arrow{display:flex;width:3.25rem;flex:none;align-items:center;justify-content:center;margin-left:-1px;font-size:1.25rem;border-radius:.875rem;background:var(--join-midnight);box-shadow:0 .125rem .5rem #02004324;transition:background-color .2s ease,transform .2s ease}.primary-action:hover:not(:disabled)>span{background:var(--join-primary-hover)}.action-dock .primary-action:hover:not(:disabled) .primary-action__arrow{transform:translate(.35rem)}.primary-action:disabled{cursor:not-allowed;opacity:.5}.action-dock{position:sticky;z-index:30;bottom:0;display:grid;gap:.5rem;padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom));margin:1.75rem -1.25rem -.75rem;border-top:1px solid rgb(2 0 67 / 10%);background:#fffbeef2;box-shadow:0 -.25rem 1.125rem #0200430f;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.finish-selector+.field-error{margin-top:.75rem}.market-note{max-width:32.5rem;margin:1.25rem 0 0;color:#020043b3;font-size:.75rem}.detail-section{padding:1.25rem;margin-top:1rem;border:1px solid rgb(2 0 67 / 10%);border-radius:1rem;background:#f7f1e3b3}.detail-section:first-of-type{margin-top:2rem}.detail-section--disabled{background:#f7f1e359}.detail-section__header{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:space-between;gap:1rem;padding:0;text-align:left;cursor:pointer;border:0;border-radius:.5rem;background:transparent}.detail-section__header:disabled{cursor:not-allowed;opacity:.45}.detail-section__header h2{font-family:Dentio Sans,sans-serif;font-size:.8rem;font-weight:700;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}.detail-section__header>span{flex:none;color:var(--join-success);font-size:1rem;font-weight:700}.detail-section__body{display:grid;margin-top:0;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s ease,margin-top .2s ease,visibility 0s linear .2s}.detail-section__body[data-open]{grid-template-rows:1fr;margin-top:1rem;visibility:visible;transition:grid-template-rows .2s ease,margin-top .2s ease}.detail-section__body-inner{min-height:0;overflow:hidden}.section-copy{max-width:32.5rem;margin-bottom:1.25rem;color:#020043b3;font-size:.875rem;line-height:1.55}.section-action,.bankid-actions button,.secondary-button{min-height:3rem;padding:.7rem 1rem;color:var(--join-primary-foreground);font-size:.825rem;font-weight:700;cursor:pointer;border:1px solid transparent;border-radius:.75rem;background:var(--join-midnight)}.section-action{width:100%;margin-top:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;min-width:0;align-content:start;gap:.45rem;color:var(--join-midnight);font-size:.8rem;font-weight:700}.field--wide{grid-column:1 / -1}.field--after-grid{margin-top:1rem}.field>span{display:flex;align-items:baseline;gap:.15rem}.field b{color:#b42318}.field input,.field select{width:100%;min-height:3.25rem;padding:.75rem .875rem;color:var(--join-foreground);border:1px solid var(--join-border);border-radius:.625rem;background:#ffffffb3;transition:border-color .16s ease,box-shadow .16s ease}.field input:hover,.field input:focus,.field select:hover,.field select:focus{border-color:var(--join-primary)}.field input[aria-invalid=true]{border-color:var(--join-error)}.field input::placeholder{color:var(--join-muted-foreground);opacity:.72}.field small{font-size:.75rem;font-weight:400}.field-hint{color:var(--join-muted-foreground)}.field-error{margin:0;color:var(--join-error);font-size:.75rem}.country-row{display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:1rem 0;margin-top:1rem;border-block:1px solid var(--join-border);color:var(--join-midnight);font-size:.8rem}.country-row small{grid-column:1 / -1;color:var(--join-muted-foreground)}.bankid-panel .section-copy{margin-bottom:1rem}.bankid-status{display:grid;align-content:center;gap:1.25rem;margin-top:1.25rem}.bankid-status-copy{display:flex;align-items:center;gap:1rem}.bankid-status strong{display:block;color:var(--join-midnight);font-size:1rem}.status-icon{display:grid;width:3rem;height:3rem;flex:none;place-items:center;color:var(--join-primary);font-weight:700;border-radius:50%;background:var(--join-primary-muted)}.status-icon--success{color:var(--join-success);background:var(--join-success-surface)}.bankid-logo{height:4.5rem;width:auto;margin-inline:auto}.bankid-link{display:inline-flex;min-height:2.75rem;align-items:center;padding:.5rem .75rem;margin-top:.5rem;color:var(--join-midnight);font-size:.75rem;font-weight:700;border:1px solid var(--join-border);border-radius:999px}.qr-code{display:grid;justify-items:center;justify-self:center;gap:.5rem;padding:.75rem;margin:0;color:var(--join-muted-foreground);font-size:.7rem;text-align:center;border-radius:.75rem;background:#fff}.bankid-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem}.bankid-actions button:last-child,.secondary-button{color:var(--join-midnight);border-color:var(--join-border);background:#fff}.bankid-actions button:disabled{cursor:not-allowed;opacity:.55}.text-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.5rem;color:var(--join-midnight);font-size:.8rem;font-weight:700;text-decoration:underline;text-decoration-color:#0200434d;text-underline-offset:.25rem;cursor:pointer;border:0;border-radius:.625rem;background:transparent}.bankid-panel>.text-button,.bankid-panel>.secondary-button{margin-top:1rem}.alert{padding:.875rem 1rem;margin-bottom:1.25rem;color:var(--join-error);border:1px solid var(--join-error-border);border-radius:.75rem;background:var(--join-error-surface)}.alert p{margin-bottom:0}.alert .secondary-button{margin-top:.75rem}.spinner{width:2.25rem;height:2.25rem;flex:none;border:.2rem solid var(--join-primary-muted);border-top-color:var(--join-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner--small{width:1.5rem;height:1.5rem;border-width:.15rem}.demo-preferences{padding:0;margin:2rem 0 0;border:0}.demo-preferences legend{margin-bottom:.75rem;color:var(--join-midnight);font-size:.8rem;font-weight:700}.demo-topic-list{display:grid;gap:.75rem}.demo-topic-list button{min-height:3rem;padding:.75rem 1rem;color:var(--join-midnight);font-size:.825rem;font-weight:700;text-align:left;cursor:pointer;border:1px solid rgb(2 0 67 / 14%);border-radius:.875rem;background:#f7f1e3b3}.demo-topic-list button[aria-pressed=true]{color:var(--join-primary-foreground);border-color:var(--join-midnight);background:var(--join-midnight)}.demo-topic-list button:disabled{cursor:not-allowed;opacity:.45}.demo-confirmation,.demo-media-language{max-width:32.5rem;padding:.875rem 1rem;margin:1rem 0 0;color:var(--join-midnight);font-size:.8rem;line-height:1.55;border:1px solid rgb(2 0 67 / 10%);border-radius:.75rem;background:#f7f1e3b3}.demo-confirmation strong{display:block;margin-top:.25rem}.demo-progress{margin:1.5rem 0 0;color:var(--join-muted-foreground);font-size:.75rem;font-weight:700;letter-spacing:.08em}.demo-media-language{border-color:var(--join-primary)}.demo-video{display:block;width:100%;margin-top:1rem;aspect-ratio:16 / 9;border-radius:1rem;background:var(--join-midnight);box-shadow:0 1.125rem 3.75rem #0200431f}.demo-skip{order:2}.review-list{margin-top:1.75rem;border-block:1px solid var(--join-border)}.review-section{padding:1.25rem 0;border-bottom:1px solid var(--join-border)}.review-section:last-child{border-bottom:0}.review-section__heading{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.review-section__heading h2{font-family:Dentio Sans,sans-serif;color:var(--join-muted-foreground);font-size:.75rem;font-weight:600}.review-section>strong,.review-section>p{color:var(--join-midnight);font-size:.875rem;overflow-wrap:anywhere}.review-section>p{margin:.3rem 0 0;color:var(--join-muted-foreground);line-height:1.5}.review-section .review-address{padding-top:1rem;margin-top:1rem;border-top:1px solid rgb(2 0 67 / 10%)}.terms-consent{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.75rem;max-width:32.5rem;margin:1.5rem 0 0;color:var(--join-midnight);font-size:.8rem;line-height:1.55}.terms-consent input{width:1.125rem;height:1.125rem;margin:.125rem 0 0;accent-color:var(--join-primary)}.terms-consent label{cursor:pointer}.terms-consent a{color:var(--join-primary);font-weight:700;text-underline-offset:.15em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes step-fade{0%{opacity:0}to{opacity:1}}@keyframes product-fade{0%{opacity:.35}to{opacity:1}}@media(min-width:48rem){.site-header{padding:1.25rem 2rem}.product-region{height:42svh;max-height:32rem}.panel-inner{padding:2.75rem 2rem 4rem}.product-image{transform:scale(1.3)}.product-image--kit{transform:none}.action-dock{padding-inline:2rem;margin-inline:-2rem}}@media(max-width:42rem){.form-grid,.bankid-actions{grid-template-columns:1fr}.field--wide{grid-column:auto}}@media(min-width:80rem){.site-header{padding:1.5rem 3rem}.experience-layout{display:grid;min-height:100svh;grid-template-columns:minmax(0,58fr) minmax(30rem,42fr)}.product-region,.experience-layout--complete .product-region{position:sticky;top:0;height:100svh;max-height:none;min-height:38.75rem;border-right:1px solid rgb(2 0 67 / 10%);border-bottom:0}.experience-panel{height:100svh;min-height:38.75rem;overflow-y:auto}.panel-inner{padding:3.5rem 3rem}.panel-centered{min-height:100%}.product-image{transform:scale(1.06)}.product-image--kit{top:0;height:100%;transform:none}.action-dock{position:static;padding:0;margin:0;padding-top:2rem;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.step-panel--review{padding-bottom:.75rem}.step-panel--review .action-dock{padding-bottom:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.step-transition,.product-image{animation:none}}