.how-section:has(>.showcase){padding-bottom:0}.how-section:has(>.showcase) .section-heading{margin-bottom:48px}.showcase{border-top:1px solid #dad9d3;background:#e6e5e0;overflow-x:clip}.showcase-stage{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);grid-template-rows:auto 1fr;grid-template-areas:"devices tabs" "devices panel";color:#19191c;isolation:isolate}.showcase-devices,.showcase-stage{position:relative;min-height:720px}.showcase-devices{grid-area:devices;overflow:hidden;container:devices/inline-size;background:linear-gradient(90deg,transparent calc(100% - 1px),#d6d5cf 0)}.showcase-glow{position:absolute;inset:10% 4% 2%;border-radius:50%;background:radial-gradient(closest-side,#ff642e2b,#ff642e0d 55%,transparent);pointer-events:none;translate:0 4%;transition:scale 1.2s cubic-bezier(.16,1,.3,1),translate 1.2s cubic-bezier(.16,1,.3,1)}.showcase[data-device=laptop] .showcase-glow{scale:1.2 .7;translate:0 16%}.showcase-caption{position:absolute;z-index:3;top:30px;left:34px;display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#85858c}.showcase-devices-inner{--s:1;position:absolute;inset:0}@container devices (max-width: 700px){.showcase-devices-inner{--s:0.86}}@container devices (max-width: 600px){.showcase-devices-inner{--s:0.74}}@container devices (max-width: 500px){.showcase-devices-inner{--s:0.64}}@container devices (max-width: 400px){.showcase-devices-inner{--s:0.56}.showcase-devices-inner .device-laptop{transform:scale(.44)}}.device-phone{position:absolute;top:96px;left:50%;width:320px;height:660px;margin-left:-160px;transform:scale(calc(var(--s) * 1.2));transform-origin:50% 0;perspective:2200px;transition:opacity .45s cubic-bezier(.2,.7,.2,1),translate 1s cubic-bezier(.16,1,.3,1)}.phone-body,.phone-float,.phone-orbit{width:100%;height:100%;transform-style:preserve-3d}.phone-orbit{transform:rotateX(calc(20deg - var(--turn, .5) * 10deg)) rotateY(calc(34deg - var(--turn, .5) * 22deg)) rotate(-16deg);transition:transform 1s cubic-bezier(.16,1,.3,1)}.device-phone[data-active=false]{opacity:0;translate:30px 220px;pointer-events:none;transition:opacity .22s .2s,translate .5s cubic-bezier(.5,0,.75,0)}.device-phone[data-active=false] .phone-orbit{transform:rotateX(24deg) rotateY(80deg) rotate(-4deg);transition:transform .5s cubic-bezier(.5,0,.75,0)}.showcase:not([data-inview]) .device-phone{translate:0 90px}.showcase:not([data-inview]) .phone-orbit{transform:rotateX(30deg) rotateY(58deg) rotate(-10deg)}.showcase[data-from=phone] .device-phone[data-active=true],.showcase[data-from=phone] .device-phone[data-active=true] .phone-orbit{transition-delay:.38s}.showcase[data-from=laptop] .device-phone[data-active=true],.showcase[data-from=laptop] .device-phone[data-active=true] .phone-orbit{transition-delay:.75s}.phone-float{animation:phone-drift 9s ease-in-out infinite}.phone-body{position:relative}.phone-slab{position:absolute;inset:0;border-radius:56px;background:linear-gradient(115deg,#3c3c40,#b3b3b7 20%,#55555a 44%,#d2d2d5 68%,#4b4b50);transform:translateZ(calc(var(--i) * -1.5px - .5px))}.phone-slab:nth-child(8){box-shadow:0 40px 70px #1c1c2233}.phone-slab:nth-child(n+3):nth-child(-n+6):after,.phone-slab:nth-child(n+3):nth-child(-n+6):before{content:"";position:absolute;width:6px;border-radius:3px}.phone-slab:nth-child(n+3):nth-child(-n+6):before{left:-5px;top:142px;height:196px;background:linear-gradient(#6f6f74 0 30px,transparent 30px 50px,#6f6f74 50px 110px,transparent 110px 126px,#6f6f74 126px 186px,transparent 186px)}.phone-slab:nth-child(n+3):nth-child(-n+6):after{right:-5px;top:206px;height:92px;background:#6f6f74}.phone-face{position:absolute;inset:0;padding:4px;border-radius:56px;background:linear-gradient(140deg,#e1e1e3,#737378 26%,#2f2f33 52%,#a2a2a6 82%,#e6e6e8);transform:translateZ(.5px)}.phone-glass{height:100%;padding:11px;border-radius:52px;background:#060607}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:42px;background:#f4f4f1;isolation:isolate}.phone-screen:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(118deg,transparent 36%,#ffffff40 46%,transparent 58%)}.phone-status{position:absolute;z-index:6;top:0;left:0;right:0;height:50px;display:flex;justify-content:space-between;align-items:center;padding:4px 26px 0 34px;font-size:14px;font-weight:650;color:#111114}.phone-status-icons{display:flex;gap:4px}.phone-status-icons svg{width:15px;height:15px;stroke-width:2.4}.phone-island{top:11px;width:96px;height:28px;margin-left:-48px;border-radius:20px;background:#060607}.phone-home,.phone-island{position:absolute;z-index:7;left:50%}.phone-home{bottom:8px;width:108px;height:4px;margin-left:-54px;border-radius:3px;background:#151518}.app-screen{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:50px}.app-worker{background:#f4f4f1}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 8px}.app-balance,.app-user{display:flex;align-items:center;background:#fff;font-size:13px;font-weight:650;color:#141417}.app-user{gap:8px;padding:4px 13px 4px 4px;border-radius:20px}.app-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,#ff9a6c,#ff642e);color:#101012;font-size:12px}.app-balance{gap:4px;padding:7px 10px;border-radius:12px}.app-balance svg{width:13px;height:13px;color:#ff642e;fill:#ff642e}.app-search{display:flex;align-items:center;gap:8px;margin:2px 14px 10px;padding:11px 12px;border-radius:14px;background:#fff;font-size:12.5px;color:#98989f}.app-search svg{width:15px;height:15px}.app-search svg:last-child{margin-left:auto;color:#55555c}.app-feed-window{position:relative;flex:1;min-height:0;overflow:hidden;padding:2px 12px 0;mask-image:linear-gradient(transparent,#000 12px,#000 calc(100% - 24px),transparent)}.app-feed{--step:146px;display:flex;flex-direction:column;gap:10px;animation:app-feed-loop 17s cubic-bezier(.65,0,.35,1) infinite}.app-card{flex:none;display:flex;flex-direction:column;gap:6px;height:136px;padding:14px;border-radius:16px;background:#fff}.app-card strong{font-size:14.5px;font-weight:700;line-height:1.25;text-overflow:ellipsis;color:#141417}.app-card strong,.app-card-line{overflow:hidden;white-space:nowrap}.app-card-line{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#6d6d75}.app-card-line svg{flex:none;width:12px;height:12px}.app-card-actions{display:flex;gap:6px;margin-top:auto;font-size:12px}.app-card-actions b{padding:8px 11px;border-radius:10px;background:#151518;color:#fff;font-weight:650}.app-card-actions em{flex:1;padding:8px;border-radius:10px;background:#ff642e;color:#101012;font-style:normal;font-weight:650;text-align:center}.app-tabbar{justify-content:space-around;margin:6px 12px 22px;padding:6px;border-radius:22px;background:#fff}.app-tabbar,.app-tabbar span{display:flex;align-items:center}.app-tabbar span{flex-direction:column;gap:3px;padding:6px 12px;border-radius:16px;font-size:10px;color:#8b8b93}.app-tabbar svg{width:17px;height:17px}.app-tabbar [data-current]{padding:6px 20px;background:#ff642e;color:#101012}.app-attendance{background:#f6f4ef}.attendance-back{display:flex;align-items:center;gap:2px;padding:8px 12px 0;font-size:12.5px;color:#7c7c84}.attendance-back svg{width:16px;height:16px}.attendance-title{padding:6px 16px 0;font-size:22px;font-weight:750;letter-spacing:-.5px;color:#141417}.attendance-meta{display:flex;align-items:center;gap:6px;padding:4px 16px 12px;font-size:12px;color:#76767e}.attendance-meta svg{width:13px;height:13px}.attendance-progress{display:flex;flex-direction:column;gap:9px;margin:0 14px 10px;padding:12px 13px;border-radius:14px;background:#fff;font-size:12px;color:#6d6d75}.attendance-progress b{font-size:13px;color:#141417}.attendance-progress>i{display:block;height:5px;overflow:hidden;border-radius:3px;background:#ecebe6}.attendance-progress>i>i{display:block;width:60%;height:100%;border-radius:inherit;background:#ff642e}.app-attendance .app-feed{--step:64px;gap:8px}.attendance-row{flex:none;display:flex;align-items:center;gap:10px;height:56px;padding:0 12px;border-radius:14px;background:#fff}.attendance-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#ecebe6;font-size:13px;font-weight:700;color:#55555c}.attendance-row strong{display:block;font-size:13px;color:#141417}.attendance-row small{font-size:11px;color:#8a8a92}.attendance-mark{display:grid;place-items:center;flex:none;width:26px;height:26px;margin-left:auto;border:1.5px solid #d9d8d2;border-radius:50%;color:#fff}.attendance-mark svg{width:14px;height:14px;stroke-width:3}.attendance-row[data-on-shift=true] .attendance-mark{border-color:#12b76a;background:#12b76a}.attendance-action{margin:8px 14px 24px;padding:13px;border-radius:14px;background:#151518;color:#fff;font-size:13px;font-weight:650;text-align:center}@keyframes app-feed-loop{0%,13%{transform:translateY(0)}20%,33%{transform:translateY(calc(var(--step) * -1))}40%,53%{transform:translateY(calc(var(--step) * -2))}60%,73%{transform:translateY(calc(var(--step) * -3))}80%,93%{transform:translateY(calc(var(--step) * -4))}to{transform:translateY(calc(var(--step) * -5))}}@keyframes phone-drift{0%,to{transform:translateZ(0) rotateX(0deg) rotateY(0deg)}50%{transform:translate3d(0,-14px,0) rotateX(3deg) rotateY(-7deg)}}.device-phone[data-active=false] .app-feed,.device-phone[data-active=false] .phone-float,.showcase:not([data-inview]) .app-feed{animation-play-state:paused}.device-laptop{position:absolute;top:170px;left:50%;width:660px;height:430px;margin-left:-330px;transform:scale(calc(var(--s) * .92));transform-origin:50% 0;perspective:4000px;perspective-origin:50% 10%;transition:opacity .4s .38s,translate .9s cubic-bezier(.16,1,.3,1) .38s,scale .9s cubic-bezier(.16,1,.3,1) .38s}.device-laptop[data-active=false]{opacity:0;translate:0 90px;scale:.94;pointer-events:none;transition:opacity .25s .15s,translate .5s cubic-bezier(.55,0,.75,.2),scale .5s cubic-bezier(.55,0,.75,.2)}.showcase[data-from=laptop] .device-laptop[data-active=false]{transition-delay:.6s,.45s,.45s}.laptop-body{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.16,1,.3,1) .38s}.device-laptop[data-active=false] .laptop-body{transform:rotateY(-14deg) rotateX(6deg);transition:transform .5s cubic-bezier(.55,0,.75,.2)}.showcase[data-from=laptop] .device-laptop[data-active=false] .laptop-body{transition-delay:.45s}.laptop-deck{position:absolute;top:416px;left:0;width:660px;height:430px;border-radius:12px 12px 24px 24px;background:linear-gradient(180deg,#c6c7cb,#dcdde0 45%,#d0d1d4);transform-origin:50% 0;transform:rotateX(90deg)}.laptop-keyboard{position:absolute;top:26px;left:62px;right:62px;height:196px;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0 36px,#c4c5c9 36px 40px),repeating-linear-gradient(0deg,transparent 0 36px,#c4c5c9 36px 40px),#202023;box-shadow:0 0 0 4px #c4c5c9}.laptop-trackpad{position:absolute;top:244px;left:50%;width:270px;height:162px;margin-left:-135px;border-radius:14px;background:linear-gradient(180deg,#c3c4c8,#cdced2);box-shadow:inset 0 0 0 1px #b7b8bc}.laptop-lip{position:absolute;top:416px;left:0;width:660px;height:16px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#e4e5e7,#a7a8ac);transform:translateZ(430px)}.laptop-lip:after{content:"";position:absolute;top:0;left:50%;width:120px;height:5px;margin-left:-60px;border-radius:0 0 8px 8px;background:#9d9ea2}.laptop-lid{position:absolute;top:0;left:10px;width:640px;height:412px;transform-origin:50% 100%;transform-style:preserve-3d;transform:rotateX(-90deg);transition:transform .6s cubic-bezier(.5,0,.8,.3)}.device-laptop[data-open=true] .laptop-lid{transform:rotateX(4deg);transition:transform 1.2s cubic-bezier(.25,1.1,.4,1)}.laptop-back-face,.laptop-screen-face{position:absolute;inset:0;border-radius:18px 18px 6px 6px;backface-visibility:hidden}.laptop-screen-face{padding:13px 13px 24px;background:#0b0b0d;box-shadow:inset 0 0 0 2px #2c2c30}.laptop-back-face{display:grid;place-items:center;background:linear-gradient(180deg,#dadbde,#c1c2c6);transform:translateZ(-3px) rotateY(180deg)}.laptop-back-face>span{font-size:44px;font-weight:760;letter-spacing:-2px;color:#b0b1b5}.laptop-back-face>span>span{font-size:26px}.laptop-notch{position:absolute;z-index:3;top:0;left:50%;width:84px;height:17px;margin-left:-42px;border-radius:0 0 9px 9px;background:#0b0b0d}.laptop-display{position:relative;height:100%;overflow:hidden;border-radius:8px 8px 2px 2px;background:#050506}.laptop-display:after{content:"";position:absolute;z-index:3;inset:0 -50%;pointer-events:none;background:linear-gradient(120deg,transparent 42%,#ffffff1f 50%,transparent 58%);translate:12% 0}.device-laptop[data-open=true] .laptop-display:after{animation:laptop-glare 1.6s cubic-bezier(.3,.6,.3,1) .25s both}.laptop-boot{position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;background:#050506;opacity:0;pointer-events:none}.laptop-boot>span{font-size:46px;font-weight:760;line-height:1;letter-spacing:-2px;color:#f4f4f1}.laptop-boot>span>span{font-size:28px;vertical-align:top;color:var(--primary)}.laptop-boot>i{display:block;width:96px;height:3px;overflow:hidden;border-radius:2px;background:#ffffff1f}.laptop-boot>i:after{content:"";display:block;height:100%;border-radius:inherit;background:#f4f4f1;transform-origin:0 50%;scale:0 1}.device-laptop[data-open=true] .laptop-boot{animation:laptop-boot 1.05s .35s both}.device-laptop[data-open=true] .laptop-boot>i:after{animation:laptop-boot-progress .55s cubic-bezier(.6,0,.3,1) .55s both}@keyframes laptop-glare{0%{translate:-30% 0}to{translate:12% 0}}@keyframes laptop-boot{0%{opacity:0}22%,72%{opacity:1}to{opacity:0}}@keyframes laptop-boot-progress{to{scale:1 1}}.laptop-shadow{position:absolute;top:452px;left:50%;width:780px;height:46px;margin-left:-390px;border-radius:50%;background:#1a1a1f;filter:blur(22px);opacity:.22;transform:translateZ(0)}.cabinet{display:grid;grid-template-columns:138px 1fr;height:100%;background:#f5f5f3;color:#16161a;font-size:9px;opacity:0;transition:opacity .2s}.device-laptop[data-open=true] .cabinet{opacity:1;transition:opacity .45s 1.05s}.cabinet-sidebar{display:flex;flex-direction:column;gap:2px;padding:16px 10px 10px;background:#fff;border-right:1px solid #ebebe8}.cabinet-brand{margin:4px 6px 12px;font-size:17px;font-weight:760;letter-spacing:-.9px}.cabinet-brand>span{margin-left:2px;font-size:9px;letter-spacing:-.3px;vertical-align:top;color:#ff642e}.cabinet-sidebar small{margin:8px 6px 3px;font-size:7px;letter-spacing:.8px;text-transform:uppercase;color:#a1a1a8}.cabinet-link{display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:6px;color:#55555c}.cabinet-link svg{width:11px;height:11px}.cabinet-link b{margin-left:auto;padding:1px 5px;border-radius:6px;background:#ff642e;color:#101012;font-size:7.5px}.cabinet-link[data-current]{background:#ff642e1f;color:#16161a;font-weight:650}.cabinet-company{display:flex;align-items:center;gap:6px;margin-top:auto;padding:7px 4px 2px;border-top:1px solid #efefec}.cabinet-company>span:first-child,.cabinet-head-tools i{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#16161a;color:#fff;font-size:7px;font-style:normal;font-weight:700}.cabinet-company small,.cabinet-company strong{display:block}.cabinet-company strong{font-size:8.5px}.cabinet-company small{margin:0;font-size:7.5px;letter-spacing:0;text-transform:none}.cabinet-main{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px 16px}.cabinet-head{display:flex;justify-content:space-between;align-items:center}.cabinet-head strong{display:block;font-size:15px;font-weight:700;letter-spacing:-.4px}.cabinet-head small{color:#8a8a92}.cabinet-head-tools{display:flex;align-items:center;gap:8px;color:#6c6c73}.cabinet-head-tools svg{width:13px;height:13px}.cabinet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cabinet-card{display:flex;flex-direction:column;gap:3px;min-width:0;padding:11px 12px;border:1px solid #ebebe7;border-radius:10px;background:#fff;opacity:0;translate:0 8px;transition:opacity .2s,translate .2s}.device-laptop[data-open=true] .cabinet-card{opacity:1;translate:0 0;transition:opacity .45s,translate .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(1.15s + var(--card) * 65ms)}.cabinet-card small{color:#8a8a92}.cabinet-balance{border:0;background:linear-gradient(135deg,#1b1b1f,#2c2c31);color:#fff}.cabinet-balance small{color:#a7a7af}.cabinet-balance strong{font-size:24px;font-weight:700;letter-spacing:-1px}.cabinet-balance span{align-self:flex-start;margin-top:4px;padding:3px 8px;border-radius:6px;background:#ffffff1f}.cabinet-create{border:0;background:#ff642e;color:#101012}.cabinet-create svg{width:14px;height:14px;margin-bottom:6px}.cabinet-create strong{font-size:13px}.cabinet-create small{color:#3b1c0f}.cabinet-stat strong{font-size:20px;font-weight:700}.cabinet-stat span{color:#12b76a;font-weight:600}.cabinet-list{gap:0}.cabinet-list-head{margin-bottom:4px;font-size:10px}.cabinet-list-head,.cabinet-row{display:flex;justify-content:space-between}.cabinet-row{align-items:center;gap:8px;padding:6px 0;border-top:1px solid #f0f0ed}.cabinet-row small,.cabinet-row strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cabinet-row>span{min-width:0}.cabinet-row em{flex:none;padding:2px 6px;border-radius:6px;background:#f1f0ec;font-style:normal;color:#55555c}.cabinet-row b{flex:none}.showcase-tabs{grid-area:tabs;position:relative;display:flex;flex-direction:column;gap:6px;padding:48px 0 0 40px}.showcase-tab{position:relative;z-index:1;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:15px 16px;border:1px solid transparent;border-radius:12px;background:transparent;color:#6c6c73;text-align:left;transition:color .3s}.showcase-tab:hover,.showcase-tab[data-active]{color:#19191c}.showcase-tab-indicator{position:absolute;z-index:0;top:var(--active-tab-top);left:var(--active-tab-left);width:var(--active-tab-width);height:var(--active-tab-height);border:1px solid #e3e2dd;border-radius:12px;background:#fff;box-shadow:0 12px 30px #1e1e2410;transition:top .55s cubic-bezier(.34,1.25,.5,1),left .55s cubic-bezier(.34,1.25,.5,1),width .55s cubic-bezier(.34,1.25,.5,1),height .55s cubic-bezier(.34,1.25,.5,1)}.showcase-tabs:not(:has(.showcase-tab-indicator:not([hidden]))) .showcase-tab[data-active]{border-color:#e3e2dd;background:#fff;box-shadow:0 12px 30px #1e1e2410}.showcase-tab-index{font-size:12px;letter-spacing:1px;color:#9a9aa1;transition:color .3s}.showcase-tab[data-active] .showcase-tab-index{color:var(--primary)}.showcase-tab small,.showcase-tab strong{display:block}.showcase-tab strong{font-size:17px;font-weight:620;letter-spacing:-.3px}.showcase-tab small{margin-top:3px;font-size:12.5px;color:#85858c}.showcase-tab>svg{width:18px;height:18px;color:#a3a3aa}.showcase-panel{grid-area:panel;align-self:end;padding:30px 0 64px 56px}.showcase-panel:not([hidden]) li,.showcase-panel:not([hidden])>*{animation:showcase-copy-in .75s cubic-bezier(.16,1,.3,1) both}.showcase-panel:not([hidden])>ul{animation:none}.showcase-panel:not([hidden])>p{animation-delay:.05s}.showcase-panel:not([hidden]) li:first-child{animation-delay:.1s}.showcase-panel:not([hidden]) li:nth-child(2){animation-delay:.15s}.showcase-panel:not([hidden]) li:nth-child(3){animation-delay:.2s}.showcase-panel:not([hidden])>a{animation-delay:.26s}.showcase-panel h3{margin:0 0 14px;font-size:38px;font-weight:550;line-height:1.1;letter-spacing:-1.6px}.showcase-panel>p{max-width:430px;margin:0;font-size:16px;line-height:1.65;color:#66666e}.showcase-features{display:grid;gap:11px;margin:24px 0 32px;padding:0;list-style:none}.showcase-features li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;color:#3a3a40}.showcase-features svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--primary)}@keyframes showcase-copy-in{0%{opacity:0;translate:0 16px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:none}}main[data-paused=true] .showcase .laptop-boot,main[data-paused=true] .showcase .laptop-boot>i:after,main[data-paused=true] .showcase .laptop-display:after,main[data-paused=true] .showcase-features li,main[data-paused=true] .showcase-panel>*{animation-play-state:running!important}@media (max-width:1100px){.showcase-stage{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.showcase-panel{padding:24px 0 48px 32px}.showcase-panel h3{font-size:32px}}@media (max-width:850px){.showcase-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"tabs" "devices" "panel";min-height:0}.showcase-devices{min-height:460px;margin-inline:-36px;background:none}.showcase-caption{display:none}.device-phone{top:40px}.device-laptop{top:120px}.showcase-tabs{flex-direction:row;overflow-x:auto;padding:20px 0 4px;scroll-padding-inline:16px;scrollbar-width:none}.showcase-tab{flex:none;grid-template-columns:auto auto;width:auto;padding:10px 14px}.showcase-tab small,.showcase-tab>svg{display:none}.showcase-tab strong{font-size:15px}.showcase-panel{padding:8px 0 44px}.showcase-panel h3{font-size:29px}}@media (max-width:520px){.showcase-devices{margin-inline:-22px}}@media (max-width:360px){.showcase-devices{margin-inline:-18px}}.hx{position:relative;overflow:hidden}.hx-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:40px;min-height:600px;padding:40px 0 28px}.hx-copy{position:relative;z-index:2}.hx-copy .eyebrow{color:#b9b9c0;font-weight:700}h1.hx-title{margin:26px 0 0;font-size:clamp(46px,4.7vw,70px);font-weight:700;line-height:1.04;letter-spacing:-.05em;text-wrap:balance}h1.hx-title>span{display:block;color:#8e8e96;white-space:normal}.hx-lead{max-width:560px;margin:26px 0 0;color:#b2b2ba;font-size:19px;line-height:1.6}.hx-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.hx-actions .button{gap:18px;min-height:58px;padding:0 24px;border-radius:12px;font-size:16px;font-weight:700}.hx-button-ghost{border:1.5px solid #3a3a40;color:var(--foreground)}.hx-button-ghost:hover{border-color:#5a5a62}.hx-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:600px}.hx-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,#ff642e40,transparent);pointer-events:none}.hx-phone{position:relative;width:300px;height:610px;border:10px solid #232327;border-radius:46px;background:#f4f4f1;box-shadow:0 40px 90px -30px #000c;color:#151518;overflow:hidden}.hx-phone-top{justify-content:space-between;padding:18px 14px 0}.hx-phone-top,.hx-user{display:flex;align-items:center}.hx-user{gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:#fff;font-size:12px;font-weight:700}.hx-user i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#c2410c;color:#fff;font-size:10px;font-style:normal}.hx-balance{display:flex;align-items:center;gap:3px;padding:6px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:800}.hx-balance svg{width:13px;height:13px;color:#ff642e;fill:#ff642e}.hx-search{display:flex;align-items:center;gap:8px;height:38px;margin:12px 14px 0;padding:0 14px;border-radius:999px;background:#fff;color:#a5a5ad;font-size:12px}.hx-search svg{width:15px;height:15px}.hx-feed-window{position:absolute;top:118px;left:0;right:0;bottom:74px;overflow:hidden;mask-image:linear-gradient(transparent,#000 5%,#000 92%,transparent)}.hx-feed{display:flex;flex-direction:column;gap:10px;padding:4px 12px;animation:hx-feed 26s linear infinite}.hx-card{padding:12px;border-radius:18px;background:#fff}.hx-card-badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#fff0e9;color:#bd4317;font-size:10px;font-weight:800}.hx-card strong{display:block;margin:6px 0 3px;font-size:15px;font-weight:800;line-height:1.2}.hx-card-company{display:flex;align-items:center;gap:6px;color:#6b6b73;font-size:11px}.hx-card-company i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e6e5e0;color:#34343c;font-size:8px;font-style:normal;font-weight:800}.hx-card-price{margin-top:6px;font-size:20px;font-weight:800}.hx-card-price small{margin-left:4px;color:#7a7a83;font-size:11px;font-weight:600}.hx-card-line{display:flex;align-items:center;gap:5px;margin-top:4px;color:#55555c;font-size:11px}.hx-card-line svg{width:12px;height:12px;color:#8e8e96}.hx-card-buttons{display:flex;gap:6px;margin-top:9px}.hx-card-buttons span{display:grid;flex:1;place-items:center;height:30px;border-radius:10px;font-size:11px;font-weight:800}.hx-card-buttons span:first-child{background:#fff0e9;color:#bd4317}.hx-card-buttons span:last-child{background:#ff642e;color:#101012}.hx-tabbar{position:absolute;left:10px;right:10px;bottom:12px;justify-content:space-around;height:52px;border-radius:20px;background:#fff;color:#8e8e96;font-size:10px;font-weight:700}.hx-tabbar,.hx-tabbar span{display:flex;align-items:center}.hx-tabbar span{gap:5px;padding:9px 10px;white-space:nowrap}.hx-tabbar svg{width:14px;height:14px}.hx-tabbar [data-current]{border-radius:14px;background:#fff0e9;color:#bd4317}.hx-note{position:absolute;z-index:2;max-width:270px;padding:14px 16px;border:1px solid #34343a;border-radius:16px;background:#1d1d21f2;box-shadow:0 20px 44px -22px #000;color:#c9c9cf;font-size:13px;line-height:1.4}.hx-note strong{display:flex;align-items:center;gap:8px;margin-bottom:3px;color:#fff;font-size:14px;font-weight:700}.hx-note strong i{width:7px;height:7px;border-radius:50%;background:#4ade80}.hx-note-top{top:14%;right:-2%}.hx-note-bottom{bottom:13%;left:-2%}.hx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:28px;align-items:start;padding:26px 0 30px;border-top:1px solid #ffffff1c}.hx-facts strong{display:block;margin-bottom:6px;font-size:16px;font-weight:700}.hx-facts span{color:#8e8e96;font-size:14px;line-height:1.5}.hx-facts .motion-control{align-self:center}@keyframes hx-feed{to{transform:translateY(-50%)}}@media (min-width:1500px){.hx-main{min-height:700px}}@media (max-width:1100px){.hx-main{grid-template-columns:1fr;gap:10px;min-height:0;padding-top:48px}.hx-visual{min-height:560px}.hx-note-top{right:4%}.hx-note-bottom{left:4%}.hx-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.hx-facts .motion-control{grid-column:1/-1;justify-self:end}}@media (max-width:850px){.hx-note-top{right:0}.hx-note-bottom{left:0}}@media (max-width:640px){.hx-main{padding-top:34px}h1.hx-title{margin-top:20px;font-size:clamp(38px,10.5vw,50px);letter-spacing:-.045em}.hx-lead{margin-top:20px;font-size:16px}.hx-actions{margin-top:28px}.hx-actions .button{flex:1 1 100%;justify-content:space-between}.hx-visual{min-height:0;margin:6px 0 -78px}.hx-phone{transform:scale(.86);transform-origin:top center}.hx-glow{width:380px;height:380px}.hx-note{display:none}.hx-facts{grid-template-columns:1fr;gap:18px}}@media (prefers-reduced-motion:reduce){.hx-feed{animation:none}}