
:root{
  --bg:#05070b;
  --panel:#0a1220;
  --panel-soft:rgba(10,18,32,.82);
  --line:rgba(255,255,255,.12);
  --text:#ffffff;
  --muted:rgba(255,255,255,.72);
  --red:#ef1c24;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ta-page{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 12% 10%, rgba(159,5,17,.45), transparent 28%),
    radial-gradient(circle at 90% 82%, rgba(18,61,125,.30), transparent 24%),
    linear-gradient(180deg,#120408 0%, #05070b 38%, #08101c 100%);
  font-family:"Arial","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.ta-shell{width:min(1280px,calc(100% - 40px));margin:0 auto}
.ta-main{overflow:hidden}
.ta-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:24px 0 18px;border-bottom:1px solid rgba(255,255,255,.08)
}
.ta-topbar__logo{width:340px;max-width:52vw;height:auto}
.ta-topbar__right{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:flex-end}
.ta-topbar__series{font-size:12px;letter-spacing:.16em;font-weight:700;opacity:.92}
.ta-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;
  font-size:14px;font-weight:700;letter-spacing:.08em;transition:.2s ease;border:1px solid rgba(255,255,255,.16)
}
.ta-btn--primary{background:linear-gradient(135deg,#ff2f37 0%, #d80d16 100%);border-color:transparent;color:#fff}
.ta-btn--ghost{background:rgba(12,17,28,.78);color:#fff}
.ta-hero{padding:0 0 30px}
.ta-hero__card{
  position:relative;margin-top:26px;border:1px solid rgba(255,255,255,.12);border-radius:34px;overflow:hidden;
  background:linear-gradient(180deg, rgba(4,7,12,.96), rgba(4,7,12,.98));min-height:640px
}
.ta-hero__visual{position:absolute;inset:0}
.ta-hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.ta-hero__shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.56) 40%, rgba(0,0,0,.18) 100%),
             linear-gradient(180deg, rgba(1,4,9,.10) 0%, rgba(1,4,9,.50) 74%, rgba(1,4,9,.86) 100%);
}
.ta-hero__card:before, .ta-hero__card:after{
  content:"";position:absolute;pointer-events:none;z-index:2;opacity:.7
}
.ta-hero__card:before{left:38px;top:70px;width:220px;height:200px;border-top:1px solid rgba(239,28,36,.7);border-left:1px solid rgba(239,28,36,.7);clip-path:polygon(0 55%, 55% 55%, 75% 0, 100% 0, 100% 1%, 76% 1%, 57% 56%, 0 56%)}
.ta-hero__card:after{right:64px;bottom:70px;width:180px;height:240px;border-right:1px solid rgba(239,28,36,.32);border-bottom:1px solid rgba(239,28,36,.32);transform:skewX(-20deg)}
.ta-hero__copy{position:relative;z-index:3;padding:86px 66px 74px;max-width:640px}
.ta-kicker{margin:0 0 16px;color:#ff3b43;font-size:12px;font-weight:700;letter-spacing:.22em}
.ta-kicker--dark{color:#c9151c}
.ta-hero h1{margin:0;font-size:clamp(58px,9vw,118px);line-height:.88;font-weight:900;letter-spacing:-.04em;font-style:italic}
.ta-hero h1 span{color:var(--red)}
.ta-subrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.ta-subrow__main{font-size:24px;font-weight:800;font-style:italic}
.ta-subrow__tag{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;background:linear-gradient(90deg,#ff2530,#d80d16);color:#000;font-size:14px;font-weight:900;letter-spacing:.08em;transform:skewX(-18deg)}
.ta-subrow__tag span{display:block;transform:skewX(18deg)}
.ta-lead{margin:32px 0 0;font-size:clamp(28px,3vw,44px);font-weight:800;letter-spacing:.03em}
.ta-intro{
  margin-top:-44px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:30px;
  padding:28px 32px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:rgba(9,14,24,.86);backdrop-filter:blur(10px)
}
.ta-intro__text{max-width:700px}
.ta-intro__text p{margin:0;color:var(--muted);font-size:18px;line-height:1.9}
.ta-intro__text strong{color:#fff;font-weight:800}
.ta-intro__note{display:inline-block;margin-left:.35em;color:rgba(255,255,255,.72);font-size:.92em;font-weight:500}
.ta-intro__actions{display:flex;flex-direction:column;gap:12px;min-width:220px}
.ta-points,.ta-detail,.ta-specs,.ta-notes,.ta-footercta{padding:28px 0}
.ta-grid{display:grid;gap:24px}
.ta-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ta-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ta-panel{
  position:relative;padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:26px;
  background:linear-gradient(180deg, rgba(8,16,28,.92), rgba(5,10,18,.96));overflow:hidden
}
.ta-panel--light{background:linear-gradient(180deg, rgba(243,246,250,.98), rgba(233,238,245,.98));color:#08101c;border-color:rgba(8,16,28,.10)}
.ta-panel h2{margin:0 0 14px;font-size:clamp(28px,3vw,48px);line-height:1.08;letter-spacing:-.03em}
.ta-panel p{margin:0;color:rgba(255,255,255,.78);line-height:1.9;font-size:16px}
.ta-panel p strong{color:#fff;font-weight:800}
.ta-panel--light p{color:rgba(8,16,28,.78)}
.ta-inline{display:inline-block;margin-top:18px;font-size:14px;font-weight:800;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px}
.ta-list{display:grid;gap:16px;margin:0}
.ta-list div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.ta-list dt{font-weight:800}
.ta-list dd{margin:0;color:rgba(255,255,255,.78)}
.ta-store{margin-top:14px;border-radius:18px;border:1px solid rgba(8,16,28,.12);aspect-ratio:16/9;object-fit:cover}
.ta-store__caption{margin-top:14px}
.ta-bullets{margin:0;padding-left:1.2em;display:grid;gap:12px}
.ta-bullets li{line-height:1.85;color:rgba(255,255,255,.84)}
.ta-bullets--notes li{color:rgba(255,255,255,.9)}
.ta-bullets--notes strong{color:#fff;font-weight:800}
.ta-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:16px}
.ta-table th,.ta-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.10);text-align:left}
.ta-table thead th{font-size:14px;letter-spacing:.06em;color:rgba(255,255,255,.72)}
.ta-note{margin-top:14px!important;font-size:13px;color:rgba(255,255,255,.62)!important}
.ta-footercta__box{
  display:grid;grid-template-columns:280px 1fr auto;gap:28px;align-items:center;padding:32px;border-radius:30px;
  border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg, rgba(7,14,24,.96), rgba(10,20,36,.96))
}
.ta-footercta__logo{width:240px;max-width:100%;height:auto}
.ta-footercta__actions{display:flex;flex-direction:column;gap:12px;min-width:220px}
@media (max-width: 1024px){
  .ta-grid--3{grid-template-columns:1fr}
  .ta-grid--2,.ta-footercta__box{grid-template-columns:1fr}
  .ta-topbar,.ta-intro{flex-direction:column;align-items:flex-start}
  .ta-topbar__right{justify-content:flex-start}
  .ta-intro__actions,.ta-footercta__actions{width:100%;min-width:0}
  .ta-hero__copy{padding:74px 34px 56px;max-width:560px}
  .ta-hero__card{min-height:580px}
}
@media (max-width: 640px){
  .ta-shell{width:min(100% - 24px, 1280px)}
  .ta-topbar{padding:18px 0 16px}
  .ta-topbar__logo{width:260px;max-width:72vw}
  .ta-topbar__series{font-size:10px;letter-spacing:.12em}
  .ta-hero__card{min-height:540px;border-radius:24px}
  .ta-hero__copy{padding:48px 22px 30px}
  .ta-subrow__main{font-size:20px}
  .ta-lead{font-size:24px;margin-top:24px}
  .ta-intro{margin-top:-24px;padding:20px 18px;border-radius:22px}
  .ta-intro__text p,.ta-panel p,.ta-bullets li{font-size:14px}
  .ta-panel{padding:22px;border-radius:22px}
  .ta-list div{grid-template-columns:1fr;gap:8px}
  .ta-table th,.ta-table td{padding:12px 10px;font-size:14px}
}
