#f75p-2026 {

  --f75p-ink:#142642;

  --f75p-muted:#52657e;

  --f75p-blue:#245bc2;

  --f75p-paper:#f1f5fa;

  --f75p-line:#d4dfea;

  color:var(--f75p-ink);

  background:#fff;

  width:100%;

  max-width:100%;

  margin:24px 0 0;

  font-family:Arial,Helvetica,sans-serif;

  font-size:16px;

  line-height:1.65;

  isolation:isolate;

  overflow:hidden;

  text-align:left;

  border-radius:14px

}

#f75p-2026 * {

  box-sizing:border-box

}

#f75p-2026 h2,#f75p-2026 h3,#f75p-2026 p,#f75p-2026 figure,#f75p-2026 dl,#f75p-2026 dd {

  margin:0

}

#f75p-2026 h2,#f75p-2026 h3 {

  font-family:Arial,Helvetica,sans-serif;

  text-transform:none;

  letter-spacing:-.045em;

  color:inherit;

  font-weight:750;

  line-height:1.07

}

#f75p-2026 h2 {

  font-size:clamp(32px,4.3vw,60px)

}

#f75p-2026 h3 {

  font-size:clamp(25px,2.7vw,38px)

}

#f75p-2026 p {

  color:var(--f75p-muted)

}

#f75p-2026 a {

  color:inherit;

  text-decoration:none

}

#f75p-2026 img {

  display:block;

  max-width:100%;

  height:auto

}

#f75p-2026 button {

  font:inherit;

  cursor:pointer;

  color:inherit;

  border:0

}

#f75p-2026 a:focus-visible,#f75p-2026 button:focus-visible,#f75p-2026 summary:focus-visible {

  outline:3px solid #e96bb6;

  outline-offset:5px

}

#f75p-2026 [id] {

  scroll-margin-top:115px

}

#f75p-2026 .f75p-nav {

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;

  padding:23px 5%;

  border-bottom:1px solid var(--f75p-line);

  background:#fff

}

#f75p-2026 .f75p-wordmark {

  font-size:25px;

  font-weight:900;

  letter-spacing:-1px;

  display:flex;

  align-items:center;

  gap:19px

}

#f75p-2026 .f75p-wordmark span {

  font-size:10px;

  letter-spacing:1.5px;

  font-weight:700;

  padding-left:18px;

  border-left:1px solid var(--f75p-line)

}

#f75p-2026 .f75p-nav>div {

  display:flex;

  gap:24px;

  font-size:12px;

  font-weight:700

}

#f75p-2026 .f75p-nav a:hover {

  color:var(--f75p-blue)

}

#f75p-2026 .f75p-hero {

  position:relative;

  display:grid;

  grid-template-columns:1fr 1.15fr;

  min-height:610px;

  background:linear-gradient(125deg,#f0f5fc,#e7eff8)

}

#f75p-2026 .f75p-hero-copy {

  padding:70px 0 55px 10%;

  z-index:1

}

#f75p-2026 .f75p-eyebrow {

  font-size:10px;

  line-height:1.5;

  letter-spacing:2px;

  font-weight:800;

  color:var(--f75p-blue);

  margin-bottom:23px

}

#f75p-2026 .f75p-hero h2 {

  font-size:clamp(56px,7vw,96px);

  letter-spacing:-.06em;

  line-height:.95

}

#f75p-2026 .f75p-hero h2>span {

  display:block;

  font-size:.53em;

  line-height:1.04;

  letter-spacing:-.045em;

  margin-top:24px

}

#f75p-2026 .f75p-lead {

  max-width:440px;

  margin:25px 0;

  font-size:16px;

  line-height:1.75

}

#f75p-2026 .f75p-btn {

  display:inline-flex;

  align-items:center;

  justify-content:space-between;

  gap:28px;

  background:var(--f75p-blue);

  color:white;

  padding:15px 23px;

  border-radius:4px;

  font-size:13px;

  font-weight:700;

  min-height:49px;

  transition:background .2s,transform .2s

}

#f75p-2026 .f75p-btn:hover {

  background:#17499f;

  transform:translateY(-2px)

}

#f75p-2026 .f75p-model {

  font-size:11px;

  line-height:1.8;

  margin-top:23px

}

#f75p-2026 .f75p-hero-visual {

  position:relative;

  display:flex;

  align-items:center;

  min-width:0;

  padding:15px 0 55px;

  overflow:hidden

}

#f75p-2026 .f75p-hero-visual>img {

  width:112%;

  max-width:none;

  margin-left:-6%;

  mix-blend-mode:multiply;

  z-index:1

}

#f75p-2026 .f75p-ghost {

  position:absolute;

  top:20px;

  right:4%;

  font-size:clamp(150px,26vw,340px);

  line-height:1;

  font-weight:900;

  letter-spacing:-.1em;

  color:#fff9

}

#f75p-2026 .f75p-stamp {

  position:absolute;

  bottom:38px;

  left:12%;

  right:8%;

  z-index:2;

  display:flex;

  align-items:end;

  justify-content:space-between;

  gap:15px;

  border-top:1px solid #bacce1;

  padding-top:14px

}

#f75p-2026 .f75p-stamp>span {

  font-size:9px;

  letter-spacing:1.3px

}

#f75p-2026 .f75p-stamp>b {

  font-size:17px;

  line-height:1.2

}

