/* Public landing only. Authentication owns its styles in login.css. */
html { scroll-behavior:smooth;scroll-padding-top:28px; }
body.marketing-page { margin:0;background:#f6f4f0;color:#202123;font:16px/1.6 system-ui,-apple-system,sans-serif; }
.landing-editorial { --paper:#f6f4f0;--ink:#202123;--muted:#4e4d49;--ease:cubic-bezier(.22,1,.36,1);max-width:1920px;margin:auto;padding:0 24px; }
.landing-editorial * { box-sizing:border-box; }
.landing-editorial :is(h1,h2,h3,p,figure) { margin:0; }
.landing-editorial a { color:inherit;text-decoration:none; }
.landing-editorial button { font:inherit;cursor:pointer; }
.landing-editorial img { display:block;max-width:100%;height:auto; }
.landing-editorial svg { width:20px;height:20px;flex:none; }
.landing-editorial [hidden] { display:none!important; }
.landing-editorial :is(a,button,summary):focus-visible { outline:2px solid currentColor;outline-offset:5px; }
.skip-link { position:fixed;top:10px;left:10px;z-index:9999;transform:translateY(-150%);padding:10px 20px;background:#fff;color:#202123;border-radius:8px; }
.skip-link:focus { transform:none; }
.landing-editorial .marketing-header { min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px; }
.landing-editorial .platform-wordmark { font-size:27px; }
.landing-editorial .platform-brand>img { width:26px;height:40px; }
.landing-editorial .marketing-header nav { display:flex;align-items:center;gap:28px;font-size:14px; }
.landing-editorial .marketing-header nav>a:not(.m-button) { transition:opacity .2s; }
.landing-editorial .marketing-header nav>a:hover { opacity:.65; }
.landing-editorial .m-button { display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap;transition:background-color .2s,color .2s,transform .2s; }
.landing-editorial .m-button.primary { background:var(--ink);color:#fff; }
.landing-editorial .m-button.secondary { background:transparent;border-color:#cbc8c1; }
.landing-editorial .m-button.light { background:var(--paper);color:var(--ink); }
.landing-editorial .m-button:hover { background:#494a4b;color:#fff; }
.landing-editorial .m-button:active { transform:scale(.97); }
.landing-editorial .m-button svg,.landing-editorial .text-action svg { transition:transform .25s var(--ease); }
.landing-editorial .m-button:hover svg { transform:translate(2px,-2px); }
.landing-editorial .text-action { display:inline-flex;align-items:center;gap:18px;font-size:14px; }
.landing-editorial .text-action:hover svg { transform:translateX(5px); }
.landing-editorial .marketing-hero { position:relative;isolation:isolate;overflow:hidden;border-radius:26px;min-height:640px;height:calc(100svh - 124px);max-height:880px;background:#252c2e;color:#fff;display:flex;align-items:flex-end; }
.landing-editorial .hero-photo { position:absolute;inset:0;z-index:-2;overflow:hidden; }
.landing-editorial .hero-photo img { width:100%;height:100%;object-fit:cover;object-position:50% 58%; }
.landing-editorial .marketing-hero::before { content:"";position:absolute;inset:0;background:#11182066;z-index:-1; }
.landing-editorial .hero-content { width:100%;padding:50px; }
.landing-editorial h1 { font-size:clamp(54px,7.1vw,116px);font-weight:450;line-height:1.04;letter-spacing:-.065em; }
.landing-editorial h1 span { display:block; }
.landing-editorial .hero-bottom { display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:36px;padding-right:74px; }
.landing-editorial .hero-bottom p { font-size:16px;line-height:1.6; }
.landing-editorial .hero-actions { display:flex;align-items:center;gap:24px; }
.landing-editorial .hero-demo { display:inline-flex;align-items:center;gap:12px;font-size:14px; }
.landing-editorial .hero-demo:hover { text-decoration:underline;text-underline-offset:6px; }
.landing-editorial .hero-scroll { position:absolute;right:38px;bottom:50px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff65;border-radius:50%;transition:background-color .2s; }
.landing-editorial .hero-scroll svg { transform:rotate(90deg); }
.landing-editorial .hero-scroll:hover { background:#ffffff25; }
.landing-editorial .section-pad { padding:112px 44px; }
.landing-editorial h2 { font-size:clamp(36px,4vw,64px);line-height:1.12;font-weight:450;letter-spacing:-.055em; }
.landing-editorial h3 { font-size:28px;line-height:1.2;font-weight:450;letter-spacing:-.035em; }
.landing-editorial .agency-intro { display:grid;grid-template-columns:38% 1fr;gap:32px;align-items:start;padding-block:130px; }
.landing-editorial .agency-intro>div { grid-column:2; }
.landing-editorial .intro-description { max-width:49ch;color:var(--muted);margin:28px 0; }
.landing-editorial .section-intro { display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:44px; }
.landing-editorial .section-intro>p,.landing-editorial .section-intro>div { width:37%;max-width:44ch;color:var(--muted); }
.landing-editorial .product-tour { background:#e9e6e0;border-radius:26px;padding-top:70px;padding-bottom:44px; }
.landing-editorial .tour-layout { display:flex;flex-direction:column;gap:24px; }
.landing-editorial .tour-index { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.landing-editorial .tour-tab { padding:10px 20px;border-radius:999px;font-size:14px;transition:background-color .2s,color .2s; }
.landing-editorial .tour-tab svg,.landing-editorial .tour-start { display:none; }
.landing-editorial .tour-tab:hover { background:#d9d6cf; }
.landing-editorial .tour-ready .tour-tab.is-active { background:var(--ink);color:#fff; }
.landing-editorial .tour-caption { margin-left:auto;max-width:40%;font-size:14px;color:var(--muted); }
.landing-editorial .tour-screens { overflow:hidden;background:#fff;border-radius:14px; }
.landing-editorial .tour-screens figure { scroll-margin-top:24px; }
.landing-editorial .tour-screens figure+figure { margin-top:28px; }
.landing-editorial .tour-ready .tour-screens figure { margin:0; }
.landing-editorial .tour-screens img { width:100%; }
.landing-editorial figcaption { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:14px;color:var(--muted); }
.landing-editorial figcaption a { color:var(--ink); }
.landing-editorial figcaption a:hover { text-decoration:underline; }
.landing-editorial .work-grid { display:grid;grid-template-columns:1.18fr 1fr;gap:28px;align-items:start; }
.landing-editorial .work-item:nth-child(2) { padding-top:90px; }
.landing-editorial .work-image { display:block;position:relative;overflow:hidden;border-radius:22px;aspect-ratio:1.4;background:#dedbd5;padding:32px 0 0 32px; }
.landing-editorial .work-image img { width:138%;max-width:none;height:100%;object-fit:cover;object-position:left top;border-radius:8px 0 0 0;transition:transform .7s var(--ease); }
.landing-editorial .task-image { background:#e7e9ec;aspect-ratio:1.2;padding:28px 0 0 28px; }
.landing-editorial .task-image img { object-position:32% top; }
.landing-editorial .work-image:hover img { transform:scale(1.025); }
.landing-editorial .image-link { position:absolute;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center; }
.landing-editorial .work-item h3 { margin-top:26px; }
.landing-editorial .work-item p { margin-top:16px;max-width:48ch;color:var(--muted); }
.landing-editorial .pricing { background:#fff;border-radius:26px;padding-block:70px; }
.landing-editorial .billing-switch { display:inline-flex;padding:4px;border-radius:999px;background:#f0eeea;margin-top:22px; }
.landing-editorial .billing-switch button { padding:9px 18px;border:0;border-radius:999px;background:transparent;font-size:14px;color:var(--muted);transition:background-color .2s,color .2s; }
.landing-editorial .billing-switch button[aria-pressed=true] { background:var(--ink);color:#fff; }
.landing-editorial .pricing-row { display:grid;grid-template-columns:.85fr 1.25fr 1fr;gap:24px;padding:34px 0; }
.landing-editorial .plan-name p { font-size:16px;color:var(--muted);max-width:22ch;margin-top:10px; }
.landing-editorial .plan-features ul { margin:0;padding:0;list-style:none; }
.landing-editorial .plan-features li { position:relative;padding:4px 0 4px 20px;font-size:16px; }
.landing-editorial .plan-features li::before { content:"";position:absolute;left:2px;top:12px;width:4px;height:7px;border-right:1.5px solid #6d7973;border-bottom:1.5px solid #6d7973;transform:rotate(45deg); }
.landing-editorial .plan-price { font-size:28px;letter-spacing:-.04em;line-height:1.25;font-weight:500; }
.landing-editorial .plan-price span { font-size:14px;color:var(--muted);font-weight:400;letter-spacing:0;white-space:nowrap; }
.landing-editorial .price-detail { font-size:16px;color:var(--muted);margin-top:8px;min-height:48px; }
.landing-editorial .plan-purchase .m-button { margin-top:16px; }
.landing-editorial .pricing-note { font-size:16px;color:var(--muted);margin-top:24px;max-width:65ch; }
.landing-editorial .faq { display:grid;grid-template-columns:.8fr 1.2fr;gap:80px; }
.landing-editorial .faq-heading p { max-width:30ch;color:var(--muted);margin-top:24px; }
.landing-editorial .faq details { padding:20px 22px;background:#eeece7;border-radius:12px;margin-bottom:8px; }
.landing-editorial .faq details:first-child { margin-top:0; }
.landing-editorial .faq summary { list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:16px; }
.landing-editorial .faq summary::-webkit-details-marker { display:none; }
.landing-editorial .faq summary svg { transition:transform .25s var(--ease); }
.landing-editorial .faq details[open] summary svg { transform:rotate(45deg); }
.landing-editorial .faq details p { color:var(--muted);margin:18px 35px 0 0;font-size:16px;max-width:60ch; }
.landing-editorial .start-band { display:flex;justify-content:space-between;align-items:flex-end;gap:40px;background:var(--ink);color:var(--paper);border-radius:26px 26px 0 0;padding:78px 44px; }
.landing-editorial .start-band>div { min-width:30%; }
.landing-editorial .start-band p { color:#c5c3bd;margin-bottom:24px; }
.landing-editorial .marketing-footer { background:var(--ink);color:var(--paper);padding:20px 44px 24px;border-radius:0 0 26px 26px;margin-bottom:24px;overflow:hidden; }
.landing-editorial .footer-top { display:flex;justify-content:space-between;gap:40px;align-items:flex-start;font-size:14px; }
.landing-editorial .footer-top p { color:#c5c3bd; }
.landing-editorial .footer-top nav { display:flex;gap:24px;flex-wrap:wrap; }
.landing-editorial .footer-top a:hover { color:#bfbcb6; }
.landing-editorial .footer-wordmark { display:block;font-size:clamp(100px,18vw,300px);line-height:1.1;letter-spacing:-.085em;font-weight:300;margin-top:44px; }
.landing-editorial .footer-wordmark b { font-weight:500; }
.landing-editorial .footer-bottom { display:flex;justify-content:space-between;gap:16px;font-size:14px;color:#c5c3bd;margin-top:20px; }
.landing-editorial .footer-bottom small { font-size:inherit; }
@media(min-width:1700px) { .landing-editorial .section-pad { padding-inline:70px; }.landing-editorial .hero-content { padding:70px; } }
@media(max-width:1050px) {
  .landing-editorial { padding-inline:16px; }
  .landing-editorial .marketing-header { padding-inline:8px; }
  .landing-editorial .marketing-header nav { gap:20px; }
  .landing-editorial .section-pad { padding:80px 28px; }
  .landing-editorial .hero-content { padding:36px; }
  .landing-editorial .marketing-hero { min-height:600px;height:74svh; }
  .landing-editorial .hero-bottom { flex-direction:column;align-items:flex-start;gap:24px; }
  .landing-editorial .agency-intro { grid-template-columns:25% 1fr; }
  .landing-editorial .section-intro { gap:24px; }
  .landing-editorial .section-intro>p,.landing-editorial .section-intro>div { width:44%; }
  .landing-editorial .tour-caption { max-width:none;width:100%;margin:10px 0 0; }
  .landing-editorial .pricing-row { grid-template-columns:.8fr 1.2fr; }
  .landing-editorial .plan-features { grid-row:2; }
  .landing-editorial .plan-purchase { grid-column:2;grid-row:1 / 3; }
  .landing-editorial .faq { grid-template-columns:1fr;gap:40px; }
  .landing-editorial .faq-heading p { max-width:none; }
  .landing-editorial .start-band,.landing-editorial .marketing-footer { padding-inline:28px; }
}
@media(max-width:600px) {
  .landing-editorial { padding-inline:10px; }
  .landing-editorial .marketing-header { min-height:116px;flex-wrap:wrap;gap:10px;padding:16px 8px; }
  .landing-editorial .marketing-header>a { width:100%; }
  .landing-editorial .platform-wordmark { font-size:24px; }
  .landing-editorial .platform-brand>img { width:22px;height:30px; }
  .landing-editorial .marketing-header nav { width:100%;justify-content:space-between;gap:10px; }
  .landing-editorial .marketing-header .nav-product { display:none; }
  .landing-editorial .marketing-header .m-button { min-height:40px;padding:9px 18px;gap:12px; }
  .landing-editorial .marketing-hero { height:calc(100svh - 142px);min-height:530px;max-height:720px;border-radius:20px; }
  .landing-editorial .hero-photo img { object-position:54% center; }
  .landing-editorial .hero-content { padding:28px 22px; }
  .landing-editorial h1 { font-size:clamp(34px,10vw,54px);line-height:1.08;letter-spacing:-.055em; }
  .landing-editorial .hero-bottom { margin-top:26px;padding:0; }
  .landing-editorial .hero-bottom p { font-size:14px; }
  .landing-editorial .hero-actions { flex-wrap:wrap;gap:20px; }
  .landing-editorial .hero-scroll { display:none; }
  .landing-editorial .m-button { min-height:46px;padding:12px 20px; }
  .landing-editorial .section-pad { padding:68px 14px; }
  .landing-editorial h2 { font-size:34px; }
  .landing-editorial h3 { font-size:24px; }
  .landing-editorial .agency-intro { grid-template-columns:1fr;gap:24px; }
  .landing-editorial .agency-intro>div { grid-column:1; }
  .landing-editorial .intro-description { margin:22px 0; }
  .landing-editorial .section-intro { display:block;margin-bottom:28px; }
  .landing-editorial .section-intro>p,.landing-editorial .section-intro>div { width:100%;margin-top:20px; }
  .landing-editorial .product-tour { padding-block:32px;border-radius:20px; }
  .landing-editorial .tour-index { gap:4px; }
  .landing-editorial .tour-tab { padding:10px 13px; }
  .landing-editorial .tour-screens { border-radius:8px; }
  .landing-editorial figcaption { padding:14px;align-items:flex-start;flex-direction:column;gap:8px; }
  .landing-editorial .work-grid { grid-template-columns:1fr;gap:36px; }
  .landing-editorial .work-item:nth-child(2) { padding:0; }
  .landing-editorial .work-image { aspect-ratio:1.2;padding:22px 0 0 22px;border-radius:16px; }
  .landing-editorial .work-item h3 { margin-top:20px; }
  .landing-editorial .pricing { padding-block:36px;border-radius:20px; }
  .landing-editorial .pricing-row { grid-template-columns:1fr;gap:20px;padding-block:28px; }
  .landing-editorial .plan-purchase,.landing-editorial .plan-features { grid-column:auto;grid-row:auto; }
  .landing-editorial .plan-name p { max-width:none; }
  .landing-editorial .price-detail { min-height:0; }
  .landing-editorial .plan-purchase .m-button { width:100%; }
  .landing-editorial .start-band { padding:42px 24px;display:block;border-radius:20px 20px 0 0; }
  .landing-editorial .start-band>div { margin-top:28px; }
  .landing-editorial .marketing-footer { padding:10px 24px 24px;border-radius:0 0 20px 20px;margin-bottom:10px; }
  .landing-editorial .footer-top { flex-wrap:wrap;gap:24px; }
  .landing-editorial .footer-top nav { gap:14px; }
  .landing-editorial .footer-wordmark { font-size:19vw;letter-spacing:-.08em;margin-top:36px; }
  .landing-editorial .footer-bottom { flex-direction:column;gap:4px; }
}
@media(prefers-reduced-motion:no-preference) {
  .landing-editorial .hero-photo { animation:photo-open 1.2s var(--ease) both; }
  .landing-editorial .hero-photo img { animation:photo-settle 4s var(--ease) both; }
  .landing-editorial h1 span { animation:headline-enter 1s var(--ease) both; }
  .landing-editorial h1 span:nth-child(2) { animation-delay:.12s; }
  .landing-editorial .hero-bottom { animation:editorial-enter .85s .24s var(--ease) both; }
  .landing-editorial .reveal-enter { animation:editorial-enter .8s var(--ease) both;animation-delay:var(--reveal-delay,0ms); }
  .landing-editorial .tour-screens.reveal-enter,.landing-editorial .work-image.reveal-enter { animation-name:photo-open;animation-duration:1s; }
  .landing-editorial .screen-enter,.landing-editorial .price-changing { animation:editorial-enter .45s var(--ease) both; }
  .landing-editorial details[open] p { animation:editorial-enter .3s var(--ease) both; }
}
@keyframes editorial-enter { from { opacity:0;transform:translateY(18px); } to { opacity:1;transform:none; } }
@keyframes headline-enter { from { opacity:0;transform:translateY(34px);clip-path:inset(0 0 100%); } to { opacity:1;transform:none;clip-path:inset(0); } }
@keyframes photo-open { from { clip-path:inset(0 0 12% 0 round 30px);opacity:.5; } to { clip-path:inset(0 round 0);opacity:1; } }
@keyframes photo-settle { from { transform:scale(1.075); } to { transform:scale(1); } }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .landing-editorial * { animation:none!important;transition:none!important; }
}