@font-face{font-family:Barlow Condensed;src:url('/klubio/assets/barlow-condensed-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/klubio/assets/manrope-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/klubio/assets/manrope-semibold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
:root{color-scheme:dark;--ink:#131427;--surface:#1d1e35;--lilac:#c7adff;--paper:#f6f5fa;--muted:#b4b4c8;--line:#38394e;--green:#9ee2c5;--error:#ffb5b5;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:Manrope,Arial,sans-serif;--scroll-thumb:#74718f;--scroll-track:#131427;--scroll-hover:#c7adff;--scroll-active:#e0d2ff}
*{box-sizing:border-box;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:6px}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}*::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}
html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-gutter:stable}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
body,input,button,textarea{font-family:var(--body)}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,summary,label:has(input[type=checkbox]){touch-action:manipulation}a,button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.65}a:active,button:active{filter:brightness(.9)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--lilac);outline-offset:5px}
button{border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:700;line-height:.98;letter-spacing:-.02em}h2{font-size:clamp(44px,5vw,72px)}h3{font-size:20px;line-height:1.35;letter-spacing:-.025em}p{overflow-wrap:break-word}::selection{background:var(--lilac);color:var(--ink)}[hidden]{display:none!important}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section-pad{padding-block:112px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;background:var(--lilac);border-radius:50%;margin-right:9px;vertical-align:1px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--lilac);color:var(--ink);padding:12px 20px;z-index:20}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header{border-bottom:1px solid var(--line);background:var(--ink)}.header-inner{height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{font-size:34px;line-height:1;font-weight:700;letter-spacing:-2px;display:flex;align-items:center;gap:0}.wordmark:hover{color:var(--lilac)}.brand-dot{color:var(--lilac)}.brand-symbol{display:flex;gap:3px;margin-right:12px;height:27px;align-items:center;transform:skew(-16deg)}.brand-symbol i{height:16px;width:5px;background:var(--lilac)}.brand-symbol i:nth-child(2){height:27px}.brand-symbol i:nth-child(3){height:21px}.site-header nav{display:flex;gap:32px;font-size:12px;font-weight:600}.site-header nav a{padding-block:12px;color:var(--muted)}.site-header nav a:hover{color:var(--paper)}
.button{min-height:54px;padding:14px 24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:13px;font-weight:600;line-height:1.5;transition:background .18s,transform .18s,color .18s}.button span:last-child:not(.submit-label){font-size:21px;line-height:1}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lilac);color:var(--ink)}.button-primary:hover{background:#dbc9ff}.button-outline{border:1px solid #666278;background:transparent}.button-outline:hover{background:var(--surface);border-color:var(--lilac)}.button-small{min-height:44px;padding:10px 18px;font-size:12px;gap:24px}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:16px;align-items:center;min-height:44px}.text-link span{font-size:20px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:40px;align-items:center;padding-top:52px;padding-bottom:64px;min-height:716px}.hero-copy{padding-block:24px;position:relative;z-index:2}.hero .eyebrow{color:var(--muted);margin-bottom:28px}.hero h1{font-size:clamp(72px,7.8vw,112px);line-height:.94;letter-spacing:-.025em;white-space:nowrap}.hero h1>span{color:var(--lilac)}.hero-intro{font-size:19px;line-height:1.55;margin-top:29px;letter-spacing:-.02em}.hero-description{max-width:420px;color:var(--muted);font-size:14px;line-height:1.8;margin-top:16px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px;flex-wrap:wrap}.hero-note{font-size:10px;color:var(--muted);margin-top:15px}.hero-art{position:relative;height:584px;border-radius:8px;background:#1f3344;isolation:isolate}.hero-photo{height:100%;width:100%;object-fit:cover;object-position:49% center;border-radius:8px;filter:brightness(.68) saturate(.75)}.hero-art:after{content:'';position:absolute;inset:0;border:1px solid #ffffff20;border-radius:8px;pointer-events:none}.photo-caption{position:absolute;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;letter-spacing:.12em}.photo-caption>span:last-child{font-size:26px}.phone{position:absolute;width:245px;height:466px;top:76px;left:50%;transform:translateX(-50%) rotate(8deg);background:var(--paper);border:6px solid #252530;border-radius:37px;padding:12px;color:var(--ink);box-shadow:0 24px 64px #0009;overflow:hidden}.phone-top{height:24px;font-size:9px;font-weight:600;display:flex;justify-content:space-between;align-items:flex-start;padding-inline:6px}.phone-island{width:66px;height:16px;background:#252530;border-radius:15px;margin-top:-7px}.phone-brand{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:12px;padding:10px 4px 14px}.phone-brand>span{font-size:20px}.event-art{height:185px;background:var(--lilac);border-radius:5px;position:relative;overflow:hidden;padding:14px;color:var(--ink)}.event-tag{font-size:8px;letter-spacing:.1em;font-weight:600;position:relative;z-index:1}.event-art>strong{font-family:var(--display);display:block;font-size:51px;line-height:.9;letter-spacing:-.025em;margin-top:15px;position:relative;z-index:1}.event-art>strong>span{font-size:18px;vertical-align:top}.event-subtitle{font-size:7px;font-weight:600;letter-spacing:.12em;position:absolute;bottom:13px;left:14px}.orbit{position:absolute;border:1px solid #34236569;width:200px;height:70px;border-radius:50%;transform:rotate(-50deg);right:-80px;top:38px}.orbit-two{right:-67px}.orbit-three{right:-54px}.phone-content{padding:14px 5px 0}.phone-label{font-size:7px;letter-spacing:.12em;color:#626173}.phone-content h2{font-family:var(--body);font-size:19px;line-height:1.5;margin-top:4px}.phone-content p{font-size:9px;color:#626173}.phone-ticket{margin-top:14px;display:flex;justify-content:space-between;background:var(--ink);color:white;font-size:10px;padding:10px 12px;border-radius:5px}.phone-links{display:flex;justify-content:space-between;margin-top:12px;gap:6px;font-size:7px}.phone-links span{border:1px solid #d4d2de;border-radius:4px;padding:6px}.phone-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:72px;height:4px;background:#242432;border-radius:4px}.entry-slip{position:absolute;bottom:66px;left:-32px;background:var(--paper);color:var(--ink);border-radius:7px;padding:15px 20px;display:flex;gap:12px;align-items:center;transform:rotate(-5deg);box-shadow:0 8px 30px #0003}.slip-icon{width:35px;height:35px;border-radius:50%;background:#d7eee4;color:#276b4f;display:grid;place-items:center;font-size:17px}.entry-slip strong{display:block;font-size:12px}.entry-slip div>span{display:block;font-size:9px;color:#666579}.concept-label{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.12em;color:#fff}
.feature-strip{background:var(--lilac);color:var(--ink);padding-block:23px}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.strip-inner span{font-size:13px;font-weight:600;white-space:nowrap}.strip-inner span:first-child{font-size:10px;letter-spacing:.09em;margin-right:15px}.strip-inner b{font-size:23px;line-height:1;font-weight:400}
.problem-section{background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;column-gap:80px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:24px;color:#646075}.section-heading>p:last-child{max-width:370px;align-self:end;color:#656273;font-size:15px;padding-bottom:4px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;gap:36px}.problem-grid article{border-top:1px solid #cfceda;padding-top:26px}.line-icon{display:block;font-size:30px;color:#6d48a9;margin-bottom:24px;line-height:1}.problem-grid h3{font-size:19px}.problem-grid p{font-size:13px;color:#656273;max-width:320px;margin-top:12px;min-height:65px}.solution-line{font-size:12px;font-weight:600;margin-top:28px;display:flex;gap:9px;align-items:center}.solution-line>span{font-size:22px;color:#6d48a9}
.experience{background:#e9e3f3;color:var(--ink);color-scheme:light}.experience-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.experience-heading .eyebrow{color:#676075;margin-bottom:23px}.experience-heading>p{max-width:320px;color:#656273;font-size:14px;margin-bottom:4px}.demo-layout{display:grid;grid-template-columns:.78fr 1.3fr;gap:64px;margin-top:52px;align-items:center}.stage-tabs{display:grid;gap:8px}.stage-tab{display:flex;text-align:left;align-items:center;gap:20px;width:100%;background:transparent;color:var(--ink);padding:23px 20px;border-radius:7px;transition:background .18s}.stage-tab:hover{background:#ffffff65}.stage-tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.stage-time{font-size:11px;letter-spacing:.04em}.stage-tab strong{display:block;font-size:14px;line-height:1.6}.stage-tab small{display:block;font-size:11px;color:#656273}.stage-tab[aria-selected=true] small{color:var(--muted)}.stage-arrow{margin-left:auto;font-size:24px}.demo-disclaimer{font-size:10px;color:#656273;margin:25px 20px 0;max-width:310px;line-height:1.85}.demo-window{border:1px solid #d2c9dd;border-radius:10px;overflow:hidden;background:#fcfbff;box-shadow:0 20px 40px #34234d0c}.window-bar{display:flex;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid #e6e0ee;background:#f3eff8;font-size:8px;letter-spacing:.07em;color:#656273}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#b8afc8}.demo-badge{margin-left:auto;border:1px solid #cec3dc;padding:3px 7px;border-radius:3px;font-size:7px}.stage-panel{padding:29px 28px 20px;min-height:412px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-eyebrow{font-size:8px;letter-spacing:.08em;color:#6d667c}.panel-head h3{font-size:18px;margin-top:6px}.pill{padding:5px 9px;font-size:8px;border-radius:30px;white-space:nowrap}.pill-lilac{background:#ece2fc;color:#654490}.pill-green{background:#d6f1e2;color:#23573b}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.metric-grid>div{padding:17px 18px;background:#f2eef8;border-radius:5px;min-height:100px}.metric-grid>div>span{font-size:10px;color:#6d667c;display:block}.metric-grid strong{font-size:27px;font-weight:600;line-height:1.7}.metric-grid strong small{font-size:13px;color:#6d627c;font-weight:400}.meter{height:4px;background:#e0d5ef;border-radius:4px;margin-top:4px}.meter i{display:block;width:var(--fill);background:#9d78db;height:100%;border-radius:4px}.metric-grid>div>.metric-note{font-size:8px}.dashboard-list,.arrival-chart{margin-top:22px}.list-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:6px}.list-title>span{font-size:8px;color:#736b81}.dashboard-list>div:not(.list-title){display:flex;gap:10px;align-items:center;border-bottom:1px solid #ebe6f1;padding:10px 0;font-size:10px}.check-icon{color:#78608f;font-size:14px}.row-state{margin-left:auto;font-size:8px;color:#655b75}.guest-avatar{width:24px;height:24px;border-radius:50%;background:#ece2fc;color:#6a538d;display:grid;place-items:center;font-size:9px}.dashboard-list small{font-size:8px;color:#6d627c;margin-left:6px}.panel-caption{font-size:8px;color:#736b81;border-top:1px solid #ebe6f1;padding-top:14px;margin-top:18px}.chart-bars{display:flex;height:105px;align-items:end;gap:18px;padding-top:8px}.chart-bars>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px}.chart-bars i{width:100%;max-width:44px;height:var(--bar);background:#b99ae8;border-radius:4px 4px 0 0}.chart-bars span{font-size:8px;color:#736b81}
.brand-layout{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.brand-copy .eyebrow{color:var(--muted);margin-bottom:25px}.brand-copy h2 span{color:var(--lilac)}.brand-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:380px;margin-top:26px}.brand-points{display:grid;gap:12px;font-size:12px;margin-top:30px}.brand-points>span{display:flex;align-items:center;gap:12px}.brand-points>span:before{content:'↗';color:var(--lilac);font-size:17px}.brand-playground{max-width:470px;justify-self:center;width:100%;padding:0 20px}.brand-preview{--preview-accent:var(--lilac);background:var(--preview-accent);color:var(--ink);border-radius:7px;transform:rotate(3deg);transition:background .2s}.brand-preview[data-theme=blue]{--preview-accent:#91c9f2}.brand-preview[data-theme=peach]{--preview-accent:#f4b49d}.brand-preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #13142744}.brand-preview-header strong{font-size:14px;letter-spacing:-.04em}.brand-preview-header span{font-size:8px;letter-spacing:.07em}.brand-poster{padding:27px;position:relative;overflow:hidden}.brand-poster>span:first-child{font-size:9px;letter-spacing:.13em}.brand-poster>strong{font-family:var(--display);font-size:104px;line-height:.85;display:block;margin-top:28px;letter-spacing:-.02em;position:relative;z-index:1}.poster-star{position:absolute;font-size:200px;line-height:1;right:3px;bottom:55px;transform:rotate(8deg);color:transparent;-webkit-text-stroke:1px var(--ink)}.poster-bottom{display:block;margin-top:34px;font-size:9px;letter-spacing:.13em}.brand-preview-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-top:1px solid #13142744;font-size:10px}.brand-preview-footer>span:last-child{font-size:20px}.brand-customize{margin-top:37px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.theme-buttons{display:flex;gap:6px}.theme-swatch{width:44px;height:44px;background:transparent;border:1px solid transparent;border-radius:50%;padding:9px;position:relative}.theme-swatch:after{content:'';position:absolute;inset:8px;border-radius:50%;background:var(--swatch)}.theme-swatch:hover{background:#ffffff10}.theme-swatch[aria-pressed=true]{border-color:var(--swatch)}.violet{--swatch:var(--lilac)}.blue{--swatch:#91c9f2}.peach{--swatch:#f4b49d}.small-note{text-align:center;font-size:9px;color:var(--muted);margin-top:8px}
.pilot-section{background:var(--lilac);color:var(--ink)}.pilot-heading{text-align:center;max-width:670px;margin-inline:auto}.pilot-heading .eyebrow{margin-bottom:23px}.pilot-heading>p:last-child{font-size:14px;margin-top:25px;max-width:510px;margin-inline:auto;color:#4d3e65}.pilot-steps{padding:0;margin:55px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.pilot-steps li{border-top:1px solid #13142744;padding-top:25px}.step-number{font-family:var(--display);font-size:42px;line-height:1;color:#6d4e9b}.pilot-steps h3{font-size:17px;margin-top:24px}.pilot-steps p{font-size:12px;margin-top:11px;color:#4d3e65;max-width:315px}.pilot-footnote{text-align:center;font-size:10px;margin-top:48px;color:#4d3e65}
.faq-section{background:var(--paper);color:var(--ink);color-scheme:light}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-layout .eyebrow{color:#656273;margin-bottom:22px}.faq-list details{border-bottom:1px solid #d7d4e0}.faq-list details:first-child{border-top:1px solid #d7d4e0}.faq-list summary{list-style:none;font-size:14px;font-weight:600;padding:23px 0;display:flex;gap:20px;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:24px;color:#79628d;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list summary:hover{color:#7750ac}.faq-list details p{font-size:13px;color:#656273;padding:0 30px 24px 0;line-height:1.85}.faq-list a{text-decoration:underline;text-underline-offset:3px}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.contact-copy{padding-top:12px}.contact-copy .eyebrow{color:var(--muted);margin-bottom:26px}.contact-copy h2{font-size:clamp(65px,6.7vw,94px)}.contact-copy h2>span{color:var(--lilac)}.contact-copy>p:not(.eyebrow):not(.contact-note){font-size:16px;color:var(--muted);margin-top:27px}.contact-email{display:inline-flex;align-items:center;gap:35px;font-size:17px;border-bottom:1px solid #6e6382;padding-block:10px;margin-top:31px}.contact-email:hover{color:var(--lilac)}.contact-email span{font-size:24px}.contact-note{font-size:10px;color:var(--muted);margin-top:13px}.form-container{padding:34px;border:1px solid #3b3a52;border-radius:8px;background:#1b1c30;min-width:0}.form-container h3{font-size:21px}.form-intro{font-size:11px;color:var(--muted);margin-top:10px;margin-bottom:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;min-width:0}.field label,.challenge-field legend{font-size:10px;font-weight:600;margin-bottom:8px}.field label>span,.challenge-field legend>span{color:var(--muted);font-weight:400}.field input,.field textarea{width:100%;min-height:46px;background:#131427;border:1px solid #46445c;border-radius:4px;padding:11px 12px;color:var(--paper);font-size:12px}.field input::placeholder,.field textarea::placeholder{color:#9391aa}.field input:hover,.field textarea:hover{border-color:#827196}.field input:focus,.field textarea:focus{border-color:var(--lilac)}.field input[aria-invalid=true]{border-color:var(--error)}.field-error{min-height:25px;display:block;color:var(--error);font-size:10px;padding-top:3px;line-height:1.4}.challenge-field{border:0;padding:0;margin:3px 0 20px;min-width:0}.challenge-options{display:flex;flex-wrap:wrap;gap:7px}.challenge-options label{position:relative;display:block}.challenge-options input{position:absolute;width:1px;height:1px;opacity:0;left:50%;top:50%;margin:0}.challenge-options span{border:1px solid #514960;border-radius:5px;display:flex;align-items:center;min-height:38px;padding:8px 12px;font-size:10px;transition:background .15s}.challenge-options label:hover span{border-color:var(--lilac)}.challenge-options input:checked+span{background:var(--lilac);border-color:var(--lilac);color:var(--ink)}.challenge-options input:focus-visible+span{outline:3px solid var(--lilac);outline-offset:3px}.field textarea{resize:none;min-height:85px;overflow-y:hidden;line-height:1.6}.privacy-note{font-size:9px;color:var(--muted);line-height:1.8;margin:17px 0}.privacy-note a{text-decoration:underline;text-underline-offset:3px}.privacy-note a:hover{color:var(--lilac)}.form-submit{width:100%;justify-content:space-between}.form-status{min-height:22px;font-size:11px;margin-top:12px;color:var(--muted)}.form-status.is-error{color:var(--error)}.form-fallback{font-size:11px;color:var(--muted)}.form-fallback a{text-decoration:underline;text-underline-offset:3px}.form-success{padding:22px 0;min-height:480px;display:flex;flex-direction:column;justify-content:center}.success-symbol{font-size:65px;line-height:1;color:var(--lilac);margin-bottom:24px}.form-success .eyebrow{color:var(--lilac);margin-bottom:18px}.form-success h3{font-family:var(--display);font-size:48px;line-height:1}.form-success>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:25px}.form-success .text-link{margin-top:25px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.site-footer{border-top:1px solid var(--line);padding-block:40px 24px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner>.wordmark{font-size:30px}.footer-inner>span{font-size:11px;color:var(--muted)}.mcode-link{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.mcode-link strong{font-size:14px;letter-spacing:-.03em;color:var(--paper)}.mcode-link:hover{color:var(--lilac)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #2a2b40;padding-top:24px;margin-top:32px;font-size:9px;color:#a09eb7}.footer-bottom a:hover{text-decoration:underline}
@media(min-width:1600px){.hero{min-height:760px;gap:65px}.hero-art{height:610px}.phone{top:88px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.hero{gap:30px;min-height:650px}.hero h1{font-size:9vw}.hero-art{height:540px}.phone{width:225px;height:440px;top:62px}.event-art{height:170px}.phone-content h2{font-size:17px}.entry-slip{bottom:59px;left:-14px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:18px;gap:15px}.hero-intro{font-size:17px}.hero .eyebrow{font-size:9px}.hero-description{font-size:13px}.section-pad{padding-block:85px}.strip-inner{gap:12px}.strip-inner span{font-size:11px}.strip-inner span:first-child{font-size:8px;margin-right:5px}.demo-layout{gap:32px;grid-template-columns:.8fr 1.2fr}.stage-tab{gap:12px;padding:20px 14px}.stage-tab strong{font-size:12px}.stage-tab small{font-size:10px}.stage-panel{padding:24px 20px 18px}.panel-head h3{font-size:15px}.brand-layout{gap:70px}.contact-layout{gap:48px}.form-container{padding:26px}.faq-layout{gap:50px}}
@media(max-width:820px){.header-inner{height:82px}.site-header nav{gap:20px}.site-header nav a{font-size:11px}.hero{gap:22px;padding-top:38px;padding-bottom:45px;min-height:auto}.hero-art{height:490px}.hero h1{font-size:9.2vw}.hero-intro{font-size:16px}.hero-actions{display:grid;justify-items:start;gap:4px}.hero-description{font-size:12px}.hero-note{font-size:9px}.phone{width:210px;height:423px;top:47px;left:52%}.phone-top{height:21px}.phone-brand{padding-block:6px 10px}.event-art{height:160px}.event-art>strong{font-size:46px}.phone-content{padding-top:11px}.photo-caption{font-size:7px;left:15px;right:15px;top:10px}.concept-label{font-size:6px;bottom:9px}.entry-slip{padding:10px 13px;left:-12px;bottom:37px}.entry-slip strong{font-size:10px}.entry-slip div>span{font-size:8px}.slip-icon{width:28px;height:28px}.strip-inner span:first-child{display:none}.strip-inner span{font-size:10px}.strip-inner b{font-size:17px}.section-heading{column-gap:35px;grid-template-columns:1.3fr 1fr}.section-heading>p:last-child{font-size:12px}.problem-grid{gap:22px}.problem-grid h3{font-size:15px}.problem-grid p{font-size:11px}.solution-line{font-size:10px}.experience-heading>p{font-size:12px}.demo-layout{grid-template-columns:1fr;gap:24px}.stage-tabs{grid-template-columns:repeat(3,1fr);gap:10px}.stage-tab{flex-wrap:wrap;gap:8px;padding:15px}.stage-tab .stage-time{display:block;width:100%}.stage-tab .stage-arrow{display:none}.stage-tab strong{font-size:12px}.stage-tab small{font-size:9px}.demo-disclaimer{max-width:none;margin:12px 0 0;font-size:9px}.stage-panel{min-height:405px;padding:27px}.panel-head h3{font-size:19px}.brand-layout{gap:45px}.brand-playground{padding-inline:5px}.brand-poster>strong{font-size:86px}.poster-star{font-size:160px;right:-4px}.brand-customize{flex-wrap:wrap;justify-content:center;margin-top:25px}.brand-copy>p:not(.eyebrow){font-size:12px}.brand-points{font-size:10px}.brand-preview-header{padding:17px}.brand-preview-header span{font-size:6px}.pilot-steps{gap:24px}.pilot-steps h3{font-size:15px}.pilot-steps p{font-size:11px}.faq-layout{grid-template-columns:1fr;gap:36px}.contact-layout{grid-template-columns:.8fr 1.2fr;gap:30px}.contact-copy h2{font-size:58px}.contact-copy>p:not(.eyebrow):not(.contact-note){font-size:13px}.contact-email{font-size:14px;gap:15px}.form-container{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.field-error{min-height:23px}.form-container h3{font-size:18px}.footer-bottom{font-size:8px}}
@media(max-width:600px){html{scroll-padding-top:24px}.container{width:calc(100% - 40px)}.header-inner{height:76px;gap:16px}.wordmark{font-size:30px}.brand-symbol{margin-right:9px;height:23px}.brand-symbol i{width:4px}.site-header nav{display:none}.button-small{font-size:10px;min-height:42px;padding:10px 13px;gap:15px}.hero{grid-template-columns:1fr;gap:26px;padding-top:25px;padding-bottom:30px}.hero-copy{padding-block:12px 0}.hero .eyebrow{font-size:9px;margin-bottom:23px}.hero h1{font-size:clamp(74px,18.8vw,109px)}.hero-intro{font-size:17px;margin-top:23px}.hero-description{font-size:12px;margin-top:13px;max-width:330px}.hero-actions{display:flex;gap:20px;margin-top:24px}.hero-actions .button{font-size:11px;padding-inline:17px;gap:16px;min-height:50px}.hero-actions .text-link{font-size:11px;gap:9px}.hero-note{font-size:8px;margin-top:10px}.hero-art{height:480px;width:100%;margin-top:4px}.hero-photo{object-position:center 60%}.phone{width:226px;height:435px;top:29px;left:53%;transform:translateX(-50%) rotate(8deg)}.phone-brand{padding-block:9px 12px}.event-art{height:174px}.event-art>strong{font-size:49px}.phone-content{padding-top:12px}.entry-slip{bottom:40px;left:7px;padding:12px 15px}.entry-slip strong{font-size:11px}.entry-slip div>span{font-size:8px}.photo-caption{top:13px;left:15px;right:15px;font-size:7px}.concept-label{font-size:6px;bottom:8px}.feature-strip{padding-block:20px}.strip-inner{justify-content:center;flex-wrap:wrap;gap:10px 15px}.strip-inner span{font-size:10px}.strip-inner b{font-size:14px}.strip-inner b:nth-of-type(3){display:none}.section-pad{padding-block:66px}h2{font-size:49px}.section-heading{grid-template-columns:1fr;gap:0}.section-heading .eyebrow{font-size:9px;margin-bottom:21px}.section-heading>p:last-child{font-size:13px;margin-top:23px;max-width:330px}.problem-grid{grid-template-columns:1fr;gap:29px;margin-top:37px}.problem-grid article{padding-top:21px;display:grid;grid-template-columns:30px 1fr;column-gap:16px}.line-icon{font-size:25px;grid-row:1/4;margin-top:2px;margin-bottom:0}.problem-grid h3{font-size:17px}.problem-grid p{font-size:12px;min-height:0;margin-top:8px;max-width:100%}.solution-line{font-size:11px;margin-top:15px}.experience-heading{display:block}.experience-heading .eyebrow{font-size:9px;margin-bottom:21px}.experience-heading>p{font-size:12px;margin-top:23px;max-width:none}.demo-layout{margin-top:29px;gap:22px}.stage-tabs{gap:5px}.stage-tab{padding:12px 8px;gap:7px;min-height:86px;align-content:center}.stage-time{font-size:9px}.stage-tab strong{font-size:10px;line-height:1.45}.stage-tab small{display:none}.demo-disclaimer{font-size:9px;margin-top:13px;line-height:1.8}.window-bar{padding:12px;font-size:6px;gap:8px}.demo-badge{font-size:6px}.stage-panel{padding:22px 14px 16px;min-height:390px}.panel-head{gap:8px}.panel-head h3{font-size:14px}.dashboard-eyebrow{font-size:7px}.pill{font-size:6px;padding:5px 7px}.metric-grid{gap:10px;margin-top:20px}.metric-grid>div{padding:12px}.metric-grid>div>span{font-size:8px}.metric-grid strong{font-size:25px}.metric-grid strong small{font-size:10px}.metric-grid>div>.metric-note{font-size:7px;line-height:1.5}.dashboard-list>div:not(.list-title){font-size:9px;padding-block:12px}.dashboard-list small{font-size:7px;margin-left:2px}.list-title{font-size:9px}.list-title>span{font-size:7px}.panel-caption{font-size:7px;margin-top:15px}.brand-layout{grid-template-columns:1fr;gap:44px}.brand-copy .eyebrow{font-size:9px;margin-bottom:21px}.brand-copy>p:not(.eyebrow){font-size:13px;max-width:330px;margin-top:23px}.brand-points{font-size:11px;margin-top:23px;gap:10px}.brand-playground{max-width:350px;padding-inline:12px}.brand-poster>strong{font-size:100px}.brand-preview-header{padding:20px}.brand-preview-header span{font-size:7px}.poster-star{font-size:180px;right:-5px}.brand-customize{justify-content:space-between;font-size:9px;gap:4px}.theme-buttons{gap:2px}.theme-swatch{width:40px;height:40px}.pilot-heading{text-align:left}.pilot-heading .eyebrow{font-size:9px}.pilot-heading>p:last-child{font-size:13px;margin-top:23px}.pilot-steps{grid-template-columns:1fr;gap:28px;margin-top:36px}.pilot-steps li{display:grid;grid-template-columns:40px 1fr;gap:0 18px;padding-top:24px}.step-number{font-size:35px;grid-row:1/3}.pilot-steps h3{margin:0;font-size:16px}.pilot-steps p{font-size:12px;margin-top:8px}.pilot-footnote{font-size:9px;text-align:left;margin-top:31px}.faq-layout{gap:31px}.faq-layout .eyebrow{font-size:9px}.faq-list summary{font-size:12px;padding-block:21px;gap:16px}.faq-list details p{font-size:12px;padding-right:12px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-copy{padding-top:0}.contact-copy .eyebrow{font-size:9px;margin-bottom:23px}.contact-copy h2{font-size:74px}.contact-copy>p:not(.eyebrow):not(.contact-note){font-size:14px;margin-top:23px}.contact-email{font-size:17px;gap:40px;margin-top:20px}.contact-note{font-size:9px}.form-container{padding:24px 20px}.form-container h3{font-size:19px}.form-intro{font-size:11px}.field label,.challenge-field legend{font-size:11px}.field input,.field textarea{font-size:16px;padding:12px}.field input::placeholder,.field textarea::placeholder{font-size:12px}.field-error{min-height:26px}.challenge-options span{font-size:10px;min-height:42px}.field textarea{min-height:100px}.privacy-note{font-size:9px}.form-status{font-size:10px}.form-success{min-height:400px}.form-success h3{font-size:43px}.site-footer{padding-block:30px 22px}.footer-inner{flex-wrap:wrap;row-gap:15px}.footer-inner>.wordmark{font-size:28px}.footer-inner>span{order:3;width:100%;font-size:10px}.footer-bottom{flex-direction:column;gap:12px;font-size:8px;padding-top:21px;margin-top:23px}.mcode-link{font-size:9px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero-actions{gap:8px;justify-content:space-between}.hero-actions .button{font-size:10px;padding-inline:12px}.hero-actions .text-link{font-size:10px}.hero h1{font-size:18.5vw}.hero-intro{font-size:15px}.hero-art{height:458px}.phone{width:213px;height:415px;top:28px}.event-art{height:158px}.entry-slip{bottom:34px}.phone-content h2{font-size:16px}.contact-copy h2{font-size:66px}.brand-customize{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}
@media(forced-colors:active){*{scrollbar-color:auto}.button,.theme-swatch,.challenge-options span{border:1px solid ButtonText}.stage-tab[aria-selected=true],.theme-swatch[aria-pressed=true],.challenge-options input:checked+span{outline:2px solid Highlight}.hero-photo{filter:none}.theme-swatch:after{forced-color-adjust:none}}
