.project-hero--akio-physics { background: radial-gradient(circle at 78% 25%, #087e9b5c, transparent 37%), radial-gradient(circle at 15% 88%, #23498455, transparent 38%), linear-gradient(125deg, #050c17, #0b1d32 58%, #071722); }
.project-hero--akio-physics::after { background: radial-gradient(circle at 75% 45%, transparent 0 24%, #76ddf51a 24.1% 24.2%, transparent 24.3% 38%, #76ddf510 38.1% 38.2%, transparent 38.3%), linear-gradient(90deg, #9bdbff07 1px, transparent 1px), linear-gradient(#9bdbff07 1px, transparent 1px); background-size: auto, 48px 48px, 48px 48px; }
.project-hero--akio-physics .project-hero__lead h1 { color: #f0fbff; text-shadow: 0 10px 45px #000b18; }
.physics-landing__actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.physics-landing__actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 50px; padding-inline: 1.2rem; }
.physics-landing__actions .btn-light { color: #051a25; background: #88e5ec; border-color: #88e5ec; font-weight: 800; }
.physics-landing__actions .btn-light:hover { color: #051a25; background: #b8f4f7; border-color: #b8f4f7; transform: translateY(-2px); }
.project-hero__lead .physics-landing__note { margin-top: 1rem; color: #b0c6d5; font-size: .8rem; }
.physics-landing__aside { overflow: hidden; border-color: #5bc7dc40; background: #061525d9; box-shadow: 0 24px 70px #020813a8; }
.physics-landing__visual { position: relative; overflow: hidden; margin: 1rem 0 1.25rem; border: 1px solid #74e5f23d; border-radius: 20px; background: #071321; box-shadow: 0 25px 50px #020b1ca3; }
.physics-landing__visual img { display: block; width: 100%; height: auto; min-height: 230px; object-fit: cover; }
.physics-landing__visual-caption { display: block; padding: .9rem .7rem; color: #b7d6e7; background: #0d2233; border-top: 1px solid #74e5f226; font-size: .59rem; font-weight: 800; text-align: center; letter-spacing: .14em; }
.physics-landing__suite { display: grid; gap: clamp(1.2rem, 2.3vw, 2rem); scroll-margin-top: 100px; }
.physics-landing__suite-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 1.5rem; }
.physics-landing__suite-head > div { max-width: 850px; }
.physics-landing__suite-head .section-title { margin-top: .6rem; }
.physics-landing__suite-head .section-description { margin-top: .8rem; }
.physics-landing__suite-head > .btn { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 48px; white-space: nowrap; }
.physics-landing__frame { padding: .5rem; overflow: hidden; border: 1px solid #4486a469; border-radius: 30px; background: #071321; box-shadow: 0 28px 75px #0b233945; }
.physics-landing__frame-bar { display: flex; align-items: center; gap: .45rem; min-height: 38px; padding: 0 .8rem; color: #bad5e7aa; font-size: .62rem; font-weight: 800; letter-spacing: .12em; }
.physics-landing__frame-bar span { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #6fbed8; }
.physics-landing__frame-bar span:nth-child(2) { background: #efbf75; }
.physics-landing__frame-bar span:nth-child(3) { background: #92d8ce; }
.physics-landing__frame-bar strong { overflow: hidden; margin-left: .4rem; text-overflow: ellipsis; white-space: nowrap; }
.physics-landing__frame iframe { display: block; width: 100%; height: min(86dvh, 980px); min-height: 760px; border: 0; border-radius: 20px; background: #071321; }
.akio-physics-page .tool-mini-card { display: flex; flex-direction: column; }
.akio-physics-page .tool-mini-card > span { color: #1c6176; }
.akio-physics-page .tool-mini-card a { display: inline-flex; align-items: center; gap: .5rem; width: fit-content; margin-top: auto; padding-top: .9rem; color: #175a75; font-weight: 800; text-decoration: none; }
.akio-physics-page .tool-mini-card a:hover, .akio-physics-page .tool-mini-card a:focus-visible { color: #0b354c; text-decoration: underline; text-underline-offset: .22em; }
.physics-landing__family { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.physics-landing__family h2 { max-width: 630px; margin: .6rem 0; font-size: clamp(1.6rem, 2.5vw, 2.4rem); }
.physics-landing__family p { margin: 0; color: #526373; }
.physics-landing__family-links { display: grid; flex: 0 0 210px; gap: .75rem; }
.physics-landing__family-links a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.1rem; border: 1px solid #c8dce5; border-radius: 12px; background: #fff; color: #193e53; font-weight: 750; text-decoration: none; }
.physics-landing__family-links a:hover, .physics-landing__family-links a:focus-visible { border-color: #267c96; background: #eff9fb; }
@media (min-width: 1101px) { .physics-landing__labs { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 721px) and (max-width: 1100px) { .physics-landing__labs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px) { .physics-landing__suite-head { grid-template-columns: 1fr; } .physics-landing__suite-head > .btn { justify-self: start; } .physics-landing__frame iframe { height: 82dvh; min-height: 680px; } .physics-landing__family { flex-direction: column; align-items: stretch; } .physics-landing__family-links { flex-basis: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 520px) { .physics-landing__frame { padding: .3rem; border-radius: 20px; } .physics-landing__frame-bar { min-height: 32px; font-size: .5rem; } .physics-landing__frame iframe { min-height: 620px; border-radius: 16px; } .physics-landing__visual-caption { font-size: .53rem; letter-spacing: .09em; } .physics-landing__family-links { grid-template-columns: 1fr; } }