.hero{--hero-max:1080px;--hero-gutter:28px;min-height:88svh;padding:140px var(--hero-gutter) 100px;color:var(--foreground);background:var(--background);text-align:center;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__inner{z-index:4;width:100%;max-width:var(--hero-max);flex-direction:column;align-items:center;display:flex;position:relative}.hero>.hero__inner{z-index:4;position:relative}.hero__eyebrow{color:var(--text-muted);letter-spacing:-.01em;align-items:center;gap:10px;margin:0 0 32px;font-size:.875rem;font-weight:500;display:inline-flex}.hero__status{background:var(--highlight);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.hero__title{color:var(--foreground);letter-spacing:-.075em;text-wrap:balance;margin:0;font-size:clamp(3.5rem,8.5vw,7.5rem);font-weight:650;line-height:.99}.hero__title span{color:var(--highlight)}.hero__text{max-width:550px;color:var(--text-muted);letter-spacing:-.025em;text-wrap:pretty;margin:30px 0 0;font-size:clamp(1.0625rem,1.4vw,1.25rem);font-weight:400;line-height:1.65}.hero__actions{justify-content:center;align-items:center;gap:28px;margin-top:38px;display:flex}.hero__btn{letter-spacing:-.015em;justify-content:center;align-items:center;gap:10px;min-height:50px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.hero__btn--primary{color:var(--background);background:var(--accent);border-radius:999px;padding:0 23px}.hero__btn--primary:hover{color:var(--btn-highlight-hover-fg);background:var(--foreground)}.hero__btn--primary svg{transition:transform .18s}.hero__btn--primary:hover svg{transform:translate(3px)}.hero__btn--secondary{color:var(--foreground)}.hero__btn--secondary:hover{color:var(--highlight)}.hero__btn:active{transform:scale(.98)}.hero__btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:5px}.hero__features{flex-wrap:wrap;justify-content:center;gap:12px 30px;margin:76px 0 0;padding:0;list-style:none;display:flex}.hero__feature{color:var(--text-subtle);letter-spacing:-.01em;font-size:.8125rem;font-weight:450}@media (max-width:860px){.hero{min-height:82svh;padding-top:120px;padding-bottom:80px}.hero__title{font-size:clamp(3.25rem,10vw,5.5rem)}.hero__features{gap:14px 22px;margin-top:60px}}@media (max-width:520px){.hero{min-height:auto;padding:150px 22px 72px}.hero__eyebrow{margin-bottom:28px;font-size:.8125rem}.hero__title{letter-spacing:-.07em;font-size:clamp(3.1rem,13vw,4.25rem)}.hero__text{margin-top:24px;font-size:1rem;line-height:1.7}.hero__actions{flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:32px}.hero__btn--primary{min-height:52px;padding-inline:26px}.hero__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;width:100%;margin-top:52px;display:grid}.hero__feature{text-align:center;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.hero__btn,.hero__btn--primary svg{transition:none}}
.tech-text{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.tech-text-canvas{width:100%;height:100%;display:block}
.side-rays-container{z-index:1;pointer-events:none;--ray-light:245, 245, 247;--ray-muted:167, 167, 172;position:absolute;inset:0;overflow:hidden}.side-rays-glow{background:radial-gradient(ellipse at 50% 30%, rgba(var(--ray-muted), .16) 0%, rgba(var(--ray-muted), .08) 30%, transparent 60%), radial-gradient(ellipse at 50% 35%, rgba(var(--ray-light), .09) 0%, transparent 65%);filter:blur(80px);opacity:.95;width:110%;height:110%;animation:16s ease-in-out infinite alternate rays-glow-pulse;position:absolute;top:-35%;left:50%;transform:translate(-50%)}.side-rays-beam{transform-origin:top;background:linear-gradient(180deg, transparent 0%, rgba(var(--ray-muted), .03) 15%, rgba(var(--ray-muted), .11) 40%, rgba(var(--ray-light), .08) 60%, transparent 100%);clip-path:polygon(42% 0%,58% 0%,100% 100%,0% 100%);filter:blur(16px);opacity:.6;width:45%;height:150%;animation:20s ease-in-out infinite alternate rays-beam-move;position:absolute;top:-45%;left:50%}.side-rays-beam-1{filter:blur(14px);opacity:.7;width:22%;animation-duration:18s;animation-delay:-3s;left:40%;transform:rotate(-16deg)}.side-rays-beam-2{filter:blur(22px);opacity:.6;width:30%;animation-duration:22s;animation-delay:-5s;left:47%;transform:rotate(-7deg)}.side-rays-beam-3{filter:blur(14px);opacity:.65;width:22%;animation-duration:19s;animation-delay:-8s;left:57%;transform:rotate(12deg)}.side-rays-beam-4{background:linear-gradient(180deg, transparent 0%, rgba(var(--ray-light), .02) 20%, rgba(var(--ray-muted), .09) 45%, rgba(var(--ray-light), .05) 65%, transparent 100%);filter:blur(26px);opacity:.55;width:30%;animation-duration:24s;animation-delay:-7s;left:35%;transform:rotate(-10deg)}.side-rays-beam-5{filter:blur(12px);opacity:.5;width:16%;animation-duration:21s;animation-delay:-4s;left:62%;transform:rotate(20deg)}@keyframes rays-beam-move{0%{opacity:.45;margin-top:-.5%}50%{opacity:.75}to{opacity:.55;margin-top:1%}}@keyframes rays-glow-pulse{0%{opacity:.8;transform:translate(-50%)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1.04)}}@media (max-width:520px){.side-rays-glow{filter:blur(70px);opacity:.85;width:140%;height:100%;top:-15%;left:50%}.side-rays-beam{filter:blur(18px);opacity:.5;width:65%}.side-rays-beam-1{left:30%}.side-rays-beam-2{left:40%}.side-rays-beam-3{left:52%}.side-rays-beam-4{left:28%}.side-rays-beam-5{left:58%}}@media (prefers-reduced-motion:reduce){.side-rays-beam,.side-rays-glow{animation:none}}
.fs-section{background:var(--background);width:100%;padding:96px 24px}.fs-container{max-width:1280px;margin:0 auto}.fs-header{max-width:640px;margin-bottom:56px}.fs-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:16px;font-size:13px;display:inline-block}.fs-heading{letter-spacing:-.02em;color:var(--foreground);font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1.1}.fs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.fs-card{flex-direction:column;display:flex}.fs-visual{aspect-ratio:5/4;background:var(--bg-subtle);border:1px solid var(--border);isolation:isolate;place-items:center;margin-bottom:32px;display:grid;position:relative;overflow:hidden}.fs-visual:before{content:"";z-index:-2;background:radial-gradient(ellipse 55% 45% at var(--glow-x,70%) var(--glow-y,30%), var(--border-strong), transparent 70%), radial-gradient(ellipse 60% 50% at var(--glow2-x,20%) var(--glow2-y,80%), var(--surface-hover), transparent 70%);filter:blur(24px);transition:transform .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:-20%}.fs-visual:after{content:"";z-index:-1;background:repeating-linear-gradient(var(--stripe-angle,-35deg), transparent 0 5px, var(--border-strong) 5px 6px);opacity:.55;-webkit-mask-image:radial-gradient(ellipse 45% 55% at var(--mask-x,85%) var(--mask-y,85%), var(--foreground), transparent 75%);-webkit-mask-image:radial-gradient(ellipse 45% 55% at var(--mask-x,85%) var(--mask-y,85%), var(--foreground), transparent 75%);mask-image:radial-gradient(ellipse 45% 55% at var(--mask-x,85%) var(--mask-y,85%), var(--foreground), transparent 75%);transition:opacity var(--transition-normal);position:absolute;inset:0}.fs-visual--a{--glow-x:75%;--glow-y:25%;--glow2-x:15%;--glow2-y:85%;--mask-x:80%;--mask-y:15%;--stripe-angle:-35deg}.fs-visual--b{--glow-x:50%;--glow-y:90%;--glow2-x:85%;--glow2-y:20%;--mask-x:90%;--mask-y:90%;--stripe-angle:40deg}.fs-visual--c{--glow-x:30%;--glow-y:70%;--glow2-x:85%;--glow2-y:25%;--mask-x:90%;--mask-y:20%;--stripe-angle:-50deg}.fs-card:hover .fs-visual:before{transform:scale(1.08)translateY(-2%)}.fs-card:hover .fs-visual:after{opacity:.85}.fs-panel{background:var(--surface);border:1px solid var(--border);width:76%;box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:24px;display:flex}.fs-panel-head{align-items:center;gap:12px;display:flex}.fs-panel-title{color:var(--foreground);border-radius:2rem;font-size:16px}.fs-panel-sub{font-size:15px}.fs-muted{color:var(--text-muted);font-size:14px}.fs-mono{color:var(--foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.fs-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.fs-logo{width:28px;height:28px;color:var(--foreground);background:var(--background);border-radius:var(--radius-sm);place-items:center;font-size:13px;display:grid}.fs-badge{color:var(--highlight);background:var(--highlight-dim);border-radius:var(--radius-full);margin-left:auto;padding:2px 10px;font-size:12px}.fs-shifts{flex-direction:column;gap:10px;list-style:none;display:flex}.fs-shift{align-items:center;gap:10px;display:flex}.fs-avatar{width:26px;height:26px;color:var(--foreground);background:var(--surface-hover);border:1px solid var(--border-strong);border-radius:var(--radius-full);place-items:center;font-size:11px;display:grid}.fs-avatar-icon{border-radius:999px}.fs-shift-name{color:var(--foreground);flex:1;font-size:14px}.fs-progress{background:var(--border);border-radius:var(--radius-full);height:3px;overflow:hidden}.fs-progress-bar{background:var(--foreground);border-radius:var(--radius-full);transform-origin:0;width:75%;height:100%;animation:1.4s cubic-bezier(.4,0,.2,1) both fs-fill}@keyframes fs-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.fs-live{color:var(--success);align-items:center;gap:8px;font-size:13px;display:inline-flex}.fs-live-dot{background:var(--success);border-radius:var(--radius-full);width:8px;height:8px;animation:2s ease-in-out infinite fs-pulse}@keyframes fs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.fs-timer-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.fs-timer{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px}.fs-pill{cursor:pointer;width:100%;height:48px;color:var(--btn-primary-fg);background:var(--btn-primary-bg);border-radius:var(--radius-full);transition:background var(--transition-fast), color var(--transition-fast);border:none;font-size:16px}.fs-pill:hover{color:var(--btn-primary-hover-fg);background:var(--btn-primary-hover-bg)}.fs-done{color:var(--success);align-items:center;gap:10px;font-size:15px;display:flex}.fs-title{letter-spacing:-.01em;color:var(--foreground);margin-bottom:12px;font-size:24px;font-weight:400}.fs-text{color:var(--text-muted);margin-bottom:24px;font-size:17px;line-height:1.6}.fs-link{width:fit-content;color:var(--foreground);align-items:center;gap:8px;margin-top:auto;font-size:17px;display:inline-flex}.fs-arrow{transition:transform var(--transition-fast)}.fs-link:hover .fs-arrow{transform:translate(4px)}@media (max-width:1024px){.fs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.fs-section{padding:64px 16px}.fs-grid{grid-template-columns:minmax(0,1fr);gap:48px}.fs-panel{width:88%}}@media (prefers-reduced-motion:reduce){.fs-progress-bar,.fs-live-dot{animation:none}.fs-visual:before,.fs-arrow{transition:none}}
.signature{color:#1b2a49;display:block}.sig-animate{stroke-dasharray:1;stroke-dashoffset:1px;animation:sig-draw var(--dur,1s) cubic-bezier(.4, 0, .2, 1) var(--delay,0s) forwards}.sig-dot{opacity:0;animation:.2s ease-out 2.7s forwards sig-fade}@keyframes sig-draw{to{stroke-dashoffset:0}}@keyframes sig-fade{to{opacity:1}}@media (prefers-reduced-motion:reduce){.sig-animate{stroke-dashoffset:0;animation:none}.sig-dot{opacity:1;animation:none}}
.faq-section{background:var(--background);width:100%;padding:96px 24px}.faq-container{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px;max-width:1280px;margin:0 auto;display:grid}.faq-header{max-width:440px;position:sticky;top:96px}.faq-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:16px;font-size:13px;display:inline-block}.faq-heading{letter-spacing:-.02em;color:var(--foreground);margin-bottom:20px;font-size:clamp(28px,4vw,44px);font-weight:400;line-height:1.1}.faq-intro{color:var(--text-muted);margin-bottom:24px;font-size:17px;line-height:1.6}.faq-link{width:fit-content;color:var(--foreground);align-items:center;gap:8px;font-size:17px;display:inline-flex}.faq-arrow{transition:transform var(--transition-fast)}.faq-link:hover .faq-arrow{transform:translate(4px)}.faq-list{border-top:1px solid var(--border);flex-direction:column;list-style:none;display:flex}.faq-item{border-bottom:1px solid var(--border);transition:background var(--transition-normal);position:relative}.faq-item:hover{background:var(--bg-subtle)}.faq-question{text-align:left;cursor:pointer;width:100%;color:var(--foreground);background:0 0;border:none;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.faq-question-text{letter-spacing:-.01em;color:var(--foreground);font-size:20px;font-weight:400;line-height:1.35}.faq-icon{width:32px;height:32px;color:var(--text-muted);background:var(--background);border:1px solid var(--border-strong);border-radius:var(--radius-full);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;place-items:center;display:grid}.faq-question:hover .faq-icon{color:var(--foreground);border-color:var(--border-hover)}.faq-plus{transition:transform var(--transition-normal)}.faq-item.is-open .faq-icon{color:var(--btn-primary-fg);background:var(--btn-primary-bg);border-color:var(--btn-primary-bg)}.faq-item.is-open .faq-plus{transform:rotate(45deg)}.faq-answer{transition:grid-template-rows var(--transition-normal);grid-template-rows:0fr;display:grid}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer-text{max-width:62ch;color:var(--text-muted);opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);padding:0 72px 28px 24px;font-size:17px;line-height:1.6;transform:translateY(-4px)}.faq-item.is-open .faq-answer-text{opacity:1;transform:translateY(0)}@media (max-width:1024px){.faq-container{grid-template-columns:minmax(0,1fr);gap:48px}.faq-header{position:static}}@media (max-width:680px){.faq-section{padding:64px 16px}.faq-question{padding:20px 8px}.faq-question-text{font-size:18px}.faq-answer-text{padding:0 8px 24px}}@media (prefers-reduced-motion:reduce){.faq-item,.faq-icon,.faq-plus,.faq-answer,.faq-answer-text,.faq-arrow{transition:none}}
