.WindowDemo-module__cY1gOa__page{color:#edf2fa}.WindowDemo-module__cY1gOa__back{color:#a7b9d1;font-size:var(--type-body);text-decoration:none}.WindowDemo-module__cY1gOa__back:hover{color:#fff}.WindowDemo-module__cY1gOa__header{max-width:660px;margin:40px 0 30px}.WindowDemo-module__cY1gOa__header h1{font-size:var(--type-title);letter-spacing:-.055em;margin-bottom:22px;font-weight:600;line-height:1.05}.WindowDemo-module__cY1gOa__header p{color:#a7b2c5;font-size:var(--type-body);max-width:570px;line-height:1.7}.WindowDemo-module__cY1gOa__demo{background:#111921;border:1px solid #2c3945;border-radius:18px;margin:35px 0 54px;overflow:hidden}.WindowDemo-module__cY1gOa__demoHeader{font-size:var(--type-caption);color:#a7b2c5;border-bottom:1px solid #283541;justify-content:space-between;gap:16px;padding:17px 24px;display:flex}.WindowDemo-module__cY1gOa__demoHeader span:first-child{color:#e8f0f5}.WindowDemo-module__cY1gOa__stage{cursor:crosshair;background:radial-gradient(#2b3537 0%,#11191e 55%,#10161b 100%);border:0;place-items:center;width:100%;min-height:400px;padding:50px 25px;display:grid}.WindowDemo-module__cY1gOa__stage:focus-visible{outline-offset:-7px;outline:2px solid #aad7c3}.WindowDemo-module__cY1gOa__window{aspect-ratio:1;background:radial-gradient(#18241f,#0a100e 75%);border:12px solid #394644;border-radius:50%;place-items:center;width:min(68vw,330px);display:grid;box-shadow:0 0 0 2px #65736d,inset 0 0 20px #000,0 18px 50px #0007}.WindowDemo-module__cY1gOa__eye{aspect-ratio:1.65;background:radial-gradient(at 48% 40%,#efe9d2 20%,#aab5a1 70%,#5f7461);border-radius:50% 50% 48% 48%/65% 65% 40% 40%;width:86%;display:block;position:relative;overflow:hidden;box-shadow:0 -10px 0 3px #263e2e,0 8px 0 3px #203226,inset 0 10px 20px #15251e99}.WindowDemo-module__cY1gOa__iris{aspect-ratio:1;width:53%;transform:translate(var(--gaze-x,0),var(--gaze-y,0));background:repeating-conic-gradient(from 5deg,#8e9b5b 0deg 4deg,#304f3e 5deg 8deg,#617f52 9deg 13deg);border:5px solid #2e4632;border-radius:50%;transition:transform .11s ease-out;position:absolute;top:6%;left:24%;box-shadow:0 0 9px #213a26}.WindowDemo-module__cY1gOa__pupil{background:#080f0c;border-radius:50%;display:block;position:absolute;inset:24%;box-shadow:0 0 9px 6px #405d35}.WindowDemo-module__cY1gOa__glint{filter:blur(1px);background:#fffdf0d9;border-radius:50%;width:20%;height:13%;display:block;position:absolute;top:17%;left:25%;transform:rotate(-35deg)}.WindowDemo-module__cY1gOa__demo figcaption{font-size:var(--type-caption);color:#a7b2c5;text-align:center;border-top:1px solid #283541;padding:16px 24px}.WindowDemo-module__cY1gOa__details{grid-template-columns:1fr 1fr;gap:50px;margin-bottom:45px;display:grid}.WindowDemo-module__cY1gOa__details h2{font-size:var(--type-heading);letter-spacing:-.02em;margin-bottom:15px;font-weight:600}.WindowDemo-module__cY1gOa__details p{color:#a7b2c5;font-size:var(--type-body);margin-bottom:15px;line-height:1.8}.WindowDemo-module__cY1gOa__tags{color:#aac5b5;font-size:var(--type-caption);flex-wrap:wrap;gap:10px;display:flex}.WindowDemo-module__cY1gOa__tags span{background:#19271f;border:1px solid #304837;border-radius:5px;padding:5px 11px}@media (max-width:600px){.WindowDemo-module__cY1gOa__stage{min-height:310px;padding:30px 15px}.WindowDemo-module__cY1gOa__demoHeader{font-size:var(--type-caption);padding:14px 16px}.WindowDemo-module__cY1gOa__details{grid-template-columns:1fr;gap:20px}.WindowDemo-module__cY1gOa__window{border-width:8px}}@media (prefers-reduced-motion:reduce){.WindowDemo-module__cY1gOa__iris{transition:none}}