@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
#fateh-captain-hero, #fateh-captain-hero * { box-sizing:border-box; }
#fateh-captain-hero {
  --fc-red:#f04b36; --fc-ink:#111315;
  position:relative; isolation:isolate; width:100%; min-height:760px; height:min(880px,calc(100svh - 80px));
  overflow:hidden; color:#f6f5f1; background:#111315; font-family:Manrope,Arial,sans-serif; margin:0; padding:0;
}
#fateh-captain-hero a { color:inherit; text-decoration:none; }
#fateh-captain-hero .fc-noise { position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.15; mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); }
#fateh-captain-hero .fc-grid { position:absolute; inset:0 0 0 43%; z-index:0; opacity:.24; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:58px 58px; mask-image:linear-gradient(90deg,transparent,#000 18%,#000 78%,transparent); }
#fateh-captain-hero .fc-stage { position:absolute; z-index:0; width:min(72vw,960px); aspect-ratio:1; right:-4%; top:50%; transform:translateY(-48%); border-radius:50%;
  background:radial-gradient(circle at 48% 45%,#fff 0%,#f4f3ef 48%,#d9d8d2 70%,rgba(217,216,210,0) 71%); filter:drop-shadow(0 0 90px rgba(255,255,255,.12)); }
#fateh-captain-hero .fc-stage:before { content:""; position:absolute; inset:9%; border:1px solid rgba(17,19,21,.15); border-radius:50%; }
#fateh-captain-hero .fc-stage:after { content:""; position:absolute; inset:17%; border:1px dashed rgba(17,19,21,.17); border-radius:50%; }
#fateh-captain-hero .fc-copy { position:absolute; z-index:4; left:clamp(24px,9.1vw,140px); top:50%; width:min(43%,560px); transform:translateY(-43%); }
#fateh-captain-hero .fc-company { margin:0 0 17px 2px; color:#a9aaa6; font-size:8px; font-weight:800; letter-spacing:.22em; }
#fateh-captain-hero .fc-kicker { display:flex; align-items:center; gap:12px; margin:0 0 24px; color:#c4c5c1; font-size:9px; font-weight:800; letter-spacing:.26em; }
#fateh-captain-hero .fc-kicker:before { content:""; width:35px; height:2px; background:var(--fc-red); box-shadow:0 0 15px rgba(240,75,54,.8); }
#fateh-captain-hero h1 { margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(94px,11.2vw,166px); line-height:.72; font-weight:800; letter-spacing:-.045em; text-transform:uppercase; }
#fateh-captain-hero h1 span { display:block; color:#f5f4f0; }
#fateh-captain-hero h1 em { display:block; margin:13px 0 0 42px; font-style:normal; color:transparent; -webkit-text-stroke:1.5px #f5f4f0; font-size:.79em; letter-spacing:-.02em; }
#fateh-captain-hero .fc-title-rule { display:flex; align-items:center; gap:13px; margin:36px 0 17px 5px; }
#fateh-captain-hero .fc-title-rule i { display:block; width:3px; height:47px; background:var(--fc-red); box-shadow:0 0 18px rgba(240,75,54,.6); }
#fateh-captain-hero .fc-title-rule p { margin:0; color:#e4e3de; font-size:clamp(16px,1.55vw,22px); line-height:1.3; letter-spacing:-.045em; font-weight:500; }
#fateh-captain-hero .fc-title-rule strong { color:#fff; font-weight:800; }
#fateh-captain-hero .fc-desc { max-width:360px; margin:0 0 28px 5px; color:#a8aaa8; font-size:11px; line-height:1.9; }
#fateh-captain-hero .fc-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-left:5px; }
#fateh-captain-hero .fc-cta { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:52px; padding:0 17px 0 21px; color:#fff; background:var(--fc-red); font-size:8px; font-weight:800; letter-spacing:.16em; border:1px solid var(--fc-red); transition:background .25s,transform .25s,box-shadow .25s; box-shadow:0 10px 30px rgba(240,75,54,.15); }
#fateh-captain-hero .fc-cta:hover { background:#ff604a; transform:translateY(-3px); box-shadow:0 15px 35px rgba(240,75,54,.28); }
#fateh-captain-hero .fc-cta span:last-child { font-size:17px; font-weight:400; }
#fateh-captain-hero .fc-spec-link { color:#d2d2ce; font-size:8px; font-weight:800; letter-spacing:.14em; }
#fateh-captain-hero .fc-spec-link span { color:var(--fc-red); font-size:14px; margin-left:6px; }
#fateh-captain-hero .fc-product-wrap { position:absolute; z-index:2; right:clamp(0px,3vw,46px); top:50%; width:min(58vw,840px); height:calc(100% - 118px); transform:translateY(-47%); }
#fateh-captain-hero .fc-product { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; mix-blend-mode:multiply; filter:drop-shadow(0 30px 28px rgba(0,0,0,.25)); transform:translate3d(0,0,0) scale(1.02); -webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 48%,#000 62%,rgba(0,0,0,.94) 76%,transparent 100%); mask-image:radial-gradient(ellipse 70% 72% at 50% 48%,#000 62%,rgba(0,0,0,.94) 76%,transparent 100%); transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s; }
#fateh-captain-hero .fc-product-wrap:hover .fc-product { transform:translate3d(0,-7px,0) scale(1.045); filter:drop-shadow(0 38px 30px rgba(0,0,0,.3)); }
#fateh-captain-hero .fc-speed { position:absolute; z-index:4; right:3%; top:16%; width:142px; padding:15px 16px 13px; color:#161819; background:rgba(249,248,244,.9); border:1px solid rgba(20,20,20,.16); box-shadow:0 18px 45px rgba(0,0,0,.14); backdrop-filter:blur(14px); }
#fateh-captain-hero .fc-speed:before { content:""; position:absolute; top:-1px; left:-1px; width:30px; height:3px; background:var(--fc-red); }
#fateh-captain-hero .fc-speed-label { display:block; color:#777; font-size:7px; font-weight:800; letter-spacing:.2em; }
#fateh-captain-hero .fc-speed-number { display:flex; align-items:baseline; gap:5px; margin:3px 0 0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:63px; line-height:.95; font-weight:800; letter-spacing:-.05em; }
#fateh-captain-hero .fc-speed-number small { color:var(--fc-red); font-family:Manrope,Arial,sans-serif; font-size:8px; font-weight:800; letter-spacing:.12em; }
#fateh-captain-hero .fc-speed-foot { display:flex; align-items:center; gap:7px; margin-top:10px; color:#777; font-size:6px; font-weight:800; letter-spacing:.16em; }
#fateh-captain-hero .fc-speed-foot i { width:5px; height:5px; background:var(--fc-red); border-radius:50%; box-shadow:0 0 0 4px rgba(240,75,54,.13); }
#fateh-captain-hero .fc-callout { position:absolute; z-index:4; right:8%; bottom:13%; display:flex; align-items:center; gap:9px; color:#252728; font-size:7px; font-weight:800; letter-spacing:.17em; }
#fateh-captain-hero .fc-callout:before { content:""; width:25px; height:1px; background:var(--fc-red); }
#fateh-captain-hero .fc-serial { position:absolute; z-index:1; right:2%; bottom:8%; color:rgba(255,255,255,.13); font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(50px,7vw,100px); line-height:1; font-weight:700; letter-spacing:-.04em; }
#fateh-captain-hero .fc-vertical { position:absolute; z-index:3; right:14px; top:42%; writing-mode:vertical-rl; color:rgba(255,255,255,.36); font-size:7px; font-weight:700; letter-spacing:.28em; }
#fateh-captain-hero .fc-cross { position:absolute; z-index:3; width:18px; height:18px; opacity:.75; }
#fateh-captain-hero .fc-cross:before,#fateh-captain-hero .fc-cross:after { content:""; position:absolute; background:var(--fc-red); }
#fateh-captain-hero .fc-cross:before { width:18px; height:1px; top:8px; }
#fateh-captain-hero .fc-cross:after { width:1px; height:18px; left:8px; }
#fateh-captain-hero .fc-cross--one { right:38%; top:19%; }
#fateh-captain-hero .fc-cross--two { right:12%; bottom:22%; transform:scale(.7); }
#fateh-captain-hero .fc-bottom { position:absolute; z-index:5; left:clamp(24px,5.2vw,82px); right:clamp(24px,5.2vw,82px); bottom:0; height:62px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(255,255,255,.15); }
#fateh-captain-hero .fc-bottom span { color:#929594; font-size:7px; font-weight:800; letter-spacing:.19em; }
#fateh-captain-hero .fc-bottom .fc-red { color:var(--fc-red); }
#fateh-captain-hero .fc-bottom .fc-scroll { display:flex; align-items:center; gap:12px; }
#fateh-captain-hero .fc-scroll i { display:block; width:38px; height:1px; background:var(--fc-red); position:relative; }
#fateh-captain-hero .fc-scroll i:after { content:""; position:absolute; right:0; top:-2px; width:5px; height:5px; border-top:1px solid var(--fc-red); border-right:1px solid var(--fc-red); transform:rotate(45deg); }
#fateh-captain-hero .fc-red-slice { position:absolute; z-index:1; right:-5%; top:0; height:100%; width:1px; background:rgba(240,75,54,.6); transform:rotate(18deg); transform-origin:top; box-shadow:0 0 22px rgba(240,75,54,.5); }
#fateh-captain-hero .fc-reveal { opacity:0; transform:translateY(22px); animation:fc-rise .8s cubic-bezier(.2,.7,.2,1) forwards; }
#fateh-captain-hero .fc-delay-1 { animation-delay:.12s; }
#fateh-captain-hero .fc-delay-2 { animation-delay:.24s; }
#fateh-captain-hero .fc-delay-3 { animation-delay:.36s; }
@keyframes fc-rise { to { opacity:1; transform:translateY(0); } }
@media(max-width:1050px) {
  #fateh-captain-hero { min-height:820px; height:820px; }
  #fateh-captain-hero .fc-copy { left:6%; width:45%; }
  #fateh-captain-hero h1 { font-size:clamp(90px,12vw,130px); }
  #fateh-captain-hero .fc-product-wrap { width:62vw; right:-3%; }
  #fateh-captain-hero .fc-speed { right:4%; top:17%; }
}
@media(max-width:720px) {
  #fateh-captain-hero { min-height:970px; height:auto; }
  #fateh-captain-hero .fc-copy { top:48px; left:25px; width:calc(100% - 50px); transform:none; }
  #fateh-captain-hero .fc-company { margin-bottom:13px; font-size:7px; }
  #fateh-captain-hero .fc-kicker { margin-bottom:17px; font-size:7px; }
  #fateh-captain-hero h1 { font-size:clamp(85px,19vw,132px); }
  #fateh-captain-hero h1 em { margin:10px 0 0 28px; -webkit-text-stroke-width:1px; }
  #fateh-captain-hero .fc-title-rule { margin:23px 0 10px 3px; }
  #fateh-captain-hero .fc-title-rule i { height:38px; }
  #fateh-captain-hero .fc-title-rule p { font-size:16px; }
  #fateh-captain-hero .fc-desc { max-width:310px; margin:0 0 17px 3px; font-size:9px; line-height:1.7; }
  #fateh-captain-hero .fc-actions { gap:13px; margin-left:3px; }
  #fateh-captain-hero .fc-cta { min-height:43px; padding:0 12px; gap:15px; font-size:7px; }
  #fateh-captain-hero .fc-spec-link { font-size:6px; }
  #fateh-captain-hero .fc-stage { width:120vw; right:-30%; top:65%; }
  #fateh-captain-hero .fc-product-wrap { top:465px; right:-8%; width:112%; height:455px; transform:none; }
  #fateh-captain-hero .fc-speed { top:13%; right:11%; width:108px; padding:10px 11px; }
  #fateh-captain-hero .fc-speed-number { font-size:45px; }
  #fateh-captain-hero .fc-speed-foot { font-size:5px; }
  #fateh-captain-hero .fc-callout { right:13%; bottom:12%; font-size:6px; }
  #fateh-captain-hero .fc-serial { right:8%; bottom:9%; font-size:66px; }
  #fateh-captain-hero .fc-vertical { display:none; }
  #fateh-captain-hero .fc-bottom { left:22px; right:22px; height:52px; }
  #fateh-captain-hero .fc-bottom span { font-size:6px; letter-spacing:.12em; }
  #fateh-captain-hero .fc-bottom .fc-scroll { display:none; }
  #fateh-captain-hero .fc-grid { left:0; top:42%; }
}
@media(max-width:390px) {
  #fateh-captain-hero { min-height:920px; }
  #fateh-captain-hero .fc-product-wrap { top:455px; height:420px; }
  #fateh-captain-hero .fc-desc { max-width:270px; }
  #fateh-captain-hero .fc-spec-link { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  #fateh-captain-hero *,#fateh-captain-hero *:before,#fateh-captain-hero *:after { animation:none!important; transition:none!important; opacity:1!important; transform:none!important; }
}
