:root{--navy:#04111e;--deep:#050e1a;--panel:#0d2034;--cyan:#00c9e4;--white:#f7fbff;--muted:#c0d2e1;--line:#164160}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.site-header{position:sticky;top:0;z-index:50;background:#03101cf4;border-bottom:1px solid #1b4159;backdrop-filter:blur(16px)}.header-inner{width:min(1350px,94%);height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:230px;max-height:65px;object-fit:contain;object-position:left}.nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:700}.nav>a:not(.nav-cta):hover,.footer-links a:hover{color:var(--cyan)}.nav-cta,.primary-button{background:var(--cyan);color:#03101a;border:0;border-radius:50px;display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 25px;font-weight:800;box-shadow:0 8px 23px #00192255}.nav-cta{padding:12px 21px}.nav-cta:hover,.primary-button:hover{background:#40e5f5}.menu-toggle{display:none}.hero{background:linear-gradient(90deg,rgba(3,16,28,.92) 0%,rgba(3,16,28,.65) 28%,rgba(3,16,28,.08) 68%),linear-gradient(0deg,#04111e 0%,transparent 25%),url('hero-ocean.jpg') center 52% / cover no-repeat;min-height:610px}.hero-wrap{width:min(1350px,96%);margin:auto;display:grid;grid-template-columns:40% 60%;align-items:center;min-height:610px;position:relative}.hero-content{position:relative;z-index:5;padding:45px 0 70px 12px}.eyebrow{color:var(--cyan);font:700 14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}.hero h1{font-size:clamp(38px,4.15vw,62px);letter-spacing:-.035em;line-height:1.1;margin:16px 0 13px;font-weight:840}.accent-stroke{height:4px;background:linear-gradient(90deg,var(--cyan),transparent);width:180px;border-radius:4px;transform:skewX(-25deg);margin:22px 0}.captain{font-size:clamp(19px,2vw,25px);font-weight:800;margin-bottom:43px}.captain span{color:var(--cyan)}.phone-showcase{height:570px;position:relative;isolation:isolate}.phone{position:absolute;top:50%;width:32%;max-width:250px;min-width:150px;aspect-ratio:709/1536;border:6px solid #121c2a;border-radius:40px;box-shadow:0 0 0 2px #8195a3,0 22px 33px #0009;overflow:hidden;background:#051221;transform-origin:50% 90%}.phone img{height:100%;width:100%;object-fit:cover;display:block}.phone-left{left:10%;transform:translateY(-49%) rotate(-7deg);z-index:1}.phone-center{left:35%;transform:translateY(-53%);z-index:3;width:34%;max-width:265px}.phone-right{left:64%;transform:translateY(-49%) rotate(7deg);z-index:2}.section-container{width:min(1260px,94%);margin:auto}.features{padding:40px 0 65px}.center{text-align:center}.features h2{text-align:center;font-size:clamp(24px,3vw,38px);letter-spacing:-.03em;margin:6px 0 35px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{border:2px solid var(--outline);background:linear-gradient(120deg,#0a2334,#091726);border-radius:20px;min-height:165px;padding:23px 20px;display:flex;gap:17px;align-items:flex-start;box-shadow:inset 0 0 21px #041522;transition:transform .18s}.feature-icon{color:var(--outline);font-size:39px;font-weight:bold;line-height:1.2;min-width:55px;text-align:center}.feature h3{margin:0 0 9px;font-size:19px;line-height:1.2}.feature p{margin:0;color:#d5e3ed;font-size:14px;line-height:1.5}.feature-cyan{--outline:#00c9e4}.feature-blue{--outline:#178eff}.feature-amber{--outline:#ffb21b}.feature-green{--outline:#28d987}.feature-red{--outline:#fa4657}.pdf-icon{border:3px solid currentColor;border-radius:4px;font-size:17px;line-height:45px;min-width:47px}.about{display:grid;grid-template-columns:1fr 1.1fr;align-items:start;gap:55px;padding:45px 0 65px;border-top:1px solid var(--line)}.about h2{font-size:clamp(27px,3vw,40px);margin:8px 0}.about p{color:#d2e0e8;font-size:16px;line-height:1.7;margin:0 0 14px}.about .small-note{font-size:13px;color:#9bb6c9}.beta{min-height:325px;background:linear-gradient(90deg,#00142188,#00142145),url('bay.jpg') center 63%/cover no-repeat;display:grid;place-items:center;text-align:center}.beta-shade{width:100%;padding:44px 18px;background:linear-gradient(90deg,#06162770,transparent 55%,#06162744);text-shadow:0 2px 10px #0009}.beta h2{font-size:clamp(31px,4vw,46px);margin:9px 0}.beta p:not(.eyebrow){margin:0 auto 23px;font-size:17px}.beta .beta-meta{font-size:12px!important;margin:18px auto 0!important;color:#e8f0f6}.footer-inner{width:min(1350px,94%);margin:auto;min-height:140px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.footer-brand img{width:190px;display:block}.social,.footer-links{display:flex;gap:18px;align-items:center;font-size:14px}.social a:hover{color:var(--cyan)}.social>span{opacity:.6}.social a{display:inline-flex;gap:6px;align-items:center}.footer-links button{background:transparent;border:0;color:inherit}.footer-tagline{font-size:15px;font-weight:700;color:var(--cyan)}.dialog{color:#eefaff;background:#0e2035;border:1px solid var(--cyan);border-radius:24px;max-width:min(520px,94vw);width:100%;padding:32px;box-shadow:0 30px 90px #000}.dialog::backdrop{background:#020913b8}.dialog-close{position:absolute;right:17px;top:12px;background:transparent;border:0;color:#fff;font-size:30px}.dialog h2{margin:7px 0}.dialog p{color:#bfdaeb;line-height:1.5}.dialog label{display:grid;gap:7px;font-weight:700;margin:14px 0}.dialog input,.dialog select{font:inherit;padding:12px;border:1px solid #42627c;border-radius:9px;color:#fff;background:#152e48;max-width:100%;width:100%}.dialog .primary-button{width:100%;margin-top:15px}.dialog-status{font-size:13px!important}.menu-toggle:focus-visible,.primary-button:focus-visible,.nav a:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:980px){.hero-wrap{grid-template-columns:1fr;min-height:auto}.hero-content{padding:62px 4% 10px}.hero{min-height:auto}.hero h1{font-size:clamp(38px,7vw,60px)}.phone-showcase{height:490px;max-width:720px;width:100%;margin:0 auto}.phone{width:33%;max-width:215px}.phone-center{width:35%;max-width:230px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:17px}.brand img{width:200px}}
@media(max-width:660px){.header-inner{height:65px}.brand img{width:178px}.menu-toggle{display:flex;width:44px;height:42px;background:none;border:0;flex-direction:column;justify-content:center;gap:6px;align-items:center}.menu-toggle span{height:2px;width:24px;background:#ecf8ff}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:#071827;flex-direction:column;align-items:stretch;padding:20px 6%;gap:0;border-bottom:1px solid #264b62}.nav.open{display:flex}.nav>a{padding:13px 12px}.nav-cta{margin-top:12px;text-align:center}.hero{background-position:54% 45%}.hero-content{padding:40px 3% 12px}.hero h1{font-size:clamp(34px,9.5vw,46px)}.captain{font-size:19px;margin-bottom:22px}.primary-button{padding:14px 22px;font-size:14px}.phone-showcase{height:365px;margin-top:12px}.phone{border:4px solid #121c2a;border-radius:23px;min-width:0;width:37%;max-width:155px}.phone-left{left:3%;transform:translateY(-47%) rotate(-7deg)}.phone-center{left:32%;width:39%;max-width:164px;transform:translateY(-50%)}.phone-right{left:65%;transform:translateY(-47%) rotate(7deg)}.features{padding:28px 0 45px}.features h2{font-size:27px}.features-grid{gap:12px}.feature{padding:16px 13px;min-height:185px;flex-direction:column;gap:9px;border-radius:15px}.feature-icon{min-width:0;text-align:left;font-size:29px}.pdf-icon{font-size:12px;min-width:37px;line-height:31px}.feature h3{font-size:16px}.feature p{font-size:12.5px;line-height:1.45}.about{grid-template-columns:1fr;gap:8px;padding:32px 0 42px}.beta{min-height:290px}.beta h2{font-size:30px}.beta p:not(.eyebrow){font-size:14px}.footer-inner{padding:20px 0;justify-content:center;text-align:center;gap:17px}.footer-brand img{width:175px}.social,.footer-links{justify-content:center}.footer-tagline{width:100%}}
@media(max-width:370px){.phone-showcase{height:315px}.feature{min-height:205px}.hero h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature{transition:none}}

/* v16: small approved visual corrections; preserve all six cards and screenshots */
@media (min-width:981px){
.hero{min-height:570px}
.hero-wrap{grid-template-columns:42% 58%;min-height:570px}
.hero-content{padding:32px 0 54px 12px}
.hero h1{font-size:clamp(38px,3.15vw,52px);line-height:1.115;letter-spacing:-.035em}
.phone-showcase{height:520px}
.features{padding-top:28px;padding-bottom:49px}
.about{padding-top:36px;padding-bottom:49px}
}
.beta{background:linear-gradient(90deg,#00142142,#00142124),url('bay.jpg') center 28%/cover no-repeat}
.beta-shade{background:linear-gradient(90deg,#06162755,transparent 53%,#06162730)}
.platform-status{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.platform-pill{display:inline-flex;align-items:center;gap:7px;background:#031420d9;border:1px solid #68b4c4a6;border-radius:30px;padding:9px 14px;color:#e5f6fc;font-size:13px;text-shadow:none}
.platform-pill span{color:#00c9e4;font-size:10px}
@media(max-width:660px){.platform-pill{font-size:11px;padding:8px 10px}.hero h1{font-size:clamp(34px,9vw,43px)}}

/* v18 — targeted fixes only: fully visible phones; clearer AI card; footer chips */
@media (min-width:981px) {
  .hero, .hero-wrap {min-height:665px;}
  .phone-showcase {height:635px;}
  .phone {top:51%;}
  .hero-content {padding-bottom:40px;}
}
@media (min-width:661px) and (max-width:980px) {
  .phone-showcase {height:550px;}
  .phone {top:52%;}
}
.social a, .footer-links a, .footer-links button, .footer-chip {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:9px 15px;border-radius:999px;
  border:1px solid #00c9e4ab;
  color:#e9f9ff;
  background:linear-gradient(135deg,#12334b,#061626);
  box-shadow:0 0 12px #00c9e42c;
  white-space:nowrap; font-size:13px;line-height:1.3;
}
.social a:hover, .footer-links a:hover, .footer-links button:hover {
  background:linear-gradient(135deg,#15516a,#0c2f44);color:#fff;border-color:var(--cyan);
}
.footer-chip-muted {opacity:.65;border-color:#4b6b7c;box-shadow:none;}
.social, .footer-links {gap:9px;flex-wrap:wrap;}
.footer-links button {font:inherit;cursor:pointer;}
.social a:focus-visible, .footer-links a:focus-visible, .footer-links button:focus-visible{outline:2px solid #fff;outline-offset:3px;}
@media(max-width:660px) {
  .footer-inner {gap:14px;}
  .social a, .footer-links a, .footer-links button, .footer-chip {padding:9px 12px;font-size:12px;}
}

/* v19 — original full-resolution iPhone captures; matched phone frames and gentle side angles. */
.phone img { object-fit:fill; image-rendering:auto; }
@media (min-width:981px) {
  .phone { width:32%; max-width:250px; }
  .phone-center { width:33%; max-width:256px; }
  .phone-left { transform:translateY(-49%) rotate(-6deg); }
  .phone-right { transform:translateY(-49%) rotate(6deg); }
}
@media (max-width:660px) {
  .phone { width:37%; max-width:155px; }
  .phone-center { width:38%; max-width:160px; }
  .phone-left { transform:translateY(-47%) rotate(-6deg); }
  .phone-right { transform:translateY(-47%) rotate(6deg); }
}

/* v20: approved layout corrections only. Preserve actual photos and original captures. */
.footer-tagline .footer-captain { color:#f7fbff; }
.footer-tagline .footer-ai { color:#00c9e4; }
/* 3D page-turn presentation: matching phone frame sizes, center face-on, sides flipped outward. */
.phone-showcase { perspective:1300px; perspective-origin:50% 48%; transform-style:preserve-3d; }
.phone { backface-visibility:hidden; transform-style:preserve-3d; }
@media (min-width:981px) {
  .phone-left { transform:translateY(-49%) rotateY(24deg) rotateZ(-5deg); }
  .phone-center { transform:translateY(-53%); }
  .phone-right { transform:translateY(-49%) rotateY(-24deg) rotateZ(5deg); }
}
@media (min-width:661px) and (max-width:980px) {
  .phone-left { transform:translateY(-49%) rotateY(19deg) rotateZ(-4deg); }
  .phone-center { transform:translateY(-53%); }
  .phone-right { transform:translateY(-49%) rotateY(-19deg) rotateZ(4deg); }
}
@media (max-width:660px) {
  .phone-showcase { perspective:850px; }
  .phone-left { transform:translateY(-47%) rotateY(17deg) rotateZ(-4deg); }
  .phone-center { transform:translateY(-50%); }
  .phone-right { transform:translateY(-47%) rotateY(-17deg) rotateZ(4deg); }
}

/* Only requested adjustment: subtly soften color of the three original app screenshots. */
.phone img { filter: saturate(.79) contrast(.97); }


/* v20.1: requested cleanup — remove footer logo block and shift left chart phone slightly left. */
@media (min-width:981px) {
  .phone-left { left: 7%; }
}
@media (min-width:661px) and (max-width:980px) {
  .phone-left { left: 6%; }
}
.footer-inner { justify-content: space-between; }
@media (min-width: 821px) {
  .footer-inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; }
  .social { justify-self:start; }
  .footer-links { justify-self:center; }
  .footer-tagline { justify-self:end; text-align:right; }
}
@media (max-width:820px) {
  .footer-inner { justify-content:center; }
}

/* Beta form only. All other approved website styles remain unchanged. */
.dialog .beta-consent{display:flex;align-items:flex-start;gap:11px;font-size:13px;font-weight:500;line-height:1.45;margin:18px 0 8px;color:#d9e8f4}
.dialog .beta-consent input{flex:0 0 auto;width:17px;height:17px;max-width:none;margin:2px 0 0;accent-color:var(--cyan);padding:0}
.dialog .beta-consent a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}
.dialog .beta-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.dialog .primary-button:disabled{opacity:.6;cursor:wait}
.dialog-status{min-height:1.5em}


/* Mobile-only refinements: show all 3 original phones, readable 1-column toolkit. */
@media (max-width:660px) {
  .phone-showcase {
    height:320px;
    width:100%;
    max-width:440px;
    margin:18px auto 0;
  }
  .phone {
    width:29%;
    max-width:none;
    min-width:0;
    border-width:3px;
    border-radius:20px;
  }
  .phone-left {
    left:4%;
    transform:translateY(-47%) rotateY(12deg) rotateZ(-4deg);
  }
  .phone-center {
    left:35%;
    width:31%;
    max-width:none;
    transform:translateY(-50%);
  }
  .phone-right {
    left:67%;
    transform:translateY(-47%) rotateY(-12deg) rotateZ(4deg);
  }
  .features-grid { grid-template-columns:minmax(0,1fr); gap:13px; }
  .feature {
    min-height:0;
    padding:19px 18px;
    flex-direction:row;
    gap:15px;
    align-items:flex-start;
  }
  .feature-icon {
    min-width:43px;
    flex:0 0 43px;
    font-size:32px;
    text-align:center;
  }
  .feature h3 {font-size:18px;}
  .feature p {font-size:14px;line-height:1.5;}
}
@media (max-width:370px) {
  .phone-showcase {height:285px;}
}