@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul{list-style:none}details summary{cursor:pointer}details summary::marker{content:""}details summary::-webkit-details-marker{display:none}}@layer base{:root{--c-bg:#05070b;--c-bg-alt:#090d14;--c-surface:#11161f;--c-surface-hover:#18202b;--c-border:#282e38;--c-text:#ebeff5;--c-text-muted:#88909c;--c-text-dim:#5d646f;--c-accent:#259cca;--c-accent-hover:#00ade4;--c-accent-glow:rgba(37,156,202,.15);--c-guest:#d1a84b;--c-subcontractor:#74889e;--c-security:#3fb171;--c-manager:#259cca;--c-admin:#00a1b5;--c-pending:#d2a249;--c-approved:#3fb171;--c-onsite:#259cca;--c-completed:#6e8398;--sp-xs:.25rem;--sp-sm:.5rem;--sp-md:1rem;--sp-lg:1.5rem;--sp-xl:2rem;--sp-2xl:3rem;--sp-3xl:4rem;--sp-4xl:6rem;--r-sm:.5rem;--r-md:.75rem;--r-lg:1rem;--r-xl:1.5rem;--r-full:9999px;--f-sans:"Inter", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", monospace;--max-w:72rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root{--c-bg:lab(1.96739% -.121817 -1.64016);--c-bg-alt:lab(3.65826% -.227951 -3.8085);--c-surface:lab(7.13753% -.43682 -7.17928);--c-surface-hover:lab(11.7188% -.557691 -9.03495);--c-border:lab(18.7165% -.689328 -7.3094);--c-text:lab(94.1679% -.518382 -3.73511);--c-text-muted:lab(59.329% -.913858 -7.40589);--c-text-dim:lab(41.9258% -.856936 -7.37907);--c-accent:lab(59.6494% -20.577 -33.4212);--c-accent-hover:lab(65.4669% -23.4234 -38.8818);--c-accent-glow:lab(59.6494% -20.577 -33.4212/.15);--c-guest:lab(71.2019% 8.24577 52.3464);--c-subcontractor:lab(55.8529% -3.72219 -13.9847);--c-security:lab(64.6987% -44.6495 23.0234);--c-manager:lab(59.6494% -20.577 -33.4212);--c-admin:lab(60.2926% -32.8764 -22.1494);--c-pending:lab(69.9073% 11.8094 51.9441);--c-approved:lab(64.6987% -44.6495 23.0234);--c-onsite:lab(59.6494% -20.577 -33.4212);--c-completed:lab(53.5316% -3.69567 -13.9747)}}body{font-family:var(--f-sans);background:var(--c-bg);color:var(--c-text);line-height:1.6;overflow-x:hidden}::selection{background:var(--c-accent);color:#fff}}@layer layout{.container{max-width:var(--max-w);padding-inline:var(--sp-lg);margin-left:auto;margin-right:auto}.section{padding-block:var(--sp-4xl);position:relative}--dark.section{background:var(--c-bg-alt)}.section__header{text-align:center;margin-bottom:var(--sp-3xl)}.section__tag{text-transform:uppercase;letter-spacing:.15em;color:var(--c-accent);background:var(--c-accent-glow);padding:var(--sp-xs) var(--sp-md);border-radius:var(--r-full);margin-bottom:var(--sp-md);font-size:.75rem;font-weight:600;display:inline-block}.section__title{letter-spacing:-.02em;font-size:max(1.75rem,min(4vw,3rem));font-weight:800;line-height:1.15}.section__title em{color:var(--c-accent);font-style:normal}.section__desc{margin-top:var(--sp-md);color:var(--c-text-muted);max-width:40rem;margin-left:auto;margin-right:auto;font-size:1.1rem}}@layer components{.btn{align-items:center;gap:var(--sp-sm);border-radius:var(--r-full);transition:all .3s var(--ease-out);padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}--primary.btn{background:var(--c-accent);color:#fff}--primary.btn:hover{background:var(--c-accent-hover);box-shadow:0 4px 20px var(--c-accent-glow);transform:translateY(-2px)}--ghost.btn{color:var(--c-text);border:1.5px solid #536480;border:1.5px solid lab(41.7613% -1.18394 -18.0904)}--ghost.btn:hover{border-color:var(--c-accent);color:var(--c-accent);background:rgba(37,156,202,.08);background:lab(59.6494% -20.577 -33.4212/.08)}--lg.btn{padding:1rem 2.5rem;font-size:1.1rem}.nav{z-index:100;padding:var(--sp-md) 0;transition:all .4s var(--ease-out);-webkit-backdrop-filter:blur();backdrop-filter:blur();position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--c-nav-bg,rgba(5,7,11,.85));-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid var(--c-border);padding:var(--sp-sm) 0}@supports (color:lab(0% 0 0)){.nav.scrolled{background:var(--c-nav-bg,lab(1.96739% -.121817 -1.64016/.85))}}.nav__inner{max-width:var(--max-w);padding-inline:var(--sp-lg);justify-content:space-between;align-items:center;gap:var(--sp-lg);grid-template-columns:auto 1fr auto;margin-left:auto;margin-right:auto;display:grid}@media (max-width:768px){.nav__inner{display:flex}}.nav__logo{align-items:center;gap:var(--sp-sm);letter-spacing:-.01em;font-size:1.1rem;font-weight:400;display:flex}.nav__logo strong{font-weight:700}.nav__logo-icon{width:28px;height:28px;color:var(--c-accent)}.logo-text{align-items:center;display:flex;position:relative}.logo-glow{z-index:1;background-color:transparent;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:repeating-linear-gradient(90deg,transparent 0,transparent 4px,#000 5px,#000 6px);mask:repeating-linear-gradient(90deg,transparent 0,transparent 4px,#000 5px,#000 6px)}.logo-glow:after{content:"";background-image:radial-gradient(circle,#00ebeb 0%,transparent 50%),radial-gradient(circle at 40% 40%,#259cca 0%,transparent 45%),radial-gradient(circle at 60% 60%,#55bfd1 0%,transparent 45%);background-image:radial-gradient(circle,lab(84.1846% -49.0832 -14.7193) 0%,transparent 50%),radial-gradient(circle at 40% 40%,lab(59.6494% -20.577 -33.4212) 0%,transparent 45%),radial-gradient(circle at 60% 60%,lab(71.7662% -27.9427 -18.648) 0%,transparent 45%);animation:2s cubic-bezier(.6,.8,.5,1) infinite alternate logo-glow-move,4s cubic-bezier(.6,.8,.5,1) infinite logo-glow-fade;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(circle,transparent 0%,transparent 10%,#000 25%);mask:radial-gradient(circle,transparent 0%,transparent 10%,#000 25%)}@keyframes logo-glow-move{0%{transform:translate(-55%)}to{transform:translate(55%)}}@keyframes logo-glow-fade{0%,to{opacity:0}15%{opacity:1}65%{opacity:0}}.logo-letter{opacity:0;z-index:2;animation:4s linear infinite logo-letter-anim;display:inline-block}.logo-letter--bold{font-weight:700}.logo-letter:first-child{animation-delay:.1s}.logo-letter:nth-child(2){animation-delay:.2s}.logo-letter:nth-child(3){animation-delay:.3s}.logo-letter:nth-child(4){animation-delay:.4s}.logo-letter:nth-child(5){animation-delay:.5s}.logo-letter:nth-child(6){animation-delay:.6s}.logo-letter:nth-child(7){animation-delay:.7s}.logo-letter:nth-child(8){animation-delay:.8s}.logo-letter:nth-child(9){animation-delay:.9s}.logo-letter:nth-child(10){animation-delay:1s}.logo-letter:nth-child(11){animation-delay:1.1s}.logo-letter:nth-child(12){animation-delay:1.2s}.logo-letter:nth-child(13){animation-delay:1.3s}.logo-letter:nth-child(14){animation-delay:1.4s}@keyframes logo-letter-anim{0%{opacity:0}5%{opacity:1;text-shadow:0 0 4px var(--c-accent);transform:scale(1.1)translateY(-1px)}20%{opacity:.2}to{opacity:0}}.nav__links{justify-content:center;gap:var(--sp-xl);display:flex}@media (max-width:768px){.nav__links{-webkit-backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--sp-2xl);z-index:200;background:rgba(5,7,11,.92);background:lab(1.96739% -.121817 -1.64016/.92);flex-direction:column;width:100vw;height:100dvh;font-size:1.5rem;font-weight:600;display:none;position:fixed;top:0;left:0}.nav__links.open{display:flex}}.nav__link{color:var(--c-text-muted);font-size:.875rem;transition:color .2s;position:relative}.nav__link:hover{color:var(--c-text)}.nav__link:after{content:"";background:var(--c-accent);width:0;height:2px;transition:width .3s var(--ease-out);position:absolute;bottom:-4px;left:0}.nav__link:hover:after{width:100%}.nav__cta{align-items:center;gap:var(--sp-sm);display:flex}@media (max-width:768px){.nav__cta{margin-left:auto;margin-right:var(--sp-sm)}}.nav__cta-link{border-radius:var(--r-full);border:1px solid var(--c-border);background:var(--c-surface);width:36px;height:36px;transition:all .2s var(--ease-out);justify-content:center;align-items:center;display:flex}.nav__cta-link svg{width:18px;height:18px}.nav__cta-link:hover{border-color:var(--c-accent);background:var(--c-surface-hover);transform:scale(1.1)}--tg.nav__cta-link:hover{color:#4ea4ca;color:lab(63.1292% -18.1274 -28.0657);border-color:#1e7ca1;border-color:lab(48.011% -17.2223 -27.8658)}--web.nav__cta-link:hover{border-color:var(--c-accent);color:var(--c-accent)}.nav__burger{z-index:201;flex-direction:column;gap:5px;display:none}.nav__burger span{background:var(--c-text);width:24px;height:2px;transition:all .3s var(--ease-out);display:block}.nav__burger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav__burger.active span:nth-child(2){opacity:0}.nav__burger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.nav__burger{display:flex}}.hero{min-height:100dvh;padding:var(--sp-4xl) var(--sp-lg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero__orb{filter:blur(120px);opacity:.2;border-radius:50%;animation:20s ease-in-out infinite orb-float;position:absolute}--1.hero__orb{background:var(--c-accent);width:600px;height:600px;animation-delay:0s;top:-200px;right:-200px}--2.hero__orb{background:#008287;background:lab(48.7634% -31.2502 -12.8129);width:500px;height:500px;animation-delay:-7s;bottom:-150px;left:-150px}--3.hero__orb{opacity:.1;background:#429082;background:lab(54.604% -27.7855 -.218952);width:300px;height:300px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.02)}}.hero__grid{background-image:linear-gradient(rgba(40,46,56,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(40,46,56,.3) 1px,transparent 1px);background-image:linear-gradient(lab(18.7165% -.689328 -7.3094/.3) 1px,transparent 1px),linear-gradient(90deg,lab(18.7165% -.689328 -7.3094/.3) 1px,transparent 1px);background-size:60px 60px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(80% 60%,#000 30%,transparent 100%);mask-image:radial-gradient(80% 60%,#000 30%,transparent 100%)}.hero__content{text-align:center;z-index:1;max-width:50rem;position:relative}.hero__badge{letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-muted);border:1px solid var(--c-border);padding:var(--sp-xs) var(--sp-lg);border-radius:var(--r-full);margin-bottom:var(--sp-xl);animation:fade-up .8s var(--ease-out) both;font-size:.8rem;font-weight:500;display:inline-block}.hero__title{letter-spacing:-.03em;animation:fade-up .8s var(--ease-out) .1s both;font-size:max(2.5rem,min(7vw,5rem));font-weight:900;line-height:1.05}.hero__title-line{display:block}--accent.hero__title-line{color:var(--c-accent);animation:fade-up .8s var(--ease-out) .2s both}.hero__subtitle{margin-top:var(--sp-xl);color:var(--c-text-muted);max-width:36rem;animation:fade-up .8s var(--ease-out) .3s both;margin-left:auto;margin-right:auto;font-size:max(1rem,min(2vw,1.25rem));line-height:1.7}.hero__actions{margin-top:var(--sp-2xl);gap:var(--sp-md);animation:fade-up .8s var(--ease-out) .4s both;flex-wrap:wrap;justify-content:center;display:flex}.hero__stats{margin-top:var(--sp-3xl);gap:var(--sp-xl);animation:fade-up .8s var(--ease-out) .5s both;grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:600px){.hero__stats{grid-template-columns:repeat(2,1fr)}}.hero__stat{text-align:center}.hero__stat-num{font-size:2.5rem;font-weight:800;font-family:var(--f-mono);color:var(--c-accent);line-height:1;display:block}--text.hero__stat-num{font-size:2.2rem}.hero__stat-label{margin-top:var(--sp-xs);color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;display:block}.hero__value-props{margin-top:var(--sp-3xl);gap:var(--sp-xl);animation:fade-up .8s var(--ease-out) .5s both;justify-content:center;display:flex}@media (max-width:768px){.hero__value-props{align-items:stretch;gap:var(--sp-lg);flex-direction:column;max-width:320px;margin-left:auto;margin-right:auto}}.hero__value{align-items:flex-start;gap:var(--sp-md);text-align:left;max-width:280px;display:flex}.hero__value-icon{width:36px;height:36px;color:var(--c-accent);flex-shrink:0;margin-top:2px}.hero__value-text strong{color:var(--c-text);margin-bottom:.2rem;font-size:.95rem;font-weight:700;display:block}.hero__value-text span{color:var(--c-text-dim);font-size:.85rem;line-height:1.4}.hero__scroll-hint{bottom:var(--sp-2xl);align-items:center;gap:var(--sp-sm);color:var(--c-text-dim);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;font-size:.75rem;animation:2s ease-in-out infinite bounce-down;display:flex;position:absolute}@keyframes bounce-down{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.comparison{gap:var(--sp-xl);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}@media (max-width:768px){.comparison{grid-template-columns:1fr}}.comparison__card{padding:var(--sp-2xl);border-radius:var(--r-xl);border:1px solid var(--c-border);position:relative;overflow:hidden}.comparison__card h3{margin-bottom:var(--sp-lg);font-size:1.25rem;font-weight:700}.comparison__card ul{flex-direction:column;gap:.375rem;display:flex}.comparison__card li{color:var(--c-text-muted);padding:var(--sp-sm) var(--sp-md) var(--sp-sm) 2.25rem;border-radius:var(--r-md);font-size:.9rem;line-height:1.45;position:relative}.comparison__card li:before{left:var(--sp-sm);top:var(--sp-sm);font-size:.85rem;font-weight:700;position:absolute}--before.comparison__card{background:rgba(79,26,24,.08);background:lab(18.0069% 25.1663 14.7585/.08);border-color:rgba(132,60,56,.25);border-color:lab(35.2211% 31.3348 17.9367/.25)}--before.comparison__card li{background:rgba(124,66,62,.06);background:lab(35.427% 24.9599 14.0127/.06);border-left:2px solid rgba(173,82,77,.4);border-left:2px solid lab(46.6267% 37.5876 21.4741/.4)}--before.comparison__card li:before{content:"✗";color:#bd615b;color:lab(52.4329% 37.5226 21.2599)}--after.comparison__card{background:rgba(0,56,28,.08);background:lab(19.8256% -25.8511 13.3811/.08);border-color:rgba(23,101,60,.25);border-color:lab(37.4944% -31.9998 16.5157/.25)}--after.comparison__card li{background:rgba(43,98,65,.06);background:lab(37.2458% -25.374 13.0654/.06);border-left:2px solid rgba(56,149,96,.4);border-left:2px solid lab(55.1609% -38.2259 19.7049/.4)}--after.comparison__card li:before{content:"✓";color:#49a46e;color:lab(60.9663% -38.1109 19.6303)}.comparison__icon{width:48px;height:48px;margin-bottom:var(--sp-lg);opacity:.6}.comparison__arrow{width:48px;height:48px;color:var(--c-accent);flex-shrink:0}@media (max-width:768px){.comparison__arrow{margin-left:auto;margin-right:auto;transform:rotate(90deg)}}.workflow{max-width:40rem;margin-left:auto;margin-right:auto;position:relative}.workflow__line{background:linear-gradient(to bottom, var(--c-accent), var(--c-border));width:2px;position:absolute;top:0;bottom:0;left:20px}@media (max-width:600px){.workflow__line{left:16px}}.workflow__step{padding-left:60px;padding-bottom:var(--sp-2xl);position:relative}@media (max-width:600px){.workflow__step{padding-left:48px}}.workflow__dot{background:var(--c-accent);border:3px solid var(--c-bg);width:18px;height:18px;box-shadow:0 0 10px var(--c-accent-glow);border-radius:50%;position:absolute;top:4px;left:12px}@media (max-width:600px){.workflow__dot{width:16px;height:16px;left:8px}}.workflow__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);transition:border-color .3s}.workflow__card:hover{border-color:var(--c-accent)}.workflow__card h3{margin-bottom:var(--sp-xs);font-size:1.05rem;font-weight:600}.workflow__card p{color:var(--c-text-muted);font-size:.9rem}.workflow__num{font-family:var(--f-mono);color:var(--c-accent);margin-bottom:var(--sp-xs);font-size:.75rem;font-weight:500}.workflow__role-tag{margin-top:var(--sp-sm);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--r-full);padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}--subcontractor.workflow__role-tag{color:var(--c-subcontractor);background:rgba(116,136,158,.15);background:lab(55.8529% -3.72219 -13.9847/.15)}--manager.workflow__role-tag{color:var(--c-manager);background:rgba(37,156,202,.15);background:lab(59.6494% -20.577 -33.4212/.15)}--security.workflow__role-tag{color:var(--c-security);background:rgba(63,177,113,.15);background:lab(64.6987% -44.6495 23.0234/.15)}.roles-grid{gap:var(--sp-lg);grid-template-columns:repeat(6,1fr);display:grid}.roles-grid>:first-child{grid-column:span 2}.roles-grid>:nth-child(2){grid-column:span 2}.roles-grid>:nth-child(3){grid-column:span 2}.roles-grid>:nth-child(4){grid-column:2/4}.roles-grid>:nth-child(5){grid-column:4/6}.role-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp-2xl);transition:all .4s var(--ease-out);position:relative;overflow:hidden;container-type:inline-size}.role-card:before{content:"";border-radius:inherit;opacity:0;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.role-card:hover{border-color:#2f5c70;border-color:lab(36.3584% -11.0834 -16.892);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.2);box-shadow:0 12px 40px lab(0% 0 0/.2)}.role-card:hover:before{opacity:1}.role-card[data-role=guest]:before{background:linear-gradient(135deg,rgba(209,168,75,.04),transparent);background:linear-gradient(135deg,lab(71.2019% 8.24577 52.3464/.04),transparent)}.role-card[data-role=subcontractor]:before{background:linear-gradient(135deg,rgba(116,136,158,.04),transparent);background:linear-gradient(135deg,lab(55.8529% -3.72219 -13.9847/.04),transparent)}.role-card[data-role=security]:before{background:linear-gradient(135deg,rgba(63,177,113,.04),transparent);background:linear-gradient(135deg,lab(64.6987% -44.6495 23.0234/.04),transparent)}.role-card[data-role=manager]:before{background:linear-gradient(135deg,rgba(37,156,202,.04),transparent);background:linear-gradient(135deg,lab(59.6494% -20.577 -33.4212/.04),transparent)}.role-card[data-role=admin]:before{background:linear-gradient(135deg,rgba(0,161,181,.04),transparent);background:linear-gradient(135deg,lab(60.2926% -32.8764 -22.1494/.04),transparent)}.role-card__header{z-index:1;position:relative}.role-card__header h3{margin-top:var(--sp-md);font-size:1.2rem;font-weight:700}.role-card__icon{border-radius:var(--r-md);justify-content:center;align-items:center;width:48px;height:48px;padding:10px;display:flex}.role-card__icon svg{width:100%;height:100%}--guest.role-card__icon{color:var(--c-guest);background:rgba(209,168,75,.12);background:lab(71.2019% 8.24577 52.3464/.12)}--subcontractor.role-card__icon{color:var(--c-subcontractor);background:rgba(116,136,158,.12);background:lab(55.8529% -3.72219 -13.9847/.12)}--security.role-card__icon{color:var(--c-security);background:rgba(63,177,113,.12);background:lab(64.6987% -44.6495 23.0234/.12)}--manager.role-card__icon{color:var(--c-manager);background:rgba(37,156,202,.12);background:lab(59.6494% -20.577 -33.4212/.12)}--admin.role-card__icon{color:var(--c-admin);background:rgba(0,161,181,.12);background:lab(60.2926% -32.8764 -22.1494/.12)}.role-card__badge{margin-top:var(--sp-sm);font-size:.7rem;font-weight:600;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--r-full);padding:2px 10px;display:inline-block}--guest.role-card__badge{color:var(--c-guest);background:rgba(209,168,75,.12);background:lab(71.2019% 8.24577 52.3464/.12)}--subcontractor.role-card__badge{color:var(--c-subcontractor);background:rgba(116,136,158,.12);background:lab(55.8529% -3.72219 -13.9847/.12)}--security.role-card__badge{color:var(--c-security);background:rgba(63,177,113,.12);background:lab(64.6987% -44.6495 23.0234/.12)}--manager.role-card__badge{color:var(--c-manager);background:rgba(37,156,202,.12);background:lab(59.6494% -20.577 -33.4212/.12)}--admin.role-card__badge{color:var(--c-admin);background:rgba(0,161,181,.12);background:lab(60.2926% -32.8764 -22.1494/.12)}.role-card__desc{z-index:1;margin-top:var(--sp-md);color:var(--c-text-muted);font-size:.9rem;line-height:1.6;position:relative}.role-card__toggle{z-index:1;margin-top:var(--sp-lg);color:var(--c-accent);padding:var(--sp-sm) var(--sp-lg);border:1px solid var(--c-accent);border-radius:var(--r-full);transition:all .3s var(--ease-out);font-size:.85rem;font-weight:600;position:relative}.role-card__toggle:hover{background:var(--c-accent);color:#fff}@container (width<=300px){.role-card__header h3{font-size:1rem}.role-card__desc{font-size:.85rem}}.role-popover{background:0 0;border:none;width:min(92vw,36rem);height:fit-content;max-height:88dvh;margin:auto;padding:0;display:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:visible}.role-popover::-ms-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(0,0,0,.75);background:lab(0% 0 0/.75)}.role-popover::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(0,0,0,.75);background:lab(0% 0 0/.75)}.role-popover:popover-open{display:block}.role-popover__inner{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);max-height:85dvh;animation:pop-in .35s var(--ease-spring);overflow-x:hidden;overflow-y:auto;box-shadow:0 25px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);box-shadow:0 25px 80px lab(0% 0 0/.5),0 0 0 1px lab(100% 0 0/.05)}@keyframes pop-in{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.role-popover__close{top:var(--sp-md);right:var(--sp-md);color:#fff;z-index:10;background:rgba(0,0,0,.3);background:lab(0% 0 0/.3);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute}.role-popover__close:hover{background:rgba(0,0,0,.5);background:lab(0% 0 0/.5);transform:scale(1.1)}.role-popover__header{padding:var(--sp-2xl) var(--sp-2xl) var(--sp-lg);position:relative}.role-popover__header h3{color:#fff;font-size:1.4rem;font-weight:700}.role-popover__header--guest{background:linear-gradient(135deg,#6d5000,#5d3904);background:linear-gradient(135deg,lab(36.2819% 8.31392 50.9433),lab(27.905% 13.0579 36.1503))}.role-popover__header--subcontractor{background:linear-gradient(135deg,#143c62,#25467d);background:linear-gradient(135deg,lab(24.2405% -3.02847 -26.9589),lab(29.6263% 2.85362 -35.1852))}.role-popover__header--security{background:linear-gradient(135deg,#00572d,#34622a);background:linear-gradient(135deg,lab(31.9275% -39.0879 20.2864),lab(37.3545% -25.6431 26.5592))}.role-popover__header--manager{background:linear-gradient(135deg,#004f6e,#006173);background:linear-gradient(135deg,lab(30.489% -16.5827 -32.8513),lab(36.7974% -24.5013 -20.9278))}.role-popover__header--admin{background:linear-gradient(135deg,#00525e,#006077);background:linear-gradient(135deg,lab(31.2305% -31.1331 -21.745),lab(36.6593% -21.8469 -23.3573))}.role-popover__body{padding:var(--sp-2xl)}.role-popover__body h4{margin-bottom:var(--sp-md);color:var(--c-text);font-size:.95rem;font-weight:600}.role-popover__body h4:not(:first-child){margin-top:var(--sp-xl)}.role-popover__body ul{gap:var(--sp-sm);flex-direction:column;display:flex}.role-popover__body li{color:var(--c-text-muted);padding-left:1.5rem;font-size:.9rem;position:relative}.role-popover__body li:before{content:"✓";color:var(--c-security);font-size:.85rem;position:absolute;left:0}.role-popover__body>p{color:var(--c-text-muted);font-size:.9rem;line-height:1.7}.role-popover__faq{margin-top:var(--sp-xl)}.role-popover__faq details{border:1px solid var(--c-border);border-radius:var(--r-md);margin-bottom:var(--sp-sm);transition:border-color .3s;overflow:hidden}.role-popover__faq details[open]{border-color:var(--c-accent)}.role-popover__faq summary{padding:var(--sp-md);justify-content:space-between;align-items:center;gap:var(--sp-sm);font-size:.9rem;font-weight:600;transition:color .2s;display:flex}.role-popover__faq summary:hover{color:var(--c-accent)}.role-popover__faq details p{padding:0 var(--sp-md) var(--sp-md);color:var(--c-text-muted);font-size:.85rem;line-height:1.7}.status-flow{align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-md);flex-wrap:wrap;display:flex}.status{border-radius:var(--r-full);padding:4px 12px;font-size:.75rem;font-weight:600}--pending.status{color:var(--c-pending);background:rgba(210,162,73,.15);background:lab(69.9073% 11.8094 51.9441/.15)}--approved.status{color:var(--c-approved);background:rgba(63,177,113,.15);background:lab(64.6987% -44.6495 23.0234/.15)}--onsite.status{color:var(--c-onsite);background:rgba(37,156,202,.15);background:lab(59.6494% -20.577 -33.4212/.15)}--completed.status{color:var(--c-completed);background:rgba(110,131,152,.15);background:lab(53.5316% -3.69567 -13.9747/.15)}.status-arrow{color:var(--c-text-dim);font-size:.85rem}.tabs-preview{gap:var(--sp-xs);margin-bottom:var(--sp-md);flex-wrap:wrap;display:flex}.tab-preview{border-radius:var(--r-full);background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-muted);padding:6px 14px;font-size:.75rem}--active.tab-preview{color:#d1e1e9;color:lab(88.4759% -4.20168 -5.82088);background:#004f6a;background:lab(30.5525% -13.3848 -22.2182);border-color:#004f6a;border-color:lab(30.5525% -13.3848 -22.2182)}.admin-apps{gap:var(--sp-sm);margin-bottom:var(--sp-md);grid-template-columns:1fr 1fr;display:grid}.admin-app{padding:var(--sp-md);border-radius:var(--r-md);background:var(--c-bg);border:1px solid var(--c-border);text-align:center}.admin-app strong{margin-bottom:2px;font-size:.9rem;display:block}.admin-app span{color:var(--c-text-dim);font-size:.75rem}.features-grid{gap:var(--sp-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp-2xl);transition:all .4s var(--ease-out)}.feature-card:hover{border-color:#2f5c70;border-color:lab(36.3584% -11.0834 -16.892);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.15);box-shadow:0 10px 30px lab(0% 0 0/.15)}.feature-card h3{margin-bottom:var(--sp-sm);font-size:1.05rem;font-weight:600}.feature-card p{color:var(--c-text-muted);font-size:.9rem;line-height:1.6}.feature-card__icon{width:44px;height:44px;color:var(--c-accent);margin-bottom:var(--sp-lg)}.security-grid{gap:var(--sp-lg);grid-template-columns:repeat(6,1fr);display:grid}.security-grid>:first-child{grid-column:span 2}.security-grid>:nth-child(2){grid-column:span 2}.security-grid>:nth-child(3){grid-column:span 2}.security-grid>:nth-child(4){grid-column:3/5}.security-card{padding:var(--sp-2xl);border-radius:var(--r-xl);background:var(--c-surface);border:1px solid var(--c-border);transition:border-color .3s;position:relative;overflow:hidden}.security-card:hover{border-color:var(--c-accent)}.security-card h3{margin-bottom:var(--sp-sm);font-size:1.05rem;font-weight:600}.security-card p{color:var(--c-text-muted);font-size:.9rem;line-height:1.6}.security-card__num{font-family:var(--f-mono);color:rgba(61,106,127,.12);color:lab(42.167% -11.2805 -16.9463/.12);top:var(--sp-md);right:var(--sp-lg);font-size:3rem;font-weight:800;line-height:1;position:absolute}.table-wrap{border-radius:var(--r-xl);border:1px solid var(--c-border);overflow-x:auto}.matrix-table{border-collapse:collapse;width:100%;font-size:.9rem}.matrix-table th{padding:var(--sp-md) var(--sp-lg);text-align:center;border-bottom:1px solid var(--c-border)}.matrix-table td{padding:var(--sp-md) var(--sp-lg);text-align:center;border-bottom:1px solid var(--c-border)}.matrix-table th{background:var(--c-surface);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.8rem;font-weight:600}.matrix-table th:first-child{text-align:left;font-weight:500}.matrix-table td:first-child{text-align:left;font-weight:500}.matrix-table tbody tr{transition:background .2s}.matrix-table tbody tr:hover{background:rgba(17,22,31,.5);background:lab(7.13753% -.43682 -7.17928/.5)}.matrix-table tbody tr:last-child td{border-bottom:none}.matrix-table .yes{color:var(--c-security);font-size:1.1rem;font-weight:700}.matrix-table .no{color:var(--c-text-dim)}.th-role{border-radius:var(--r-full);padding:2px 10px;font-size:.7rem;display:inline-block}--guest.th-role{color:var(--c-guest);background:rgba(209,168,75,.12);background:lab(71.2019% 8.24577 52.3464/.12)}--subcontractor.th-role{color:var(--c-subcontractor);background:rgba(116,136,158,.12);background:lab(55.8529% -3.72219 -13.9847/.12)}--security.th-role{color:var(--c-security);background:rgba(63,177,113,.12);background:lab(64.6987% -44.6495 23.0234/.12)}--manager.th-role{color:var(--c-manager);background:rgba(37,156,202,.12);background:lab(59.6494% -20.577 -33.4212/.12)}--admin.th-role{color:var(--c-admin);background:rgba(0,161,181,.12);background:lab(60.2926% -32.8764 -22.1494/.12)}.faq-list{max-width:42rem;margin-left:auto;margin-right:auto}.faq-item{border:1px solid var(--c-border);border-radius:var(--r-lg);margin-bottom:var(--sp-md);transition:border-color .3s;overflow:hidden}.faq-item[open]{border-color:var(--c-accent)}.faq-item summary{padding:var(--sp-lg) var(--sp-xl);justify-content:space-between;align-items:center;gap:var(--sp-md);font-size:1rem;font-weight:600;transition:color .2s;display:flex}.faq-item summary:hover{color:var(--c-accent)}.faq-item p{padding:0 var(--sp-xl) var(--sp-lg);color:var(--c-text-muted);font-size:.95rem;line-height:1.7}.faq-icon{flex-shrink:0;width:1.6em;height:1.6em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.faq-icon__line{fill:none;stroke:var(--c-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.faq-icon__line--morph{stroke-dasharray:12 63}details[open]>summary .faq-icon{transform:rotate(-45deg)}details[open]>summary .faq-icon__line--morph{stroke-dasharray:20 300;stroke-dashoffset:-32.42px}.role-popover__faq .faq-icon{width:1.2em;height:1.2em}.tech-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.tech-item{text-align:center;padding:var(--sp-xl);border-radius:var(--r-lg);border:1px solid var(--c-border);background:var(--c-surface);transition:all .3s var(--ease-out)}.tech-item:hover{border-color:var(--c-accent);transform:translateY(-2px)}.tech-item__name{margin-bottom:2px;font-size:1rem;font-weight:700;display:block}.tech-item__desc{color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;display:block}.cta{padding-block:var(--sp-4xl);text-align:center;position:relative;overflow:hidden}.cta__bg{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cta__orb{filter:blur(140px);opacity:.15;border-radius:50%;position:absolute}--1.cta__orb{background:var(--c-accent);width:500px;height:500px;top:-200px;left:20%}--2.cta__orb{background:#298084;background:lab(48.5765% -25.0821 -10.3189);width:400px;height:400px;bottom:-200px;right:20%}.cta__content{z-index:1;position:relative}.cta__content h2{letter-spacing:-.02em;margin-bottom:var(--sp-md);font-size:max(1.75rem,min(4vw,2.5rem));font-weight:800}.cta__content p{color:var(--c-text-muted);margin-bottom:var(--sp-2xl);font-size:1.1rem}.cta__buttons{gap:var(--sp-md);justify-content:center;display:flex}.footer{padding:var(--sp-2xl) 0;border-top:1px solid var(--c-border)}.footer__inner{text-align:center}.footer__copy{color:var(--c-text-dim);font-size:.8rem}.footer__copy a{color:var(--c-text-muted);transition:color .2s}.footer__copy a:hover{color:var(--c-text)}@media (max-width:768px){.section{padding-block:var(--sp-3xl)}.section__title{font-size:max(1.5rem,min(5vw,2rem))}.section__desc{font-size:1rem}.hero{min-height:100dvh;padding:var(--sp-3xl) var(--sp-md)}.hero__title{font-size:max(2rem,min(8vw,3rem))}.hero__subtitle{font-size:.95rem}.hero__actions{flex-direction:column;align-items:center}.hero__actions .btn{justify-content:center;width:100%;max-width:280px}.hero__scroll-hint{display:none}.comparison{gap:var(--sp-md)}.comparison__card{padding:var(--sp-lg)}.features-grid{gap:var(--sp-md);grid-template-columns:1fr}.feature-card{padding:var(--sp-lg)}.roles-grid{grid-template-columns:1fr}.roles-grid>:nth-child(n){grid-column:auto}.role-card{padding:var(--sp-lg)}.security-grid{grid-template-columns:1fr}.security-grid>:nth-child(n){grid-column:auto}.tech-grid{gap:var(--sp-sm);grid-template-columns:repeat(2,1fr)}.tech-item{padding:var(--sp-md)}.cta__content h2{font-size:max(1.4rem,min(5vw,2rem))}.cta__buttons{flex-direction:column;align-items:center}.cta__buttons .btn{justify-content:center;width:100%;max-width:280px}#matrix{display:none}}@media (max-width:480px){.hero__value-props{gap:var(--sp-md)}.hero__value{max-width:100%}.hero__stat-num{font-size:2rem}.nav__cta-link{width:32px;height:32px}.nav__cta-link svg{width:16px;height:16px}}.scroll-top{bottom:var(--sp-xl);right:var(--sp-xl);background:var(--c-surface);border:1px solid var(--c-border);width:44px;height:44px;color:var(--c-text-muted);z-index:50;opacity:0;visibility:hidden;transition:all .3s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(12px)}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{background:var(--c-accent);border-color:var(--c-accent);color:#fff;transform:translateY(-2px)}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}:is(.features-grid .reveal,.security-grid .reveal,.roles-grid .reveal):nth-child(2){transition-delay:.1s}:is(.features-grid .reveal,.security-grid .reveal,.roles-grid .reveal):nth-child(3){transition-delay:.2s}:is(.features-grid .reveal,.security-grid .reveal,.roles-grid .reveal):nth-child(4){transition-delay:.3s}:is(.features-grid .reveal,.security-grid .reveal,.roles-grid .reveal):nth-child(5){transition-delay:.4s}:is(.features-grid .reveal,.security-grid .reveal,.roles-grid .reveal):nth-child(6){transition-delay:.5s}:is(.features-grid .reveal,.security-grid .reveal,.roles-grid .reveal):nth-child(7){transition-delay:.6s}:is(.features-grid .reveal,.security-grid .reveal,.roles-grid .reveal):nth-child(8){transition-delay:.7s}@supports (animation-timeline:scroll()){.hero__grid{animation:linear grid-parallax;animation-timeline:scroll();animation-range:0 100vh}@keyframes grid-parallax{to{opacity:0;transform:translateY(100px)}}.hero__orb--1{animation:linear orb-scroll-1,20s ease-in-out infinite orb-float;animation-timeline:scroll(),auto;animation-range:0 100vh,normal}@keyframes orb-scroll-1{to{opacity:0;transform:translate(-100px,200px)scale(.5)}}}.marquee{--marquee-gap:.75rem;gap:var(--marquee-gap);width:100%;max-width:64rem;padding:var(--sp-lg) 0;flex-direction:column;margin-left:auto;margin-right:auto;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee__row{gap:var(--marquee-gap);padding:var(--sp-xs) 0;display:flex;overflow:hidden}.marquee__track{gap:var(--marquee-gap);animation:marquee-scroll var(--marquee-duration,60s) linear infinite;flex-shrink:0;display:flex}.marquee__row--reverse .marquee__track{animation-name:marquee-scroll-reverse}.marquee__row:hover .marquee__track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--marquee-gap)))}}@keyframes marquee-scroll-reverse{0%{transform:translateX(calc(-100% - var(--marquee-gap)))}to{transform:translate(0)}}.marquee__chip{border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);color:var(--c-text-muted);white-space:nowrap;transition:border-color .3s var(--ease-out), color .3s var(--ease-out), background .3s var(--ease-out);-webkit-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.marquee__chip:hover{border-color:var(--c-accent);color:var(--c-text);background:var(--c-surface-hover)}.marquee__chip svg{opacity:.6;flex-shrink:0;width:1rem;height:1rem}.marquee__chip:hover svg{opacity:1}@media (max-width:640px){.marquee__chip{padding:.5rem 1rem;font-size:.8125rem}}}@layer utilities{@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}}