.sys-hero{position:relative;isolation:isolate;min-height:88svh;display:grid;place-items:center;padding:7rem 1.5rem 4rem;text-align:center;overflow:hidden;background:radial-gradient(ellipse 50% 40% at 50% 35%,rgba(63,68,51,.35),transparent 70%),var(--ink)}.sys-hero-threads{position:absolute;inset:0;z-index:0;opacity:.55;pointer-events:none}.sys-hero-threads .threads-container{pointer-events:auto}.sys-hero-inner{position:relative;z-index:1}.sys-hero-mark{width:min(42vw,160px);margin:0 auto 2rem}.sys-hero-mark.mark-animated{animation:sysFloat 10s var(--ease) 1.8s infinite alternate}@keyframes sysFloat{0%{transform:translateY(0)}to{transform:translateY(10px)}}.sys-wm{font-weight:600;font-size:clamp(1.5rem,4vw,2.2rem);letter-spacing:.22em;margin-bottom:.85rem;font-family:var(--font-sans)}.sys-wm-blur{justify-content:center;display:flex;flex-wrap:wrap}.sys-shiny-soft{font-size:.68rem;letter-spacing:.32em;text-transform:uppercase}.sys-type-shiny{display:inline-block;font-family:var(--font-sans);font-weight:600;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.18em}.sys-soft{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--mute);margin-bottom:1.75rem}.sys-soft:after,.sys-soft:before{content:"";height:1px;width:clamp(2rem,8vw,3.5rem);background:currentColor;opacity:.55}.sys-tag{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);max-width:42ch;margin:0 auto;line-height:1.7}.sys-magnet-cta{display:inline-block}.sys-lock-pad{padding:2.5rem 2rem;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:1.2rem;height:100%}.sys-lock-card.card-spotlight{background:var(--ink);min-height:220px}.sys-lock-card.card-spotlight.paper{background:var(--paper);color:var(--ink-2)}.sys-app-item.card-spotlight{background:#141414;min-height:280px;border:none}.sys-app-figure{margin:0;min-height:280px;height:100%;position:relative}.sys-app-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.1rem;font-size:.75rem;letter-spacing:.06em;color:rgba(200,194,181,.55);background:linear-gradient(transparent,rgba(0,0,0,.7));z-index:3}.sys-tilt-row .tilted-card-figure{background:rgba(200,194,181,.04);border:1px solid var(--line)}.sys-tilt-row .tilted-card-img{border-radius:22%}.sys-tilt-row .tilted-card-caption{background:var(--cream);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.sys-swatch-glare{aspect-ratio:.85;min-height:140px}.sys-swatch-glare .sys-swatch{aspect-ratio:auto}.sys-scroll-reveal{margin:.4rem 0 0}.sys-scroll-reveal .scroll-reveal-text,.sys-scroll-reveal .sys-type-display{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.6rem,3.5vw,2.4rem);letter-spacing:-.02em;color:var(--ink-2);line-height:1.2}.sys-fecho .focus-container{gap:.35em}.sys-fecho .focus-word{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.35rem,2.8vw,1.85rem);color:var(--ink-2)}.sys-fecho .corner{width:.7rem;height:.7rem;border-width:2px}.sys-meaning-grid{display:grid;grid-template-columns:1fr 1.15fr;grid-gap:clamp(2rem,5vw,3.5rem);gap:clamp(2rem,5vw,3.5rem);align-items:center}@media (max-width:800px){.sys-meaning-grid{grid-template-columns:1fr}}.sys-meaning-mark{background:var(--ink);aspect-ratio:1;display:grid;place-items:center;padding:18%}.sys-meaning-mark svg{width:70%}.sys-formula{display:grid;grid-gap:0;gap:0;margin-top:1.5rem}.sys-formula-row{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--line-dark)}.sys-formula-row:last-child{border-bottom:1px solid var(--line-dark)}.sys-formula-sym{width:48px;height:48px;display:grid;place-items:center;font-weight:400;letter-spacing:.06em;color:var(--mate);font-family:var(--font-display);font-style:italic;font-size:1.15rem}.sys-formula-row strong{display:block;font-size:.95rem;margin-bottom:.15rem;color:var(--ink-2)}.sys-formula-row span{font-size:.88rem;color:var(--mute-on-paper)}.sys-lock-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1.5rem}@media (max-width:800px){.sys-lock-grid{grid-template-columns:1fr}}.sys-lock-card{background:var(--ink);padding:2.5rem 2rem;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:1.2rem}.sys-lock-card.paper{background:var(--paper);color:var(--ink-2)}.sys-lock-card .label{font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;opacity:.45;font-weight:600}.sys-lock-h{display:flex;align-items:center;gap:1.1rem}.sys-lock-h svg{width:64px;flex-shrink:0}.sys-lock-v{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem}.sys-lock-v svg{width:72px}.sys-soft-inline{display:flex;align-items:center;gap:.75rem;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;opacity:.5;margin-top:.45rem}.sys-soft-inline:after,.sys-soft-inline:before{content:"";flex:1 1;height:1px;background:currentColor;opacity:.5;max-width:2.5rem}.sys-lock-v .sys-soft-inline:after,.sys-lock-v .sys-soft-inline:before{max-width:3rem}.sys-word-only .sys-wm{font-size:1.6rem}.sys-icon-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.2rem;gap:1.2rem;margin-top:1.5rem}@media (max-width:700px){.sys-icon-row{grid-template-columns:1fr}}.sys-icon-card{background:rgba(200,194,181,.04);border:1px solid var(--line);padding:2rem 1.5rem;text-align:center}.sys-icon-card img{width:96px;height:96px;margin:0 auto 1.1rem;border-radius:22%}.sys-icon-card .label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;opacity:.45}.sys-fav-sizes{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-top:2rem}.sys-fav-sizes figure{text-align:center}.sys-fav-sizes img{border-radius:18%;background:var(--ink)}.sys-fav-sizes figcaption{font-size:.65rem;opacity:.4;margin-top:.4rem;letter-spacing:.08em}.sys-swatches{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.7rem;gap:.7rem;margin-top:1.5rem}@media (max-width:700px){.sys-swatches{grid-template-columns:repeat(2,1fr)}}.sys-swatch{aspect-ratio:.85;padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;font-size:.75rem}.sys-swatch strong{display:block;font-size:.85rem;font-weight:600;margin-bottom:.15rem}.sys-swatch.light{border:1px solid var(--line-dark)}.sys-type-row{padding:2rem 0;border-top:1px solid var(--line-dark)}.sys-type-row .label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute-on-paper);margin-bottom:.7rem;font-weight:600}.sys-type-xl{font-weight:400;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.02em}.sys-type-display,.sys-type-xl{font-family:var(--font-display);color:var(--ink-2)}.sys-type-display{font-style:italic;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.2}.sys-type-body{font-size:1.05rem;max-width:48ch;color:var(--mute-on-paper);margin-top:.8rem}.sys-app-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1.5rem}@media (max-width:800px){.sys-app-grid{grid-template-columns:1fr}}.sys-app-item{background:#141414;overflow:hidden;min-height:280px;position:relative}.sys-app-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.1rem;font-size:.75rem;letter-spacing:.06em;color:rgba(200,194,181,.55);background:linear-gradient(transparent,rgba(0,0,0,.7))}.sys-mock-wall{height:100%;min-height:280px;background:linear-gradient(160deg,#1a1a1a,#0d0d0d 60%);display:grid;place-items:center;box-shadow:inset 0 0 80px rgba(0,0,0,.5)}.sys-mock-wall svg{width:28%;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.sys-mock-card{height:100%;min-height:280px;display:grid;place-items:center;background:linear-gradient(145deg,#1c1c1a,#121210);padding:2rem}.sys-card-face{width:min(86%,320px);aspect-ratio:1.7;background:#161614;border:1px solid rgba(200,194,181,.12);display:flex;align-items:center;gap:1rem;padding:1.4rem 1.6rem;box-shadow:0 20px 50px rgba(0,0,0,.4)}.sys-card-face svg{width:48px;flex-shrink:0}.sys-card-face .sys-wm{font-size:.85rem;letter-spacing:.14em;margin:0}.sys-card-face .sys-soft-inline{font-size:.5rem;margin-top:.3rem}.sys-card-face .sys-soft-inline:after,.sys-card-face .sys-soft-inline:before{max-width:1.2rem}.sys-mock-emboss{height:100%;min-height:280px;display:grid;place-items:center;background-image:radial-gradient(ellipse at 40% 40%,#221f1a,#12100e)}.sys-mock-emboss svg{width:34%;opacity:.35;filter:brightness(.4)}.sys-mock-app{height:100%;min-height:280px;display:grid;place-items:center;background:var(--mate)}.sys-mock-app img{width:100px;border-radius:22%;box-shadow:0 16px 40px rgba(0,0,0,.35)}.sys-fecho{text-align:center;padding-block:clamp(4rem,8vw,5.5rem)}.sys-fecho p{font-family:var(--font-display);font-style:italic;font-size:clamp(1.35rem,2.8vw,1.85rem);max-width:22ch;margin:0 auto;line-height:1.35;color:var(--ink-2)}.sys-foot{padding:2rem 0 3rem;color:var(--mute-on-paper);font-size:.82rem;border-top:1px solid var(--line-dark)}.sys-foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.sys-foot strong{color:var(--ink-2);font-weight:600}.sys-icons-sec{background:#0a0b0c}.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:grid;place-items:center}.glare-hover:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:clamp(1.6rem,4vw,3rem);line-height:1.5;font-weight:600}.shiny-text,.word{display:inline-block}.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.8) 50%,rgba(255,255,255,0) 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}