#f75p-2026 .f75p-facts {

  display:grid;

  grid-template-columns:repeat(4,1fr);

  padding:28px 5%;

  background:#142642;

  color:#fff

}

#f75p-2026 .f75p-facts>div {

  padding:5px 20px;

  border-left:1px solid #ffffff30

}

#f75p-2026 .f75p-facts>div:first-child {

  border-left:0;

  padding-left:0

}

#f75p-2026 .f75p-facts strong {

  font-size:25px;

  line-height:1.2;

  display:block;

  letter-spacing:-1px

}

#f75p-2026 .f75p-facts span {

  font-size:10px;

  color:#c2d2e7;

  display:block;

  margin-top:6px

}

#f75p-2026 .f75p-section {

  padding:80px 6%

}

#f75p-2026 .f75p-heading {

  margin-bottom:40px

}

#f75p-2026 .f75p-heading>p:not(.f75p-eyebrow) {

  max-width:700px;

  margin-top:22px;

  font-size:15px

}

#f75p-2026 .f75p-feel-grid {

  display:grid;

  grid-template-columns:1fr 1fr;

  align-items:center;

  gap:7%

}

#f75p-2026 .f75p-photo {

  position:relative;

  overflow:hidden;

  border-radius:8px;

  background:#eff3f7

}

#f75p-2026 .f75p-feel-photo>img {

  width:100%;

  mix-blend-mode:multiply

}

#f75p-2026 .f75p-photo figcaption {

  position:absolute;

  bottom:0;

  padding:16px 24px;

  background:#142642e6;

  color:white;

  font-size:11px;

  left:0;

  right:0

}

#f75p-2026 .f75p-pill {

  display:inline-block;

  font-size:9px;

  letter-spacing:1.5px;

  font-weight:800;

  color:#245bc2;

  border:1px solid #bdd0ed;

  padding:7px 12px;

  border-radius:30px;

  margin-bottom:22px

}

#f75p-2026 .f75p-feature-copy>p {

  font-size:14px;

  margin-top:19px

}

#f75p-2026 .f75p-mini-spec {

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:15px;

  margin-top:25px;

  padding-top:22px;

  border-top:1px solid var(--f75p-line)

}

#f75p-2026 .f75p-mini-spec span {

  font-size:10px;

  color:var(--f75p-muted)

}

#f75p-2026 .f75p-mini-spec b {

  font-size:13px;

  display:block;

  color:var(--f75p-ink)

}

#f75p-2026 .f75p-note {

  font-size:11px!important;

  line-height:1.7!important;

  margin-top:22px!important

}

#f75p-2026 .f75p-inside {

  background:#101e33;

  color:white;

  --f75p-muted:#b9c9dd;

  --f75p-blue:#99c7ff;

  --f75p-line:#ffffff20

}

#f75p-2026 .f75p-inside .f75p-heading {

  max-width:730px

}

#f75p-2026 .f75p-anatomy {

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:7%;

  align-items:center

}

#f75p-2026 .f75p-stack-wrap {

  min-width:0;

  background:radial-gradient(ellipse at center,#2c4566 0,transparent 67%);

  border:1px solid #ffffff18;

  border-radius:8px;

  padding:24px 18px 12px

}

#f75p-2026 .f75p-outline {

  background:transparent;

  border:1px solid #ffffff50;

  border-radius:4px;

  padding:10px 14px;

  font-size:11px;

  display:flex;

  gap:35px;

  align-items:center;

  justify-content:space-between;

  margin:0 auto;

  color:#fff

}

#f75p-2026 .f75p-stack {

  height:350px;

  position:relative;

  perspective:1000px;

  margin:10px auto;

  max-width:440px

}

#f75p-2026 .f75p-slab {

  position:absolute;

  left:9%;

  right:9%;

  height:115px;

  top:calc(66px + var(--f75p-i)*11px);

  border-radius:10px;

  background:#627d99;

  border:1px solid #aec9e8;

  box-shadow:0 8px 0 #25384e,0 14px 20px #0002;

  transform:rotateX(48deg) rotateZ(-19deg);

  transition:top .7s cubic-bezier(.2,.7,.2,1),background .3s,box-shadow .3s;

  z-index:calc(8 - var(--f75p-i))

}

#f75p-2026 .f75p-stack.f75p-open .f75p-slab {

  top:calc(3px + var(--f75p-i)*34px)

}

#f75p-2026 .f75p-slab:nth-child(3) {

  background:#cedee9

}

#f75p-2026 .f75p-slab:nth-child(4) {

  background:#8fb1cb

}

#f75p-2026 .f75p-slab:nth-child(5) {

  background:#47647f

}

#f75p-2026 .f75p-slab-keys {

  background:repeating-linear-gradient(90deg,transparent 0 7%,#172c4555 7% 8%),repeating-linear-gradient(0deg,#dce7f2 0 20%,#5f7d9d 20% 24%);

  border:5px solid #e7edf6;

  box-shadow:0 10px 0 #8ca2bb;

  display:flex;

  align-items:center;

  justify-content:center

}

#f75p-2026 .f75p-slab-keys span {

  background:#142642;

  color:#fff;

  padding:9px 40px;

  font-size:21px;

  font-weight:bold;

  letter-spacing:8px;

  border-radius:3px

}

#f75p-2026 .f75p-slab-base {

  background:#d7e4f0;

  border:7px solid #adc0d2;

  box-shadow:0 14px 0 #839cb4,0 25px 35px #0005

}

