:root{--ink:#080d13;--panel:#14202c;--line:#2b3b4a;--red:#ff3b40;--cyan:#71e8ee;--muted:#b5c3d2;--white:#f6f8fb}
body{background:var(--ink);font-family:Inter,Arial,sans-serif}.wrap{max-width:1440px;padding:0 56px}.preview-bar{background:#14222f;color:#91a9bc;letter-spacing:1px;font-size:11px;padding:7px 16px}.top{padding:23px 0;border-bottom:0;position:relative;z-index:2}.brand{font-size:23px;letter-spacing:1.1px}.brand-mark{background:var(--red);color:#fff;border-radius:50% 50% 6px 50%;padding:12px 14px;box-shadow:0 0 24px #ff3b4026}.brand small{font-size:9px}nav a{transition:color .2s}nav a.active{color:var(--cyan)}.button{border-radius:28px;padding:15px 26px;background:var(--red);box-shadow:0 7px 28px #ff3b401c;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 34px #ff3b4038;background:#f12e34}.button.secondary{background:#ffffff08;border-color:#9cafbf66;box-shadow:none}.button.secondary:hover{background:#ffffff12;border-color:var(--cyan)}.eyebrow{color:var(--cyan);letter-spacing:2.2px;font-size:11px}.line-accent{display:inline-block;width:30px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:12px}h1,h2{font-family:'Barlow Condensed',sans-serif;letter-spacing:-.5px}h2 em,h1 em{font-style:normal;color:var(--cyan)}h2{font-size:clamp(38px,4.4vw,63px)}.cinematic{position:relative;isolation:isolate;margin:0 -56px;min-height:660px;padding:80px 56px 70px;overflow:hidden;display:block;background:#0b121a;border-bottom:1px solid #31414e}.hero-art{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#080d13f5 0%,#080d13d1 28%,#080d1355 58%,#080d1322),linear-gradient(0deg,#080d13 0%,transparent 28%),url('/assets/fireforce-hero-v2.png');background-size:cover;background-position:center;transform:scale(1.035);animation:hero-settle 1.7s ease-out both}.hero-copy{max-width:770px;animation:copy-enter .85s ease both}.cinematic h1{font-size:clamp(76px,8.7vw,132px);line-height:.9;margin:30px 0;letter-spacing:-2px}.cinematic h1 em{display:block;color:#f6f8fb;-webkit-text-stroke:1px #f6f8fb}.cinematic h1 em::first-letter{color:var(--red)}.hero p{font-size:18px;line-height:1.65;color:#c7d3df}.hero .actions{margin-top:34px}.hero-meta{display:flex;gap:25px;flex-wrap:wrap;color:#94a8ba;font-size:10px;letter-spacing:1.8px;margin-top:38px}.hero-product{position:absolute;right:56px;bottom:95px;width:235px;background:#102430d9;border:1px solid #79dee54a;border-radius:14px;padding:22px;backdrop-filter:blur(14px);box-shadow:0 20px 50px #0004;animation:copy-enter 1.1s ease both}.hero-product .product-index{font-size:10px;letter-spacing:2px;color:var(--cyan)}.hero-product strong{display:block;font-size:27px;line-height:1.1;margin:15px 0}.hero-product>span:last-child{font-size:12px;color:#c5d6e4}.hero-bottom{position:absolute;bottom:25px;left:56px;right:56px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#a6bbcb}.strip{padding:25px 0;border-top:0;text-transform:uppercase;letter-spacing:1.4px;font-size:12px;color:#a0b4c7}.strip span::before{content:'+';color:var(--red);margin-right:15px}.section{padding:82px 0}.heading-row{margin-bottom:35px}.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid #6ce6ef80;padding-bottom:5px}.grid{gap:24px}.product{border-radius:16px;border:1px solid #283b4c;background:linear-gradient(145deg,#182735,#101a25);transition:transform .35s,border-color .35s,box-shadow .35s}.product:hover{transform:translateY(-7px);border-color:#71e8ee80;box-shadow:0 20px 45px #0004}.product .photo{margin:12px 12px 0;border-radius:11px;background:radial-gradient(ellipse at center,#fff 20%,#e8eff4 100%);height:250px;padding:32px;overflow:hidden}.product .photo img{max-height:185px;mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.7,.3,1)}.product:hover .photo img{transform:scale(1.09)}.product .info{padding:25px}.product .tag{color:var(--cyan);font-size:10px;letter-spacing:1.8px}.product h3{font-size:21px}.product .info p{line-height:1.65;margin-bottom:24px;color:#afc0ce}.guide{position:relative;padding:50px;border-radius:20px;background:radial-gradient(ellipse at 85% 0,#204352 0,transparent 65%),#13212d;border:1px solid #71e8ee4d;overflow:hidden;box-shadow:0 20px 60px #0002}.guide h2{font-size:48px}.guide-choices{gap:13px}.guide-choices button{border:1px solid #5c899b75;background:#09202a88;border-radius:9px;padding:18px 22px;transition:background .25s,transform .25s}.guide-choices button:hover{background:#234b5a;transform:translateX(4px)}.service-card,.project{border-radius:16px;background:#15232f;border:1px solid #2a3e50;overflow:hidden;transition:transform .3s}.service-card:hover,.project:hover{transform:translateY(-5px)}.service-card img,.project img{height:270px;filter:saturate(.85);transition:filter .4s,transform .5s}.service-card:hover img,.project:hover img{filter:saturate(1.15)}.service-card .info,.project .info{padding:30px}.service-card h3{font-size:25px}.project h3{font-size:23px;margin:14px 0 23px}.process{gap:45px}.process b{font-size:56px;color:#ff5156}.process h3{font-size:21px}.closing{position:relative;border:1px solid #ffffff20;background:linear-gradient(110deg,#b4242d,#e13239 58%,#ff5156);border-radius:20px;padding:54px;box-shadow:0 20px 60px #ff3b4010}.closing h2{font-size:46px}.closing p{color:#ffe7e9}.closing .button{background:#080d13;box-shadow:none}.closing .button:hover{background:#182733}footer{padding-top:55px}footer a:hover{color:var(--cyan)}.page-head{padding:46px 0 52px}.page-head h1{font-size:clamp(60px,7vw,94px);line-height:.95}.breadcrumb{font-size:12px;color:#859bae}.filterbar button{border-radius:30px;padding:12px 20px;background:#132330;transition:background .2s}.filterbar button[aria-pressed=true]{background:var(--cyan);color:#07161e;border-color:var(--cyan)}.catalog-head input,input,textarea,select{border-radius:8px;background:#0a1823;border-color:#416074}.detail-photo{border-radius:18px;background:radial-gradient(ellipse,#fff,#e4edf4);padding:50px}.detail-photo img{mix-blend-mode:multiply}.detail h1{font-size:72px}.about-image{border-radius:18px;height:420px}.values{border-radius:16px;background:linear-gradient(130deg,#1b2c3a,#101c26);padding:32px;border-top:2px solid var(--cyan)}.values h3{font-size:23px}.form-panel{border:1px solid #42617266;border-radius:20px;background:linear-gradient(130deg,#1c2e3d,#111e29);padding:38px}.assistant-box{border-radius:18px;background:radial-gradient(ellipse at top right,#204650,#12222e 65%);padding:38px}.assistant-box .choices button{border-radius:25px;padding:13px 20px}.assistant-box .choices button[aria-pressed=true]{background:var(--cyan);color:#07151c;border-color:var(--cyan)}.answer{background:#09212c;border:1px solid #436b7b;border-radius:12px;padding:28px}.floating-guide{position:fixed;bottom:24px;right:25px;z-index:5;display:flex;align-items:center;gap:10px;background:#0d202b;color:#d9fbff;padding:12px 20px;border:1px solid #71e8ee88;border-radius:35px;font-size:13px;box-shadow:0 8px 30px #0006;transition:transform .25s}.floating-guide:hover{transform:translateY(-4px)}.floating-guide span{color:var(--cyan);font-size:24px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease var(--delay,0ms),transform .65s ease var(--delay,0ms)}.reveal.revealed{opacity:1;transform:translateY(0)}.product.reveal.revealed:hover{transform:translateY(-7px)}
@keyframes hero-settle{from{transform:scale(1.09)}to{transform:scale(1.035)}}@keyframes copy-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px){body[data-page=home] .section:nth-of-type(3){position:relative}}
@media(max-width:1000px){.wrap{padding:0 28px}.cinematic{margin:0 -28px;padding:70px 28px;min-height:640px}.hero-product{right:28px;width:210px;bottom:65px}.hero-copy{max-width:620px}.hero-bottom{left:28px;right:28px}.cinematic h1{font-size:100px}.hero-art{background-position:60% center}.guide{padding:38px}.hero-meta{max-width:400px}.grid{gap:18px}.product .photo{height:210px}}
@media(max-width:700px){.wrap{padding:0 20px}.top{padding:20px 0}.cinematic{margin:0 -20px;min-height:700px;padding:50px 20px 170px}.cinematic h1{font-size:clamp(68px,13vw,92px);letter-spacing:-1px}.hero-art{background-position:65% center;background-image:linear-gradient(90deg,#080d13ee,#080d1388),linear-gradient(0deg,#080d13,transparent 50%),url('/assets/fireforce-hero-v2.png')}.hero-product{right:20px;left:20px;bottom:65px;width:auto;padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.hero-product strong{font-size:22px;margin:0;grid-row:span 2}.hero-product .product-index{grid-column:2;grid-row:1}.hero-product>span:last-child{grid-column:2}.hero-bottom{left:20px;right:20px;font-size:9px;gap:15px}.hero-meta{font-size:9px;gap:10px}.hero .actions{gap:10px}.button{padding:13px 19px}.section{padding:52px 0}.product .photo{height:175px;padding:20px;margin:8px 8px 0}.product .info{padding:18px}.product h3{font-size:18px}.grid{gap:14px}.guide{padding:28px}.guide h2{font-size:42px}.closing{padding:32px}.closing h2{font-size:38px}.page-head h1,.detail h1{font-size:58px}.floating-guide{right:15px;bottom:15px;padding:9px 16px}.service-card img,.project img{height:230px}.form-panel{padding:25px}.about-image{height:300px}.process{gap:20px}.preview-bar{letter-spacing:.3px}footer{padding-bottom:90px}}
@media(max-width:370px){.cinematic h1{font-size:65px}.grid{grid-template-columns:1fr}.top>.button{font-size:12px}.hero-bottom{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-copy,.hero-product{animation:none;transform:none}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}