@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/SoftOpticsShader/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/SoftOpticsShader/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/SoftOpticsShader/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/SoftOpticsShader/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/SoftOpticsShader/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/SoftOpticsShader/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/SoftOpticsShader/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#232323;background:#fff;font-family:Inter Variable,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #232323;--muted: #6b6b6b;--paper: #fff;--field: #f2f2f2;--line: #dcdcdc;--green: #8fc073}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img,video{display:block;width:100%}::selection{color:var(--ink);background:color-mix(in srgb,var(--green) 55%,white)}.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.shell-wide{width:min(1440px,calc(100% - 32px));margin-inline:auto}.site-nav{position:fixed;z-index:110;top:18px;left:50%;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 40px));min-height:58px;padding:8px 10px 8px 18px;border:1px solid rgb(35 35 35 / 10%);border-radius:20px;background:#ffffffd1;box-shadow:0 18px 60px #23232314;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);transform:translate(-50%)}.wordmark{display:inline-flex;gap:10px;align-items:center;font-size:15px;font-weight:650;letter-spacing:-.02em;text-decoration:none}.wordmark span{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 34% 34%,#dff0d5 0 21%,transparent 22%),var(--green);box-shadow:inset 0 0 0 1px #23232314}.site-nav__links{display:flex;gap:4px;align-items:center}.site-nav__links a{padding:11px 14px;border-radius:12px;color:var(--muted);font-size:13px;text-decoration:none;transition:color .16s ease,background-color .16s ease}.site-nav__links a:hover{color:var(--ink);background:var(--field)}.hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(210px,.6fr);gap:72px;min-height:860px;padding-top:188px;padding-bottom:96px}.hero__copy{align-self:center}.eyebrow{margin:0 0 24px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.hero h1{max-width:970px;margin:0;font-size:clamp(72px,9vw,142px);font-weight:430;letter-spacing:-.075em;line-height:.86}.hero__lede{max-width:610px;margin:54px 0 36px;color:var(--muted);font-size:clamp(20px,2.2vw,31px);font-weight:400;letter-spacing:-.03em;line-height:1.28}.text-link{display:inline-flex;gap:22px;align-items:center;padding-bottom:6px;border-bottom:1px solid var(--ink);font-size:15px;text-decoration:none}.text-link span{color:var(--green)}.hero__fact{align-self:end;padding:26px 0 0;border-top:1px solid var(--line)}.hero__fact>span{color:var(--muted);font-size:12px}.hero__fact strong{display:block;margin:16px 0 28px;font-size:64px;font-weight:450;letter-spacing:-.065em}.hero__fact p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.hero-media{margin-bottom:200px}.hero-media__surface,.motion-frame video,.detail-study__field{aspect-ratio:16 / 9;border-radius:28px;background:var(--field)}.hero-media__surface{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,transparent 49.94%,rgb(35 35 35 / 12%) 50% 50.06%,transparent 50.12%),linear-gradient(rgb(35 35 35 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(35 35 35 / 5%) 1px,transparent 1px),var(--field);background-size:100% 100%,48px 48px,48px 48px,auto}.test-surface__masthead{position:absolute;inset:30px 34px auto;display:flex;justify-content:space-between;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.test-surface__title{position:absolute;top:50%;left:7%;display:grid;font-size:clamp(72px,12vw,190px);font-weight:480;letter-spacing:-.08em;line-height:.68;transform:translateY(-48%)}.test-surface__target{position:absolute;top:50%;right:10%;width:min(23vw,330px);aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;background:var(--green);box-shadow:inset 0 0 0 18px var(--field),inset 0 0 0 19px var(--ink);transform:translateY(-50%)}.test-surface__target:before,.test-surface__target:after{position:absolute;top:50%;left:-20%;width:140%;height:1px;background:var(--ink);content:""}.test-surface__target:after{transform:rotate(90deg)}.test-surface__target span{position:absolute;inset:43%;border-radius:50%;background:var(--ink)}.test-surface__ruler{position:absolute;right:34px;bottom:28px;left:34px;display:grid;grid-template-columns:repeat(24,1fr);height:22px;border-bottom:1px solid var(--ink)}.test-surface__ruler span{border-left:1px solid var(--ink)}.test-surface__ruler span:nth-child(4n+1){height:100%}.test-surface__ruler span:not(:nth-child(4n+1)){height:45%;align-self:end}.hero-media figcaption,.motion-frame figcaption{display:flex;justify-content:space-between;padding:16px 6px 0;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.statement{display:grid;grid-template-columns:.55fr 1.5fr;gap:48px;padding:128px 0 156px;border-top:1px solid var(--line)}.statement .eyebrow{margin-top:11px}.statement h2,.motion-section h2,.detail-study h2,.signal-field h2,.technical h2,.install h2{margin:0;font-size:clamp(46px,6.5vw,92px);font-weight:440;letter-spacing:-.065em;line-height:.98}.statement__body{grid-column:2;max-width:760px;margin:48px 0 0;color:var(--muted);font-size:clamp(19px,2.15vw,29px);letter-spacing:-.025em;line-height:1.42}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle{min-height:410px;padding:32px 30px 42px}.principle+.principle{border-left:1px solid var(--line)}.principle>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--field);color:var(--muted);font-size:11px}.principle:nth-child(2)>span{background:color-mix(in srgb,var(--green) 28%,white);color:#42612f}.principle h3{max-width:260px;margin:112px 0 22px;font-size:25px;font-weight:500;letter-spacing:-.035em}.principle p{max-width:310px;margin:0;color:var(--muted);font-size:14px;line-height:1.58}.motion-section{display:grid;grid-template-columns:.55fr 1.45fr;gap:42px;padding-top:240px;padding-bottom:240px}.motion-section__copy{padding:18px 8px 0 30px}.motion-section h2{font-size:clamp(42px,5vw,76px)}.motion-section__copy>p:last-child{max-width:370px;margin:36px 0 0;color:var(--muted);font-size:18px;line-height:1.5}.motion-frame{position:relative;margin:0}.motion-frame video{min-height:480px}.motion-frame__control{position:absolute;top:18px;right:18px;display:inline-flex;gap:9px;align-items:center;min-height:42px;padding:0 15px;border:1px solid rgb(35 35 35 / 12%);border-radius:13px;background:#ffffffe0;box-shadow:0 8px 30px #2323231a;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:11px}.motion-frame__control:disabled{cursor:default;color:var(--muted)}.motion-frame__control span{width:10px;font-size:9px}.detail-study{display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center;padding:128px 0;border-top:1px solid var(--line)}.detail-study__copy{padding-right:28px}.detail-study__field{position:relative;display:grid;align-content:space-between;min-height:520px;padding:44px;overflow:hidden;border:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0 39px,rgb(35 35 35 / 7%) 39px 40px),var(--field)}.detail-study__field strong{max-width:7ch;font-size:clamp(58px,7vw,104px);font-weight:480;letter-spacing:-.06em;line-height:.82;overflow-wrap:anywhere}.detail-study__field p{position:relative;z-index:1;margin:0;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.detail-study__axis{position:absolute;top:-10%;right:23%;width:2px;height:120%;background:var(--green);box-shadow:-2px 0 #8cbfda,2px 0 #ffb9b7;transform:rotate(12deg)}.detail-study__ticks{position:absolute;right:28px;bottom:28px;display:grid;gap:8px;width:38%}.detail-study__ticks span{height:1px;background:var(--ink)}.detail-study__ticks span:nth-child(3n){width:58%;background:var(--green)}.detail-study h2{font-size:clamp(42px,5vw,72px)}.detail-study__copy>p:last-of-type{max-width:470px;margin:34px 0 58px;color:var(--muted);font-size:18px;line-height:1.55}.detail-study dl{margin:0;border-top:1px solid var(--line)}.detail-study dl div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.detail-study dt{color:var(--muted)}.detail-study dd{margin:0}.signal-field{position:relative;min-height:900px;margin-top:160px;margin-bottom:200px;overflow:hidden;border-radius:30px;background:var(--ink);color:var(--paper)}.signal-field__line{position:absolute;z-index:1;top:-15%;left:55%;width:1px;height:135%;background:var(--green);box-shadow:-1px 0 #8ebfdab3,1px 0 #ffb9b78c;transform:rotate(14deg);transform-origin:center}.signal-field__copy{position:relative;z-index:1;width:min(680px,70%);padding:72px}.signal-field .eyebrow{color:#ffffff94}.signal-field h2{font-size:clamp(48px,7vw,98px)}.signal-field__grid{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:repeat(18,1fr);height:45%;opacity:.24}.signal-field__grid span{border-left:1px solid white}.signal-field__grid span:nth-child(5n){border-color:var(--green)}.technical{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;padding:144px 0 170px;border-top:1px solid var(--line)}.technical h2{max-width:580px;font-size:clamp(42px,5vw,70px)}.technical ul{margin:15px 0 0;padding:0;list-style:none}.technical li{position:relative;padding:25px 0 25px 30px;border-bottom:1px solid var(--line);color:var(--muted);font-size:17px;line-height:1.45}.technical li:before{position:absolute;top:31px;left:0;width:8px;height:8px;border-radius:50%;background:var(--green);content:""}.install{padding:136px 0;border-top:1px solid var(--line)}.install__header{display:flex;align-items:end;justify-content:space-between;margin-bottom:64px}.install__header>code{padding:14px 18px;border-radius:12px;background:var(--field);font-size:13px}.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.code-example{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#f8f8f8}.code-example figcaption{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.code-example pre{min-height:320px;margin:0;padding:30px 28px;overflow:auto;color:#393939;font:13px/1.75 SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.page-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;padding:38px 0 96px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.page-footer p{margin:0}.page-footer a{text-decoration:none}.optics-controls{position:fixed;z-index:120;right:20px;bottom:20px}.optics-controls button{border:0;color:inherit;cursor:pointer}.optics-controls__trigger{display:inline-flex;gap:10px;align-items:center;min-height:48px;padding:0 18px;border:1px solid rgb(35 35 35 / 12%)!important;border-radius:16px;background:#ffffffe0;box-shadow:0 12px 42px #2323231f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:13px}.optics-controls__trigger-mark{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #8fc07329}.optics-panel{width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 40px);padding:22px;overflow:auto;border:1px solid rgb(35 35 35 / 12%);border-radius:24px;background:#fffffff0;box-shadow:0 24px 80px #23232329;-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%)}.optics-panel__header{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.optics-panel__header .eyebrow{margin-bottom:7px;font-size:9px}.optics-panel h2{margin:0;font-size:25px;font-weight:520;letter-spacing:-.04em}.icon-button{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--field);color:var(--muted)!important;font-size:24px;line-height:1}.effect-toggle,.debug-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-radius:14px;background:var(--field);font-size:13px}.effect-toggle input,.debug-toggle input{width:18px;height:18px;accent-color:var(--ink)}.preset-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0 20px;padding:4px;border-radius:14px;background:var(--field)}.preset-switcher button{padding:9px 6px;border-radius:10px;background:transparent;color:var(--muted);font-size:11px;text-transform:capitalize}.preset-switcher button[aria-pressed=true]{background:var(--paper);box-shadow:0 2px 10px #23232312;color:var(--ink)}.preset-switcher button:disabled{cursor:default;opacity:1}.slider-list{display:grid;gap:17px;padding:6px 3px 20px}.slider-control{display:grid;gap:7px}.slider-control>span{display:flex;justify-content:space-between;font-size:12px}.slider-control output{color:var(--muted)}.slider-control input{width:100%;height:14px;margin:0;accent-color:var(--ink)}.debug-toggle{background:color-mix(in srgb,var(--green) 13%,white)}.optics-panel__footer{display:grid;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.status-indicator{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.status-indicator>span{width:7px;height:7px;border-radius:50%;background:#a6a6a6}.status-indicator[data-optics-status=webgl]>span{background:var(--green)}.status-indicator[data-optics-status=fallback]>span{background:#d5ad65}.optics-panel__actions{display:grid;grid-template-columns:1.35fr .65fr;gap:8px}.optics-panel__actions button{min-height:42px;border-radius:12px;background:var(--field);font-size:12px}.compare-button{background:var(--ink)!important;color:var(--paper)!important}.compare-button[aria-pressed=true]{background:var(--green)!important;color:var(--ink)!important}.debug-boundaries{position:fixed;z-index:105;inset:0;pointer-events:none}.debug-boundaries span{position:absolute;right:0;left:0;border:1px dashed #ad73c0;background:#ad73c012}.debug-boundaries span:first-child{top:0;border-top:0}.debug-boundaries span:last-child{bottom:0;border-bottom:0}@media(max-width:900px){.shell{width:min(100% - 36px,720px)}.shell-wide{width:calc(100% - 20px)}.hero{grid-template-columns:1fr;gap:90px;min-height:900px;padding-top:180px}.hero__fact{max-width:300px}.statement,.motion-section,.detail-study,.technical{grid-template-columns:1fr}.statement__body{grid-column:1}.principles{grid-template-columns:1fr}.principle{min-height:auto;padding:28px 4px 54px}.principle+.principle{border-top:1px solid var(--line);border-left:0}.principle h3{margin-top:68px}.motion-section{padding-top:160px;padding-bottom:160px}.motion-section__copy{padding:0 8px}.detail-study{gap:62px}.signal-field{min-height:720px}.signal-field__copy{width:90%;padding:52px 36px}.code-grid{grid-template-columns:1fr}}@media(max-width:640px){.site-nav{min-height:54px;padding-left:14px}.site-nav__links a{display:none}.site-nav__links a:last-child{display:block}.hero{min-height:760px;padding-top:160px}.hero h1{font-size:clamp(60px,18vw,88px)}.hero__lede{margin-top:40px;font-size:20px}.hero-media{margin-bottom:120px}.hero-media__surface,.motion-frame video,.detail-study__field{border-radius:18px}.test-surface__masthead{inset:18px 20px auto}.test-surface__masthead span:last-child{display:none}.test-surface__ruler{right:20px;bottom:18px;left:20px}.detail-study__field{min-height:420px;padding:28px}.statement{padding:90px 0 110px}.motion-frame video{min-height:390px}.signal-field{min-height:620px;margin-top:100px;margin-bottom:120px;border-radius:20px}.signal-field__copy{padding:42px 26px}.technical{padding:100px 0 120px}.install{padding:100px 0}.install__header{display:grid;gap:32px;align-items:start}.install__header>code{overflow:auto;white-space:nowrap}.page-footer{grid-template-columns:1fr;padding-bottom:110px}.optics-controls{right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}