@font-face{font-family:Poster;src:url('/assets/Oswald-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#f7f0df;--card:#fffaf0;--ink:#252722;--muted:#5d5a50;--accent:#af3026;--green:#315945;--line:#c9bda6;--display:Poster,'Arial Narrow','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:20px/1.65 'Segoe UI',Arial,sans-serif;border-top:8px solid var(--accent)}
a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:6px}.wrap{width:min(1180px,100% - 80px);margin-inline:auto}
.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:2px solid var(--ink)}.brand{display:inline-flex;align-items:center;gap:14px;font:700 30px/1.1 var(--display);text-decoration:none;color:var(--ink);white-space:nowrap;letter-spacing:.5px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--accent);color:var(--card);flex:none}.brand-mark img{width:32px;height:32px}.brand-light{color:var(--accent)}.header nav{display:flex;gap:30px;flex-wrap:wrap}.header nav a{font-size:18px;font-weight:600;min-height:48px;display:flex;align-items:center;text-decoration:none;color:var(--ink)}.header nav a:hover{color:var(--accent)}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.15;letter-spacing:0}h1{font-size:clamp(46px,5.8vw,78px);margin:18px 0 28px;text-transform:uppercase}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(34px,3.5vw,46px);margin:0 0 24px}h3{font-size:28px;margin:0 0 12px}p{margin:0 0 20px}.eyebrow{font-size:15px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;color:var(--accent);margin-bottom:22px;display:flex;align-items:center;gap:12px}.eyebrow::before{content:'';display:inline-block;width:28px;height:3px;background:currentColor;flex:none}.lead{font-size:23px;line-height:1.6;color:var(--muted)}.caption{font-size:17px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;padding-block:66px 76px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-block:30px 22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:62px;padding:15px 25px;border:2px solid transparent;border-radius:4px;font-size:20px;font-weight:700;line-height:1.35;text-decoration:none;text-align:center}.button.primary{background:var(--accent);color:#fffaf0;box-shadow:3px 3px 0 var(--ink)}.button.primary:hover{background:#8d231d}.button.secondary{border-color:var(--accent);background:var(--card)}.text-link{font-size:19px;display:inline-block;padding:10px 0}
.poster-frame{position:relative;padding:18px 0 0 18px}.poster-frame::before{content:'';position:absolute;top:0;left:0;right:18px;bottom:18px;border:2px solid var(--accent);pointer-events:none}.product-card{position:relative;background:var(--card);border:2px solid var(--ink);padding:0 30px 25px;text-align:center;box-shadow:8px 8px 0 #252722}.device-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -30px 26px;padding:17px 22px;background:var(--accent);color:var(--card);font:700 24px/1.2 var(--display);letter-spacing:.6px}.device-emblem{width:28px;height:28px;object-fit:contain}.device-tag{font:700 14px/1.4 'Segoe UI',sans-serif;letter-spacing:1.8px}.power-mark{height:118px;width:118px;border:2px solid var(--green);border-radius:50%;background:#eaf0e5;margin:24px auto 16px;display:grid;place-items:center;color:var(--green);font:70px/1 'Segoe UI Symbol','Segoe UI',sans-serif}.product-card strong{display:block;font:700 34px/1.2 var(--display);margin-bottom:12px}.product-card>p{font-size:18px;color:var(--muted)}.example-control{border:2px solid var(--green);border-radius:4px;background:var(--green);color:#fffaf0;font-size:21px;font-weight:700;padding:16px;margin-top:24px}.product-card .caption{font-size:15px;margin:13px 0 0}.poster-note{font-size:14px;letter-spacing:1.5px;text-align:right;margin:20px 0 0;color:var(--accent);font-weight:700;text-transform:uppercase}
.band{background:var(--ink);color:var(--card);border-block:4px solid var(--accent)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-block:30px}.benefits>div{padding-right:18px}.benefits strong{font:700 24px/1.3 var(--display)}.benefits p{font-size:17px;color:#ddd7c7;margin:8px 0 0}.section{padding-block:76px;border-bottom:1px solid var(--line)}.section-intro{max-width:750px;color:var(--muted)}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.download-card{padding:32px;background:var(--card);border:1px solid var(--line);border-top:6px solid var(--accent);display:flex;flex-direction:column;align-items:start}.platform-label{font-size:15px;letter-spacing:1.5px;font-weight:700;color:var(--accent)}.download-card h3{font-size:40px;margin-top:14px}.download-card>p{font-size:19px;flex:1}.download-card .button{width:100%;margin-top:8px}.download-card .text-link{margin-top:12px}.notice{background:#ebe3d1;border-left:4px solid var(--accent);padding:20px 24px;font-size:18px;line-height:1.7;margin-block:30px;color:#424239}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.steps{margin:0;padding-left:30px}.steps li{padding:0 0 24px 12px}.steps li::marker{font:700 26px var(--display);color:var(--accent)}.steps p{color:var(--muted);font-size:19px}.steps li:last-child{padding-bottom:0}.steps li:last-child p{margin-bottom:0}.faq-list details{padding:18px 0;border-bottom:1px solid var(--line)}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:21px;font-weight:600;cursor:pointer;min-height:48px;padding:10px 0}.faq-list p{font-size:19px;color:var(--muted);margin:12px 0 10px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:22px 50px;padding-block:36px;border-top:3px solid var(--ink)}.footer>div{display:flex;gap:24px;justify-content:flex-end;flex-wrap:wrap}.footer a:not(.brand){font-size:17px}.footer p,.footer small{font-size:16px;color:var(--muted);margin:0}.footer small{text-align:right}.article{max-width:850px;padding-block:40px 76px;overflow-wrap:anywhere}.article h1{font-size:clamp(40px,5vw,60px)}.article h2{font-size:36px;margin-top:48px}.article>.button{margin-block:12px}.article .lead{font-size:23px}.article .steps{margin-top:25px}.breadcrumbs{font-size:16px;color:var(--muted);margin-bottom:34px}.breadcrumbs span{padding-inline:12px}.plain-list{padding-left:25px}.plain-list li{margin-block:12px}.price-card{padding:32px;border:2px solid var(--accent);border-top:8px solid var(--accent);background:var(--card);margin-block:32px}.price-card h2{margin-top:0}.price{font:700 48px/1.3 var(--display)}.price span{font:400 23px 'Segoe UI',sans-serif}.price-card p:last-child{margin:0}.skip{position:absolute;left:16px;top:-120px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:16px}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:35px}.product-card{padding-inline:22px}.device-heading{margin-inline:-22px}.split{gap:40px}.benefits{gap:22px}.header nav{gap:20px}}
@media(max-width:700px){body{font-size:19px}.wrap{width:calc(100% - 36px)}.header{min-height:100px;flex-wrap:wrap;padding-block:20px;gap:12px}.brand{font-size:28px}.brand-mark{width:42px;height:42px}.header nav{gap:24px;width:100%}.header nav a{font-size:17px}.hero{grid-template-columns:1fr;padding-block:36px 48px;gap:28px}h1{font-size:clamp(42px,10.5vw,64px)}.lead{font-size:21px}.eyebrow{font-size:14px}.poster-frame{max-width:420px;width:calc(100% - 8px);margin:0 auto}.product-card{padding-bottom:22px}.benefits{grid-template-columns:1fr;gap:24px}.benefits>div{padding:0}.section{padding-block:48px}.download-grid,.split{grid-template-columns:1fr;gap:28px}.download-card{padding:24px}.button{padding:15px 18px;font-size:19px}.footer{grid-template-columns:1fr;gap:20px}.footer>div{justify-content:flex-start}.footer small{text-align:left}.article{padding-block:24px 50px}.article h1{font-size:40px}.article h2{font-size:32px}.notice{padding:18px;font-size:17px}.faq-list summary{font-size:20px}.price-card{padding:24px}.price{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){.button,.brand-mark,.product-card,.example-control{border:2px solid CanvasText}.band{background:Canvas;color:CanvasText}.benefits p{color:CanvasText}}