/* Public marketing only: accepted header/hero, compact product fragments, separate demo. */
body.marketing-page{background:#f5f5f3}
.landing-editorial{--paper:#f5f5f3;--ink:#252728;--muted:#565b60;--scene:#e9edf0;--panel:#fff;--header-height:100px}
.landing-editorial .marketing-hero{height:calc(100svh - var(--header-height) - 24px);min-height:420px;max-height:none}
.landing-editorial #hero-title{font-size:clamp(36px,5.3vw,82px);letter-spacing:-.055em;line-height:1.04}
.landing-editorial .hero-content{padding:clamp(28px,4vw,70px)}
.landing-editorial .hero-bottom{margin-top:28px}
.landing-editorial .section-pad{padding:112px 44px}
.landing-editorial h2{font-size:clamp(34px,3.8vw,60px);letter-spacing:-.055em;font-weight:400}
.landing-editorial .m-button.secondary{background:#e6e8e8;border-color:transparent}
.landing-editorial .m-button.secondary:hover{background:#d9dddd;color:var(--ink)}
.landing-editorial .text-action{font-size:16px;min-height:44px}
.landing-editorial .story-intro{display:grid;grid-template-columns:42% 1fr;gap:48px;margin-bottom:56px;align-items:start}
.landing-editorial .story-intro>div{max-width:56ch;font-size:18px}
.landing-editorial .story-intro .text-action{margin-top:24px}
.landing-editorial .story-stage{padding:28px 36px 44px;background:var(--scene);border-radius:26px;overflow:hidden}
.landing-editorial .story-switch{display:flex;width:fit-content;gap:4px;padding:5px;background:#dce2e6;border-radius:999px;margin:0 0 40px}
.landing-editorial .story-switch button{border:0;padding:12px 24px;border-radius:999px;background:transparent;color:var(--ink);font-size:14px;transition:background .25s,color .25s,transform .25s}
.landing-editorial .story-switch button[aria-pressed=true]{background:var(--ink);color:#fff}
.landing-editorial .story-switch button:hover:not([aria-pressed=true]){background:#eef1f3}
.landing-editorial .story-switch button:active{transform:scale(.97)}
.landing-editorial .story-panel{display:grid;grid-template-columns:35% minmax(0,1fr);gap:6%;align-items:center;min-height:370px}
.landing-editorial .story-panel+.story-panel{margin-top:44px}
.landing-editorial .story-ready .story-panel{margin:0}
.landing-editorial .story-copy h3{font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.045em}
.landing-editorial .story-copy p{max-width:34ch;margin:24px 0 22px;font-size:16px}
.landing-editorial .cycle-scene{min-width:0}
.landing-editorial .cycle-track{display:flex;justify-content:space-between;gap:12px;list-style:none;padding:0;margin:0 0 32px;font-size:12px;color:#646b72}
.landing-editorial .cycle-track li{padding:8px 0;position:relative;white-space:nowrap}
.landing-editorial .cycle-track li:after{content:'';position:absolute;height:3px;border-radius:2px;background:#c8d0d6;inset:auto 0 0}
.landing-editorial .cycle-track .current{color:#253846}
.landing-editorial .cycle-track .current:after{background:#5a788e}
.landing-editorial .fragment-pair{display:flex;align-items:center;gap:20px;min-height:300px}
.landing-editorial .deal-fragment{width:47%;height:auto;border-radius:13px;flex-shrink:0}
.landing-editorial .interest-note{background:#f6f8f9;border-radius:14px;padding:24px;flex:1;transform:translateY(20px);min-width:0}
.landing-editorial .interest-note>span:first-child{font-size:13px;color:#68737c;display:block;margin-bottom:14px}
.landing-editorial .interest-note strong{font-size:18px;display:block;font-weight:500;letter-spacing:-.025em}
.landing-editorial .interest-note p{font-size:14px;color:#57626a;margin-top:12px;line-height:1.7}
.landing-editorial .mini-status{display:block;margin-top:26px;font-size:12px;color:#56746a}
.landing-editorial .sample-note{font-size:13px;color:var(--muted);margin-top:16px;text-align:right}
.landing-editorial .working-day{padding-top:16px}
.landing-editorial .day-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:48px}
.landing-editorial .day-heading>p{max-width:39ch;font-size:18px}
.landing-editorial .day-features{display:grid;grid-template-columns:.9fr 1.15fr;gap:30px;align-items:start}
.landing-editorial .day-task{padding-top:70px}
.landing-editorial .task-piece{padding:28px;background:#fff;border-radius:20px;min-height:292px}
.landing-editorial .task-piece-top{display:flex;gap:12px;align-items:center;font-size:16px;margin-bottom:24px}
.landing-editorial .task-piece-row{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-top:1px solid #e8eaeb;font-size:13px} /* taste-skill-ignore: faithful CRM task list inside data-ui */
.landing-editorial .task-piece-row>div{flex:1;min-width:0}
.landing-editorial .task-piece-row strong{font-size:14px;font-weight:500;display:block;margin-bottom:5px}
.landing-editorial .task-piece-row p,.landing-editorial .task-piece-row span{color:#6a7278;font-size:12px}
.landing-editorial .task-piece-row small{font-size:11px;color:#8e6d40;white-space:nowrap}
.landing-editorial .demo-checkbox{width:13px;height:13px;border:1px solid #a7b0b7;border-radius:3px;flex-shrink:0;margin-top:4px} /* taste-skill-ignore: CRM checkbox illustration inside data-ui */
.landing-editorial .revenue-piece{background:#dce6e2;border-radius:20px;padding:28px;overflow:hidden;min-height:320px;display:grid;align-items:center}
.landing-editorial .revenue-piece img{width:100%;height:auto;border-radius:12px}
.landing-editorial .feature-caption{padding:26px 0 0}
.landing-editorial .feature-caption h3{font-size:26px;letter-spacing:-.04em;font-weight:400}
.landing-editorial .feature-caption p{max-width:48ch;margin-top:14px;font-size:16px}
.landing-editorial .website-story{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding:64px 76px;background:#e9e9e6;border-radius:26px;align-items:center}
.landing-editorial .website-visual{position:relative;padding:0 60px 36px 0;max-width:550px;min-height:410px}
.landing-editorial .listing-fragment{width:75%;max-width:315px;transform:rotate(-3deg)}
.landing-editorial .listing-fragment img{width:100%;height:auto;border-radius:14px}
.landing-editorial .publication-state{display:flex;align-items:center;gap:8px;background:#fff;width:fit-content;padding:10px 14px;border-radius:9px;margin-bottom:14px;font-size:12px;white-space:nowrap}
.landing-editorial .publication-state i{width:6px;height:6px;border-radius:100%;background:#57977c}
.landing-editorial .inquiry-fragment{position:absolute;bottom:5%;right:0;display:flex;gap:14px;align-items:center;background:#f9fafb;padding:20px;border-radius:14px;max-width:350px}
.landing-editorial .inquiry-fragment strong{font-size:15px;font-weight:500}
.landing-editorial .inquiry-fragment p{font-size:13px;margin:4px 0}
.landing-editorial .inquiry-fragment span:not(.inquiry-mark){font-size:12px;color:#64727b}
.landing-editorial .inquiry-mark{width:44px;height:44px;border-radius:50%;background:#e0e9ef;display:grid;place-items:center;color:#48697f;flex-shrink:0}
.landing-editorial .website-copy p{font-size:18px;margin:26px 0;max-width:40ch}
.landing-editorial .website-footnote{display:block;margin-top:22px;font-size:13px;color:var(--muted)}
.landing-editorial .demo-invitation{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding-block:90px}
.landing-editorial .demo-invitation p{max-width:40ch;margin-bottom:24px}
.landing-editorial .pricing{background:#e9edf0;border-radius:26px;padding-block:64px}
.landing-editorial .pricing .section-intro{margin-bottom:40px}
.landing-editorial .pricing h2{max-width:12ch}
.landing-editorial .pricing .section-intro>div{width:auto;max-width:42ch;color:var(--ink)}
.landing-editorial .billing-switch{background:#dbe1e5;margin-top:16px}
.landing-editorial .pricing-table{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.landing-editorial .pricing-row{display:flex;flex-direction:column;gap:28px;background:#f7f9fa;border-radius:18px;padding:30px;min-width:0}
.landing-editorial .pricing-row.plan-pro{background:#fff}
.landing-editorial .plan-name h3{font-size:32px}
.landing-editorial .plan-name p{max-width:none;min-height:50px}
.landing-editorial .plan-features{flex:1}
.landing-editorial .plan-features li{font-size:14px;line-height:1.5;padding-block:7px}
.landing-editorial .plan-purchase .m-button{width:100%;margin-top:20px}
.landing-editorial .plan-price{font-size:32px}
.landing-editorial .price-detail{font-size:13px;min-height:50px}
.landing-editorial .pricing-note{max-width:90ch;font-size:14px;margin-top:28px}
.landing-editorial .faq{gap:9%;grid-template-columns:.85fr 1.15fr;padding-block:90px}
.landing-editorial .faq details{background:#fff;border-radius:14px;padding:22px 24px}
.landing-editorial .faq-heading h2{max-width:10ch}
.landing-editorial .closing-call{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:56px 44px;background:#e3e7e8;border-radius:22px}
.landing-editorial .closing-call h2{font-size:clamp(30px,3vw,44px);max-width:18ch}
.landing-editorial .compact-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px;padding:44px 20px 28px}
.landing-editorial .compact-footer .platform-brand>img{width:22px;height:34px}
.landing-editorial .compact-footer .platform-wordmark{font-size:25px}
.landing-editorial .compact-footer nav{display:flex;gap:28px;font-size:14px;flex-wrap:wrap}
.landing-editorial .compact-footer a:hover{opacity:.7}
.landing-editorial .compact-footer small{grid-column:1/-1;font-size:13px;color:var(--muted)}
.landing-editorial .demo-opening{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-block:64px}
.landing-editorial .demo-opening h1{font-size:clamp(38px,5vw,72px);letter-spacing:-.055em}
.landing-editorial .demo-opening p{max-width:54ch;margin-top:24px;font-size:18px}
.landing-editorial .demo-page .product-tour{background:#e9edf0}
.landing-editorial .demo-page .product-tour h2{font-size:34px}
.landing-editorial .demo-context{display:grid;grid-template-columns:1fr 1fr;gap:8%}
.landing-editorial .demo-notes{display:grid;gap:22px}
.landing-editorial .demo-notes strong{font-weight:500}
@media(min-width:1700px){.landing-editorial .section-pad{padding-inline:70px}.landing-editorial .story-stage{padding-inline:56px}}
@media(max-width:1050px){
  .landing-editorial .section-pad{padding:80px 28px}
  .landing-editorial .story-intro{grid-template-columns:1fr 1.1fr;gap:32px}
  .landing-editorial .story-stage{padding:24px}
  .landing-editorial .story-panel{grid-template-columns:1fr;gap:32px}
  .landing-editorial .story-copy{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}
  .landing-editorial .story-copy p{margin:0}.landing-editorial .story-copy .text-action{grid-column:2;margin-top:-12px}
  .landing-editorial .cycle-scene{max-width:680px;width:100%;margin:auto}.landing-editorial .fragment-pair{justify-content:center}.landing-editorial .deal-fragment{width:42%;max-width:310px}.landing-editorial .interest-note{max-width:290px}
  .landing-editorial .day-heading{align-items:start;gap:32px}.landing-editorial .day-heading>p{max-width:28ch;font-size:16px}
  .landing-editorial .day-features{gap:22px}.landing-editorial .task-piece{padding:20px}.landing-editorial .task-piece-row small{display:none}.landing-editorial .revenue-piece{padding:18px;min-height:270px}
  .landing-editorial .feature-caption h3{font-size:23px}.landing-editorial .website-story{padding:42px 32px;gap:32px}.landing-editorial .website-visual{padding:0 0 50px;min-height:360px}.landing-editorial .listing-fragment{width:90%}.landing-editorial .inquiry-fragment{padding:16px;bottom:0;right:-12px}.landing-editorial .website-copy p{font-size:16px}
  .landing-editorial .pricing-row{padding:22px 18px;gap:24px}.landing-editorial .plan-price{font-size:27px}.landing-editorial .plan-name p{font-size:14px}.landing-editorial .plan-features li{font-size:13px}.landing-editorial .faq{grid-template-columns:1fr;gap:36px}.landing-editorial .faq-heading h2{max-width:none}
}
@media(max-width:600px){
  .landing-editorial{--header-height:126px}
  .landing-editorial .marketing-hero{height:calc(100svh - var(--header-height) - 10px);min-height:420px;max-height:none}
  .landing-editorial #hero-title{font-size:clamp(32px,9vw,48px);line-height:1.08}
  .landing-editorial .hero-content{padding:26px 22px}.landing-editorial .hero-bottom{margin-top:24px}.landing-editorial .hero-actions{gap:20px}
  .landing-editorial .section-pad{padding:64px 14px}.landing-editorial h2{font-size:34px}.landing-editorial .story-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.landing-editorial .story-intro>div{font-size:16px}
  .landing-editorial .story-stage{padding:18px;border-radius:20px}.landing-editorial .story-switch{width:100%;margin-bottom:30px}.landing-editorial .story-switch button{flex:1;padding:11px 8px;font-size:13px}
  .landing-editorial .story-copy{display:block}.landing-editorial .story-copy h3{font-size:30px}.landing-editorial .story-copy p{margin:18px 0}.landing-editorial .story-copy .text-action{margin:0;font-size:14px}
  .landing-editorial .cycle-track{gap:10px;flex-wrap:wrap;font-size:10px;margin-bottom:24px;justify-content:flex-start}.landing-editorial .fragment-pair{display:block;min-height:0}.landing-editorial .deal-fragment{width:80%;max-width:300px;margin:0 auto}.landing-editorial .interest-note{transform:none;max-width:none;margin:16px 0 0;padding:18px}.landing-editorial .interest-note p br{display:none}.landing-editorial .mini-status{margin-top:12px}
  .landing-editorial .sample-note{text-align:left;font-size:12px}.landing-editorial .working-day{padding-top:0}.landing-editorial .day-heading{display:block;margin-bottom:28px}.landing-editorial .day-heading>p{max-width:none;margin-top:22px}.landing-editorial .day-features{grid-template-columns:1fr;gap:38px}.landing-editorial .day-task{padding:0}.landing-editorial .revenue-piece{min-height:0;padding:20px}.landing-editorial .feature-caption{padding-top:20px}.landing-editorial .feature-caption h3{font-size:24px}
  .landing-editorial .website-story{display:flex;flex-direction:column-reverse;padding:34px 24px;gap:36px;border-radius:20px}.landing-editorial .website-copy p{margin:20px 0}.landing-editorial .website-visual{width:100%;max-width:400px;padding:0 24px 48px;min-height:360px}.landing-editorial .listing-fragment{width:85%;max-width:270px}.landing-editorial .publication-state{font-size:10px}.landing-editorial .inquiry-fragment{right:0}.landing-editorial .inquiry-fragment strong{font-size:13px}.landing-editorial .inquiry-fragment p,.landing-editorial .inquiry-fragment span:not(.inquiry-mark){font-size:11px}
  .landing-editorial .demo-invitation{display:block}.landing-editorial .demo-invitation p{margin:20px 0}
  .landing-editorial .pricing{padding:36px 18px}.landing-editorial .pricing h2{max-width:12ch}.landing-editorial .pricing-table{grid-template-columns:1fr;gap:14px}.landing-editorial .pricing-row{padding:26px;gap:22px}.landing-editorial .plan-name p{min-height:0}.landing-editorial .plan-features li{font-size:14px}.landing-editorial .plan-price{font-size:32px}.landing-editorial .price-detail{min-height:0}.landing-editorial .faq{gap:28px}.landing-editorial .faq details{padding:20px}.landing-editorial .faq details p{margin-right:0}
  .landing-editorial .closing-call{padding:32px 24px;flex-direction:column;align-items:flex-start;gap:24px}.landing-editorial .closing-call h2{font-size:30px}
  .landing-editorial .compact-footer{grid-template-columns:1fr;padding:34px 14px 24px;gap:24px}.landing-editorial .compact-footer nav{gap:24px;font-size:13px}.landing-editorial .compact-footer small{max-width:32ch;font-size:13px}
  .landing-editorial .demo-opening{display:block;padding-block:34px}.landing-editorial .demo-opening h1{font-size:36px}.landing-editorial .demo-opening p{font-size:16px}.landing-editorial .demo-opening .m-button{margin-top:22px}.landing-editorial .demo-page .product-tour{padding:26px 14px}.landing-editorial .demo-page .product-tour h2{font-size:30px}.landing-editorial .demo-context{grid-template-columns:1fr;gap:28px}
}
@media(prefers-reduced-motion:no-preference){.landing-editorial .story-panel.story-enter{animation:editorial-enter .5s var(--ease) both}.landing-editorial .website-visual.reveal-enter{animation-duration:1.1s}.landing-editorial .day-feature.reveal-enter{animation-duration:1s}}