:root,:root[data-theme="light"] {
  --bg: oklch(0.985 0.004 270); --surface: oklch(1 0 0); --fg: oklch(0.2 0.03 270);
  --ink: var(--fg); --muted: oklch(0.43 0.025 270); --border: oklch(0.875 0.015 270);
  --line: var(--border); --accent: oklch(0.48 0.19 268); --primary: var(--accent);
  --primary-pressed: oklch(0.4 0.18 268); --primary-dark: var(--primary-pressed);
  --primary-soft: oklch(0.94 0.045 268); --white: var(--surface);
  --surface-soft: oklch(0.955 0.012 270); --surface-strong: var(--surface-soft);
  --page-background: var(--bg); --display: "Trebuchet MS", "Segoe UI", sans-serif;
  --body: "Segoe UI", system-ui, sans-serif;
}
html {font-family:var(--body); scroll-behavior:auto}
body {font-size:16px; line-height:1.55; background:var(--bg);color:var(--ink)}
h1,h2,h3,.brand-word,.brand-title {font-family:var(--display);font-weight:600;letter-spacing:-.02em}
h1,h2 {text-wrap:balance} p {text-wrap:pretty} button,input,select,textarea {font-family:var(--body)}
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:transparent }
:focus-visible {outline:3px solid var(--primary);outline-offset:4px}
button,a.button,summary {min-height:44px} button,.button {letter-spacing:.02em}
.button {border-radius:9px;font-weight:600;box-shadow:none;min-height:46px;padding:11px 21px}
.button.primary {background:var(--primary);color:oklch(1 0 0);border:1px solid var(--primary)}
.button.primary:hover:not(:disabled) {background:var(--primary-pressed);color:oklch(1 0 0);transform:translateY(-1px);box-shadow:none}
.button.secondary {background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.button.secondary:hover:not(:disabled) {color:var(--ink);background:var(--surface-soft);border-color:var(--muted)}
a:hover {color:var(--ink)}
.eyebrow,.section-kicker,.hero-label {letter-spacing:.08em;font-size:12px;font-weight:600;color:var(--muted)}







.site-header,.site-footer,.section,.hero,.cta-section {width:min(1240px,calc(100% - 64px))}
.site-header {position:relative;top:auto;padding:20px 0;background:var(--bg);border:0}
.site-header .brand-logo-crop {width:44px;height:44px;flex-basis:44px;border-radius:10px}
.site-header .brand-logo-crop .brand-logo {width:44px;height:44px;transform:none;object-fit:contain}
.brand-word {font-size:24px}.brand-word span,.brand-title span:first-child {color:var(--ink)}
.nav-links {gap:28px;font-size:14px}.nav-links a {min-height:44px;display:inline-flex;align-items:center}
.landing-main {display:flex;flex-direction:column}
.cinema-hero {width:min(1240px,calc(100% - 64px));margin:12px auto 0;min-height:460px;height:clamp(400px,43vw,580px);border-radius:18px;overflow:hidden;position:relative}
.cinema-copy {max-width:780px;left:0;right:auto;bottom:0;top:auto;padding:48px;display:flex;align-items:flex-start;flex-direction:column;gap:24px;text-align:left;transform:none}
.cinema-copy p {max-width:650px;font:600 clamp(38px,4.6vw,64px)/1.08 var(--display);letter-spacing:-.025em;margin:0;color:oklch(1 0 0);text-wrap:balance}
.cinema-scrim {background:linear-gradient(90deg,oklch(.13 .02 270/.75),oklch(.13 .02 270/.08))}
.cinema-video,.cinema-poster {object-fit:cover;width:100%;height:100%}
.hero {padding:84px 0;gap:64px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}
.hero h1 {font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.025em;margin:16px 0 24px}
.hero-copy>p:not(.hero-label) {font-size:16px;line-height:1.65;max-width:60ch}
.trust-note {padding:14px 0 0;border-top:1px solid var(--line);color:var(--ink)}
.hero-animation-panel {padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 38px oklch(.2 .03 270/.06);min-width:0}
.hero-product-copy h2 {font-size:20px;margin-bottom:16px}
.hero-animation-shell {aspect-ratio:1280/800;border:1px solid var(--line);border-radius:8px;min-height:0;background:var(--bg)}
.hero-animation,.hero-animation-fallback {width:100%;height:auto;aspect-ratio:1280/800;object-fit:contain}
.hero-proof-strip {display:flex;flex-wrap:wrap;gap:7px 16px;padding:16px 0 0;font-size:12px}.proof-strip span {background:none;border:0;padding:0;color:var(--muted)}
.media-toggle {position:absolute;right:20px;bottom:20px;z-index:4;min-width:44px;min-height:44px;border:1px solid oklch(1 0 0/.5);border-radius:8px;background:oklch(.2 .03 270);color:oklch(1 0 0);padding:10px 14px}
.media-toggle:hover {background:oklch(.12 .03 270);color:oklch(1 0 0)}
.section {padding:64px 0;border-top:1px solid var(--line)}
.section-heading {margin-bottom:32px}.section-heading h2 {font-size:32px;line-height:1.2}.section-heading p {max-width:65ch}
.pricing-free-band {border-radius:12px;box-shadow:none;background:var(--surface-soft);border:0;padding:28px 32px}
.pricing-free-band .primary {background:transparent;color:var(--ink);border-color:var(--line)}
.pricing-free-band .primary:hover {background:var(--surface);color:var(--ink)}
.pricing-grid {gap:24px;margin-top:24px}.price-card,.price-card.featured {border:1px solid var(--line);border-radius:12px;padding:32px;background:var(--surface);box-shadow:none}
.price-card h3 {font-size:24px}.price-card p {max-width:42ch}.price {color:var(--ink);font-size:40px;font-weight:600;letter-spacing:-.03em}.price span {letter-spacing:0;font-size:16px;font-weight:400}
.steps-list {gap:28px}.steps-list article {border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:24px 0}
.steps-list article>span {background:transparent;color:var(--muted);border:1px solid var(--line);box-shadow:none}
.faq-list details {border-radius:0;border-width:0 0 1px;background:transparent;padding:20px 0}.faq-list summary {font-size:18px}.faq-list p {max-width:70ch}
.cta-section {background:oklch(.2 .03 270);color:oklch(1 0 0);padding:40px;border-radius:14px;margin-top:30px;margin-bottom:40px}.cta-section h2,.cta-section p {color:inherit}.cta-section .primary {background:oklch(1 0 0);color:oklch(.2 .03 270);border-color:oklch(1 0 0)}.cta-section .primary:hover {background:oklch(.94 0 0);color:oklch(.2 .03 270)}
.site-footer {padding:28px 0 40px}.site-footer .brand-logo {width:38px;height:38px}.site-footer nav {flex-wrap:wrap}
/* Application presentation. Existing visibility classes and bindings are retained. */
.app-shell {grid-template-columns:226px minmax(0,1fr);min-height:100vh}
.sidebar {position:sticky;top:0;height:100vh;min-height:0;padding:28px 18px;background:oklch(.2 .03 270);border:0;border-radius:0;color:oklch(.98 0 0)}
.sidebar .brand-title,.sidebar .brand-subtitle {color:oklch(.98 0 0)}.sidebar .brand-title {font-size:23px}.sidebar .brand-subtitle {font-size:11px;opacity:.8}.sidebar-brand-icon {width:34px;height:34px}.sidebar-brand-icon img {width:100%;height:100%;object-fit:contain;transform:none}
.nav-list {margin-top:48px;gap:8px}.nav-item {color:oklch(.88 .005 270);border-radius:8px;min-height:48px;font-weight:400}
.nav-item.is-active,.nav-item:hover {color:oklch(1 0 0);background:oklch(.32 .025 270);border-color:transparent}.nav-item .nav-dot {background:currentColor;opacity:.6}
.main {padding:36px clamp(20px,3vw,48px);min-width:0;width:100%;max-width:1500px;margin:auto}
.topbar {padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line);gap:20px}.topbar h1 {font-size:32px;line-height:1.2}.topbar-copy {font-size:14px}.plan-usage {background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.panel,.metric-panel,.overview-queue {background:var(--surface);box-shadow:none;border:1px solid var(--line);border-radius:12px}.panel {padding:24px}.panel.flush {padding:0}.panel-header {gap:16px}.panel h2 {font-size:20px}
.metric-panel {padding:22px}.metric-panel strong {font-size:32px}.overview-workflow {background:transparent;border:0;box-shadow:none}.overview-next {background:var(--surface);border:1px solid var(--line);border-radius:12px}
.interactive-guide-target {animation:none!important;box-shadow:none!important}.interactive-guide-target:after {display:none!important}
.email-preview {background:var(--bg);border-radius:8px;min-height:260px;line-height:1.65;overflow-wrap:anywhere}.email-preview p {max-width:65ch}
.content-grid.wide-left {grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}
.draft-list-item {border-radius:8px;box-shadow:none}.draft-list-item.is-active {background:var(--surface-soft);border-color:var(--muted)}
[data-approve-all-drafts],[data-write-emails] {background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.attachment {background:var(--surface-soft);overflow-wrap:anywhere}
.settings-tabs {background:var(--bg);gap:6px;padding:6px;border-radius:9px}.settings-tab {color:var(--ink)}.settings-tab.is-active,.settings-tab:hover {color:var(--ink);background:var(--surface);box-shadow:none}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea {min-height:46px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);max-width:100%;font-size:16px}
input::placeholder,textarea::placeholder {color:var(--muted);opacity:1}
.auth-shell.is-active {max-width:1140px;margin:48px auto;padding:0 24px;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.auth-intro {background:none!important;border:0;box-shadow:none!important;padding:32px 0}.auth-intro:before,.auth-intro:after {display:none}.auth-copy h1 {font-size:42px;line-height:1.15}.auth-shell .auth-card {padding:28px;background:var(--surface);box-shadow:none;border:1px solid var(--line)}.trust-list div {background:transparent;padding-left:0}
.setup-shell.is-active {display:grid;grid-template-columns:230px minmax(0,760px);gap:64px;width:min(1120px,calc(100% - 64px));margin:52px auto;padding:0;align-items:start}
.setup-card {width:100%;min-height:570px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:28px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
.setup-top h1 {font-size:36px;line-height:1.16;max-width:24ch}.setup-top p {font-size:16px;margin-top:14px;max-width:60ch}
.setup-progress {height:4px;background:var(--line)}.setup-actions {padding-top:24px;border-top:1px solid var(--line)}
.setup-guide {position:sticky;top:24px}.setup-guide .brand-title {font-size:24px;margin:0 0 32px}.setup-guide ol {list-style:none;padding:0;margin:0;display:grid;gap:8px}.setup-guide li {display:flex;gap:12px;align-items:center;padding:8px 0;color:var(--muted);font-size:14px}.setup-guide li span {display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-size:12px;flex-shrink:0}.setup-guide li[aria-current="step"] {color:var(--ink);font-weight:600}.setup-guide li[aria-current="step"] span {background:var(--ink);color:var(--surface);border-color:var(--ink)}.setup-guide .guide-note {margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.choice-grid.job-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.choice {min-height:118px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:none;padding:24px;text-align:left}.choice strong {font-size:18px;font-weight:600}.choice span {font-size:13px}.choice.is-selected {background:var(--surface);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink)}.choice:hover {background:var(--surface-soft);color:var(--ink)}
.role-focus,.motivation-layout {gap:20px}.selected-work-panel {background:transparent;border:0;padding:0}.drop-zone {background:var(--surface);border:1px dashed var(--muted);border-radius:12px;box-shadow:none;min-height:180px}.drop-zone:focus-within {outline:3px solid var(--primary);outline-offset:3px}.permission-panel {border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:24px}.permission-panel code {overflow-wrap:anywhere;white-space:normal}.permission-grid {gap:16px}.permission {background:var(--bg)}
.setup-plan-grid {grid-template-columns:1fr}.setup-plan-grid .plan,.plan-list .plan {min-width:0;grid-template-columns:auto minmax(0,1fr) auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px}.plan.is-selected {border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.plan b {font-size:16px;white-space:normal}.plan span {min-width:0}.free-start-panel {background:transparent;border:0;padding:0}.billing-consent {align-items:start}
.app-notice {top:20px}
.lead-row>* {min-width:0;overflow-wrap:anywhere}.lead-row {grid-template-columns:1.2fr 1fr 1fr 1.2fr 1fr}
:root[data-theme="dark"] {--fg:oklch(.94 .01 270);--display:"Trebuchet MS","Segoe UI",sans-serif;--body:"Segoe UI",system-ui,sans-serif}
:root[data-theme="dark"] .setup-card {background:transparent;box-shadow:none}
@media(max-width:1050px) {.hero{gap:32px}.setup-shell.is-active{gap:32px;grid-template-columns:190px minmax(0,1fr)}.app-shell{grid-template-columns:190px minmax(0,1fr)}.content-grid.wide-left{grid-template-columns:1fr}.settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px) {
 
 .site-header,.site-footer,.section,.hero,.cta-section,.cinema-hero{width:calc(100% - 32px)}.site-header{gap:10px;flex-wrap:wrap;padding:16px 0}.nav-links{gap:20px;flex-wrap:wrap;width:100%;justify-content:flex-start}.brand-word{font-size:22px}
 .cinema-hero{height:460px;min-height:0;margin-top:0}.cinema-copy{padding:28px 24px 82px}.cinema-copy p{font-size:42px}.cinema-scrim{background:linear-gradient(0deg,oklch(.13 .02 270/.85),oklch(.13 .02 270/.12))}.hero{padding:48px 0;grid-template-columns:1fr;gap:28px}.hero h1{font-size:32px}.section{padding:40px 0}.section-heading h2{font-size:28px}.pricing-grid{grid-template-columns:1fr}.pricing-free-band{padding:24px;align-items:flex-start;gap:20px}.price-card,.price-card.featured{padding:24px}.cta-section{padding:28px;display:grid;gap:24px}.site-footer{gap:24px}
 .app-shell.screen.is-active{display:block}.sidebar{position:relative;height:auto;padding:16px;display:block}.sidebar-brand{display:none}.nav-list{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.nav-item{min-width:0;padding:10px 5px;justify-content:center;font-size:12px;letter-spacing:0;white-space:normal;text-align:center}.nav-dot{display:none}.main{padding:24px 16px}.topbar{align-items:flex-start;flex-wrap:wrap;gap:16px}.topbar h1{font-size:28px}.topbar-actions{width:100%}.plan-usage{width:100%;flex-direction:row;justify-content:space-between}.metrics,.metric-grid,.content-grid,.settings-grid,.form-grid{grid-template-columns:1fr}.panel{padding:20px}.panel-header{flex-wrap:wrap}.table-header{padding:20px}.lead-head{display:none}.lead-row{grid-template-columns:1fr 1fr;gap:10px;padding:20px}.lead-row>:first-child,.lead-row>:last-child{grid-column:1/-1}.lead-row>:nth-child(4){grid-column:1/-1}.draft-workflow-header{flex-wrap:wrap}.draft-write-action{flex-wrap:wrap}.settings-tab{padding:12px}.settings-work-type-grid{grid-template-columns:1fr 1fr}.settings-tab small{display:none}.action-row{flex-wrap:wrap}.action-row>.button{flex:1 1 auto}.overview-workflow{grid-template-columns:1fr}.overview-next{flex-wrap:wrap}
 .setup-shell.is-active{display:block;width:calc(100% - 32px);margin:24px auto}.setup-guide{position:static;margin-bottom:28px}.setup-guide .brand-title{margin:0 0 12px;font-size:22px}.setup-guide ol{display:flex;gap:6px}.setup-guide li{padding:0;flex:1}.setup-guide li>span{width:26px;height:26px}.setup-guide li>div,.setup-guide .guide-note{display:none}.setup-card{min-height:560px;gap:24px}.setup-top h1{font-size:30px}.choice-grid.job-grid{gap:10px}.choice{padding:18px 14px;min-height:128px}.choice strong{font-size:16px}.choice span{font-size:13px}.setup-plan-grid .plan,.plan-list .plan{padding:16px;gap:12px;grid-template-columns:auto minmax(0,1fr)}.plan b{grid-column:2}.permission-grid{grid-template-columns:1fr}.permission-panel{padding:20px}.gmail-heading{flex-wrap:wrap}.auth-shell.is-active{display:block;margin:24px auto;padding:0 16px}.auth-intro{padding:0 0 24px}.auth-copy h1{font-size:32px}.auth-shell .auth-card{padding:20px}.eligibility-grid{grid-template-columns:1fr}.setup-actions{position:relative;background:var(--bg)}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cinema-video{visibility:hidden}.hero-animation-fallback{display:none!important}}

/* ShiftSend vector mark: display the complete icon without the old image crop. */
.site-header .brand-logo-crop .brand-logo,.sidebar-brand-icon img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;inset:auto}
.brand-logo-crop,.sidebar-brand-icon{box-shadow:none;background:transparent;border:0}

:root,:root[data-theme="light"]{--accent:oklch(.53 .218 264);--primary:var(--accent);--display:"Segoe UI",system-ui,sans-serif;--primary-pressed:oklch(.46 .21 264);--primary-dark:var(--primary-pressed)}
:root[data-theme="dark"]{--display:"Segoe UI",system-ui,sans-serif}
.brand-word span:last-child{color:var(--primary)}
.brand-word span:first-child{color:var(--ink)}

.sidebar .sidebar-brand-icon{width:36px;height:36px;flex:0 0 36px;background:transparent;border:0;border-radius:9px}
.sidebar .sidebar-brand-icon img{display:block;width:100%;height:100%;transform:none}
.overview-queue{margin-top:20px}
.overview-queue>.panel-header{padding:24px}
.overview-queue>.overview-section-heading{padding:24px}
.overview-next{padding:24px}
.choice strong{padding-right:20px;white-space:normal;overflow-wrap:anywhere}
.setup-guide li[aria-current="step"] span{background:var(--primary);border-color:var(--primary)}
.choice.is-selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--primary-soft)}