:root{--sales-max:1240px;--sales-line:#202329;--sales-muted:#969ba5}

/* Keep the original landing as the visual system. This file only styles new product sections. */
.sales-header{position:absolute;z-index:20}.sales-header nav{gap:22px}.sales-header nav a{transition:opacity .18s ease}.sales-header nav a:hover{opacity:.58}

.section-title h2,.feature-copy h3,.memory-side h3,.android-copy h2,.how-copy h2,.cta-section h2{text-wrap:balance}
.feature-copy p,.memory-side>p,.android-lead,.capability-card p,.how-flow p,.security-grid p{text-wrap:pretty}
.black-section.intro .section-title h2{white-space:normal}

.capabilities-section,.android-sales,.security-sales{padding-top:var(--landing-section-space);padding-bottom:var(--landing-section-space)}
.capabilities-section .section-title{max-width:1040px}.capabilities-section .section-title h2{font-size:clamp(42px,4.7vw,68px);font-weight:520}

.capability-grid{width:min(var(--sales-max),92vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--sales-line);border-bottom:1px solid var(--sales-line)}
.capability-card{min-width:0;background:none;border:0;border-radius:0;border-right:1px solid var(--sales-line);padding:37px 34px;min-height:260px}
.capability-card:nth-child(3n){border-right:0}
.capability-card:nth-child(-n+3){border-bottom:1px solid var(--sales-line)}
.card-index{display:block;color:#5c6270;font-size:12px;line-height:1;margin:0 0 45px}
.capability-card h3{font-size:24px;line-height:1.08;letter-spacing:-.03em;margin:0 0 14px;font-weight:600}
.capability-card p{margin:0;color:var(--sales-muted);font-size:14px;line-height:1.6}

.android-layout{width:min(var(--sales-max),92vw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:58px;align-items:end}
.android-copy{grid-column:2;grid-row:1;align-self:end;padding-bottom:2px}
.android-copy .eyebrow{margin:0 0 16px;color:#777e89;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:650}
.android-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.01;letter-spacing:-.052em;margin:0 0 22px;font-weight:590}
.android-lead{margin:0;color:#a5aab4;font-size:17px;line-height:1.65}
.android-actions{display:flex;align-items:flex-start;gap:0;flex-wrap:wrap;margin-top:26px}.android-actions .pill.light{background:#fff;color:#050505;border-color:#fff}.android-actions .pill.light:hover{background:#e7e7e7}

.phone-stage{grid-column:1;grid-row:1;height:430px;display:flex;align-items:flex-end;justify-content:center;padding:42px 46px 0;border-radius:20px;overflow:hidden;background:radial-gradient(58% 74% at 14% 18%,rgba(92,126,255,.94),transparent 73%),radial-gradient(56% 64% at 86% 18%,rgba(219,139,255,.82),transparent 75%),radial-gradient(44% 52% at 58% 70%,rgba(161,113,255,.34),transparent 78%),linear-gradient(145deg,#5f79db 0%,#aebcff 40%,#a884dc 72%,#765fbd 100%)}
.phone-shell{width:228px;min-height:370px;border:1px solid #383d49;border-radius:26px 26px 0 0;padding:14px;background:linear-gradient(180deg,#22242a,#15171b);box-shadow:0 22px 52px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05);transform:none;margin-bottom:-2px}
.phone-top{height:29px;display:flex;align-items:center;justify-content:space-between;color:#d9dce3;font-size:9px}.phone-top b{font-size:8px;color:#a0a4ae;border:1px solid #41444c;border-radius:8px;padding:5px}
.phone-device{position:relative;padding:9px 10px;margin-top:5px;border:1px solid #373a42;border-radius:11px;background:#292b30}.phone-device small{display:block;color:#81858e;font-size:6px;letter-spacing:.12em}.phone-device strong{display:block;font-size:11px;margin-top:4px}.phone-device em{position:absolute;right:9px;top:18px;color:#55d58b;font-style:normal;font-size:7px}
.phone-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.phone-keys div{height:40px;border-radius:8px;background:#35363a;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone-keys b{font-size:9px}.phone-keys span{font-size:5.5px;color:#a0a3ab;margin-top:3px;letter-spacing:.04em}.phone-keys .on span{color:#55d58b}
.phone-rails{display:grid;grid-template-columns:42px 1fr 42px;gap:7px;align-items:center;margin-top:9px}.phone-rails>button{height:100px;border:0;border-radius:21px;background:#35363a;color:#afb2b8;font-size:6px;font-weight:700;line-height:2}.phone-rails>button strong{color:#fff;font-size:8px}.phone-rails>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.phone-rails>div span{height:43px;border-radius:50%;display:grid;place-items:center;background:#35363a;color:#bbbfc8;font-size:6px}

.sales-cta .eyebrow{color:rgba(5,5,5,.62)}.sales-cta .hero-actions{display:flex}.sales-cta .pill.dark{background:#fff;border-color:#fff;color:#050505}.sales-cta .pill.dark:hover{background:#e7e7e7}

#product-info,#capabilities,#android-remote,#memory-info,#how-info,#security-info{scroll-margin-top:92px}

@media(max-width:1050px){
  .sales-header nav{display:none}
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .capability-card:nth-child(3n){border-right:1px solid var(--sales-line)}
  .capability-card:nth-child(2n){border-right:0}
  .capability-card:nth-child(-n+4){border-bottom:1px solid var(--sales-line)}
  .android-layout{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:48px}
}

@media(max-width:900px){
  .android-layout{width:calc(100% - 40px);grid-template-columns:1fr;gap:28px;align-items:start}
  .android-copy{grid-column:1;grid-row:1;max-width:680px;padding-bottom:0}
  .phone-stage{grid-column:1;grid-row:2;height:auto;min-height:430px}
}

@media(max-width:640px){
  .sales-header .header-actions .pill.dark{display:none}
  .capability-grid{width:calc(100% - 36px);grid-template-columns:1fr}
  .capability-card{min-height:0;padding:28px 0;border-right:0!important;border-bottom:1px solid var(--sales-line)!important}
  .capability-card:last-child{border-bottom:0!important}
  .card-index{margin-bottom:24px}
  .capability-card h3{font-size:22px}
  .android-layout{width:calc(100% - 36px)}
  .android-copy h2{font-size:38px;line-height:1}
  .android-lead{font-size:14px;line-height:1.6}
  .android-actions{align-items:flex-start;flex-direction:column}.android-actions .pill{width:auto;min-width:146px;min-height:40px;padding:9px 16px;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center}
  .phone-stage{min-height:350px;padding:22px 16px 0;border-radius:15px}
  .phone-shell{width:210px;min-height:338px;transform:none}
  .sales-cta .hero-actions{width:min(220px,100%);margin:22px auto 0;display:grid;grid-template-columns:1fr;gap:8px;justify-items:stretch}.sales-cta .hero-actions .pill{width:100%;min-height:40px;padding:9px 12px;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center}
}

/* 2026-09 landing rhythm pass: keep the cleaned Android block, restore the original connection/security layouts. */
.section-title>p,.android-copy .eyebrow,.memory-side .eyebrow{
  font-size:12px;
  line-height:1.2;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#747b86;
  font-weight:650;
}
.section-title h2,.android-copy h2{
  line-height:.98;
  letter-spacing:-.052em;
  font-weight:560;
}
.section-title h2{font-size:clamp(46px,4.8vw,68px)}
.android-copy h2{font-size:clamp(44px,4.2vw,60px)}
.feature-copy h3,.memory-side h3{
  font-size:clamp(36px,3.8vw,54px);
  line-height:1.01;
  letter-spacing:-.05em;
  font-weight:570;
}
.android-sales{padding-bottom:88px}
.android-layout{align-items:end}
.android-copy{padding-bottom:18px}
.android-copy h2{margin-bottom:20px}
.phone-stage{height:430px}

/* Restore the previous centered security heading while leaving the original grid rules in landing.css. */
.security-sales .section-title>p{
  color:#8d929c;
  margin:0 0 14px;
  font-size:16px;
  line-height:normal;
  letter-spacing:normal;
  text-transform:none;
  font-weight:400;
}
.security-sales .section-title h2{
  font-size:clamp(42px,6vw,76px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:590;
}

.security-sales{padding-bottom:128px}.cta-section.sales-cta{min-height:560px;padding:80px 24px;place-items:center}
.sales-cta>div{transform:none;width:min(900px,100%)}
.cta-section h2{font-size:clamp(52px,7vw,88px)}
.cta-section p{font-size:16px;max-width:570px}
.site-footer{min-height:0;padding-top:44px;padding-bottom:44px}
.footer-brand p{max-width:330px;font-size:12px;line-height:1.55}

@media(max-width:900px){
  .section-title h2,.android-copy h2{font-size:46px}
  .feature-copy h3,.memory-side h3{font-size:40px}
  .android-sales{padding-bottom:78px}
  .security-sales{padding-bottom:96px}
  .cta-section.sales-cta{min-height:500px;padding:70px 22px;place-items:center}
}

@media(max-width:640px){
  .section-title h2,.android-copy h2{font-size:38px;line-height:1}
  .feature-copy h3,.memory-side h3{font-size:34px}
  .android-sales{padding-bottom:62px}
  .phone-stage{height:auto;min-height:350px}
  .security-sales{padding-bottom:78px}
  .cta-section.sales-cta{min-height:440px;padding:58px 18px;place-items:center}
  .cta-section h2{font-size:42px}
  .site-footer{padding-top:38px;padding-bottom:62px}
}