:root{--black: #0a0a0a;--white: #fff;--shell: #eee;--red: #ef4444;--purple: #a855f7;--gray: #6b7280}@media (min-width: 1024px){html{scroll-snap-type:y mandatory;scroll-behavior:smooth}}.hero{background:var(--white);color:var(--black);text-align:center;padding-top:5rem;-webkit-user-select:none;user-select:none}.hero img{width:clamp(128px,12vw,256px);height:clamp(128px,12vw,256px);margin:0 auto 2rem;pointer-events:none;filter:invert(1)}.hero h1{font-size:clamp(72px,12vw,128px);color:var(--black);font-weight:900;margin-bottom:1.5rem;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.hero .tagline{font-size:2.5rem;font-weight:300;color:var(--black);opacity:.7;margin-bottom:1rem}.hero .subtitle{font-size:1.25rem;color:var(--black);opacity:.5;max-width:42rem;margin:0 auto 3rem}.btn{display:inline-block;padding:.75rem 2rem;background:var(--black);color:var(--white);text-decoration:none;border-radius:.5rem;font-size:1rem;transition:background .2s}.btn:hover{background:var(--black);opacity:.9}.action-item{transition:transform .3s ease,background .3s ease,box-shadow .3s ease}@media (min-width: 1024px){body.phone-active .action-item:hover{transform:scale(1.03);background:#00000012;cursor:pointer;box-shadow:0 12px 16px -8px rgba(var(--black-rgb),.3)}body.phone-active .section-black .action-item:hover{box-shadow:inset 0 12px 16px -8px rgba(var(--white-rgb),.3),inset 0 -12px 16px -8px rgba(var(--black-rgb),.3)}body.phone-active .section-black .action-item:hover{background:#ffffff12}}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.problem img{width:100%;max-width:300px;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080}@media (min-width: 1024px){body.phone-active .problem img{display:none}}.solution-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:3rem}.feature-boxes{display:grid;gap:clamp(.5rem,1.333vh,1rem);margin-top:clamp(.5rem,1.333vh,1rem)}.feature-box{position:relative;padding:clamp(.85rem,2vh,1.5rem);background:#0000000d;border-radius:.5rem;font-weight:500}.feature-box:before{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.screenshots{display:flex;gap:2rem;justify-content:center}.screenshot-slide{position:relative;width:100%;max-width:290px;aspect-ratio:290 / 512;border-radius:1.5rem;overflow:hidden;background:#0a0a0a;box-shadow:0 25px 50px -12px #00000040}.screenshot-slide img{width:100%;height:auto;display:block;transform:translateY(-6.3%)}.screenshot-slide-caption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1.25rem 1.1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-weight:600;font-size:.95rem;line-height:1.3}@media (min-width: 1024px){.solution-grid{grid-template-columns:2fr 1fr}body.phone-active .screenshots{display:none}body.phone-active .solution-item:hover{transform:scale(1.03);background:#00000012;cursor:pointer}}.identity-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"image header" "image options";gap:4rem;align-items:center}.identity-header{grid-area:header}.identity-image-wrap{grid-area:image;text-align:center}.identity-options{grid-area:options;display:flex;flex-direction:column;gap:clamp(.5rem,1vh,.75rem)}.identity-phone{width:100%;max-width:320px;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080}.identity-item{position:relative;border:none;border-left:4px solid;padding:clamp(.6rem,1.333vh,1rem) 1rem clamp(.6rem,1.333vh,1rem) 1.5rem;border-radius:30px;transition:transform .2s ease,background .2s ease}.identity-item:before{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}@media (min-width: 1024px){body.phone-active .identity-phone{display:none}body.phone-active .identity-item:hover{transform:scale(1.03);background:#ffffff12;cursor:pointer}}.border-red{border-left-color:var(--red)}.border-purple{border-left-color:var(--purple)}.border-gray{border-left-color:var(--gray)}.categories{text-align:center;flex-direction:column;display:flex}.moderation{background:var(--black);color:var(--white);text-align:center}@media (max-width: 768px){.moderation .container{display:block;text-align:center}.mod-note{margin:0 auto}}@media (min-width: 1024px){body.phone-active .moderation{text-align:left}body.phone-active .moderation .container{display:grid;grid-template-columns:.45fr .55fr;align-items:center;margin:0}body.phone-active .moderation .container>*{grid-column:2}body.phone-active .mod-note{margin:0}}.mod-card{position:relative;padding:clamp(1rem,2vh,1.5rem);border-radius:1rem;border:1px solid rgba(255,255,255,.12);color:#ffffffe6;font-size:clamp(.85rem,2.133vh,1rem)}.mod-card:before{content:"";position:absolute;top:-10px;right:-8px;bottom:-10px;left:-8px}.mod-note{text-align:center;color:#ffffffa6;max-width:44rem;margin:0 auto;font-size:.95rem}.value{background:var(--white);color:var(--black)}.value h2{font-size:clamp(1.5rem,4vh,3rem);font-weight:900;margin-bottom:clamp(.5rem,1.333vh,1rem);text-align:center}.value h3{font-size:clamp(1rem,2vh,1.5rem);font-weight:300;margin-bottom:clamp(1rem,4vh,3rem);text-align:center}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.667vh,2rem)}.value-card{padding:clamp(1rem,2.667vh,2rem);border:1px solid rgba(0,0,0,.1);border-radius:.5rem}.value-card h4{font-size:1.25rem;margin-bottom:1rem}.value-card p{color:#0009;line-height:1.6}@media (min-width: 1024px){body.phone-active .value .container{display:grid;grid-template-columns:.55fr .45fr;align-items:center;margin:0}body.phone-active .value .container>*{grid-column:1}body.phone-active .value-grid{grid-template-columns:1fr 1fr}body.phone-active .feature-card:hover{transform:scale(1.03);background:#00000012;cursor:pointer}}.independence{background:var(--black);color:var(--white);text-align:center}.independence h2{font-size:3rem;font-weight:900;margin-bottom:2rem}.independence p{font-size:1.25rem;line-height:1.8;max-width:48rem;margin:0 auto;color:var(--white);opacity:.7}footer{background:var(--black);color:var(--white);padding:3rem 2rem;border-top:1px solid rgba(255,255,255,.1);scroll-snap-align:end}.footer-content{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo img{width:32px;height:32px}.footer-logo span{font-size:.875rem;color:var(--white);opacity:.5}.footer-links{display:flex;align-items:center;gap:1.5rem}.footer-links a{font-size:.875rem;color:var(--white);opacity:.5;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--white);opacity:.7}.copyright{font-size:.875rem;color:var(--white);opacity:.5}@media (max-width: 768px){.hero h1{font-size:4rem}.hero .tagline{font-size:1.75rem}.problem-grid,.solution-grid{grid-template-columns:1fr}.identity-layout{grid-template-columns:1fr;grid-template-areas:"header" "image" "options"}.value-grid{grid-template-columns:1fr}.screenshots{flex-direction:column;align-items:center}.footer-content{flex-direction:column;text-align:center}}.lead{font-size:clamp(.9rem,1.5vh,1.125rem);max-width:50rem;margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{position:relative;padding:clamp(.85rem,2vh,1.5rem);border-radius:.75rem;background:#0000000d;border:1px solid rgba(0,0,0,.08);font-weight:500;font-size:clamp(.85rem,2.133vh,1rem);transition:transform .2s ease,background .2s ease}.feature-card:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.section-black .feature-card{background:#ffffff0f;border-color:#ffffff1f;color:#ffffffeb}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;justify-items:center}.screenshot-img{width:100%;max-width:300px;height:512px;object-fit:contain;border-radius:1.5rem;box-shadow:0 25px 50px -12px #0003}.mod-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,1.667vh,1.25rem);max-width:56rem;margin:0 auto clamp(1rem,2.667vh,2rem)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,1.667vh,1.25rem)}@media (max-width: 768px){.feature-grid,.mod-grid,.value-grid,.screenshot-grid{grid-template-columns:1fr}.footer .footer-links{flex-direction:column;gap:1.5rem}}.categories-grid{--ring-size: clamp(260px, 90vw, 330px);--item-size: clamp(80px, 13vw, 90px);--icon-size: calc(var(--item-size) * .72);--icon-glyph-size: clamp(1rem, calc(var(--icon-size) * .36), 2rem);--ring-padding: clamp(8px, 1.2vw, 14px);--orbit-radius: clamp(70px, 19vw, 236px);--center-size: clamp(108px, 15vw, 160px);--center-color: rgba(0, 0, 0, .03);position:relative;width:min(100%,var(--ring-size));aspect-ratio:1 / 1;margin:1rem auto 0;overflow:visible;align-self:flex-end}.category-item{position:absolute;top:50%;left:50%;width:var(--item-size);height:var(--item-size);display:grid;place-items:center;text-align:center;background:transparent;border:none;box-shadow:none;--item-scale: 1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--orbit-radius)) rotate(calc(-1 * var(--angle))) scale(var(--item-scale));transform-origin:center;z-index:1;isolation:isolate;transition:transform .2s,z-index .2s,background .2s;cursor:pointer;-webkit-tap-highlight-color:transparent}.category-item:hover,.category-item:focus,.category-item.touch-active{--item-scale: 1.1;z-index:30}.category-item:before{content:"";position:absolute;top:-.4rem;right:-.55rem;bottom:-2.1rem;left:-.55rem;background:linear-gradient(180deg,#fffffff5,#fffffff0 58%,#ffffffe6);border:1px solid rgba(0,0,0,.08);box-shadow:0 16px 30px #0f172a2e;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:-1}.category-item .icon{width:var(--icon-size);height:var(--icon-size);border-radius:999px;background:#ffffffeb;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 28px #0f172a1f;position:relative;transition:background .25s ease,border-color .25s ease}.category-item .icon:after{content:"";position:absolute;inset:50% auto auto 50%;width:var(--icon-glyph-size);height:var(--icon-glyph-size);transform:translate(-50%,-50%);background-color:var(--icon-color, #111);-webkit-mask:var(--icon-mask) center / contain no-repeat;mask:var(--icon-mask) center / contain no-repeat;transition:background-color .25s ease}.category-item:hover .icon,.category-item:focus .icon,.category-item.touch-active .icon{background:var(--icon-color);border-color:var(--icon-color);scale:1.05}.category-item:hover .icon:after,.category-item:focus .icon:after,.category-item.touch-active .icon:after{background-color:#fff}.category-item .name{font-weight:500;opacity:0;position:absolute;top:calc(90% + .55rem);left:50%;white-space:nowrap;transform:translate(-50%,4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:2}.category-item:hover .name,.category-item:focus .name,.category-item.touch-active .name{opacity:1;transform:translate(-50%)}.categories-center{position:absolute;top:50%;left:50%;width:var(--center-size);height:var(--center-size);transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 48px #0f172a14;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;z-index:0;background:var(--center-color);transition:background .3s ease,transform .3s ease}.categories-center strong{display:block;font-size:1.15rem;font-weight:700;margin-bottom:.35rem;transition:color .25s ease}.categories-center span{font-size:.9rem;color:#00000094;transition:color .25s ease}.categories-center.active{transform:translate(-50%,-50%) scale(1.08)}@media (min-width: 521px){.categories-grid{--ring-size: clamp(280px, 88vw, 390px);--item-size: clamp(50px, 12vw, 66px);--center-size: 108px}}@media (min-width: 721px){.categories-grid{--ring-size: clamp(320px, 72vw, 500px);--item-size: clamp(52px, 9vw, 76px);--center-size: clamp(110px, 15vw, 150px)}}@media (min-width: 1101px){.categories-grid{--ring-size: clamp(340px, 56vw, 560px);--item-size: clamp(56px, 7vw, 182px);--center-size: clamp(116px, 15vw, 160px)}}@media (min-width: 1024px){.categories-grid.semicircle{width:min(100%,750px);--ring-size: 700px;--item-size: clamp(3.75rem, 10vh, 7.5rem);--center-size: clamp(110px, 12vw, 150px);max-height:clamp(13.75rem,33.33vh,25rem);align-self:flex-end}.categories-grid.semicircle .categories-center{display:none}.categories-grid.semicircle .category-item{top:100%;left:50%}}@media (max-width: 520px){.category-item .name{font-size:.85rem}}@media (hover: none) and (pointer: coarse){.category-item:hover{--item-scale: 1 !important;background:transparent!important;z-index:1!important}.category-item:hover .name{opacity:0!important;transform:translate(-50%,4px)!important}.category-item:hover:before{opacity:0!important;transform:translateY(6px) scale(.96)!important}.category-item:hover .icon{background:#ffffffeb!important;border-color:#00000014!important}.category-item:hover .icon:after{background-color:var(--icon-color, #111)!important}.category-item:focus{--item-scale: 1 !important;background:transparent!important;z-index:1!important}.category-item:focus .icon{background:#ffffffeb!important;border-color:#00000014!important}.category-item:focus .icon:after{background-color:var(--icon-color, #111)!important}.category-item:focus .name{opacity:0!important;transform:translate(-50%,4px)!important}.category-item:focus:before{opacity:0!important;transform:translateY(6px) scale(.96)!important}.category-item.touch-active{--item-scale: 1.1 !important;z-index:30!important}.category-item.touch-active .icon{background:var(--icon-color)!important;border-color:var(--icon-color)!important}.category-item.touch-active .icon:after{background-color:#fff!important}.category-item.touch-active .name{opacity:1!important;transform:translate(-50%)!important}.category-item.touch-active:before{opacity:0!important;transform:translateY(6px) scale(.96)!important}}@media (max-width: 400px){.categories-center strong{font-size:.95rem}.categories-center span{font-size:.75rem}}.category-item:not(.touch-active) .icon{background:#ffffffeb!important;border-color:#00000014!important}.category-item:not(.touch-active) .icon:after{background-color:var(--icon-color, #111)!important}.category-item:not(.touch-active) .name{opacity:0!important;transform:translate(-50%,4px)!important}.category-item:not(.touch-active):before{opacity:0!important;transform:translateY(6px) scale(.96)!important}#sections-wrapper{position:relative;overflow-x:clip}#phone-container{position:sticky;top:0;height:0;width:100%;pointer-events:none;z-index:5;overflow:visible!important;transform:translate(120vw);transition:transform .7s cubic-bezier(.25,.46,.45,.94)}#phone-container.phone-visible{transform:translate(0)}#stage{position:absolute;top:0;left:0;width:100vw;height:100vh}#stage canvas{width:100%;height:100%;display:block}@media (max-width: 1023px){#phone-container{display:none}#sections-wrapper{position:static}}@media (max-width: 768px){.feature-box,.mod-card,.feature-card{box-shadow:0 8px 24px -12px #0000002e}.section-black .feature-box,.section-black .mod-card,.section-black .feature-card{box-shadow:0 8px 24px -12px #00000080}.hero{padding-top:6.5rem}.hero .subtitle{margin-bottom:2.25rem}.btn{padding:.9rem 2.5rem;font-size:.95rem}.problem-grid{gap:2rem}.problem-grid>div:last-child{display:none}.solution-grid{gap:1.5rem}.feature-boxes{display:none}.screenshots{--slide-w: clamp(180px, 58vw, 220px);flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:1rem;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1.25rem;padding-top:.25rem;padding-bottom:2rem;padding-inline:max(1.25rem,calc((100% - var(--slide-w)) / 2))}.screenshots::-webkit-scrollbar{display:none}.screenshot-slide{flex:0 0 auto;width:var(--slide-w);scroll-snap-align:center;box-shadow:0 20px 40px -16px #00000059}.identity-layout{gap:1.5rem}.identity-image-wrap{max-width:280px;margin:0 auto;overflow:hidden;border-radius:1.5rem;box-shadow:0 20px 40px -16px #00000080;aspect-ratio:1179 / 1022.4}.identity-phone{width:100%;max-width:none;height:100%;border-radius:0;box-shadow:none;object-fit:cover;object-position:50% 10%}.identity-options{gap:.85rem}.identity-item.touch-active{transform:scale(1.02);background:#ffffff17}#categories .categories-grid{margin-top:1.5rem}.mod-grid{display:none}.value-grid,.feature-grid{gap:1rem}.mod-note{margin-top:.5rem}.independence .lead{font-size:1.05rem;line-height:1.7}}@media (max-width: 480px){.hero .tagline{font-size:1.4rem}.mod-card,.feature-card,.feature-box{padding:1.1rem}}