#f75p-2026 .f75p-slab.f75p-active {

  background:#c5e5ff;

  box-shadow:0 7px 0 #4d92c8,0 0 34px #79bdff60;

  border-color:#fff

}

#f75p-2026 .f75p-diagram-note {

  text-align:center;

  font-size:10px;

  color:#91aac5

}

#f75p-2026 .f75p-layer {

  display:flex;

  align-items:center;

  gap:16px;

  width:100%;

  background:none;

  border-bottom:1px solid #ffffff20;

  text-align:left;

  padding:14px 10px;

  border-radius:0

}

#f75p-2026 .f75p-layer>span:first-child {

  font-size:11px;

  color:#88add4

}

#f75p-2026 .f75p-layer>span:nth-child(2) {

  flex:1

}

#f75p-2026 .f75p-layer b {

  display:block;

  font-size:14px;

  font-weight:700

}

#f75p-2026 .f75p-layer small {

  display:block;

  font-size:11px;

  line-height:1.55;

  color:#b9c9dd;

  margin-top:4px

}

#f75p-2026 .f75p-layer[aria-pressed=true] {

  background:#ffffff0d;

  border-left:2px solid #99c7ff

}

#f75p-2026 .f75p-layer i {

  font-style:normal;

  color:#8fc2ff;

  font-size:16px

}

#f75p-2026 .f75p-layout {

  background:#f1f5fa

}

#f75p-2026 .f75p-layout-board {

  position:relative;

  max-width:850px;

  margin:0 auto

}

#f75p-2026 .f75p-layout-board>img {

  width:100%;

  height:370px;

  object-fit:cover;

  mix-blend-mode:multiply

}

#f75p-2026 .f75p-ruler {

  display:flex;

  justify-content:space-between;

  align-items:center;

  border-bottom:1px solid #86a3c7;

  padding:0 0 9px;

  color:#56769d;

  font-size:11px;

  letter-spacing:2px;

  margin:0 5%

}

#f75p-2026 .f75p-layout-notes {

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:32px;

  margin-top:32px

}

#f75p-2026 .f75p-layout-notes p {

  font-size:12px

}

#f75p-2026 .f75p-layout-notes b {

  display:block;

  color:#142642;

  font-size:16px;

  margin-bottom:7px

}

#f75p-2026 .f75p-connect {

  background:#dce9f8

}

#f75p-2026 .f75p-mode-grid {

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:0;

  border-top:1px solid #afc4df;

  border-bottom:1px solid #afc4df

}

#f75p-2026 .f75p-mode-grid article {

  padding:28px 28px 30px;

  border-left:1px solid #afc4df

}

#f75p-2026 .f75p-mode-grid article:first-child {

  border-left:0;

  padding-left:0

}

#f75p-2026 .f75p-mode-symbol {

  display:block;

  font-size:39px;

  line-height:1.3;

  margin-bottom:25px;

  color:#245bc2

}

#f75p-2026 .f75p-mode-grid .f75p-eyebrow {

  font-size:9px;

  margin-bottom:12px

}

#f75p-2026 .f75p-mode-grid p:last-child {

  font-size:13px;

  margin-top:18px

}

#f75p-2026 .f75p-battery {

  display:grid;

  grid-template-columns:1fr 1.6fr;

  align-items:center;

  gap:40px;

  padding-top:40px

}

#f75p-2026 .f75p-battery>strong {

  font-size:85px;

  letter-spacing:-7px;

  line-height:1

}

#f75p-2026 .f75p-battery>strong span {

  font-size:15px;

  letter-spacing:0;

  margin-left:8px

}

#f75p-2026 .f75p-battery h3 {

  font-size:27px

}

#f75p-2026 .f75p-battery p {

  font-size:13px;

  margin-top:14px

}

#f75p-2026 .f75p-details-grid {

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:5%

}

#f75p-2026 .f75p-detail-img {

  aspect-ratio:1.35;

  overflow:hidden;

  background:#f1f5fa;

  border-radius:8px;

  margin-bottom:30px

}

#f75p-2026 .f75p-detail-img>img {

  width:100%;

  height:100%;

  object-fit:cover;

  mix-blend-mode:multiply

}

#f75p-2026 .f75p-detail .f75p-eyebrow {

  margin-bottom:15px

}

#f75p-2026 .f75p-detail>p:last-child {

  font-size:14px;

  margin-top:18px

}

#f75p-2026 .f75p-custom {

  background:#101e33;

  color:white;

  --f75p-muted:#b9c9dd;

  --f75p-blue:#99c7ff;

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:6%;

  align-items:center

}

#f75p-2026 .f75p-custom-copy>p:not(.f75p-eyebrow) {

  font-size:14px;

  margin-top:22px

}

#f75p-2026 .f75p-custom .f75p-pill {

  color:#b8d9ff;

  border-color:#ffffff45;

  margin-top:27px

}

#f75p-2026 .f75p-rgb {

  border-radius:8px;

  overflow:hidden;

  background:white;

  color:#142642

}

#f75p-2026 .f75p-rgb>img {

  aspect-ratio:1.5;

  object-fit:cover;

  width:100%

}

#f75p-2026 .f75p-rgb>div {

  padding:12px 28px 28px

}

#f75p-2026 .f75p-rgb h3 {

  font-size:26px;

  margin-top:22px

}

