/* The homepage has one composed arrival; the product stage and demo form own the other motion. */
html{scrollbar-color:var(--line) var(--bg)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg);border-radius:10px}
a{text-underline-offset:3px}input,textarea{caret-color:var(--brand)}
.brand-mark{background:none;border-radius:0}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}

.hero-enhanced{min-height:700px;isolation:isolate}
.hero-enhanced .hero-photo{animation:hero-unveil .85s cubic-bezier(.16,1,.3,1) both}
.hero-enhanced .hero-copy{animation:hero-copy-in .7s .12s cubic-bezier(.16,1,.3,1) both}
.hero-enhanced .hero-content{min-height:700px;display:flex;align-items:center}
.hero-enhanced .hero-copy{max-width:600px;padding-bottom:24px}
.hero-enhanced h1{font-size:clamp(46px,4.9vw,70px);letter-spacing:-.035em;text-wrap:balance}
.hero-enhanced .hero-lead{max-width:520px}
.hero-scan{position:absolute;z-index:1;top:0;bottom:0;width:2px;left:45%;background:linear-gradient(180deg,transparent,rgba(216,55,61,.45),transparent);opacity:0;animation:hero-scan .85s .12s ease-out both;pointer-events:none}
.hero-data{position:absolute;right:0;bottom:84px;width:330px;padding:20px 22px;background:rgba(23,31,40,.88);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 18px 42px rgba(15,22,29,.22);backdrop-filter:blur(12px);animation:hero-panel-in .7s .42s cubic-bezier(.16,1,.3,1) both}
.hero-data-head{display:flex;align-items:center;gap:10px;font-size:13px}.live-dot{width:7px;height:7px;border-radius:50%;background:#80d8cc;}.hero-data-flow{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:8px}.hero-data-flow>span{display:grid;justify-items:center;gap:7px;font-size:12px;color:#e6ebed}.hero-data-flow svg{width:19px;height:19px;color:#f2787b}.hero-data-flow>i{height:1px;flex:1;background:linear-gradient(90deg,#f2787b,rgba(255,255,255,.22))}
@keyframes hero-unveil{from{clip-path:inset(0 0 0 45%);transform:scale(1.055)}to{clip-path:inset(0);transform:scale(1)}}
@keyframes hero-copy-in{from{opacity:.25;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-panel-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-scan{0%{opacity:0;transform:translateX(180px)}35%{opacity:1}100%{opacity:0;transform:translateX(-110px)}}


.feature-stage{background:#1b222c;color:#f6f3ef;overflow:hidden}
.feature-stage .section-heading{margin-bottom:43px}.feature-stage .section-heading p{color:#c4c8cd}.feature-stage .red-rule{background:#f06a6e}
.stage-shell{display:grid;grid-template-columns:minmax(285px,.46fr) minmax(0,1fr);gap:28px;align-items:stretch}
.stage-tabs{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.22)}
.stage-tab{width:100%;min-height:111px;padding:19px 14px 19px 8px;border:0;border-bottom:1px solid rgba(255,255,255,.22);background:transparent;color:#c7cbd0;display:grid;grid-template-columns:29px 1fr 20px;align-items:center;gap:14px;text-align:left;transition:background .22s,color .22s}
.stage-tab:hover,.stage-tab:focus-visible{background:rgba(255,255,255,.07);color:#fff}.stage-tab.is-active{background:#293341;color:#fff}
.stage-index{font-size:12px;color:#f0787b;font-weight:700;align-self:start;margin-top:4px}.stage-tab-copy{display:grid;gap:7px}.stage-tab-copy strong{font-size:18px;line-height:1.3}.stage-tab-copy small{font-size:12px;line-height:1.5;color:#aab1ba}.stage-tab.is-active small{color:#d8dce0}.stage-tab svg{width:17px;height:17px;color:#ed7377;opacity:0;transform:translateX(-8px);transition:opacity .18s,transform .18s}.stage-tab:hover svg,.stage-tab.is-active svg{opacity:1;transform:translateX(0)}
.stage-visual{min-width:0;background:#222b37;border-radius:13px;overflow:hidden;transition:opacity .16s ease,filter .16s ease,transform .16s ease}.stage-visual.is-changing{opacity:.32;filter:blur(3px);transform:translateX(13px)}
.stage-browser{background:#fff;overflow:hidden}.stage-browser-bar{height:43px;background:#f8f9fb;border-bottom:1px solid #e8e9ed;display:flex;align-items:center;gap:13px;padding:0 16px;color:#4c5562}.stage-browser-bar>span{display:flex;gap:5px}.stage-browser-bar i{width:7px;height:7px;border-radius:50%;background:#d9dde4}.stage-browser-bar i:first-child{background:#e46a6d}.stage-browser-bar strong{font-size:12px}.stage-browser-bar small{margin-left:auto;font-size:11px;color:#7e8793}.stage-browser img{width:100%;height:380px;object-fit:cover;object-position:top center}
.stage-annotation{padding:26px 30px 28px;display:grid;grid-template-columns:1fr auto;gap:8px 20px}.stage-annotation span{color:#f0787b;font-weight:700;font-size:14px}.stage-annotation p{grid-column:1;max-width:570px;margin:0;color:#d1d7dc;font-size:14px;line-height:1.7}.stage-annotation a{grid-column:2;grid-row:1/3;align-self:center;display:flex;align-items:center;gap:8px;white-space:nowrap;color:#fff;font-size:13px;font-weight:700}.stage-annotation a:hover{color:#ff9699}.stage-annotation svg{width:17px;height:17px}
.more-section{background:var(--bg)}.more-list{grid-template-columns:repeat(4,1fr)}.more-list .module-card{min-height:238px}.more-list .module-card:hover .module-icon{transform:rotate(-7deg)}.more-list .module-icon{transition:transform .24s cubic-bezier(.16,1,.3,1)}
.journey{position:relative}.journey:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--brand);transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.16,1,.3,1)}.journey.is-visible:before{transform:scaleX(1)}

.demo-page{--demo-bg:#f6f8fc;--demo-input:#f7f8fa;--demo-input-line:#dce2e8;--demo-placeholder:#697687;min-height:calc(100vh - 72px);padding-bottom:90px;background:var(--demo-bg)}
html[data-theme="dark"] .demo-page{--demo-bg:#171c23;--demo-input:#252b33;--demo-input-line:#47515d;--demo-placeholder:#aab5c0}
.demo-intro{padding:36px 0 30px;background:radial-gradient(circle at 82% 7%,rgba(165,190,232,.18),transparent 32%),linear-gradient(120deg,var(--demo-bg),var(--surface-3));border-bottom:1px solid var(--line-soft)}
.demo-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--surface));border-radius:100px;background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:var(--brand);font-size:13px;font-weight:700}.demo-badge svg{width:16px;height:16px}.demo-intro h1{font-size:clamp(38px,4vw,56px);line-height:1.15;letter-spacing:-.035em;margin:24px 0 14px}.demo-intro strong{display:block;font-size:19px;color:var(--brand);line-height:1.5}.demo-intro p{font-size:16px;color:var(--body);margin:12px 0 0;line-height:1.7}
.demo-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;align-items:stretch;margin-top:27px}
.demo-art{position:relative;min-height:585px;border-radius:18px;overflow:hidden;background:#1b2332;isolation:isolate;--look-x:0px;--look-y:0px}
.art-orbit{position:absolute;width:510px;height:510px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-145px;top:16px}.orbit-two{width:640px;height:640px;left:-210px;top:-47px}.art-baseline{position:absolute;bottom:51px;left:10%;right:10%;height:1px;background:rgba(255,255,255,.2)}.art-caption{position:absolute;bottom:20px;left:26px;color:#c6cbd4;font-size:12px;letter-spacing:.02em;margin:0}
.mascot{position:absolute;bottom:52px;transform-origin:center bottom;animation:mascot-bob 5s ease-in-out infinite}.mascot-purple{left:20%;width:34%;height:66%;background:#6945ed;border-radius:14px 14px 3px 3px;transform:skew(-5deg);z-index:1;animation-delay:-1s}.mascot-charcoal{left:50%;width:23%;height:49%;background:#333539;border-radius:12px 12px 2px 2px;z-index:2;animation-delay:-2.3s}.mascot-peach{left:3%;width:48%;height:34%;background:#ff9f79;border-radius:50% 50% 0 0/64% 64% 0 0;z-index:3;animation-delay:-.6s}.mascot-yellow{left:65%;width:25%;height:39%;background:#e9dc67;border-radius:48% 48% 0 0/40% 40% 0 0;z-index:4;animation-delay:-3.1s}
.eyes{position:absolute;display:flex;gap:9px;top:22%;left:48%;transform:translate(-50%,0)}.eyes i{position:relative;display:block;width:16px;height:16px;border-radius:50%;background:#fff;animation:blink 6.5s infinite}.eyes i:after{content:"";position:absolute;width:6px;height:6px;left:4px;top:5px;border-radius:50%;background:#242733;transform:translate(var(--look-x),var(--look-y));transition:transform .12s ease}.mascot-charcoal .eyes{top:20%}.mascot-peach .eyes{top:36%}.mascot-yellow .eyes{top:20%}.mascot-peach .eyes i,.mascot-yellow .eyes i{width:12px;height:12px;background:#272a30}.mascot-peach .eyes i:after,.mascot-yellow .eyes i:after{display:none}.mouth{position:absolute;top:33%;left:45%;width:20px;height:4px;border-radius:3px;background:#252832}
@keyframes mascot-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes blink{0%,45%,47%,100%{scale:1 1}46%{scale:1 .14}}
.demo-form{padding:38px 40px 27px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 35px rgba(29,42,61,.045)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.form-field{min-width:0;display:flex;flex-direction:column;gap:9px}.form-field label,.form-field legend{font-size:14px;font-weight:700;color:var(--text);line-height:1.45}.form-field legend{padding:0;margin-bottom:9px}.required-mark{color:var(--brand)}.form-field input:not([type="checkbox"]),.form-field select,.form-field textarea{width:100%;min-height:46px;padding:11px 15px;background:var(--demo-input);border:1px solid var(--demo-input-line);border-radius:9px;color:var(--text);font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s}.form-field textarea{min-height:103px;resize:vertical;line-height:1.6}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--demo-placeholder);opacity:1}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.form-field [aria-invalid="true"]{border-color:var(--brand)!important}.field-error{min-height:0;color:var(--brand);font-size:12px;line-height:1.2}.field-error:empty{display:none}.interest-field{border:0;padding:0;margin:0}.interest-options{display:flex;flex-wrap:wrap;gap:7px}.interest-option{position:relative;cursor:pointer}.interest-option input{position:absolute;opacity:0;width:1px;height:1px}.interest-option span{min-height:46px;padding:9px 11px;display:inline-flex;align-items:center;border:1px solid var(--demo-input-line);background:var(--demo-input);border-radius:8px;font-size:12px;font-weight:600;color:var(--body);transition:background .18s,border-color .18s,color .18s}.interest-option span:before{content:"";width:13px;height:13px;margin-right:7px;border:1.5px solid var(--muted);border-radius:3px}.interest-option input:checked+span{background:color-mix(in srgb,var(--brand) 10%,var(--surface));border-color:var(--brand);color:var(--brand)}.interest-option input:checked+span:before{background:var(--brand);border-color:var(--brand);box-shadow:inset 0 0 0 3px var(--surface)}.interest-option input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}.needs-field{grid-column:1/-1}
.form-feedback{display:none;margin:15px 0 0;padding:10px 13px;border-radius:8px;font-size:13px;line-height:1.5}.form-feedback.is-visible{display:block;background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--text)}.form-feedback[data-state="success"]{background:color-mix(in srgb,var(--teal) 15%,var(--surface))}.demo-submit{width:100%;min-height:50px;margin-top:16px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 22%,transparent);transition:background .18s,transform .18s,box-shadow .18s}.demo-submit:hover{background:var(--brand-hover);box-shadow:0 11px 24px color-mix(in srgb,var(--brand) 29%,transparent)}.demo-submit:active{transform:translateY(1px)}.demo-submit:disabled{opacity:.62;cursor:wait;box-shadow:none}.demo-submit svg{width:18px;height:18px}.demo-phone{display:block;width:max-content;max-width:100%;margin:16px auto 0;color:var(--muted);font-size:13px;text-align:center;text-decoration:underline;text-decoration-color:var(--line)}.demo-phone:hover{color:var(--brand)}.demo-service-note{margin:10px 0 0;color:var(--muted);font-size:12px;text-align:center}

@media(max-width:1050px){.hero-data{right:24px;width:290px}.stage-shell{grid-template-columns:290px minmax(0,1fr)}.stage-browser img{height:350px}.stage-annotation{grid-template-columns:1fr}.stage-annotation a{grid-row:auto;grid-column:1}.demo-form{padding:30px}.demo-art{min-height:555px}}
@media(max-width:800px){.hero-data{display:none}.hero-enhanced,.hero-enhanced .hero-content{min-height:650px}.stage-shell{grid-template-columns:1fr}.stage-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.stage-tab{min-height:96px;padding:12px}.stage-tab.is-active{padding-left:12px}.stage-browser img{height:390px}.demo-grid{grid-template-columns:1fr}.demo-art{min-height:420px}.demo-form{padding:34px}}
@media(max-width:600px){.hero-enhanced,.hero-enhanced .hero-content{min-height:660px}.hero-enhanced h1{font-size:clamp(36px,9vw,48px)}.hero-enhanced .hero-copy{padding-bottom:70px}.feature-stage .section-heading{margin-bottom:26px}.stage-tabs{grid-template-columns:1fr 1fr}.stage-tab{display:block;min-height:91px}.stage-tab svg{display:none}.stage-index{display:block;margin:0 0 7px}.stage-tab-copy strong{font-size:14px}.stage-tab-copy small{display:none}.stage-browser img{height:270px}.stage-annotation{padding:20px}.stage-annotation p{font-size:13px}.more-list{grid-template-columns:1fr 1fr}.more-list .module-card{min-height:220px;padding:20px}.demo-page{padding-bottom:55px}.demo-intro{padding:43px 0 41px}.demo-intro h1{font-size:39px}.demo-intro strong{font-size:17px}.demo-grid{margin-top:18px}.demo-art{min-height:345px}.art-caption{font-size:10px}.mascot{bottom:46px}.art-baseline{bottom:45px}.demo-form{padding:26px 22px}.form-grid{grid-template-columns:1fr;gap:17px}.needs-field{grid-column:auto}}
@media(max-width:430px){.more-list{grid-template-columns:1fr}.more-list .module-card{min-height:auto}.hero-enhanced .hero-copy{padding-bottom:92px}.demo-art{min-height:315px}.mascot-purple{height:64%}.mascot-charcoal{height:47%}}
@media(prefers-reduced-motion:reduce){.hero-enhanced .hero-photo,.hero-enhanced .hero-copy,.hero-scan,.hero-data,.live-dot,.mascot,.eyes i{animation:none!important}.stage-visual,.stage-tab,.stage-tab svg,.interest-option span,.demo-submit{transition-duration:.01ms!important}.journey:before{transition:none;transform:scaleX(1)}.eyes i:after{transition:none}}
@media(max-width:1200px){.site-header{backdrop-filter:none}}
.demo-alternatives{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 20px;margin:15px 0 0}.demo-alternatives a{color:var(--muted);font-size:13px;text-decoration:underline;text-decoration-color:var(--line)}.demo-alternatives a:hover{color:var(--brand)}
.demo-contact{padding-top:70px}.demo-contact-heading{margin-bottom:24px}.demo-contact-heading h2{font-size:clamp(25px,2.8vw,36px);letter-spacing:-.035em;margin:14px 0 8px}.demo-contact-heading p{color:var(--muted);margin:0;line-height:1.7}.demo-contact-options{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:16px}.demo-contact-item{position:relative;min-width:0;min-height:150px;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;color:var(--text);transition:border-color .2s,transform .2s,box-shadow .2s}.demo-contact-item span{display:block;color:var(--muted);font-size:13px;font-weight:600}.demo-contact-item strong{font-size:clamp(17px,1.7vw,23px);overflow-wrap:anywhere;line-height:1.3}.demo-contact-item em{position:absolute;top:22px;right:24px;color:var(--brand);font-size:19px;font-style:normal}.demo-contact-item[href]:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:var(--shadow)}.demo-contact-qr{flex-direction:row;align-items:center}.demo-contact-qr img{display:block;width:136px;height:136px;padding:5px;background:#fff;border-radius:8px;object-fit:contain;flex:none}
@media(max-width:800px){.demo-contact{padding-top:54px}.demo-contact-options{grid-template-columns:1fr}.demo-contact-item{min-height:115px}.demo-contact-qr{min-height:138px}}