:root{color-scheme:dark;--gold:#edc486;--text:#f5f0df;--muted:#adbbae;--bg:#10241c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px system-ui,sans-serif}a{color:inherit;text-decoration:none}header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:24px 4%;border-bottom:1px solid #ffffff27;background:linear-gradient(#09170dcc,transparent)}.logo{display:flex;align-items:center;gap:13px}.logo>span{border:1px solid var(--gold);padding:11px 9px;font-size:23px;font-weight:700;color:var(--gold)}.logo b{font-size:17px;letter-spacing:1px}.logo em{font-style:normal;color:var(--gold)}nav{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:600}.nav-play{padding:13px 17px;border:1px solid #eac78980;color:var(--gold)}.hero{position:relative;min-height:850px;height:100svh;max-height:1200px;display:flex;align-items:center;padding:130px 7% 100px;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('assets/firebreak-concept.png') center/cover no-repeat;transform:scale(1.025)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#091d17f5 0%,#0c231bcf 30%,#10241b66 58%,#10241b0d 100%),linear-gradient(0deg,#10241c,transparent 27%,#0b201a33 75%,#0b201ac9)}.hero-copy{position:relative;z-index:1;width:min(650px,65%)}.eyebrow{display:block;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:2px}h1{font:500 clamp(48px,5.8vw,91px)/1.01 Georgia,serif;letter-spacing:-3px;margin:26px 0}.hero h1 em,h2 em{font-style:normal;color:var(--gold)}.lead{max-width:470px;color:#d7dfd3;font-size:15px;line-height:1.9}.hero-buttons{display:flex;gap:12px;margin-top:31px;align-items:center;flex-wrap:wrap}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--gold);padding:17px 23px;color:#183527;font-weight:750;font-size:13px;box-shadow:0 6px 25px #0002}.primary:hover{background:#ffdda7}.secondary{background:#152f25cc;border:1px solid #bdc6aa55;padding:17px;font-size:11px}.hero-meta{display:flex;gap:22px;margin-top:32px;flex-wrap:wrap;font-size:8px;letter-spacing:1px;color:#c4d1bd}.hero-meta span:before{content:'●';color:var(--gold);padding-right:7px}.art-caption{position:absolute;right:4%;bottom:64px;font-size:9px;letter-spacing:.3px;color:#d0d3c5;background:#14271aca;padding:8px 12px}.scroll-note{position:absolute;left:7%;bottom:38px;font-size:8px;letter-spacing:2px;color:#aebea9}.recon{padding:70px 7%;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;border-bottom:1px solid #a1b39b2b}.recon h2{font:400 clamp(34px,4vw,57px)/1.1 Georgia,serif;margin:20px 0}.recon p{color:var(--muted);line-height:1.9;font-size:13px;max-width:450px}.recon small{display:block;font-size:9px;color:#879d8a;line-height:1.8;max-width:430px;margin-top:22px}.text-link{color:var(--gold);display:inline-block;font-size:12px;font-weight:700;margin-top:12px}.recon-screen{background:#162c24;border:1px solid #8ea18d55;box-shadow:0 25px 90px #0005;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);transition:transform .3s}.recon-screen:hover{transform:none}.feed-top,.feed-bottom{display:flex;justify-content:space-between;gap:15px;padding:17px;font-size:8px;letter-spacing:1px;color:#bbcbb6}.feed-top span:first-child{color:#cbea9c}.recon-screen svg{display:block;width:100%;height:auto}.feed-bottom b{color:var(--gold);font-size:9px;letter-spacing:0}.gameplay{padding:60px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.section-heading h2{font:400 40px Georgia,serif;margin:13px 0 0}button{font:600 11px system-ui;cursor:pointer;background:#243f30;color:#e6e5cf;border:1px solid #6e866a;padding:13px 17px}button:hover{background:#3f573d}button:disabled{opacity:.65}#liveScene{height:480px;background:radial-gradient(ellipse at 70% 30%,#577450,#1e3a2a 45%,#13271c);border:1px solid #72856555;overflow:hidden}.preview-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(130deg,#142e25d9,#30472870)}.preview-placeholder span{font-size:9px;letter-spacing:3px;color:var(--gold)}.preview-placeholder h3{font:400 40px Georgia,serif;margin:25px 0 10px}.preview-placeholder p{font-size:12px;color:var(--muted)}.preview-placeholder a{margin-top:20px;padding-bottom:5px;border-bottom:1px solid #d8bf85;color:var(--gold);font-size:12px}iframe{width:100%;height:100%;border:0}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding-top:35px}.feature-strip small{font-size:8px;letter-spacing:2px;color:var(--gold)}.feature-strip h3{font:400 23px Georgia,serif}.feature-strip p{color:var(--muted);font-size:11px;line-height:1.9}.final-cta{margin:0 7%;padding:40px 0 55px;border-top:1px solid #8caa7c44;display:flex;justify-content:space-between;gap:30px;align-items:center}.final-cta h2{font:400 31px/1.4 Georgia,serif;margin-bottom:0}footer{padding:30px 7%;background:#0c1d16;display:flex;align-items:center;gap:35px;justify-content:space-between;border-top:1px solid #a1b39b2b}footer div{display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:1px}footer span{font-size:8px;color:var(--muted)}footer p{max-width:380px;font-size:9px;line-height:1.8;color:#90a28e}footer>a{font-size:10px;color:var(--gold)}@media(max-width:900px){nav>a:not(.nav-play){display:none}.hero-copy{width:80%}.hero{min-height:760px}.hero-art{background-position:60% center}.recon{gap:30px;padding-block:50px;grid-template-columns:1fr 1fr}.hero-shade{background:linear-gradient(90deg,#0c2119f2,#0c211999),linear-gradient(0deg,#10241c,transparent 30%)}.final-cta{align-items:start}footer{flex-wrap:wrap}.art-caption{font-size:8px;max-width:250px;bottom:60px}}@media(max-width:600px){header{padding:18px 5%}.logo b{font-size:12px}.logo>span{font-size:18px}.nav-play{font-size:9px;padding:10px}.hero{padding:140px 6% 115px;min-height:800px;height:auto}.hero-copy{width:100%}h1{font-size:52px;letter-spacing:-2px}.lead{font-size:13px;line-height:1.8}.hero-meta{gap:12px;font-size:7px}.hero-buttons{align-items:stretch;flex-direction:column;max-width:290px}.secondary{text-align:center}.art-caption{left:6%;right:6%;bottom:55px;max-width:none}.scroll-note{left:6%;bottom:27px}.recon{grid-template-columns:1fr;padding:40px 6%;gap:30px}.recon-screen{transform:none}.recon h2{font-size:43px}.gameplay{padding:40px 6%}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:32px}#liveScene{height:330px}.feature-strip{grid-template-columns:1fr;gap:8px}.feature-strip h3{margin:12px 0}.final-cta{flex-direction:column;margin:0 6%}footer{padding-inline:6%;gap:20px}.preview-placeholder h3{font-size:30px}}

.demo-section{padding:55px 7% 25px;background:#10241c}.demo-platform{font-size:8px;letter-spacing:1.4px;color:#a7baa5}.demo-poster{position:relative;display:block;overflow:hidden;border:1px solid #d1bc7855;box-shadow:0 22px 80px #0006;background:#0b1c13}.demo-poster img{display:block;width:100%;height:auto}.demo-poster::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#05140b22 60%,#06170f55);transition:background .2s}.demo-play-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#fff8df;text-shadow:0 2px 12px #000}.demo-play-circle{width:88px;height:88px;border:1px solid #ffe2aacc;border-radius:50%;display:grid;place-items:center;padding-left:5px;background:#153326d9;color:#f2d093;font-size:29px;box-shadow:0 0 0 10px #10271b55;transition:transform .2s,background .2s}.demo-play-control b{font-size:17px;letter-spacing:3px}.demo-play-control small{font-size:10px;background:#112a20d9;padding:6px 10px}.demo-poster:hover .demo-play-circle{transform:scale(1.09);background:#345339}.demo-poster:focus-visible{outline:3px solid #f0c98b;outline-offset:5px}.demo-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0}.demo-caption p{font-size:10px;color:#9eb39b;line-height:1.8;margin:0}.demo-caption a{flex-shrink:0;color:#edc486;font-size:11px;font-weight:700}@media(max-width:600px){.demo-section{padding:38px 6% 15px}.demo-platform{font-size:7px}.demo-play-circle{width:58px;height:58px;font-size:22px;box-shadow:0 0 0 6px #10271b55}.demo-play-control{gap:8px}.demo-play-control b{font-size:12px;letter-spacing:2px}.demo-play-control small{font-size:8px}.demo-caption{align-items:start;flex-direction:column;gap:7px}.demo-section h2{font-size:29px}}

.firehouse-section{padding:40px 7% 50px;border-bottom:1px solid #a1b39b2b}.firehouse-image{margin:0;border:1px solid #d2b47744;background:#0b1c13;box-shadow:0 20px 70px #0004}.firehouse-image img{display:block;width:100%;height:auto}.firehouse-image figcaption{padding:13px 17px;color:#a9bda4;font-size:9px;letter-spacing:.4px;line-height:1.7}.response-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:22px 0 0;color:#d6dfcb;font-size:12px}.response-steps b{display:inline-block;margin-right:13px;color:#eac78a;font-size:10px;font-weight:500}@media(max-width:600px){.firehouse-section{padding:30px 6%}.firehouse-section h2{font-size:29px}.response-steps{grid-template-columns:1fr;gap:13px;font-size:11px}.firehouse-image figcaption{font-size:8px;padding:10px 12px}}

.features-section{padding:60px 7%;border-bottom:1px solid #a1b39b2b}.features-note{max-width:720px;color:var(--muted);font-size:13px;line-height:1.8}#homeFeatureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.home-feature{display:flex;flex-direction:column;align-items:start;padding:22px;border:1px solid #81927a55;background:#193427;transition:background .2s}.home-feature:hover{background:#294a34}.home-feature small{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:1px}.home-feature h3{font:400 25px Georgia,serif;margin:16px 0 0}.home-feature p{font-size:12px;line-height:1.7;color:var(--muted);flex:1}.home-feature>span{font-size:11px;color:var(--gold);margin-top:10px}.feature-status{padding:22px;background:#0d2118;border-left:2px solid var(--gold);font-size:12px;line-height:1.8;color:var(--muted)}.feature-status b{color:var(--gold)}@media(max-width:900px){#homeFeatureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.features-section{padding:40px 6%}#homeFeatureGrid{grid-template-columns:1fr}.home-feature{padding:20px}.features-section .section-heading h2{font-size:32px}}