#f75p-2026 .f75p-rgb p {

  color:#52657e;

  font-size:13px;

  margin-top:14px

}

#f75p-2026 .f75p-rgb-line {

  height:3px;

  display:block;

  background:linear-gradient(90deg,#e798c0,#8d8dea,#5cbfec,#8ce1d6,#e2d186);

  border-radius:10px

}

#f75p-2026 .f75p-gallery {

  display:grid;

  grid-template-columns:1.4fr 1fr;

  gap:22px;

  align-items:center

}

#f75p-2026 .f75p-gallery-main {

  display:block;

  position:relative;

  background:#f1f5fa;

  border-radius:8px;

  overflow:hidden

}

#f75p-2026 .f75p-gallery-main>img {

  width:100%;

  aspect-ratio:1.15;

  object-fit:cover;

  mix-blend-mode:multiply

}

#f75p-2026 .f75p-gallery-main>span {

  display:block;

  font-size:10px;

  padding:12px 20px;

  border-top:1px solid #d4dfea

}

#f75p-2026 .f75p-gallery-options {

  display:grid;

  grid-template-columns:repeat(2,1fr);

  gap:12px

}

#f75p-2026 .f75p-gallery-options button {

  min-width:0;

  padding:0 0 7px;

  background:#f1f5fa;

  border:1px solid transparent;

  border-radius:5px;

  overflow:hidden

}

#f75p-2026 .f75p-gallery-options img {

  aspect-ratio:1.45;

  object-fit:cover;

  width:100%;

  mix-blend-mode:multiply

}

#f75p-2026 .f75p-gallery-options span {

  font-size:10px;

  display:block

}

#f75p-2026 .f75p-gallery-options button[aria-pressed=true] {

  border-color:#245bc2;

  box-shadow:0 0 0 1px #245bc2

}

#f75p-2026 .f75p-specs-section {

  background:#f1f5fa

}

#f75p-2026 .f75p-specs {

  display:grid;

  grid-template-columns:1.6fr 1fr;

  gap:6%

}

#f75p-2026 .f75p-specs dl>div {

  display:grid;

  grid-template-columns:1fr 1.2fr;

  gap:15px;

  border-bottom:1px solid #d4dfea;

  padding:15px 0;

  font-size:12px

}

#f75p-2026 .f75p-specs dt {

  color:#52657e

}

#f75p-2026 .f75p-specs dd {

  font-weight:700

}

#f75p-2026 .f75p-specs aside {

  padding:30px;

  background:#fff;

  border-radius:8px;

  align-self:start

}

#f75p-2026 .f75p-specs ul {

  font-size:13px;

  padding:0 0 0 17px;

  margin:25px 0

}

#f75p-2026 .f75p-specs li {

  margin-bottom:10px

}

#f75p-2026 .f75p-specs aside>a {

  display:inline-block;

  font-size:12px;

  color:#245bc2;

  font-weight:700;

  margin-top:20px

}

#f75p-2026 .f75p-design-grid {

  display:grid;

  grid-template-columns:repeat(5,minmax(0,1fr));

  gap:14px

}

#f75p-2026 .f75p-design {

  display:block;

  border:1px solid #dce4ee;

  border-radius:6px;

  overflow:hidden;

  padding-bottom:12px;

  transition:border-color .2s,transform .2s

}

#f75p-2026 .f75p-design:hover {

  transform:translateY(-4px);

  border-color:#245bc2

}

#f75p-2026 .f75p-design>img {

  width:100%;

  aspect-ratio:1.15;

  object-fit:contain

}

#f75p-2026 .f75p-design>span {

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:5px;

  font-size:11px;

  line-height:1.4;

  font-weight:700;

  padding:6px 12px

}

#f75p-2026 .f75p-design>span>b {

  font-size:16px;

  color:#245bc2;

  font-weight:400

}

#f75p-2026 .f75p-design>small {

  display:block;

  font-size:9px;

  color:#52657e;

  padding:0 12px

}

#f75p-2026 .f75p-design-current {

  border-color:#86a9de;

  background:#f5f8ff

}

#f75p-2026 .f75p-faq {

  background:#f1f5fa;

  display:grid;

  grid-template-columns:.9fr 1.4fr;

  gap:7%

}

#f75p-2026 .f75p-faq details {

  border-bottom:1px solid #c7d5e5

}

#f75p-2026 .f75p-faq summary {

  cursor:pointer;

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:15px;

  font-size:14px;

  font-weight:700;

  line-height:1.5;

  padding:20px 0;

  list-style:none

}

#f75p-2026 .f75p-faq summary::-webkit-details-marker {

  display:none

}

#f75p-2026 .f75p-faq summary>span {

  font-size:22px;

  color:#245bc2;

  font-weight:400;

  transition:transform .2s

}

#f75p-2026 .f75p-faq details[open] summary>span {

  transform:rotate(45deg)

}

#f75p-2026 .f75p-faq details>p {

  font-size:13px;

  padding:0 25px 22px 0

}

#f75p-2026 .f75p-end {

  padding:75px 6%;

  text-align:center;

  background:linear-gradient(130deg,#d7e7fa,#f0f4fc 60%,#e9def3)

}

#f75p-2026 .f75p-end h2 {

  font-size:clamp(38px,5.2vw,74px)

}

#f75p-2026 .f75p-end>p:not(.f75p-eyebrow) {

  margin:24px auto;

  font-size:14px

}

