:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1a1a1f;background:#fff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
img{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
button,input,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #2878e8;outline-offset:3px}
.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1200px;margin:auto;padding:16px 32px}
.site-header{min-height:76px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;white-space:nowrap}
.brand img{border-radius:9px}
.site-header nav,.site-footer nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.site-header nav a,.site-footer nav a{text-decoration:none;font-size:14px;font-weight:650;color:#55555d}
.site-header nav a:hover,.site-header nav a[aria-current="page"],.site-footer nav a:hover{color:#f04d30}
.hero{background:#f5f3ee;padding:28px 24px 20px;overflow:hidden;text-align:center}
.hero-copy{max-width:760px;margin:auto}
.eyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:2px;color:#e04c30;margin:0 0 10px}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(46px,5.3vw,76px);line-height:1.04;letter-spacing:0;margin-bottom:12px}
.lede{font-size:clamp(17px,1.6vw,21px);line-height:1.48;max-width:650px;margin:0 auto 16px;color:#4c4c55}
.availability{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#51515a;margin:0}
.live-dot{width:8px;height:8px;background:#50b286;border-radius:50%}
.screen-gallery{display:flex;justify-content:center;gap:26px;margin:20px auto 0;max-width:940px}
.screen-gallery figure{margin:0;width:145px;flex:none}
.screen-gallery img{width:100%;height:315px;object-fit:cover;object-position:top;border:1px solid #dedbd5;border-radius:7px;box-shadow:0 13px 30px rgba(26,26,31,.12);background:#fff}
.screen-gallery figcaption{font-size:12px;font-weight:750;color:#6c6c72;margin-top:12px}
.details{background:#fff;padding:40px 32px 76px}
.section-inner{max-width:1120px;margin:auto}
h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:0;margin-bottom:32px}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px}
.detail-grid h3{font-size:19px;margin:0 0 9px}
.detail-grid p{line-height:1.55;color:#64646d;margin:0;max-width:320px}
.detail-mark{display:block;width:34px;height:7px;border-radius:4px;margin-bottom:20px}
.mark-orange{background:#ff4d2e}.mark-blue{background:#3a86ff}.mark-green{background:#4fb286}
.closing{background:#e8f5ee;padding:64px 32px 70px}
.closing h2{margin-bottom:10px}
.closing p{color:#4e5b53;line-height:1.5;margin-bottom:16px}
.text-link{font-weight:750;color:#176b4c}
.site-footer{min-height:84px;color:#686870;font-size:13px}
.document-page{background:#fff;min-height:calc(100vh - 160px);padding:58px 32px 80px;border-top:1px solid #eeedf0}
.document-inner{max-width:780px;margin:auto}
.document-inner h1{font-size:clamp(42px,5vw,64px);margin-bottom:12px}
.document-inner h2{font-size:23px;margin:38px 0 10px}
.document-inner p{font-size:16px;line-height:1.65;color:#4d4d56;margin-bottom:18px}
.document-inner .updated{font-size:13px;font-weight:700;color:#76767d;margin-bottom:30px}
.document-inner a{color:#b63b26}
form{margin:38px 0 26px}
form label{display:block;font-size:13px;font-weight:750;color:#303038;margin-bottom:20px}
form input,form textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #c9c9ce;border-radius:6px;background:#fff;color:#1a1a1f;outline:none}
form input:focus,form textarea:focus{border-color:#2878e8;box-shadow:0 0 0 3px rgba(40,120,232,.14)}
form textarea{resize:vertical;min-height:150px}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.form-footer button{border:0;border-radius:6px;background:#ff4d2e;color:#fff;padding:14px 20px;font-weight:800;min-width:160px}
.form-footer button:hover{background:#e03d22}
.form-footer button:disabled{opacity:.55;cursor:wait}
.form-footer #form-status{font-size:14px;margin:0;max-width:400px}
.document-inner .support-alternative{margin:18px 0 8px}
.document-inner .fine-print{font-size:13px;color:#777780}
.credits-list{list-style:none;padding:0;margin:30px 0;border-top:1px solid #e5e5e8}
.credits-list li{display:flex;gap:20px;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e5e5e8;line-height:1.5}
.credits-list strong{min-width:150px}.credits-list span{color:#65656c;text-align:right}
@media(max-width:700px){
  .site-header,.site-footer{padding:14px 20px}
  .site-header{align-items:center;flex-wrap:nowrap;gap:10px;min-height:62px}
  .site-header nav{gap:14px;width:auto}
  .site-header nav a{font-size:12px}
  .site-header nav a[href="/"]{display:none}
  .brand{font-size:14px;gap:6px}.brand img{width:32px;height:32px}
  .hero{padding:20px 0 18px}
  .hero-copy{padding:0 20px}
  h1{font-size:44px}
  .screen-gallery{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 10px;gap:16px;margin-top:16px;scrollbar-width:thin}
  .screen-gallery figure{width:148px;scroll-snap-align:start}
  .screen-gallery img{height:322px}
  .details,.closing{padding:34px 20px 52px}
  .detail-grid{grid-template-columns:1fr;gap:32px}
  .detail-mark{margin-bottom:12px}
  .site-footer{align-items:flex-start;flex-direction:column;gap:14px;padding:26px 20px}
  .site-footer nav{gap:18px}
  .document-page{padding:42px 20px 64px}
  .form-pair{grid-template-columns:1fr;gap:0}
  .credits-list li{display:block}.credits-list span{display:block;text-align:left;margin-top:4px}
}
@media(max-width:360px){
  .site-header{flex-wrap:wrap;gap:10px}
  .site-header nav{width:100%;gap:20px}
  h1{font-size:40px}
  .screen-gallery figure{width:97px}
  .screen-gallery img{height:210px}
}