.pilot-studio{--ps-ink:#11141b;--ps-muted:#626977;--ps-blue:#5865f2;--ps-pink:#e83e9c;background:#fff;color:var(--ps-ink)}
.pilot-studio .brand-copy{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.02em}
.pilot-studio .brand-copy strong{font-size:1.1rem}
.pilot-studio .site-navigation .ps-nav-current{color:var(--ps-blue)!important}
.pilot-studio :is(button,a):focus-visible{outline:2px solid var(--ps-blue);outline-offset:4px}
.ps-intro{padding-block:55px 75px}
.ps-intro-heading{max-width:none;margin-bottom:65px}
.ps-intro .eyebrow{margin-bottom:20px}
.ps-intro-heading.landing-copy h1{max-width:none;margin-bottom:20px;font-size:clamp(2rem,4.5vw,3.9rem);font-weight:650;line-height:1.08;text-wrap:wrap}
.ps-intro h1 em{color:transparent;background:linear-gradient(110deg,var(--ps-blue),var(--ps-pink));background-clip:text;-webkit-background-clip:text;font-style:normal}
.ps-lead{max-width:850px;margin:0;color:var(--ps-muted);font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.65}
.ps-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.ps-start{padding-bottom:45px;text-align:center;transform:translateY(-47px)}
.ps-start.landing-copy h2{font-weight:650;display:flex;align-items:center;justify-content:center;gap:.05em;margin:0 0 18px;color:var(--ink)}
.ps-title-mark{width:1.25em;height:1.25em;object-fit:contain;filter:grayscale(1) brightness(.55);opacity:.85;flex:none;margin-left:-.13em;position:relative;top:2px}
.ps-start .button-primary{animation:terminal-nudge 2.4s ease-in-out infinite}
.ps-start p{font-size:1.08rem;line-height:1.65;color:var(--ps-muted);margin:0 0 26px}
.ps-primary{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:25px;padding:14px 23px;border-radius:10px;text-decoration:none;font-size:.95rem;font-weight:700;line-height:1.3;color:#fff;background:linear-gradient(105deg,var(--ps-blue),var(--ps-pink));box-shadow:0 10px 25px #5865f224;transition:transform .2s,box-shadow .2s}
.ps-primary:hover{transform:translateY(-2px);box-shadow:0 13px 28px #5865f238}
.ps-start small{display:block;margin-top:8px;font-size:.68rem;font-weight:400;color:#7d8491}
.ps-showcase{position:relative;min-width:0;padding-bottom:12px}
.ps-image-frame{width:calc(100% + 12px);margin-left:-18px;overflow:hidden;border-radius:22px;background:#edeef2;border:1px solid #1722370d;box-shadow:0 18px 42px #1f304027,0 5px 14px #1f304014;aspect-ratio:10/7}
.ps-image-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none;user-select:none}

.ps-prompt-card{position:relative;z-index:1;display:flex;gap:14px;align-items:flex-start;width:82%;min-height:132px;margin:-32px 0 0 auto;padding:22px 24px;background:#fff;border:1px solid #e9ebf2;border-radius:20px;box-shadow:0 12px 35px #1822370d}
.ps-prompt-logo{flex:none;width:27px;height:27px;object-fit:contain;margin-top:2px}
.ps-prompt-label{display:block;font-size:.72rem;font-weight:700;color:var(--ps-blue);margin-bottom:7px}
.ps-prompt-card p{margin:0;font-size:.97rem;line-height:1.5;color:var(--ps-ink);min-height:4.5em}
.ps-prompt-card p::after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.1em;background:var(--ps-blue)}
.ps-slide-controls{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin:12px 5px 0;font-size:.68rem;color:#727987;font-variant-numeric:tabular-nums}
.ps-slide-controls button{font:inherit;color:inherit;border:0;background:transparent;padding:5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pilot-studio .site-footer{background:#0d1420}.pilot-studio .site-footer .footer-inner{color:#a9b2c2}.pilot-studio .site-footer .footer-brand{color:#fff}.pilot-studio .site-footer a{color:inherit}
@media(max-width:850px){.ps-showcase-grid{gap:30px;grid-template-columns:.8fr 1.2fr}.ps-prompt-card{width:94%;padding:18px;min-height:146px}.ps-start p{font-size:1rem}}
@media(min-width:701px){.ps-intro-heading.landing-copy h1{white-space:nowrap}}
@media(max-width:600px){.pilot-studio .brand-copy strong{font-size:.8rem}.ps-intro{padding-block:42px 55px}.ps-intro-heading{margin-bottom:48px}.ps-showcase-grid{grid-template-columns:1fr;gap:30px}.ps-start{padding-bottom:0;transform:none}.ps-start.landing-copy h2{font-weight:650;margin-bottom:12px}.ps-start p{margin-bottom:18px}.ps-start small{margin-top:8px}.ps-image-frame{width:100%;margin-left:0;border-radius:18px}.ps-prompt-card{margin-top:-20px;width:90%;min-height:145px}.ps-prompt-card p{font-size:.9rem}.ps-primary{max-width:100%}}

/* Night palette is restricted to Pilot Ai; preview images keep their own colors. */
html[data-pilot-theme="dark"]{background:#0b0f16}
html[data-pilot-theme="dark"] .pilot-studio{--paper:#0b0f16;--ink:#f2f4fa;--muted:#b8c0cf;--line:#343d4e;--blue:#9a9fff;--ps-ink:#f2f4fa;--ps-muted:#b8c0cf;--ps-blue:#9a9fff;--ps-pink:#f074bd;background:#0b0f16;color:var(--ps-ink)}
html[data-pilot-theme="dark"] .pilot-studio::before{background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px)}
html[data-pilot-theme="dark"] .pilot-studio .site-header{background:#0b0f16f5;border-bottom-color:#ffffff14;box-shadow:none}
html[data-pilot-theme="dark"] .pilot-studio :is(.brand-copy,.menu-button){color:#f2f4fa}
html[data-pilot-theme="dark"] .pilot-studio .site-navigation :is(.nav-main-link,summary){color:#c5ccda!important}
html[data-pilot-theme="dark"] .pilot-studio .site-navigation .ps-nav-current{color:var(--ps-blue)!important}
html[data-pilot-theme="dark"] .pilot-studio .site-navigation :is(.nav-main-link,summary):hover{background:#ffffff0a!important;color:#fff!important}
html[data-pilot-theme="dark"] .pilot-studio .site-navigation a.nav-contact-button{color:#c5ccda!important;background:transparent!important}
html[data-pilot-theme="dark"] .pilot-studio .site-navigation a.nav-contact-button:hover{color:#fff!important;background:#ffffff0a!important}
html[data-pilot-theme="dark"] .pilot-studio .site-navigation a.nav-contact-button.is-active{color:var(--ps-blue)!important;background:transparent!important}
html[data-pilot-theme="dark"] .pilot-studio .site-navigation .nav-dropdown{background:#151c28;border-color:#343d4e}
html[data-pilot-theme="dark"] .pilot-studio .site-navigation .nav-dropdown a{color:#c5ccda!important}
html[data-pilot-theme="dark"] .pilot-studio .site-navigation .nav-dropdown a:hover{background:#242d3c!important;color:#fff!important}
html[data-pilot-theme="dark"] .pilot-studio :is(.nav-studio-mark,.ps-title-mark){filter:grayscale(1) brightness(0) invert(1);opacity:.86}
html[data-pilot-theme="dark"] .ps-start .button-primary{background:#f2f4fa;color:#11141b;box-shadow:0 12px 28px #0004}
.pilot-studio .ps-start .button-primary span{color:#e83e9c;font-size:1.1rem}
html[data-pilot-theme="dark"] :is(.ps-start small,.ps-slide-controls){color:#aeb8ca}
html[data-pilot-theme="dark"] .ps-prompt-card{background:#151c28;border-color:#303a4b;box-shadow:0 12px 35px #0003}
html[data-pilot-theme="dark"] .ps-image-frame{border-color:#ffffff20;box-shadow:0 18px 42px #0007,0 5px 14px #0004}
@media(max-width:980px){html[data-pilot-theme="dark"] .pilot-studio .site-navigation{background:#151c28f7;border-color:#343d4e}html[data-pilot-theme="dark"] .pilot-studio .site-navigation .nav-page-group{border-bottom-color:#ffffff14}}
@media(prefers-reduced-motion:reduce){.pilot-studio *, .pilot-studio *::before, .pilot-studio *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.ps-prompt-card p::after{display:none}}

/* Phone layouts include landscape phones without changing the desktop grid. */
@media (max-width: 767px), (pointer: coarse) and (hover: none) and (orientation: landscape) and (max-height: 500px) and (max-width: 1024px){
  .ps-showcase-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .ps-start{padding-bottom:0;transform:none}
  .ps-intro-heading.landing-copy h1{white-space:normal}
  .ps-image-frame{width:100%;margin-left:0}
  .ps-prompt-card{max-width:100%}
  .ps-prompt-card>div{min-width:0;overflow-wrap:anywhere}
  .ps-slide-controls button{min-width:64px;min-height:44px}
}

/* Keep the explanation quiet so the chat entry and changing examples lead the page. */
.ps-intro-heading{margin-bottom:88px}
.ps-intro-heading.landing-copy h1{font-size:clamp(1.9rem,3.2vw,3.15rem);color:#343b49}
.ps-intro h1 em{color:inherit;background:none}
.ps-lead{color:#687181}
.ps-showcase-grid{position:relative;gap:48px;padding:55px 46px 70px;border:1px solid #e5e9f2;border-radius:30px;background:linear-gradient(145deg,#f7f8fc,#fdfdff 60%,#f5f7fc);box-shadow:0 22px 70px #202b490b}
.ps-start{padding-bottom:0;transform:none}
.ps-start.landing-copy h2{gap:.12em;font-size:clamp(2.3rem,3.7vw,3.5rem)}
.ps-title-prefix{font-size:1em;font-weight:650;letter-spacing:-.035em;color:#1e2430}
.ps-title-name{display:inline-block;flex:none;padding-right:.12em;margin-right:-.12em;white-space:nowrap;color:transparent;background:linear-gradient(90deg,var(--ps-blue),var(--ps-pink));background-clip:text;-webkit-background-clip:text}
.ps-start .button-primary{min-height:62px;padding-inline:30px;box-shadow:0 18px 36px #11141b29}
.ps-image-frame{width:100%;margin-left:0}
@media(min-width:768px){
  .pilot-studio .ps-start{transform:translateY(-80px)}
}
@media(min-width:768px) and (max-height:760px){
  .pilot-studio .ps-start{transform:translateY(-48px)}
}
html[data-pilot-theme="dark"] .ps-intro-heading.landing-copy h1{color:#d7dce8}
html[data-pilot-theme="dark"] .ps-showcase-grid{border-color:#303a4b;background:linear-gradient(145deg,#151c28,#111722);box-shadow:0 22px 70px #0003}
html[data-pilot-theme="dark"] .ps-title-prefix{color:#f2f4fa}
html[data-pilot-theme="dark"] .ps-title-mark{filter:grayscale(1) brightness(1.6);opacity:.75}
@media(max-width:850px){
  .ps-showcase-grid{gap:30px;padding:40px 30px 52px}
}
@media(max-width:600px){
  .ps-intro-heading{margin-bottom:48px}
  .ps-showcase-grid{gap:30px;padding:32px 20px 46px;border-radius:22px}
  .ps-start.landing-copy h2{font-size:clamp(2rem,8vw,2.7rem)}
  .ps-start .button-primary{min-height:58px}
}

/* Keep the complete Pilot Ai entry, including the footer, in one desktop view. */
@media(min-width:920px){
  .pilot-studio{display:flex;min-height:100svh;flex-direction:column}
  .pilot-studio main{display:flex;min-height:0;flex:1;flex-direction:column}
  .pilot-studio .ps-intro{display:flex;min-height:0;flex:1;flex-direction:column;justify-content:center;padding-block:clamp(16px,2.4svh,28px)}
  .pilot-studio .ps-intro-heading{margin-bottom:clamp(22px,3.5svh,38px)}
  .pilot-studio .ps-showcase-grid{padding-block:clamp(22px,3svh,32px)}
  .pilot-studio .site-footer{flex:none}
}
@media(min-width:920px) and (min-height:900px){
  .pilot-studio .ps-intro-heading{transform:translateY(-26px)}
}
@media(min-width:920px) and (max-height:900px){
  .pilot-studio .ps-image-frame{width:min(100%,max(220px,calc((100svh - 590px) * 10 / 7)));margin-left:auto}
  .pilot-studio .ps-intro-heading{margin-bottom:22px}
  .pilot-studio .ps-showcase-grid{padding-block:22px}
}

/* Reserve the former subline's space so removing its copy leaves the layout in place. */
.pilot-studio .ps-intro-heading::after{content:"";display:block;font-size:clamp(1rem,1.2vw,1.12rem);height:3.3em}
@media(max-width:700px){.pilot-studio .ps-intro-heading::after{height:4.95em}}
@media(max-width:520px){.pilot-studio .ps-intro-heading::after{height:8.25em}}
@media(max-width:380px){.pilot-studio .ps-intro-heading::after{height:9.9em}}

.pilot-studio .ps-title-mark{top:6px;margin-right:-.22em}
.pilot-studio .ps-start .button-primary{min-height:54px}
.pilot-studio .ps-start small{margin-top:16px}
@media(max-width:600px){.pilot-studio .ps-start .button-primary{min-height:50px}}

/* Keep the Pilot Ai action dark and its "try:" label legible in the night palette. */
html[data-pilot-theme="dark"] .pilot-studio .site-header .site-navigation a.nav-main-link.nav-pilot-button{background:#171d27!important}
html[data-pilot-theme="dark"] .pilot-studio .site-header .site-navigation a.nav-main-link.nav-pilot-button:hover{background:#202733!important}
html[data-pilot-theme="dark"] .pilot-studio .site-header .site-navigation a.nav-pilot-button .nav-pilot-prefix{color:#f2f4fa!important}