@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--ink:#151613;--paper:#f5f3ed;--soft:#dbd8cd;--muted:#686b60;--gold:#b7a074}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.7 Montserrat,Arial,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #85704b;outline-offset:6px}.header,main,footer{max-width:1440px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 64px}.brand{display:flex}.brand img{width:152px;height:45px;object-fit:contain}.header-link{font-size:12px;text-decoration:none;display:flex;gap:24px;align-items:center}.header-link span{font-size:24px}.hero{padding:66px 64px 100px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.kicker{font-size:10px;font-weight:600;letter-spacing:.16em;margin:0 0 26px}.hero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.05;font-weight:600;letter-spacing:-.065em;margin:0 0 28px}.hero h1 em{font-style:normal;color:#83704d}.intro{max-width:430px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:#fff;padding:18px 22px;text-decoration:none;font-size:12px;font-weight:600;border:1px solid var(--ink);transition:background .2s,transform .2s}.button:hover{background:#36392e}.button:active{transform:translateY(1px)}.button svg{width:21px;height:21px;flex:none}.meta{font-size:10px;color:var(--muted);margin:12px 0 4px;min-height:17px}.small-link{font-size:10px;text-underline-offset:3px}.compatibility{font-size:11px;line-height:1.9;color:var(--muted);margin-top:26px}.screen-wrap{padding-top:24px}.screen{min-height:470px;background:#181a15;color:var(--paper);padding:27px 28px;display:flex;flex-direction:column;box-shadow:18px 24px 0 #e8e4d9;border:1px solid #34382d}.screen-top,.screen-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#c6c8bc}.screen-top{padding-bottom:24px;border-bottom:1px solid #3a3e30}.preview{flex:1;display:flex;flex-direction:column;justify-content:center;padding:36px 0}.preview p{font-size:clamp(24px,2.6vw,37px);line-height:1.3;letter-spacing:-.04em;margin:0 0 30px;font-weight:600}.preview-clock{font-size:clamp(35px,4.1vw,60px);font-variant-numeric:tabular-nums;letter-spacing:-.065em;line-height:1.2}.preview-clock span{color:var(--gold);animation:blink 2s ease-in-out infinite}.screen-bottom{font-size:8px;letter-spacing:0;gap:20px}.screen-line{height:1px;flex:1;background:#727b59}.caption{font-size:10px;margin:42px 0 0;color:var(--muted)}.installation,.program{padding:90px 64px;display:grid;grid-template-columns:1fr 1.3fr;gap:90px;border-top:1px solid var(--soft)}h2{font-size:clamp(27px,3vw,43px);line-height:1.2;letter-spacing:-.045em;margin:0 0 22px;font-weight:600}.section-intro>p:last-child,.program-title>p:last-child{font-size:13px;max-width:340px;color:var(--muted)}.steps,.film-list{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:32px 1fr;gap:22px;padding:27px 0;border-top:1px solid var(--soft)}.steps li:first-child{padding-top:0;border:0}.number{font-size:11px;color:#84734e;padding-top:3px}h3{font-size:15px;font-weight:600;line-height:1.6;margin:0 0 9px}.steps p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 12px}.steps strong{font-weight:600;color:var(--ink)}code{font:inherit;color:var(--ink);word-break:break-word}.text-button{font:600 11px/1.7 Montserrat,Arial,sans-serif;border:0;border-bottom:1px solid #999d8f;background:transparent;padding:5px 0;text-align:left;color:var(--ink);cursor:pointer}.text-button span{margin-left:12px}.copy-feedback{display:block;font-size:10px;min-height:18px;color:var(--muted);margin-top:6px}.program{background:#eae8e0;gap:90px}.film-list li{display:flex;align-items:flex-start;gap:26px;padding:21px 0;border-top:1px solid #d4d2c5}.film-list li:first-child{border:0;padding-top:0}.film-list li>span{font-size:10px;color:var(--muted);padding-top:5px}.film-list h3{font-size:14px;margin-bottom:2px}.film-list p{font-size:11px;color:var(--muted);margin:0}.questions{padding:90px 64px;max-width:1000px}.questions h2{margin-bottom:36px}.questions details{border-top:1px solid var(--soft);padding:20px 0}.questions details:last-child{border-bottom:1px solid var(--soft)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:13px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;font-weight:400;color:var(--muted)}details[open] summary:after{content:'−'}.questions details p{font-size:12px;line-height:1.9;color:var(--muted);max-width:650px;margin:17px 0 0}footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--soft);padding:30px 64px 40px;font-size:10px;color:var(--muted)}@keyframes blink{50%{opacity:.35}}@media(max-width:1050px){.header{padding:25px 36px}.hero{gap:34px;padding:45px 36px 75px}.screen{min-height:425px;padding:24px 20px}.installation,.program{padding:70px 36px;gap:50px}.questions{padding:70px 36px}footer{padding:30px 36px}}@media(max-width:720px){.header{padding:22px 24px}.brand img{width:126px;height:37px}.header-link{font-size:10px;gap:10px}.hero{grid-template-columns:1fr;padding:35px 24px 68px;gap:36px}.hero h1{font-size:56px}.hero .kicker{font-size:8px;letter-spacing:.12em}.intro{font-size:13px;max-width:380px}.screen-wrap{padding:0 15px 0 0}.screen{min-height:370px;box-shadow:12px 16px 0 #e8e4d9;padding:24px}.preview p{font-size:33px}.preview-clock{font-size:52px}.caption{margin-top:28px}.installation,.program{grid-template-columns:1fr;gap:28px;padding:55px 24px}.section-intro>p:last-child,.program-title>p:last-child{max-width:440px}h2{font-size:33px}.steps li{gap:12px;grid-template-columns:26px 1fr}.questions{padding:55px 24px}footer{padding:25px 24px;flex-direction:column;gap:8px}.button{width:100%;max-width:380px;gap:16px}.kicker{margin-bottom:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}