:root{--bg-primary: #F4F7FA;--bg-secondary: #FFFFFF;--text-primary: #0B1220;--text-secondary: rgba(15, 23, 42, .62);--text-muted: rgba(15, 23, 42, .44);--accent: #2563EB;--accent-light: #60A5FA;--accent-gradient: linear-gradient(135deg, #2563EB 0%, #06B6D4 100%);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .12);--glass-surface: rgba(255, 255, 255, .75);--glass-surface-strong: rgba(255, 255, 255, .9);--shadow: rgba(15, 23, 42, .04);--shadow-hover: rgba(15, 23, 42, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid #FADD00;outline-offset:3px}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.25;color:var(--text-primary)}a{text-decoration:none;color:inherit;transition:all .2s ease-in-out}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative;overflow:hidden}@media(max-width:768px){.section{padding:80px 0}}.navbar{position:fixed;top:0;left:0;width:100%;height:72px;display:flex;align-items:center;z-index:1000;background-color:var(--glass-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s ease}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-family:Outfit,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.5px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:8px}.nav-links{display:flex;align-items:center;gap:32px}@media(max-width:768px){.nav-links{display:none}}.nav-link{font-weight:500;font-size:15px;color:var(--text-secondary)}.nav-link:hover{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;padding:12px 24px;border-radius:12px;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb26}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background-color:var(--bg-primary);transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:14px;border-radius:8px}.navbar-home{background:#ffffffeb;border-bottom-color:#00353517;box-shadow:0 1px #00353505}.navbar-home .nav-links{gap:clamp(20px,2.2vw,40px)}.navbar-home .nav-link{color:#003535;font-family:Inter,sans-serif;font-weight:600}.navbar-home .nav-link:hover{color:#0b5751}.home-logo{display:block;width:120px;height:auto}.navbar-home .btn-primary{padding:11px 20px;border-radius:12px;background:linear-gradient(118deg,#003535,#0b5751);box-shadow:none}.safety-hero{position:relative;overflow:clip;padding:126px 0 76px;text-align:center;background:radial-gradient(68% 55% at 8% 3%,rgba(132,164,147,.09),transparent 68%),radial-gradient(54% 44% at 88% 87%,rgba(250,221,0,.1),transparent 70%),#f7f5ee}.safety-hero-copy{position:relative;z-index:1;max-width:940px}.safety-hero-eyebrow{margin:0 0 24px;color:#003535;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.safety-hero-eyebrow:before{display:block;width:40px;height:2px;margin:0 auto 18px;background:#fadd00;content:""}.safety-hero-title{max-width:820px;margin:0 auto;color:#003535;font-family:Outfit,sans-serif;font-size:clamp(42px,5vw,68px);font-weight:800;letter-spacing:-.06em;line-height:1.04}.safety-hero-title span{color:#0b5751;background:linear-gradient(110deg,#003535 15%,#0b5751 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.safety-hero-description{max-width:685px;margin:26px auto 32px;color:#5b6965;font-family:Inter,sans-serif;font-size:clamp(17px,1.6vw,20px);line-height:1.6}.safety-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 22px}.safety-hero .btn{min-height:54px;padding:13px 26px;border-radius:12px;font-family:Inter,sans-serif;font-weight:650}.safety-hero-primary{gap:11px;background:linear-gradient(118deg,#003535,#0b5751);box-shadow:0 9px 18px #00353521}.safety-hero-primary:hover{box-shadow:0 10px 20px #0035352e}.safety-hero-primary svg{color:#fadd00}.safety-hero-secondary{padding-right:2px!important;padding-left:2px!important;color:#003535;border-color:transparent;background:transparent;text-decoration:underline;text-decoration-color:#fadd00;text-decoration-thickness:2px;text-underline-offset:8px}.safety-hero-secondary:hover{color:#0b5751;background:transparent}.safety-hero-image-wrap{position:relative;width:min(76vw,1240px);aspect-ratio:1881 / 836;margin:36px auto 0;overflow:hidden;border-radius:16px}.safety-hero-image-wrap:after{position:absolute;inset:0 auto 0 0;width:26%;background:linear-gradient(90deg,rgba(0,53,53,.25),transparent);content:"";pointer-events:none}.safety-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 50%}@media(max-width:768px){.navbar-home .nav-links{display:flex;gap:0}.navbar-home .nav-link{display:none}.home-logo{width:104px}.navbar-home .btn-primary{padding:9px 13px;font-size:13px}.safety-hero{padding:112px 0 56px}.safety-hero-eyebrow{margin-bottom:20px;font-size:11px;letter-spacing:.15em}.safety-hero-title{max-width:620px;letter-spacing:-.052em}.safety-hero-description{margin-top:22px;margin-bottom:28px}.safety-hero-image-wrap{width:calc(100% - 40px);aspect-ratio:1.5 / 1;margin-top:32px;border-radius:14px}.safety-hero-image-wrap:after{width:32%}}@media(max-width:480px){.safety-hero{padding-top:104px}.safety-hero-title{font-size:42px}.safety-hero-actions{flex-direction:column;align-items:center}.safety-hero .btn{width:min(100%,280px)}.safety-hero-secondary{min-height:44px}}@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}.safety-hero .btn,.safety-hero .btn:hover{transform:none;transition:none}}:root{--ivory:#F7F5EE;--evergreen:#003535;--evergreen-2:#0B5751;--yellow:#FADD00;--bg-primary:var(--ivory);--bg-secondary:#fffdf8;--text-primary:var(--evergreen);--text-secondary:#5b6965;--text-muted:#78847f;--accent:var(--evergreen-2);--accent-light:var(--yellow);--accent-gradient:linear-gradient(120deg,var(--evergreen),var(--evergreen-2));--border:rgba(0,53,53,.12);--border-strong:rgba(0,53,53,.2);--shadow:rgba(0,53,53,.035);--shadow-hover:rgba(0,53,53,.08);--glass-surface:rgba(255,253,248,.94);--glass-surface-strong:#fffdf8}[data-theme=night]{--bg-primary:#071B1A;--bg-secondary:#0A2221;--text-primary:#F7F5EE;--text-secondary:#A8B8B0;--text-muted:#83958d;--accent:#7ea89a;--accent-light:#FADD00;--accent-gradient:linear-gradient(120deg,#0B514B,#003535);--border:rgba(247,245,238,.11);--border-strong:rgba(247,245,238,.18);--shadow:rgba(0,0,0,.16);--shadow-hover:rgba(0,0,0,.26);--glass-surface:rgba(7,27,26,.94);--glass-surface-strong:#0C2725}html,body,.navbar,.footer,.card,.chip,.form-container,.form-input,.form-select,.form-textarea,.section{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}[data-theme=night] .safety-hero{background:radial-gradient(60% 55% at 9% 3%,rgba(92,130,112,.11),transparent 68%),radial-gradient(45% 42% at 88% 85%,rgba(250,221,0,.055),transparent 70%),#071b1a}[data-theme=night] .navbar-home,.navbar{background:var(--glass-surface);border-color:var(--border)}[data-theme=night] .navbar-home .nav-link,[data-theme=night] .nav-link,[data-theme=night] .logo,[data-theme=night] .theme-trigger,[data-theme=night] .theme-menu button{color:#f7f5ee;-webkit-text-fill-color:#F7F5EE}[data-theme=night] .navbar-home .nav-link:hover,[data-theme=night] .nav-link:hover,[data-theme=night] .theme-menu button:hover{color:#fadd00;-webkit-text-fill-color:#FADD00}.footer-logo{display:block;width:min(230px,78vw);height:auto;margin:0 auto 16px}.logo-night,[data-theme=night] .logo-day{display:none!important}[data-theme=night] .logo-night{display:block!important}[data-theme=night] .safety-hero-title,[data-theme=night] .safety-hero-eyebrow,[data-theme=night] .safety-hero-secondary{color:var(--text-primary)}[data-theme=night] .safety-hero-title span{color:#b3d2c5;background:linear-gradient(110deg,#f7f5ee,#b3d2c5);-webkit-background-clip:text;background-clip:text}[data-theme=night] .safety-hero-description{color:var(--text-secondary)}[data-theme=night] .safety-hero-image-wrap:after{background:linear-gradient(90deg,rgba(7,27,26,.38),transparent)}.theme-control{position:relative;margin-left:14px}.theme-trigger{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-primary);cursor:pointer}.theme-menu{position:absolute;right:0;top:44px;min-width:112px;padding:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 24px var(--shadow-hover);z-index:20}.theme-menu button{display:block;width:100%;padding:7px 9px;border:0;background:transparent;color:var(--text-primary);font-size:13px;text-align:left;border-radius:6px;cursor:pointer}.theme-menu button:hover,.theme-menu button[aria-checked=true]{background:#fadd0029}.section{background:var(--bg-primary)!important}.section[style*=backgroundColor]{background:var(--bg-secondary)!important}.section[style*=text-primary]{background:var(--evergreen)!important}.card,.form-container{background:var(--bg-secondary);border-radius:14px;box-shadow:none}.card:hover{transform:none;box-shadow:none;border-color:var(--border-strong)}.chip{background:transparent;box-shadow:none;border-radius:10px}.chip:hover{color:var(--text-primary);transform:none;border-color:var(--accent)}.blur-circle{display:none}.section-tag{color:var(--accent);font-family:Inter,sans-serif}.footer{background:var(--bg-secondary)}.footer-logo{color:var(--text-primary);background:none;-webkit-text-fill-color:currentColor}.btn-primary,.navbar-home .btn-primary{background:var(--accent-gradient);box-shadow:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:none}.btn-secondary{background:transparent;color:var(--text-primary)}.form-input,.form-select,.form-textarea{background:transparent;color:var(--text-primary);border-color:var(--border)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--yellow);background:transparent;box-shadow:0 0 0 3px #fadd0029}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.58}.form-error{color:#b54747}[data-theme=night] .form-error{color:#ffaaa0}.success-icon{background:#fadd0021;color:var(--yellow);animation:none}.safety-hero-image{transform:translate(var(--hero-x,0),var(--hero-y,0)) scale(1.015);transition:transform .38s cubic-bezier(.2,.8,.2,1)}.hero-tapped:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at var(--flash-x,50%) var(--flash-y,50%),rgba(250,221,0,.24),transparent 20%);pointer-events:none;animation:heroFlash .55s ease-out}@keyframes heroFlash{to{opacity:0}}[style*="247, 37, 133"],[style*="#F72585"],[style*="37, 99, 235"],[style*="#22C55E"]{color:var(--accent)!important;background-color:#00353512!important}@media(max-width:768px){.theme-control{margin-left:auto;margin-right:10px}.nav-links{display:flex!important}.nav-links .nav-link,.nav-links .btn,.navbar-home .nav-links .btn{display:none}.theme-trigger{width:34px;height:34px}.section{padding:76px 0}.form-container{padding:28px 22px}}@media(prefers-reduced-motion:reduce){html,body,.navbar,.footer,.card,.chip,.form-container,.form-input,.form-select,.form-textarea,.section,.safety-hero-image{transition:none!important}.safety-hero-image{transform:none!important}.hero-tapped:before{display:none}}.safety-hero-carousel{cursor:default;isolation:isolate}.safety-hero-slides,.safety-hero-slide{width:100%;height:100%}.safety-hero-slides{position:relative}.safety-hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.012);transition:opacity .66s ease,transform .66s cubic-bezier(.2,.75,.2,1)}.safety-hero-slide.is-active{z-index:1;opacity:1;transform:scale(1)}.safety-hero-carousel .safety-hero-image{transform:translate(var(--hero-x, 0),var(--hero-y, 0)) scale(1.018);transition:transform .42s cubic-bezier(.2,.8,.2,1)}.safety-hero-carousel .safety-hero-slide:not(.is-active) .safety-hero-image{transform:scale(1.04)}.hero-carousel-control{position:absolute;z-index:4;top:50%;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(247,245,238,.42);border-radius:50%;background:#00353570;color:#f7f5ee;cursor:pointer;opacity:.18;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease,transform .2s ease}.hero-carousel-control:hover,.hero-carousel-control:focus-visible,.safety-hero-carousel:hover .hero-carousel-control,.safety-hero-carousel:focus-within .hero-carousel-control{opacity:1}.hero-carousel-control:hover{background:#003535b8}.hero-carousel-control-prev{left:16px}.hero-carousel-control-next{right:16px}.hero-carousel-progress{position:absolute;z-index:4;bottom:16px;left:50%;display:flex;gap:7px;transform:translate(-50%)}.hero-carousel-indicator{width:18px;height:3px;padding:0;border:0;border-radius:3px;background:#f7f5ee94;cursor:pointer;transition:width .3s ease,background-color .2s ease}.hero-carousel-indicator.is-active{width:28px;background:#fadd00}.safety-hero-carousel:after{z-index:3}@media(max-width:768px){.hero-carousel-control{width:34px;height:34px;opacity:.72}.hero-carousel-control-prev{left:10px}.hero-carousel-control-next{right:10px}.hero-carousel-progress{bottom:12px}}@media(prefers-reduced-motion:reduce){.safety-hero-slide,.safety-hero-carousel .safety-hero-image,.safety-hero-carousel .safety-hero-slide:not(.is-active) .safety-hero-image,.hero-carousel-control,.hero-carousel-indicator{transition:none!important;transform:none!important}.safety-hero-slide.is-active{transform:none}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}@media(max-width:1024px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-5{grid-template-columns:1fr;gap:24px}}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px var(--shadow)}.card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 12px 30px var(--shadow-hover)}.blur-circle{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);z-index:0;pointer-events:none;opacity:.12}.circle-1{background:#2563eb;top:10%;right:-5%}.circle-2{background:#06b6d4;bottom:10%;left:-5%}.footer{border-top:1px solid var(--border);padding:60px 0;background-color:var(--bg-secondary);color:var(--text-secondary);font-size:14px;text-align:center}.footer-logo{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;display:inline-block}.section-tag{font-family:Outfit,sans-serif;font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;margin-bottom:16px}.section-title{font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}@media(max-width:768px){.section-title{font-size:32px}}.section-desc{font-size:18px;color:var(--text-secondary);max-width:680px;margin-bottom:48px}.chips-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:800px;margin:0 auto}.chip{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;padding:10px 24px;font-weight:500;font-size:15px;color:var(--text-secondary);box-shadow:0 2px 6px var(--shadow);transition:all .2s ease}.chip:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.product-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.product-card-heading h3{margin:0;color:var(--text-primary)}.product-card-supporting-label,.product-card-audience,.product-card-status{display:block;font-size:12px;line-height:1.45}.product-card-supporting-label{margin-top:2px;color:var(--text-muted);font-weight:600}.product-card-meta{display:grid;gap:7px;border-top:1px solid var(--border);padding-top:16px}.product-card-audience{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em}.product-card-status{color:var(--text-secondary);font-weight:600}.onboarding-temporary-section{display:grid;min-height:min(680px,calc(100vh - 150px));align-items:center}.onboarding-temporary{max-width:650px;margin:0 auto;padding:clamp(38px,7vw,72px);border:1px solid var(--border);border-radius:16px;background:var(--bg-secondary);text-align:center}.onboarding-temporary h1{margin-bottom:18px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:clamp(32px,4.5vw,50px);font-weight:800;letter-spacing:-.05em;line-height:1.08}.onboarding-temporary p{max-width:510px;margin:0 auto 30px;color:var(--text-secondary);font-size:17px;line-height:1.65}.onboarding-return-link{display:inline-flex;align-items:center;gap:8px}@media(max-width:480px){.onboarding-temporary-section{min-height:calc(100vh - 120px)}.onboarding-temporary{padding:34px 24px}.onboarding-temporary p{font-size:16px}}.use-case-section{text-align:center}.use-case-heading{max-width:760px;margin:0 auto 44px}.use-case-heading .section-title{max-width:720px;margin-right:auto;margin-left:auto}.use-case-heading .section-desc{margin-bottom:0}.use-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:920px;margin:0 auto;text-align:left}.use-case-card{min-height:270px;padding:clamp(28px,4vw,42px);border:1px solid var(--border);border-radius:16px;background:var(--bg-secondary)}.use-case-card h3{margin-bottom:12px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:27px;letter-spacing:-.04em}.use-case-card h3:before{display:block;width:30px;height:2px;margin-bottom:18px;background:#fadd00;content:""}.use-case-card>p{max-width:360px;margin-bottom:26px;color:var(--text-secondary);font-size:16px;line-height:1.6}.use-case-card ul{display:grid;gap:11px;list-style:none}.use-case-card li{display:flex;align-items:flex-start;gap:10px;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.45}.use-case-card li:before{width:5px;height:5px;margin-top:.45em;flex:0 0 auto;border-radius:50%;background:#fadd00;content:""}@media(max-width:768px){.use-case-heading{margin-bottom:32px}.use-case-grid{grid-template-columns:1fr;gap:14px}.use-case-card{min-height:0}}.form-container{max-width:680px;margin:0 auto;background-color:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:28px;padding:48px;box-shadow:0 16px 40px var(--shadow-hover)}@media(max-width:576px){.form-container{padding:24px}}.form-group{margin-bottom:24px}.form-group.half{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:576px){.form-group.half{grid-template-columns:1fr;gap:24px}}.form-label{display:block;font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border-strong);background-color:var(--bg-primary);font-family:inherit;font-size:15px;color:var(--text-primary);transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);background-color:var(--bg-secondary);box-shadow:0 0 0 4px #2563eb14}.form-textarea{resize:vertical;min-height:120px}.form-error{color:#ef4444;font-size:13px;margin-top:4px;font-weight:500}.success-screen{text-align:center;padding:40px 0}.success-icon{width:80px;height:80px;border-radius:50%;background-color:#22c55e1a;color:#22c55e;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 10px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}
