/* StoryByte365 final design system polish — separate layer for easier developer handoff */
html{scroll-padding-top:100px}
body{font-size:16px}
a,button,input,select,textarea,summary{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8be4ff!important;outline-offset:4px!important}
.nav-links a{font-size:13px}.nav-links .mobile-login-link{display:none}
.nav-actions .button{white-space:nowrap}
.form-privacy-banner{padding:11px 14px;border:1px solid #537d9f;border-radius:11px;background:rgba(12,44,75,.72);font-size:12px;color:#cbe6f8;margin:15px 0 20px}
.form-privacy-banner strong{color:#f1fbff}
.form-helper{font-size:12px;color:#a6c0d8;margin:7px 0 14px}
.agency-notice{margin:12px 0 17px;border:1px solid #c8a45e6c;border-radius:10px;padding:13px;background:#292038}
.agency-notice p{font-size:13px;margin:0 0 8px}
.small-link-button{border:0;background:transparent;color:#7ce6ff;font:inherit;font-size:12px;font-weight:750;cursor:pointer;margin:-1px 0 17px;padding:6px 0}
.sample-intro-band{padding-top:12px;padding-bottom:33px;background:#071124}
.sample-intro-inner{border:1px solid #446890;border-radius:20px;padding:28px 35px;display:flex;gap:38px;align-items:center;justify-content:space-between;background:radial-gradient(circle at 100% 15%,#68429836,transparent 46%),#0b1d35}
.sample-intro-copy{max-width:710px}
.eyebrow-proof{font-size:11px;font-weight:850;letter-spacing:.15em;color:#88e3fd}
.sample-intro-band h2{font-size:clamp(23px,2.7vw,34px);margin:8px 0 8px}
.sample-intro-band p{font-size:14px;line-height:1.65;margin:0}
.sample-intro-band .button{white-space:nowrap;flex:none}
.motion-section{background:linear-gradient(155deg,#101c37,#060e1f);padding-top:56px;padding-bottom:70px;border-top:1px solid #2e5573}
.motion-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px}
.motion-frame{border:1px solid #5377af;border-radius:17px;overflow:hidden;background:#071321;box-shadow:0 15px 60px #0007}
.motion-video{display:block;width:100%;aspect-ratio:16/9;background:#080d1b;object-fit:contain}
.motion-meta{display:block;font-size:10px;font-weight:850;letter-spacing:.14em;color:#b3d5ec;padding:12px 16px;background:#11203c}
.motion-copy h2{font-size:clamp(29px,3.7vw,45px);line-height:1.13;margin:15px 0}
.motion-copy p{font-size:15px;line-height:1.7;margin:12px 0}
.motion-copy .proof-disclaimer{font-size:12px;border-left:3px solid #5acded;padding-left:14px;color:#b4cee7}
.connection-steps{border:1px solid #486995;border-radius:15px;padding:25px 28px;margin:22px 0 4px;background:#0a1a33}
.connect-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:15px 0}
.connect-steps>div{border-left:2px solid #4bbde8;padding:2px 10px 2px 15px;display:grid;gap:7px}
.connect-steps b{font-size:14px;color:#f3fbff}.connect-steps span{font-size:13px;color:#b5d2ec}
.connection-steps>p{font-size:12px;color:#adc1dd;margin-top:20px}
.mobile-table-hint{display:none}
/* Equal-height plan comparison and more readable footnotes */
.price-features li{font-size:14px;line-height:1.6}
.integration-limit small{font-size:11px;letter-spacing:.08em}
.pricing-footnote{font-size:13px;max-width:990px}
.faq-accordion summary{line-height:1.5}
.faq-accordion details p{font-size:14px}
.footer-linkcols a{font-size:12px;line-height:1.6}
.form-surface textarea{line-height:1.6}
@media(max-width:1080px){.sample-intro-inner{gap:21px}}
@media(max-width:900px){.motion-grid{grid-template-columns:1fr;gap:27px}.sample-intro-inner{flex-direction:column;align-items:stretch}.sample-intro-band .button{align-self:flex-start}.connect-steps{grid-template-columns:1fr}}
@media(max-width:700px){
  .nav-links .mobile-login-link{display:block;border-top:1px solid #48698a;padding:14px 0;margin-top:8px}
  .nav-links a{font-size:16px}
  .sample-intro-inner{padding:24px 21px}.sample-intro-band{padding-bottom:26px}
  .sample-intro-band .button{width:100%;white-space:normal}
  .motion-section{padding:42px 0}.motion-copy h2{font-size:32px}
  .connect-steps{gap:19px}.connection-steps{padding:22px}
  .mobile-table-hint{display:block;font-size:12px;color:#b6d7f0;margin:0 0 10px}
  .show-content>p,.start-side p,.form-intro,.motion-copy p{font-size:15px}
  .price-features li{font-size:14px}
  .price-card{padding:26px 23px 22px}
  .form-privacy-banner{font-size:12px}
  .footer-linkcols a{font-size:13px}
}