#f75p-2026 .f75p-end-link {

  display:block;

  font-size:11px;

  color:#52657e;

  margin-top:20px

}

@media(min-width:1450px) {

  #f75p-2026 h2 {

    font-size:60px

  }

  #f75p-2026 .f75p-hero h2 {

    font-size:96px

  }

}

@media(max-width:950px) {

  #f75p-2026 .f75p-nav>div {

    gap:14px;

    font-size:10px

  }

  #f75p-2026 .f75p-section {

    padding:60px 5%

  }

  #f75p-2026 .f75p-hero {

    min-height:540px

  }

  #f75p-2026 .f75p-hero-copy {

    padding-top:55px

  }

  #f75p-2026 .f75p-hero h2 {

    font-size:64px

  }

  #f75p-2026 .f75p-facts strong {

    font-size:21px

  }

  #f75p-2026 .f75p-facts>div {

    padding-left:15px;

    padding-right:12px

  }

  #f75p-2026 .f75p-stack {

    height:310px

  }

  #f75p-2026 .f75p-slab {

    height:95px

  }

  #f75p-2026 .f75p-stack.f75p-open .f75p-slab {

    top:calc(3px + var(--f75p-i)*30px)

  }

  #f75p-2026 .f75p-design-grid {

    grid-template-columns:repeat(3,minmax(0,1fr))

  }

  #f75p-2026 .f75p-battery>strong {

    font-size:65px

  }

  #f75p-2026 .f75p-wordmark span {

    font-size:8px

  }

}

@media(max-width:680px) {

  #f75p-2026 {

    font-size:15px;

    border-radius:8px;

    margin-top:12px

  }

  #f75p-2026 .f75p-nav {

    padding:17px 5%;

    align-items:center

  }

  #f75p-2026 .f75p-wordmark {

    font-size:22px;

    gap:12px

  }

  #f75p-2026 .f75p-wordmark span {

    padding-left:12px;

    font-size:7px;

    letter-spacing:.7px;

    max-width:100px

  }

  #f75p-2026 .f75p-nav>div>a:not(:last-child) {

    display:none

  }

  #f75p-2026 .f75p-nav>div {

    font-size:10px

  }

  #f75p-2026 .f75p-hero {

    grid-template-columns:1fr;

    min-height:0

  }

  #f75p-2026 .f75p-hero-copy {

    padding:42px 7% 0

  }

  #f75p-2026 .f75p-hero h2 {

    font-size:62px

  }

  #f75p-2026 .f75p-hero h2>span {

    font-size:35px;

    margin-top:18px

  }

  #f75p-2026 .f75p-lead {

    font-size:14px;

    margin:22px 0;

    max-width:100%

  }

  #f75p-2026 .f75p-model {

    font-size:10px;

    margin-top:18px

  }

  #f75p-2026 .f75p-hero-visual {

    padding:0 0 55px;

    margin-top:-4px

  }

  #f75p-2026 .f75p-hero-visual>img {

    width:100%;

    margin:0;

    aspect-ratio:1.3;

    object-fit:cover

  }

  #f75p-2026 .f75p-ghost {

    top:-5px;

    right:10%;

    font-size:210px

  }

  #f75p-2026 .f75p-stamp {

    left:7%;

    right:7%;

    bottom:25px;

    padding-top:10px

  }

  #f75p-2026 .f75p-stamp>span {

    font-size:7px;

    letter-spacing:.7px

  }

  #f75p-2026 .f75p-stamp>b {

    font-size:13px

  }

  #f75p-2026 .f75p-facts {

    grid-template-columns:repeat(2,1fr);

    padding:18px 7%;

    gap:20px 0

  }

  #f75p-2026 .f75p-facts>div:nth-child(3) {

    border-left:0;

    padding-left:0

  }

  #f75p-2026 .f75p-facts strong {

    font-size:23px

  }

  #f75p-2026 .f75p-facts span {

    font-size:9px

  }

  #f75p-2026 .f75p-section {

    padding:48px 7%

  }

  #f75p-2026 h2 {

    font-size:32px;

    letter-spacing:-1.1px

  }

  #f75p-2026 h3 {

    font-size:28px

  }

  #f75p-2026 .f75p-eyebrow {

    font-size:8px;

    letter-spacing:1.6px;

    margin-bottom:18px

  }

  #f75p-2026 .f75p-heading {

    margin-bottom:28px

  }

  #f75p-2026 .f75p-heading>p:not(.f75p-eyebrow) {

    font-size:13px;

    margin-top:18px

  }

  #f75p-2026 .f75p-feel-grid,#f75p-2026 .f75p-anatomy,#f75p-2026 .f75p-custom,#f75p-2026 .f75p-specs,#f75p-2026 .f75p-faq {

    grid-template-columns:1fr;

    gap:30px

  }

  #f75p-2026 .f75p-feel-photo {

    max-height:330px

  }

  #f75p-2026 .f75p-feature-copy>p {

    font-size:13px

  }

  #f75p-2026 .f75p-note {

    font-size:10px!important

  }

  #f75p-2026 .f75p-stack-wrap {

    padding:20px 10px 12px

  }

  #f75p-2026 .f75p-stack {

    height:300px

  }

  #f75p-2026 .f75p-slab {

    left:10%;

    right:10%;

    height:94px

  }

  #f75p-2026 .f75p-layout-board>img {

    height:220px

  }

  #f75p-2026 .f75p-layout-notes {

    grid-template-columns:1fr;

    gap:20px;

    margin-top:28px

  }

  #f75p-2026 .f75p-layout-notes b {

    font-size:15px;

    margin-bottom:4px

  }

  #f75p-2026 .f75p-mode-grid {

    grid-template-columns:1fr

  }

  #f75p-2026 .f75p-mode-grid article,#f75p-2026 .f75p-mode-grid article:first-child {

    border-left:0;

    border-bottom:1px solid #afc4df;

    padding:25px 0;

    display:grid;

    grid-template-columns:45px 1fr;

    gap:0 14px

  }

  #f75p-2026 .f75p-mode-grid article:last-child {

    border-bottom:0

  }

  #f75p-2026 .f75p-mode-symbol {

    grid-row:1/4;

    font-size:32px;

    margin-bottom:0

  }

  #f75p-2026 .f75p-mode-grid h3 {

    font-size:25px

  }

  #f75p-2026 .f75p-mode-grid .f75p-eyebrow {

    margin-bottom:8px;

    font-size:8px

  }

  #f75p-2026 .f75p-mode-grid p:last-child {

    margin-top:12px;

    font-size:12px

  }

  #f75p-2026 .f75p-battery {

    grid-template-columns:1fr;

    gap:22px;

    padding-top:30px

  }

  #f75p-2026 .f75p-battery>strong {

    font-size:74px

  }

  #f75p-2026 .f75p-battery h3 {

    font-size:25px

  }

  #f75p-2026 .f75p-details-grid {

    grid-template-columns:1fr;

    gap:37px

  }

  #f75p-2026 .f75p-detail-img {

    margin-bottom:22px

  }

  #f75p-2026 .f75p-detail>p:last-child {

    font-size:13px

  }

  #f75p-2026 .f75p-custom-copy>p:not(.f75p-eyebrow) {

    font-size:13px

  }

  #f75p-2026 .f75p-gallery {

    grid-template-columns:1fr;

    gap:16px

  }

  #f75p-2026 .f75p-gallery-options {

    grid-template-columns:repeat(3,1fr);

    gap:8px

  }

  #f75p-2026 .f75p-gallery-options span {

    font-size:8px

  }

  #f75p-2026 .f75p-specs dl>div {

    font-size:11px;

    gap:10px;

    grid-template-columns:1fr 1.2fr

  }

  #f75p-2026 .f75p-specs aside {

    padding:25px

  }

  #f75p-2026 .f75p-design-grid {

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:10px

  }

  #f75p-2026 .f75p-design>span {

    font-size:10px;

    padding:5px 9px

  }

  #f75p-2026 .f75p-design>small {

    padding:0 9px;

    font-size:8px

  }

  #f75p-2026 .f75p-faq summary {

    font-size:12px;

    padding:17px 0

  }

  #f75p-2026 .f75p-faq details>p {

    font-size:12px

  }

  #f75p-2026 .f75p-end {

    padding:50px 7%

  }

  #f75p-2026 .f75p-end h2 {

    font-size:42px

  }

  #f75p-2026 .f75p-end>p:not(.f75p-eyebrow) {

    font-size:12px

  }

  #f75p-2026 .f75p-btn {

    font-size:11px;

    gap:16px;

    padding:14px 18px

  }

  #f75p-2026 [id] {

    scroll-margin-top:95px

  }

}

