:root{--bg:#0f0f10;--text:#111;--muted:#6b6f76;--brand:#18a2a9;--brand-dark:#159a9a;--paper:#f3f4f5;--white:#fff}*{box-sizing:border-box}body{color:var(--text);background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}main{min-height:60vh;padding-top:10px}.content-wrapper{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.header--home{color:var(--white);z-index:1;padding:16px 24px 140px;position:relative;overflow:visible}.header--home:before{content:"";clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);z-index:0;background:radial-gradient(120% 140% at 80% 0,#565656 0%,#3b3b3d 45%,#2a2a2d 75%,#202021 100%);border:2px solid #606062;position:absolute;inset:0}.header__top{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:6px 24px 0;display:flex}.header__center{z-index:1;text-align:center;position:relative}.header__nav .nav{flex-wrap:wrap;gap:18px;display:flex}.header__nav .nav a{color:#e7e7e7;opacity:.95}.header__nav .nav a.active{color:#fff;font-weight:600;text-decoration:underline}.sone4-logo{opacity:.95;width:auto;height:28px;display:block}.wordmark{letter-spacing:.2px;margin:14px 0 4px;font-size:clamp(36px,6vw,56px);font-weight:800;line-height:1.05}.wordmark .nor{color:#fff}.wordmark .bins{color:var(--brand)}.subtitle{color:var(--brand);margin:4px 0 0;font-size:clamp(16px,2.6vw,26px)}.hero-illustration{z-index:2;pointer-events:none;filter:drop-shadow(0 14px 16px #00000040);width:100%;max-width:min(720px,86vw);height:180px;position:absolute;bottom:-90px;left:50%;transform:translate(-50%)}.header--inner{color:var(--white);padding:16px 24px;position:relative}.header--inner:before{content:"";clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);z-index:0;background:radial-gradient(120% 140% at 80% 0,#565656 0%,#3b3b3d 45%,#2a2a2d 75%,#202021 100%);border:2px solid #606062;position:absolute;inset:0}.logo-nor{color:#fff}.logo-bins{color:var(--brand)}.header--inner .logo-nor{color:#111}.norbins-logo{padding-top:20px}.norbins-logo.small{height:32px;padding:6px 24px 0}.nav{flex-wrap:wrap;gap:18px;display:flex}.nav a{opacity:.9}.nav a.active{color:var(--brand);font-weight:600}.btn{cursor:pointer;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);border:none;min-height:42px;padding:10px 16px;transition:background .25s,transform .2s;display:inline-block}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-grey{color:#000;background:#9f9f9f}.hero{background:#f0eeee;padding:40px 24px}.hero-form{background:#d9d9d9;padding:40px 24px;position:relative}.hero-submitted{background:#d9d9d9;padding:40px 24px}.first-after-hero{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);padding-top:90px}.hero-grid{grid-template-columns:1fr;gap:28px;max-width:1100px;margin:0 auto;padding:20px 30px 0;display:grid}@media (min-width:1024px){.hero-grid{grid-template-columns:1.1fr .9fr}}.hero-end{max-width:1100px;margin:0 auto;padding:45px 30px 0;font-size:38px;font-weight:700}.h1{margin:12px 0 0;font-size:28px;line-height:1.2}.hero-visual .placeholder{color:#8a8f95;border:2px dashed #cfd4d9;border-radius:12px;place-items:center;height:220px;display:grid}.panel{background:#fff;padding:36px 24px}.features-4{grid-template-columns:1fr 1fr;gap:16px;max-width:1100px;margin:24px auto 0;display:grid}@media (min-width:768px){.features-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.features-4{grid-template-columns:repeat(4,1fr)}}.card{background:#fafbfc;border:1px solid #eceff2;border-radius:10px;padding:1em}.card .title{margin-top:5px;font-weight:600}.card .detail{margin-top:12px;font-size:14px}.icon.placeholder{color:#8a8f95;place-items:center;display:grid}.hero-cta{color:var(--white);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);z-index:0;background:radial-gradient(120% 140% at 80% 0,#565656 0%,#3b3b3d 45%,#2a2a2d 75%,#202021 100%);border:2px solid #606062;margin-top:10px;padding:40px 24px;position:relative}.cta-bands{background:#222;padding:36px 24px}.cta{color:#e9ecef;background:#2a2a2a;border-radius:12px;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 20px;padding:18px;display:flex}.cta .btn{color:#e9ecef;background:#3a3a3a;border-color:#555}.cta .btn:hover{background:#4a4a4a}.footer{color:#d0d0d0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#111;margin-top:10px;padding:24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:0 40px;display:flex}.footer .links{flex-wrap:wrap;gap:25px;margin:0;padding:0;list-style:none;display:flex}.footer .links a{color:#d0d0d0}.footer .links a:hover{color:#00c0c8}.locale{margin-left:auto}.locale-select{color:#fff;cursor:pointer;appearance:none;background:0 0;border:1px solid #fff;border-radius:14px;padding:6px 32px 6px 12px;font-size:14px}.locale{position:relative}.locale:after{content:"▾";pointer-events:none;color:#fff;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.locale-select option{color:#222;background:#fff}.copyright{flex-basis:100%;margin-top:8px}.copyright a{color:#00c0c8;font-size:14px;text-decoration:none}.copyright a:hover{text-decoration:underline}@media (max-width:768px){.footer-inner{padding:0 20px}.footer .links{flex-wrap:wrap;gap:16px}.locale{margin-top:8px;margin-left:0}}@media (max-width:860px){.sone4-logo{height:24px}.header__nav .nav{gap:12px;font-size:14px}.hero-illustration{width:min(620px,92vw);bottom:-48px}.first-after-hero{padding-top:80px}.hero-grid,.features-4{grid-template-columns:1fr}}.contact-page{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.contact-hero{background:#f0eeee;border-top:1px solid #eceff2;border-bottom:1px solid #eceff2;padding:28px 24px 18px}.contact-hero__grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;max-width:1100px;margin:0 auto;display:grid}.contact-quote blockquote{margin:0 0 12px;font-size:clamp(18px,2.6vw,26px);font-weight:700}.contact-signature{color:#666;margin:0}.contact-faces{height:220px;position:relative}.face{object-fit:cover;border:4px solid #fff;border-radius:8px;width:160px;height:200px;position:absolute;box-shadow:0 8px 18px #0000001f}.face--front{z-index:2}.face--back{z-index:1;top:0;right:35px}.contact-tabs{background:#d9d9d9}.tabs-nav{-webkit-overflow-scrolling:touch;background-color:#f0eeee;gap:8px;max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;overflow:auto}.tabs-tab{appearance:none;color:#222;cursor:pointer;white-space:nowrap;background:#f7f8f9;border:1px solid #e2e6ea;padding:10px 14px;font-weight:600}.tabs-tab.is-active{color:#18a2a9;background:#d9d9d9}.tabs-panel{background:#d9d9d9;border-radius:8px;max-width:1100px;margin:0 auto;padding:18px 20px}.demo-tab__grid{grid-template-columns:.9fr 1.1fr;gap:24px;display:grid}.demo-title{grid-template-columns:1.5fr .5fr;display:grid}.demo-title img{opacity:.8;flex-shrink:0;width:140px;height:auto}.demo-title-h3{color:var(--brand);font-size:20px;font-weight:500}.demo-form{padding-top:24px}.demo-form .form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;padding:0 30px;display:grid}.demo-form .form-row.single{grid-template-columns:1fr}.demo-form input,.demo-form select{border:1px solid #d9dee3;border-radius:8px;height:42px;padding:0 12px;font-size:15px}.demo-form textarea{border:1px solid #d9dee3;border-radius:8px;height:72px;padding:0 12px;font-size:15px}.demo-form input::placeholder,.demo-form textarea::placeholder{color:#585858;opacity:1;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:400}.form-actions{justify-content:flex-end;padding:0 30px;display:flex}.tab-generic .form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.tab-generic .form-row.single{grid-template-columns:1fr}.tab-generic input,.tab-generic select{border:1px solid #d9dee3;border-radius:8px;height:42px;padding:0 12px}.btn-angled{background:var(--brand);color:#fff;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);border:none;padding:10px 28px 10px 34px;font-weight:600;transition:background .25s,transform .2s;display:inline-block;position:relative}.btn-angled:hover{background:var(--brand-dark);transform:translateY(-2px)}.btn-angled:active{transform:translateY(0)}.captcha-box{justify-content:center;margin:1rem 0;display:flex}@media (max-width:860px){.contact-hero__grid{grid-template-columns:1fr}.contact-faces{height:180px}.face{width:130px}.demo-tab__grid,.demo-form .form-row,.tab-generic .form-row{grid-template-columns:1fr}}.captcha-overlay{z-index:30;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.captcha-backdrop{background:#000000a6;position:absolute;inset:0}.captcha-modal{z-index:31;background:#fff;border-radius:10px;flex-direction:column;gap:16px;width:90%;max-width:400px;padding:24px 28px;display:flex;position:relative;box-shadow:0 20px 50px #00000059}.captcha-title{text-align:center;font-size:16px;font-weight:600}.captcha-cancel{color:#555;cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:4px;font-size:13px;text-decoration:underline}.appdl{background:radial-gradient(1200px 500px at 20% 10%,#0000000f,#0000),radial-gradient(900px 500px at 80% 40%,#0000000d,#0000);justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:48px 16px;display:flex}.appdl-wrap{width:100%;max-width:980px}.appdl-hero{background:#fff;border:1px solid #e7edf2;border-radius:18px;padding:28px;box-shadow:0 10px 24px #0000000f}.appdl-badge{border:1px solid #e7edf2;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:13px;display:inline-block}.appdl-hero h1{letter-spacing:-.3px;margin:0 0 8px;font-size:34px}.appdl-sub{color:#5b6773;margin:0 0 18px;font-size:16px}.appdl-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}@media (max-width:680px){.appdl-cards{grid-template-columns:1fr}.appdl-hero h1{font-size:28px}}.store-card{color:inherit;border:1px solid #e7edf2;border-radius:14px;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.store-card:hover{border-color:#d9dee3;transform:translateY(-2px);box-shadow:0 10px 18px #0000000f}.store-ico{border:1px solid #e7edf2;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.store-meta{flex:1}.store-top{color:#6b7682;font-size:12px}.store-name{margin-top:2px;font-size:16px;font-weight:700}.store-go{opacity:.55;font-size:18px}.appdl-note{color:#6b7682;margin-top:16px;font-size:13px}#root{max-width:1150px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}