:root{--compare-blue:#0568ff;--compare-ink:#07142d;--compare-night:#020817;--compare-line:#d7e0eb}
.competitor-page{overflow-x:hidden;background:#fff}
.competitor-page h1,.competitor-page h2,.competitor-page h3{letter-spacing:0}
.compare-shell{width:min(1420px,calc(100% - 64px));margin-inline:auto}
.compare-eyebrow{margin:0 0 18px;color:#2a7dff;font-size:14px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.compare-button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:24px;margin-top:30px;padding:0 26px;border-radius:8px;color:#fff;background:var(--compare-blue);box-shadow:0 16px 34px rgba(5,104,255,.28);font-size:17px;font-weight:780;transition:background .2s ease,transform .2s ease}
.compare-button:hover{background:#0059dd;transform:translateY(-2px)}

@media (min-width:861px){.competitor-page .site-header:not(.is-sticky) .brand,.competitor-page .site-header:not(.is-sticky) .nav-links a{color:#fff}}
@media (min-width:601px) and (max-width:860px){.competitor-page .site-header:not(.is-sticky) .brand{color:#fff}}

.competitor-hero{position:relative;min-height:940px;overflow:hidden;color:#fff;background:#020817 url("/assets/compare/standby-skipper/hero-main-street-castle.webp") center 48%/cover no-repeat;isolation:isolate}
.competitor-hero::before{position:absolute;z-index:-2;inset:0;content:"";background:linear-gradient(90deg,rgba(1,7,19,.88) 0%,rgba(1,7,19,.74) 34%,rgba(1,7,19,.24) 66%,rgba(1,7,19,.14) 100%)}
.competitor-hero::after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,rgba(1,7,19,.14),transparent 52%,#020817 100%)}
.competitor-hero-layout{display:grid;min-height:940px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:42px;padding:104px 0 0}
.competitor-hero-copy{position:relative;z-index:4;align-self:start;max-width:570px;margin-top:92px;padding:0 0 34px 24px}
.competitor-hero-copy h1{max-width:570px;margin:0;font-size:68px;font-weight:820;line-height:.96}
.competitor-hero-copy h1 span{display:block;white-space:nowrap}
.competitor-hero-copy>p:not(.compare-eyebrow){max-width:510px;margin:26px 0 0;color:rgba(255,255,255,.86);font-size:21px;line-height:1.5}
.competitor-hero-devices{position:relative;align-self:end;height:790px;isolation:isolate}
.competitor-hero-devices::before{position:absolute;z-index:-1;right:2%;bottom:38px;left:2%;height:3px;content:"";background:linear-gradient(90deg,transparent,#0568ff 24%,#0568ff 76%,transparent);box-shadow:0 0 26px rgba(5,104,255,.9)}
.competitor-hero-devices::after{position:absolute;z-index:-2;right:4%;bottom:0;left:4%;height:170px;content:"";background:radial-gradient(ellipse at center,rgba(5,104,255,.22),transparent 68%);filter:blur(24px)}
.compare-phone{position:absolute;bottom:24px;overflow:hidden;margin:0;padding:7px;border:2px solid #323844;border-radius:48px;background:#0d1016;box-shadow:0 34px 74px rgba(0,0,0,.48)}
.compare-phone img{width:100%;height:auto;border-radius:39px}
.compare-phone-lightning{z-index:2;left:0;width:238px;transform:rotate(-4deg)}
.compare-phone-base{z-index:3;bottom:18px;left:50%;width:330px;transform:translateX(-50%)}
.compare-phone-dining{z-index:2;right:0;width:238px;transform:rotate(4deg)}
.compare-device-label{position:absolute;z-index:4;top:-44px;text-align:center}
.compare-device-label::after{display:block;width:32px;height:2px;margin:12px auto 10px;content:"";background:#125dff}
.compare-device-label strong,.compare-device-label span{display:block}
.compare-device-label strong{font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.compare-device-label span{color:rgba(255,255,255,.68);font-size:16px;line-height:1.35}
.compare-device-label-lightning{left:7%}
.compare-device-label-base{left:50%;transform:translateX(-50%)}
.compare-device-label-dining{right:7%}

.compare-section{padding:112px 0 105px;background:#fff}
.comparison-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);align-items:end;gap:92px;margin-bottom:54px}
.comparison-head h2{max-width:820px;margin:0;color:var(--compare-ink);font-size:72px;font-weight:840;line-height:.98}
.comparison-head>p{max-width:560px;margin:0 0 4px;color:#2e3745;font-size:21px;line-height:1.55}
.comparison-table-wrap{overflow:hidden;border:1px solid var(--compare-line)}
.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center}
.comparison-table th,.comparison-table td{border-right:1px solid var(--compare-line);border-bottom:1px solid var(--compare-line)}
.comparison-table tr>*:last-child{border-right:0}
.comparison-table thead th{height:194px;padding:28px 24px}
.comparison-table thead th:first-child{width:36%;color:#fff;background:linear-gradient(145deg,#041731,#020c1d)}
.comparison-table thead th:nth-child(2){width:25%;color:transparent;background:#fff}
.comparison-table thead th:last-child{width:39%;color:#fff;background:linear-gradient(145deg,#184ff0,#034bd6)}
.comparison-table thead small,.comparison-table thead strong,.comparison-table thead span{display:block}
.comparison-table thead small{font-size:14px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.comparison-table thead strong{margin-top:14px;font-size:31px;line-height:1.1}
.comparison-table thead span{margin-top:12px;font-size:19px;font-weight:700}
.comparison-table tbody td,.comparison-table tbody th{height:68px;padding:12px 18px}
.comparison-table tbody td:first-child{color:#fff;background:#031327}
.comparison-table tbody th{color:#111b2c;background:#fff;font-size:18px;font-weight:760}
.comparison-table tbody td:last-child{color:#fff;background:#084bd9}
.comparison-check{font-size:38px;font-weight:800;line-height:1}
.comparison-dash{font-size:36px;font-weight:700;line-height:1}
.comparison-table tfoot td{height:74px;padding:14px 20px;border-bottom:0;background:#f6f8fb;font-size:20px;font-weight:800}
.comparison-table tfoot td:first-child{color:#68707a}
.comparison-table tfoot td:last-child{color:#074acb;background:#eef5ff}
.mobile-comparison{display:none}
.comparison-source{margin:24px auto 0;color:#5e6876;font-size:14px;line-height:1.55;text-align:center}
.comparison-source a{color:#075fdc;text-decoration:underline;text-underline-offset:3px}

.competitor-page .faq-answer-stage[data-faq-id="difference"] .faq-answer-lead strong{font-size:clamp(56px,4.5vw,82px);letter-spacing:0}
.competitor-page .faq-answer-stage[data-faq-id="cancel"] .faq-answer-lead strong{font-size:clamp(80px,6vw,110px);letter-spacing:0}

@media (max-width:1180px){
  .competitor-hero-layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:24px}
  .competitor-hero-copy{padding-left:0}
  .competitor-hero-copy h1{font-size:60px}
  .compare-phone-lightning,.compare-phone-dining{width:205px}.compare-phone-base{width:290px}
  .comparison-head{gap:48px}
  .comparison-head h2{font-size:62px}
}

@media (max-width:900px){
  .compare-shell{width:calc(100% - 40px)}
  .competitor-hero{min-height:0}
  .competitor-hero-layout{display:grid;min-height:0;grid-template-columns:1fr;grid-template-rows:auto 680px;gap:0;padding-top:132px}
  .competitor-hero-copy{max-width:700px;margin-top:0;padding:0;text-align:left}
  .competitor-hero-copy h1{max-width:690px;font-size:58px}
  .competitor-hero-devices{grid-row:2;height:680px;margin-top:30px}
  .compare-phone-lightning{left:4%;width:190px}.compare-phone-base{left:50%;width:260px;transform:translateX(-50%)}.compare-phone-dining{right:4%;width:190px}
  .compare-device-label{top:0}
  .comparison-head{grid-template-columns:1fr;gap:28px}
  .comparison-head h2{font-size:58px}
  .comparison-head>p{max-width:760px}
  .comparison-table thead strong{font-size:24px}.comparison-table tbody th{font-size:16px}
}

@media (max-width:700px){
  .compare-shell{width:calc(100% - 32px)}
  .compare-eyebrow{margin-bottom:12px;font-size:11px}
  .compare-button{width:100%;min-height:54px;margin-top:24px}
  .competitor-hero{min-height:0;background-position:65% center}
  .competitor-hero::before{background:linear-gradient(180deg,rgba(1,7,19,.76) 0%,rgba(1,7,19,.52) 44%,rgba(1,7,19,.74) 72%,#020817 100%)}
  .competitor-hero-layout{min-height:0;grid-template-rows:auto 520px;padding-top:104px}
  .competitor-hero-copy{text-align:left}
  .competitor-hero-copy h1{max-width:430px;font-size:44px;line-height:.98}
  .competitor-hero-copy h1 span{white-space:normal}
  .competitor-hero-copy>p:not(.compare-eyebrow){margin-top:20px;font-size:17px}
  .competitor-hero-devices{grid-row:2;height:520px;margin-top:32px}
  .compare-phone{bottom:18px;padding:4px;border-radius:31px}
  .compare-phone img{border-radius:25px}
  .compare-phone-lightning{left:0;width:145px;transform:rotate(-4deg)}
  .compare-phone-base{left:50%;width:208px;transform:translateX(-50%)}
  .compare-phone-dining{right:0;width:145px;transform:rotate(4deg)}
  .compare-device-label{top:0}
  .compare-device-label strong{font-size:9px}.compare-device-label span{display:none}
  .compare-device-label::after{width:22px;margin-top:8px}
  .compare-device-label-lightning{left:2%}.compare-device-label-base{left:50%}.compare-device-label-dining{right:2%}

  .compare-section{padding:72px 0}
  .comparison-head{margin-bottom:30px}
  .comparison-head h2{font-size:42px}
  .comparison-head>p{font-size:17px}
  .desktop-comparison{display:none}
  .mobile-comparison{display:grid;gap:14px}
  .mobile-comparison article{padding:24px 22px;border:1px solid #cdd9e8;border-radius:12px;color:#fff;background:#05162b}
  .mobile-comparison article small{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
  .mobile-comparison article h3{margin:9px 0 0;font-size:25px;line-height:1.05}
  .mobile-comparison article p{margin:8px 0 0;color:rgba(255,255,255,.7);font-size:15px}
  .mobile-comparison article ul{display:grid;gap:8px;margin:20px 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.2);list-style:none}
  .mobile-comparison article li{position:relative;padding-left:24px;font-size:14px;font-weight:650}
  .mobile-comparison article li::before{position:absolute;left:0;color:#72b0ff;content:"✓"}
  .mobile-comparison article>strong{display:block;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);font-size:15px}
  .mobile-comparison .mobile-comparison-hero{border-color:#6da3ff;background:linear-gradient(145deg,#1767f5,#0647cd);box-shadow:0 20px 42px rgba(5,104,255,.22)}
  .mobile-comparison .mobile-comparison-hero li::before{color:#fff}
  .comparison-source{text-align:left}

  .competitor-page .faq-answer-stage[data-faq-id="difference"] .faq-answer-lead strong,.competitor-page .faq-answer-stage[data-faq-id="cancel"] .faq-answer-lead strong{font-size:inherit}
}

@media (max-width:340px){
  .competitor-hero-copy h1{font-size:36px}
  .compare-phone-lightning,.compare-phone-dining{width:116px}.compare-phone-base{width:180px}
}

@media (prefers-reduced-motion:reduce){.compare-button,.compare-phone{transition:none!important}}