@media(prefers-reduced-motion:reduce) {

  #f75p-2026 *,#f75p-2026 *:before,#f75p-2026 *:after {

    animation:none!important;

    transition:none!important;

    scroll-behavior:auto!important

  }

}

/* F75 photoreal exploded view, v2: scoped parts from one shared image */

#f75p-2026 .f75p-real-wrap {

  background:#101e33;

  border-color:#ffffff25;

  padding:24px 14px 18px;

  overflow:hidden

}

#f75p-2026 .f75p-stack.f75p-real-stack {

  height:auto;

  aspect-ratio:1086/1448;

  position:relative;

  max-width:none;

  margin:26px auto 12px;

  perspective:none

}

#f75p-2026 .f75p-real-photo {

  position:absolute;

  inset:14% 2%;

  display:grid;

  place-items:center;

  background:#eff4fa;

  border-radius:10px;

  overflow:hidden;

  opacity:1;

  transition:opacity .35s ease .3s

}

#f75p-2026 .f75p-real-photo>img {

  width:100%;

  height:100%;

  object-fit:contain;

  mix-blend-mode:multiply

}

#f75p-2026 .f75p-open .f75p-real-photo {

  opacity:0;

  transition-delay:0s

}

#f75p-2026 .f75p-real-parts {

  position:absolute;

  inset:0;

  transform:translateY(19%);

  opacity:0;

  pointer-events:none;

  transition:transform .9s cubic-bezier(.22,.68,.22,1),opacity .3s ease

}

#f75p-2026 .f75p-open .f75p-real-parts {

  transform:translateY(0);

  opacity:1

}

#f75p-2026 .f75p-real-layer {

  position:absolute;

  inset:0;

  z-index:var(--f75p-z);

  clip-path:inset(var(--f75p-cut-top) 0 var(--f75p-cut-bottom) 0);

  transform:translateY(var(--f75p-collapse));

  transition:transform .9s cubic-bezier(.22,.68,.22,1),filter .25s ease;

  filter:brightness(.98)

}

