/* FloorEye — Production Stylesheet */
:root{
  --dark:#0A1628;--mid:#0F2447;--card:#132035;--light:#F1F5F9;
  --accent:#2563EB;--accent2:#3B82F6;--alert:#EF4444;--amber:#F59E0B;--green:#10B981;
  --tw:#F8FAFC;--tm:#94A3B8;--td:#0F172A;--tb:#475569;
  --border:#1E3A5F;--borderl:#E2E8F0;
  --r:8px;--rm:12px;--rl:16px;--rf:9999px;
  --sc:0 1px 3px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2);
  --sh:0 8px 32px rgba(37,99,235,.25);--sg:0 0 40px rgba(37,99,235,.25);
  --tr:.3s ease;--f:'Inter',system-ui,sans-serif;
}
.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px 16px;z-index:9999;border-radius:0 0 8px 0;transition:top .2s}
.skip-link:focus{top:0}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f);color:var(--td);background:var(--dark);overflow-x:hidden}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;background:none;font-family:var(--f)}ul{list-style:none}
h1{font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;line-height:1.1}
h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;line-height:1.2}
h3{font-size:1.1rem;font-weight:600;line-height:1.3}p{line-height:1.7}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sp{padding:96px 0}.sps{padding:72px 0}
.ey{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent2);border:1px solid rgba(59,130,246,.35);border-radius:var(--rf);padding:4px 14px;margin-bottom:16px}
.ey-r{color:var(--alert);border-color:rgba(239,68,68,.3)}
.sh{text-align:center;margin-bottom:52px}
.sh h2{margin-bottom:14px}.sh p{max-width:620px;margin:0 auto;font-size:1rem}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--r);font-size:.93rem;font-weight:600;transition:all var(--tr);white-space:nowrap}
.bp{background:var(--accent);color:#fff;box-shadow:0 4px 16px rgba(37,99,235,.35)}
.bp:hover{background:var(--accent2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.45)}
.bo{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.bo:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.06);transform:translateY(-2px)}
.bl{padding:16px 36px;font-size:1rem}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:background var(--tr),box-shadow var(--tr),padding var(--tr)}
#nav.sc{background:rgba(10,22,40,.96);backdrop-filter:blur(16px);padding:11px 0;box-shadow:0 1px 0 rgba(255,255,255,.05),0 8px 32px rgba(0,0,0,.3)}
.ni{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo-t{font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.logo-t span{color:var(--accent)}
.nl{display:flex;align-items:center;gap:2px}
.nl a{padding:7px 13px;border-radius:var(--r);font-size:.88rem;font-weight:500;color:rgba(255,255,255,.72);transition:all var(--tr);position:relative}
.nl a:hover,.nl a.active{color:#fff}
.nl a.active::after{content:'';position:absolute;bottom:1px;left:13px;right:13px;height:2px;background:var(--accent);border-radius:2px}
.nl a:hover{background:rgba(255,255,255,.06)}
.hbg{display:none;flex-direction:column;gap:5px;width:32px;height:32px;justify-content:center;align-items:center}
.hbg span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all var(--tr)}
.hbg.op span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hbg.op span:nth-child(2){opacity:0}
.hbg.op span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mm{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,22,40,.98);backdrop-filter:blur(20px);z-index:999;padding:100px 24px 40px;flex-direction:column;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity var(--tr)}
.mm.op{display:flex;opacity:1;pointer-events:all}
.mm a{font-size:1.2rem;font-weight:600;color:rgba(255,255,255,.8);padding:12px 24px;border-radius:var(--r);width:100%;text-align:center;transition:all var(--tr)}
.mm a:hover{color:#fff;background:rgba(255,255,255,.06)}
.mm .bp{margin-top:16px;width:100%;justify-content:center}

/* HERO */
#hero{min-height:100vh;background:var(--dark);background-image:radial-gradient(ellipse at 65% 0,rgba(37,99,235,.18) 0,transparent 60%),radial-gradient(ellipse at 0 100%,rgba(37,99,235,.1) 0,transparent 50%);position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 0 80px}
#hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.hi{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.htxt .ey{margin-bottom:18px}
.ht{color:#fff;margin-bottom:22px}
.ht span{color:var(--accent)}
.hs{color:var(--tm);font-size:1.05rem;margin-bottom:32px;max-width:490px}
.hb{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px}
.hst{display:flex;gap:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,.07)}
.hsv{font-size:1.5rem;font-weight:800;color:#60A5FA}
.hsl{font-size:.7rem;font-weight:500;color:var(--tm);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}

/* CAMERA SCENE — Canvas Animation */
.camera-scene{max-width:480px;margin-left:auto;border-radius:var(--rl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--sg);background:#080f1e;aspect-ratio:4/3;position:relative;user-select:none}
.camera-scene canvas{display:block;width:100%;height:100%;cursor:crosshair}
.cam-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:6px;z-index:5}
.cam-btn{padding:4px 10px;font-size:.65rem;font-weight:700;font-family:var(--f);letter-spacing:.06em;border-radius:4px;background:rgba(0,0,0,.55);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}
.cam-btn:hover{background:rgba(37,99,235,.4);color:#fff;border-color:var(--accent)}
.cam-btn.active{background:rgba(37,99,235,.6);color:#fff;border-color:var(--accent2)}
.cam-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);color:#fff;font-size:.7rem;font-weight:600;padding:5px 12px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:6;white-space:nowrap;letter-spacing:.04em}
.cam-tooltip.visible{opacity:1}
.motion-banner{position:absolute;top:36px;left:50%;transform:translateX(-50%);background:rgba(239,68,68,.85);color:#fff;font-size:.7rem;font-weight:700;padding:4px 16px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:6;letter-spacing:.08em;box-shadow:0 0 20px rgba(239,68,68,.4)}
.motion-banner.visible{opacity:1}

/* PROBLEM */
#problem{background:var(--light)}
#problem .sh h2{color:var(--td)}#problem .sh p{color:var(--tb)}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:48px}
.pc{background:#fff;border-radius:var(--rm);padding:26px;box-shadow:var(--sc);border:1px solid var(--borderl);border-left:4px solid transparent;transition:all var(--tr)}
.pc:hover{border-left-color:var(--amber);transform:translateY(-3px);box-shadow:var(--sh)}
.pi{width:42px;height:42px;border-radius:var(--r);background:rgba(239,68,68,.08);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--alert)}
.pi svg{width:21px;height:21px}
.pc h3{color:var(--td);margin-bottom:6px;font-size:1rem}
.pc p{color:var(--tb);font-size:.875rem}
.bb{background:var(--dark);border-radius:20px;padding:36px 44px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.bt{color:rgba(255,255,255,.82);font-size:1rem;max-width:560px;line-height:1.7}
.bs{flex-shrink:0;text-align:center;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.28);border-radius:var(--rm);padding:14px 24px}
.bsv{font-size:1.9rem;font-weight:800;color:#60A5FA}
.bsl{font-size:.68rem;font-weight:600;color:var(--tm);text-transform:uppercase;letter-spacing:.1em;margin-top:3px}

/* SOLUTION */
#solution{background:var(--mid);position:relative;overflow:hidden}
#solution::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 50%,rgba(37,99,235,.07) 0,transparent 60%);pointer-events:none}
#solution .sh h2{color:#fff}#solution .sh p{color:var(--tm)}
.sc2{max-width:760px;margin:0 auto;position:relative}
.sc2::before{content:'';position:absolute;left:27px;top:40px;bottom:40px;width:2px;background:linear-gradient(180deg,var(--accent) 0,transparent 100%);opacity:.25}
.si{display:flex;gap:24px;align-items:flex-start;padding:20px 0}
.sn{flex-shrink:0;width:54px;height:54px;border-radius:50%;background:rgba(37,99,235,.1);border:2px solid rgba(37,99,235,.35);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:var(--accent);position:relative;z-index:1;transition:all var(--tr)}
.si:hover .sn{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--sg)}
.sc3{padding-top:10px;flex:1}
.sc3 h3{color:#fff;margin-bottom:6px}
.sc3 p{color:var(--tm);font-size:.9rem}
.snt{text-align:center;margin-top:24px;color:var(--tm);font-size:.875rem;font-style:italic}

/* STATS */
#stats{background:var(--light)}
#stats .sh h2{color:var(--td)}#stats .sh p{color:var(--tb)}
.stg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px}
.stc{background:var(--dark);border:1px solid var(--border);border-radius:var(--rm);padding:26px;position:relative;overflow:hidden;transition:all var(--tr)}
.stc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.stc:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:rgba(37,99,235,.3)}
.stv{font-size:2.4rem;font-weight:800;color:#60A5FA;line-height:1;margin-bottom:8px}
.std{color:rgba(255,255,255,.78);font-size:.88rem;line-height:1.5;margin-bottom:10px}
.sts{font-size:.7rem;color:var(--tm)}
.sts a{color:var(--accent2);text-decoration:underline;text-decoration-color:rgba(59,130,246,.35);transition:color var(--tr)}
.sts a:hover{color:#fff}
.og{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.oc{background:#fff;border-radius:var(--rm);padding:22px;text-align:center;border:2px solid var(--borderl);transition:all var(--tr)}
.oc:hover{border-color:var(--accent);transform:translateY(-3px)}
.ov{font-size:1.9rem;font-weight:800;color:var(--accent);margin-bottom:6px}
.ol{font-size:.85rem;color:var(--tb);font-weight:500}

/* DETECTION */
#detection{background:var(--dark);background-image:radial-gradient(ellipse at 50% 0,rgba(37,99,235,.1) 0,transparent 55%)}
#detection .sh h2{color:#fff}#detection .sh p{color:var(--tm)}
.dg{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.dc{background:var(--card);border:1px solid var(--border);border-radius:var(--rm);padding:26px 16px;text-align:center;transition:all var(--tr)}
.dc:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--sh);background:rgba(37,99,235,.05)}
.di{width:54px;height:54px;border-radius:50%;background:rgba(37,99,235,.09);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;border:1px solid rgba(37,99,235,.25);transition:all var(--tr)}
.dc:hover .di{background:rgba(37,99,235,.18);box-shadow:0 0 18px rgba(37,99,235,.25)}
.di svg{width:24px;height:24px;color:var(--accent2)}
.dc h3{color:#fff;font-size:.9rem;margin-bottom:5px}
.dc p{color:var(--tm);font-size:.8rem}

/* ALERTS */
#alerts{background:var(--light)}
#alerts .sh h2{color:var(--td)}#alerts .sh p{color:var(--tb)}
.ag{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ac{background:#fff;border-radius:var(--rm);padding:26px;border:1px solid var(--borderl);box-shadow:var(--sc);display:flex;gap:16px;align-items:flex-start;transition:all var(--tr);border-left:4px solid transparent}
.ac:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.ac.a{border-left-color:var(--amber)}.ac.b{border-left-color:var(--accent)}.ac.p{border-left-color:#8B5CF6}.ac.g{border-left-color:var(--green)}
.ai{width:42px;height:42px;flex-shrink:0;border-radius:var(--r);display:flex;align-items:center;justify-content:center}
.ai.a{background:rgba(245,158,11,.1);color:var(--amber)}.ai.b{background:rgba(37,99,235,.1);color:var(--accent)}.ai.p{background:rgba(139,92,246,.1);color:#8B5CF6}.ai.g{background:rgba(16,185,129,.1);color:var(--green)}
.ai svg{width:21px;height:21px}
.ac h3{color:var(--td);margin-bottom:5px;font-size:.97rem}
.ac p{color:var(--tb);font-size:.85rem}

/* BENEFITS */
#benefits{background:var(--mid);position:relative;overflow:hidden}
#benefits::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0 100%,rgba(37,99,235,.07) 0,transparent 50%);pointer-events:none}
#benefits .sh h2{color:#fff}#benefits .sh p{color:var(--tm)}
.bg2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bc{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--rm);padding:26px 22px;transition:all var(--tr)}
.bc:hover{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.4);transform:translateY(-4px);box-shadow:var(--sh)}
.bci{width:46px;height:46px;border-radius:var(--r);background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.18);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all var(--tr)}
.bc:hover .bci{background:rgba(37,99,235,.2);border-color:rgba(37,99,235,.45)}
.bci svg{width:21px;height:21px;color:var(--accent2)}
.bc h3{color:#fff;margin-bottom:6px;font-size:.97rem}
.bc p{color:var(--tm);font-size:.85rem}

/* GETTING STARTED */
#gs{background:var(--light)}
#gs .sh h2{color:var(--td)}#gs .sh p{color:var(--tb)}
.gsr{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.gsr::before{content:'';position:absolute;top:38px;left:calc(12.5% + 24px);right:calc(12.5% + 24px);height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0,var(--accent) 6px,transparent 6px,transparent 12px);opacity:.25}
.gc{background:#fff;border-radius:var(--rm);padding:30px 22px;text-align:center;border:1px solid var(--borderl);box-shadow:var(--sc);transition:all var(--tr)}
.gc:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--accent)}
.gn{width:54px;height:54px;border-radius:50%;background:var(--accent);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 4px 16px rgba(37,99,235,.35);position:relative;z-index:1}
.gc h3{color:var(--td);margin-bottom:7px}
.gc p{color:var(--tb);font-size:.85rem}

/* TEAM */
#team{background:var(--dark);background-image:radial-gradient(ellipse at 50% 100%,rgba(37,99,235,.08) 0,transparent 60%)}
#team .sh h2{color:#fff}#team .sh p{color:var(--tm)}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tc{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:36px 26px;text-align:center;transition:all var(--tr)}
.tc:hover{transform:translateY(-4px);border-color:rgba(37,99,235,.4);box-shadow:var(--sh)}
.tpw{width:140px;height:140px;border-radius:50%;overflow:hidden;border:3px solid var(--accent);box-shadow:0 0 0 6px rgba(37,99,235,.1);margin:0 auto 18px;background:var(--mid);display:flex;align-items:center;justify-content:center;position:relative}
.tpw img{width:100%;height:100%;object-fit:cover;object-position:top center;position:absolute;top:0;left:0}
.tin{font-size:2rem;font-weight:800}
.tc figure{margin:0}
.tc figcaption{margin-top:4px}
.tc h3{color:#fff;font-size:1.15rem;margin-bottom:5px}
.tt{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2);margin-bottom:14px;display:block}
.tb2{color:var(--tm);font-size:.85rem;line-height:1.7;margin-bottom:18px}
.tli{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:var(--r);border:1px solid rgba(37,99,235,.4);color:var(--accent2);font-size:.8rem;font-weight:600;transition:all var(--tr)}
.tli:hover{background:rgba(37,99,235,.1);border-color:var(--accent);color:#fff}
.tli svg{width:13px;height:13px}

/* FAQ */
#faq{background:var(--light)}
#faq .sh h2{color:var(--td)}#faq .sh p{color:var(--tb)}
.fl{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.fi{background:#fff;border-radius:var(--rm);border:1px solid var(--borderl);overflow:hidden;transition:all var(--tr)}
.fi.op{border-color:var(--accent)}
.fq{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:14px;font-size:.97rem;font-weight:600;color:var(--td);text-align:left;cursor:pointer;transition:color var(--tr)}
.fi.op .fq{color:var(--accent)}
.fic{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:rgba(37,99,235,.08);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.1rem;font-weight:300;transition:transform var(--tr),background var(--tr)}
.fi.op .fic{transform:rotate(45deg);background:var(--accent);color:#fff}
.fa{max-height:0;overflow:hidden;transition:max-height .4s ease}
.fi.op .fa{max-height:200px}
.fai{padding:0 22px 18px;color:var(--tb);font-size:.91rem;line-height:1.7;border-top:1px solid var(--borderl);padding-top:14px}

/* CONTACT */
#contact{background:linear-gradient(135deg,var(--dark) 0%,#0F2447 50%,#1a3460 100%);position:relative;overflow:hidden}
#contact::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(37,99,235,.2) 0,transparent 60%);pointer-events:none}
.ci{text-align:center;position:relative;z-index:1}
.ci h2{color:#fff;margin-bottom:14px}
.ci>p{color:var(--tm);font-size:1.05rem;max-width:540px;margin:0 auto 32px}
.cem{color:var(--accent2);font-size:.93rem;margin-top:14px}
.cem a{text-decoration:underline;text-decoration-color:rgba(59,130,246,.35);transition:color var(--tr)}
.cem a:hover{color:#fff}
.cm{display:flex;justify-content:center;gap:40px;margin-top:52px;padding-top:44px;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}
.cmv{font-size:1.9rem;font-weight:800;color:#60A5FA;margin-bottom:3px}
.cml{font-size:.72rem;color:var(--tm);text-transform:uppercase;letter-spacing:.08em;font-weight:500}

/* FOOTER */
footer{background:#060E1A;border-top:1px solid var(--border);padding:52px 0 28px}
.ft{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;margin-bottom:36px}
.ftag{color:var(--tm);font-size:.85rem;line-height:1.7;max-width:270px;margin-top:12px}
.fc h4{color:rgba(255,255,255,.85);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.fc ul{display:flex;flex-direction:column;gap:7px}
.fc ul a{color:var(--tm);font-size:.85rem;transition:color var(--tr)}
.fc ul a:hover{color:#fff}
.fci{display:flex;align-items:center;gap:7px;color:var(--tm);font-size:.85rem;margin-bottom:7px}
.fci svg{width:13px;height:13px;color:var(--accent);flex-shrink:0}
.fci a{color:var(--accent2);transition:color var(--tr)}
.fci a:hover{color:#fff}
.fb{border-top:1px solid rgba(255,255,255,.05);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.fcp{color:var(--tm);font-size:.8rem}

/* RESPONSIVE — TABLET */
@media(max-width:1024px){
  .hi{grid-template-columns:1fr;gap:44px}
  .camera-scene{max-width:100%;margin:0 auto}
  .pg{grid-template-columns:repeat(2,1fr)}
  .stg{grid-template-columns:repeat(2,1fr)}
  .dg{grid-template-columns:repeat(3,1fr)}
  .bg2{grid-template-columns:repeat(2,1fr)}
  .gsr{grid-template-columns:repeat(2,1fr)}.gsr::before{display:none}
  .tg{grid-template-columns:repeat(2,1fr)}
  .ag{grid-template-columns:repeat(2,1fr)}
  .ft{grid-template-columns:1fr 1fr}
  .nl,.nav-cta{display:none}.hbg{display:flex}
}

/* RESPONSIVE — MOBILE */
@media(max-width:640px){
  .sp{padding:64px 0}.sps{padding:52px 0}
  .pg,.ag{grid-template-columns:1fr}
  .stg,.og,.gsr,.bg2{grid-template-columns:1fr}
  .dg{grid-template-columns:repeat(2,1fr)}
  .tg{grid-template-columns:1fr}
  .bb{flex-direction:column;text-align:center;padding:26px 20px}
  .hst{gap:18px}
  .cm{gap:20px}
  .ft{grid-template-columns:1fr}
  .fb{flex-direction:column;text-align:center}
}