#f75p-2026 .f75p-real-layer>img {

  position:absolute;

  inset:0;

  width:100%;

  height:100%;

  max-width:none;

  object-fit:contain

}

#f75p-2026 .f75p-open .f75p-real-layer {

  transform:translateY(0)

}

#f75p-2026 .f75p-real-layer.f75p-active {

  filter:brightness(1.22) drop-shadow(0 0 5px #98caff)

}

#f75p-2026 .f75p-real-pin {

  position:absolute;

  right:0;

  top:var(--f75p-pin-top);

  z-index:35;

  border:1px solid #b4d8ff;

  background:#142642;

  color:#e2f0ff;

  width:29px;

  height:29px;

  line-height:27px;

  border-radius:50%;

  font-size:10px;

  font-weight:700;

  text-align:center;

  box-shadow:0 0 20px #80baff35;

  transform:translateY(-50%);

  pointer-events:none;

  opacity:0;

  transition:top .35s ease,opacity .2s ease

}

#f75p-2026 .f75p-open .f75p-real-pin {

  opacity:1

}

#f75p-2026 .f75p-real-wrap .f75p-diagram-note {

  font-size:10px;

  line-height:1.7;

  margin:12px 8px 0

}

#f75p-2026 .f75p-anatomy {

  grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);

  gap:6%

}

@media(max-width:680px) {

  #f75p-2026 .f75p-anatomy {

    grid-template-columns:1fr;

    gap:30px

  }

  #f75p-2026 .f75p-real-wrap {

    padding:20px 10px 15px

  }

  #f75p-2026 .f75p-stack.f75p-real-stack {

    margin-top:20px

  }

  #f75p-2026 .f75p-real-pin {

    width:23px;

    height:23px;

    line-height:21px;

    font-size:8px

  }

  #f75p-2026 .f75p-real-wrap .f75p-diagram-note {

    font-size:8px

  }

}

@media(prefers-reduced-motion:reduce) {

  #f75p-2026 .f75p-real-layer,#f75p-2026 .f75p-real-parts,#f75p-2026 .f75p-real-photo,#f75p-2026 .f75p-real-pin {

    transition:none!important

  }

}

#f75p-2026 .f75p-stack.f75p-real-stack {

  max-width:490px

}

#f75p-2026 .f75p-real-layer.f75p-active {

  filter:brightness(1.07) drop-shadow(0 0 4px #98caff)

}

/* Exploded component geometry, moved out of the HTML. */

#f75p-2026 .f75p-part-01 {

  --f75p-cut-top:0.0000%;

  --f75p-cut-bottom:78.5912%;

  --f75p-collapse:0%;

  --f75p-z:20

}

#f75p-2026 .f75p-part-02 {

  --f75p-cut-top:21.4088%;

  --f75p-cut-bottom:64.1575%;

  --f75p-collapse:-6.5%;

  --f75p-z:19

}

#f75p-2026 .f75p-part-03 {

  --f75p-cut-top:35.8425%;

  --f75p-cut-bottom:52.6243%;

  --f75p-collapse:-20%;

  --f75p-z:18

}

#f75p-2026 .f75p-part-04 {

  --f75p-cut-top:47.3757%;

  --f75p-cut-bottom:43.2320%;

  --f75p-collapse:-29%;

  --f75p-z:17

}

#f75p-2026 .f75p-part-05 {

  --f75p-cut-top:56.7680%;

  --f75p-cut-bottom:34.0470%;

  --f75p-collapse:-37%;

  --f75p-z:16

}

#f75p-2026 .f75p-part-06 {

  --f75p-cut-top:65.9530%;

  --f75p-cut-bottom:28.0387%;

  --f75p-collapse:-46%;

  --f75p-z:15

}

#f75p-2026 .f75p-part-07 {

  --f75p-cut-top:71.9613%;

  --f75p-cut-bottom:23.1354%;

  --f75p-collapse:-52%;

  --f75p-z:14

}

#f75p-2026 .f75p-part-08 {

  --f75p-cut-top:76.8646%;

  --f75p-cut-bottom:18.5773%;

  --f75p-collapse:-56%;

  --f75p-z:13

}

#f75p-2026 .f75p-part-09 {

  --f75p-cut-top:81.4227%;

  --f75p-cut-bottom:13.8812%;

  --f75p-collapse:-60.5%;

  --f75p-z:12

}

#f75p-2026 .f75p-part-10 {

  --f75p-cut-top:86.1188%;

  --f75p-cut-bottom:9.3923%;

  --f75p-collapse:-64%;

  --f75p-z:11

}

#f75p-2026 .f75p-part-11 {

  --f75p-cut-top:90.6077%;

  --f75p-cut-bottom:0.0000%;

  --f75p-collapse:-67.7%;

  --f75p-z:10

}


/* v4: matched transparent assembled view and stronger material selection. */
#f75p-2026 .f75p-real-photo {
  inset: 12% 0;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}
#f75p-2026 .f75p-real-photo > img {
  mix-blend-mode: normal;
  object-fit: contain;
  filter: none;
}
#f75p-2026 .f75p-real-layer {
  opacity: 1;
  transition: transform .9s cubic-bezier(.22,.68,.22,1), filter .25s ease, opacity .25s ease;
}
#f75p-2026 .f75p-open .f75p-real-layer:not(.f75p-active) {
  opacity: .30;
  filter: saturate(.30) brightness(.65);
}
#f75p-2026 .f75p-open .f75p-real-layer.f75p-active {
  opacity: 1;
  filter: brightness(1.13) contrast(1.05) drop-shadow(0 0 7px #8be0ff) drop-shadow(0 0 2px #ffffff);
}
#f75p-2026 .f75p-real-focus-band {
  position: absolute;
  top: var(--f75p-focus-top);
  bottom: var(--f75p-focus-bottom);
  left: 0;
  right: 0;
  z-index: 30;
  border: 2px solid #9ae2ff;
  border-radius: 7px;
  background: linear-gradient(90deg, #74ceff17, #74ceff05 60%, #74ceff17);
  box-shadow: 0 0 15px #72cfff50, inset 0 0 10px #72cfff18;
  pointer-events: none;
  opacity: 0;
  transition: top .3s ease, bottom .3s ease, opacity .2s ease;
}
#f75p-2026 .f75p-open .f75p-real-focus-band {
  opacity: 1;
}
#f75p-2026 .f75p-real-pin {
  width: 35px;
  height: 35px;
  line-height: 31px;
  border: 2px solid #d8f6ff;
  background: #9ae2ff;
  color: #10243e;
  font-size: 12px;
  box-shadow: 0 0 18px #74d7ff88;
}
#f75p-2026 .f75p-layer[aria-pressed="true"] {
  background: #20486c;
  border-left: 4px solid #9ae2ff;
  box-shadow: inset 0 0 0 1px #9ae2ff38;
}
#f75p-2026 .f75p-layer[aria-pressed="true"] > span:first-child,
#f75p-2026 .f75p-layer[aria-pressed="true"] > i {
  color: #c6f1ff;
}
@media (max-width: 680px) {
  #f75p-2026 .f75p-real-pin {
    width: 27px;
    height: 27px;
    line-height: 23px;
    font-size: 9px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #f75p-2026 .f75p-real-focus-band {
    transition: none !important;
  }
}

/* v5: one selectable explanation for every visible component.
   Position values follow the existing 1086 x 1448 component cuts. */
#f75p-2026 .f75p-real-stack {
  --f75p-focus-top: 56.1180%;
  --f75p-focus-bottom: 33.3970%;
  --f75p-pin-top: 61.3605%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="0"] {
  --f75p-focus-top: 0.0000%;
  --f75p-focus-bottom: 77.9412%;
  --f75p-pin-top: 10.7044%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="1"] {
  --f75p-focus-top: 20.7588%;
  --f75p-focus-bottom: 63.5075%;
  --f75p-pin-top: 28.6257%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="2"] {
  --f75p-focus-top: 35.1925%;
  --f75p-focus-bottom: 51.9743%;
  --f75p-pin-top: 41.6091%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="3"] {
  --f75p-focus-top: 46.7257%;
  --f75p-focus-bottom: 42.5820%;
  --f75p-pin-top: 52.0718%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="4"] {
  --f75p-focus-top: 56.1180%;
  --f75p-focus-bottom: 33.3970%;
  --f75p-pin-top: 61.3605%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="5"] {
  --f75p-focus-top: 65.3030%;
  --f75p-focus-bottom: 27.3887%;
  --f75p-pin-top: 68.9572%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="6"] {
  --f75p-focus-top: 71.3113%;
  --f75p-focus-bottom: 22.4854%;
  --f75p-pin-top: 74.4130%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="7"] {
  --f75p-focus-top: 76.2146%;
  --f75p-focus-bottom: 17.9273%;
  --f75p-pin-top: 79.1436%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="8"] {
  --f75p-focus-top: 80.7727%;
  --f75p-focus-bottom: 13.2312%;
  --f75p-pin-top: 83.7707%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="9"] {
  --f75p-focus-top: 85.4688%;
  --f75p-focus-bottom: 8.7423%;
  --f75p-pin-top: 88.3633%;
}
#f75p-2026 .f75p-real-stack[data-f75p-focus="10"] {
  --f75p-focus-top: 89.9577%;
  --f75p-focus-bottom: 0.0000%;
  --f75p-pin-top: 95.3039%;
}
#f75p-2026 .f75p-anatomy {
  align-items: start;
}
#f75p-2026 .f75p-layers {
  min-width: 0;
}
#f75p-2026 .f75p-layers > .f75p-eyebrow {
  margin-bottom: 12px;
}
#f75p-2026 .f75p-layer {
  gap: 12px;
  min-width: 0;
  padding: 10px 10px;
  border-left: 4px solid transparent;
}
#f75p-2026 .f75p-layer > span:first-child {
  flex: 0 0 20px;
}
#f75p-2026 .f75p-layer > span:nth-child(2) {
  min-width: 0;
  overflow-wrap: anywhere;
}
#f75p-2026 .f75p-layer b {
  line-height: 1.35;
}
#f75p-2026 .f75p-layer small {
  margin-top: 3px;
  line-height: 1.5;
}
#f75p-2026 .f75p-layer i {
  flex: 0 0 12px;
}
#f75p-2026 .f75p-layer[aria-pressed="true"] {
  border-left-color: #9ae2ff;
}
@media (max-width: 680px) {
  #f75p-2026 .f75p-layer {
    gap: 9px;
    padding: 11px 7px;
  }
  #f75p-2026 .f75p-layer b {
    font-size: 13px;
  }
}